@charset "UTF-8";
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://mltekggtirdp.i.optimole.com/cb:vc1n.ef8/w:auto/h:auto/q:mauto/f:best/https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
font-display: swap;
src: url(https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/fonts/slick.eot);
src: url(https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/fonts/slick.woff2) format('woff2'), url(https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/fonts/slick.woff) format('woff'), url(https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/fonts/slick.ttf) format('truetype'), url(https://artisanduoworkshop.gr/wp-content/themes/mytheme/assets/slick/fonts/slick.svg#slick) format('svg');
font-display: swap;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}.slick-carousel, .slick-slider, .slick-list, .slick-track {
margin: 0;
padding: 0;
list-style: none;
}
.slick-slide {
display: flex;
justify-content: center; padding: 0 10px; }
.slick-prev, .slick-next {
display: none; }
.slick-track {
display: flex;
justify-content: flex-start; }
.slick-slide img {
max-width: 100%;
display: block;
}
.content-area {
margin-top: 0px!important; }
.content-area.primary {
margin-top: 0px!important;
}.product-carousel {
display: flex;
flex-wrap: wrap;
gap: 20px; justify-content: center; align-items: flex-start; margin: 0 auto; max-width: 100%; }
.product-carousel .slick-list {
padding-top:20px;
padding-bottom: 20px;
} .product-carousel .single-product {
border: 1px solid #ddd; border-radius: 0.3rem; padding: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); background-color: #f5f5f5; transition: transform 0.3s ease; text-align: center; display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 350px; height: 100%; flex-grow: 1; flex-basis: calc(33.333% - 20px); box-sizing: border-box; } @media screen and (max-width: 1024px) {
.product-carousel .single-product {
flex-basis: calc(50% - 20px); }
.product-carousel .single-product {
width: 100%; height: auto; overflow: hidden; }
.product-carousel .single-product img {
width: 100%;
height: auto;
display: block;
object-fit: contain; }
}
@media screen and (max-width: 768px) {
} .product-carousel .single-product:hover {
transform: translateY(-5px); }
.product-carousel .single-product img {
max-width: 100%; object-fit: cover; border-radius: 0.3rem; margin-bottom: 10px; margin-top: 10px; }
.product-carousel .single-product h2 {
font-size: 21px; color: #333; text-align: center; flex-grow: 1; height: 1rem; font-weight: 600;
}
.product-carousel .single-product p {
font-size: 18px; color: #B22222; text-align: center; margin-top: 5rem; font-weight: 700;
}.slick-prev, .slick-next {
font-size: 0; background: none; border: none; outline: none; cursor: pointer; position: absolute;
top: 50%;
z-index: 1;
} .slick-prev, .slick-next {
position: absolute!important;
top: 50%!important;
z-index: 1!important; transform: translateY(-50%)!important; background-color: white!important; border-radius: 50%!important; padding: 10px!important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)!important; cursor: pointer!important;
width: 2rem!important; height: 2rem!important; display: flex!important; justify-content: center!important; align-items: center!important; } .slick-prev {
left: 0; } .slick-next {
right: 0; } .slick-prev:before, .slick-next:before {
font-family: 'Font Awesome 5 Free'!important; font-weight: 900!important;
color: #B22222!important; font-size: 20px!important; } .slick-prev:before {
content: '\f104'; } .slick-next:before {
content: '\f105'; } .slick-dots {
position: relative;
display: flex;
justify-content: center; gap: 13px; margin: 20px 0; padding: 0; list-style: none; } .slick-dots li {
margin: 0; padding: 0; list-style: none; } .slick-dot {
background-color: black; border: none;
width: 20px; height: 20px; border-radius: 50%; transition: background-color 0.3s ease;
padding: 0; font-size: 0; outline: none; } .slick-dots li.slick-active .slick-dot {
background-color: #B22222; } .slick-dots li .slick-dot:hover {
background-color: #B22222; }.goog-te-banner-frame.skiptranslate {
display: none !important;
}
.preheader {
position: relative;
overflow: visible; }
.site-header {
display: flex;
justify-content: space-between; align-items: center;
width: 100%; margin: 0; padding-top: 20px;
padding-bottom: 20px;
position: sticky;
top: 0; z-index: 1000; background-color: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: background-color 0.3s, transform 0.3s ease-in-out, padding 0.3s ease, height 0.3s ease;
margin: auto; } .site-header.sticky {
background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .preheader, .category-header {
font-family: 'comic sans ms', sans-serif !important;
transition: transform 0.3s ease, opacity 0.3s ease;
will-change: transform, opacity;
position: sticky;
top: 0; z-index: 10000; margin: auto; text-align:center;
background-color:black;
}
.preheader p {
margin-bottom: 0px;
color: white;
} .hidden-on-scroll {
transform: translateY(-100%);
transition: transform 0.3s ease-in-out;
}
.header-container {
display: flex;
align-items: center;
justify-content: space-between; width: 100%;
max-width: 1320px;
margin: 0 auto;
}
.site-icon img {
max-width: 11rem !important;
width: 11rem !important;
transition: all 0.3s ease;
}
.site-header.shrink {
padding-top: 5px;
padding-bottom: 5px;
}
.site-header.shrink .site-icon img {
max-width: 6rem !important;
width: 6rem !important;
}
.header-search {   
flex: 5; }
.header-search input {
font-family: 'comic sans ms', sans-serif !important;
}
.search-field {
width: 100%;
padding: 8px 40px 8px 12px;
font-size: 16px;
border-radius: 0.3rem!important;
margin-left: 0px!important;
}
.search-submit {
position: absolute;
right: 10px; top: 50%;
transform: translateY(-50%);
background: transparent!important;
border: none;
cursor: pointer;
padding-right: 0px;
padding-left: 0px;
}
.search-submit:hover {
background: transparent; }
.search-icon {
font-size: 18px;
color: #666;
}
.search-form {
position: static;
}
.header-cart {
flex: 1; display: flex;
justify-content: flex-start; }
.header-cart a {
font-size: 18px;
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}
.header-cart .cart-count {
background-color: red;
color: white;
border-radius: 50%;
padding: 5px 10px;
margin-left: 10px;
}
.container div {
gap: 2rem;
}
.elementor-widget-image img {
border-radius: 0.3rem!important;
} 
.e-con>.e-con-inner {
gap: 0!important;
}
.e-con-inner div{
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.elementor-element {
padding: 0;
}
.elementor-25 .elementor-element.elementor-element-b94114b, .elementor-25 .elementor-element.elementor-element-77ca1bb {
padding: 0px!important;
}
.elementor-25 .elementor-element.elementor-element-f9d7f5e ,.elementor-25 .elementor-element-0083abf {
padding 0px!important;
}
.smart-slider .ss-slide {
height: 500px !important; }
.header-user {
font-size: 14px;
position: relative;
}
.header-user .user-account {
color: #333;
text-decoration: none;
}
.header-user .user-account:hover {
color: tan;
text-decoration: none;
}
.header-user i.fas.fa-user {
font-size: 24px;
}
.header-user .user-text {
margin-left: 8px;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.2;
gap: 0!important;
}
.header-user .account-label {
font-size: 12px;
color: #666;
}
.header-user .account-action {
font-size: 14px;
font-weight: bold;
}
.user-dropdown {
position: absolute;
top: 100%;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
min-width: 180px;
z-index: 999;
margin-top: 8px;
overflow: hidden;
}
.user-dropdown ul {
list-style: none;
margin: 0;
padding: 0;
}
.user-dropdown ul li {
border-bottom: 1px solid #eee;
}
.user-dropdown ul li:last-child {
border-bottom: none;
}
.user-dropdown ul li a {
display: block;
padding: 10px 15px;
color: #333;
text-decoration: none;
transition: background 0.3s;
}
.user-dropdown ul li a:hover {
background: #f5f5f5;
}
.woocommerce div.product div.images {
max-width: 500px; margin: 0 auto;
}
.custom-select-wrapper {
color: black;
position: relative;
width: 200px;
font-family: sans-serif;
z-index: 1001;
}
.custom-select-trigger {
display: flex;
align-items: center;
gap: 8px;
background-color: #fff;
border: 1px solid #ccc;
padding: 8px;
cursor: pointer;
}
.custom-options {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: white;
border: 1px solid #ccc;
display: none;
flex-direction: column;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
gap: 0px!important;
}
.custom-option {
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.custom-option:hover {
background-color: #f0f0f0;
}
.custom-select-wrapper.open .custom-options {
display: flex;
}
.mobile-search {
display: none;
} @media screen and (max-width: 768px) {
.container div {
gap: 0;
}
.preheader-translate {
display: flex;
flex-direction: row; align-items: center;
justify-content: center; gap: 10px; }
.preheader-translate a {
align-items: center;
justify-content: center;
}
.preheader-translate a span {
display: none; }
.preheader {
font-size: 13px!important;
position: relative; top: 0;
left: 0;
width: 100%;
height: auto;
word-wrap: break-word;
padding: 0!important;
z-index: 1001; } .preheader {
padding: 10px 0; }
.site-header {
position: sticky; top: 0; width: 100%; z-index: 1000; background-color: white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); flex-wrap: nowrap; display: flex;
justify-content: space-between; }
.header-container {
display: flex;
justify-content: space-between; width: 100%;
max-width: 1320px;
margin: 0 auto;
flex-wrap: nowrap; }
.header-user {
display: none!important;
} .header-search {
display: none;
position: absolute;
top: 100%; left: 0;
width: 100%;
background-color: #fff;
z-index: 1000; padding: 10px 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); margin-left: 0px!important;
}
.mobile-search {
display: block!important; 
position: absolute;
top: 100%; left: 0;
width: 100%;
background-color: #fff;
z-index: 1000; padding: 10px 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); margin-left: 0px!important;
}
.burger-menu {
order: 1;
} .header-search.active {
display: block;
}
.search-field {
font-size: 14px; padding: 8px 30px 8px 10px; }  .site-icon {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.header-cart {
position: absolute;
right: 5%;
}
.site-icon img,.site-header.shrink .site-icon img {
width: 5rem!important;
}
.header-search-icon {
display:none;
} .site-header {
flex-direction: row; padding-top: 10px;
padding-bottom: 10px;
}
.header-container {
flex-direction: row;
align-items: center; width: 100%;
}
.site-icon {
flex: 0 0 80px; }
.header-cart {
flex: 0 0 auto; }
}.category-header {
background-color: #4c4645;
padding: 10px 0;
border-bottom: 1px solid #e1e1e1;
position: relative;
z-index: 999;
display: flex;
align-items: center; justify-content: center; }
.category-menu {
display: flex;
justify-content: flex-start;
align-items: center;
list-style: none;
margin: 0;
padding: 0; flex-wrap: wrap;
width: 100%;
gap: 2rem;
} .menu-item {
position: relative;
margin: 0 15px;
font-family: 'Inter', sans-serif;
display: flex;
align-items: center;
justify-content: center;
color: white;
gap: 0.3rem;
}
.menu-item a {
font-size: 20px;
color: #D2B48C;
text-decoration: none;
}
.menu-item:hover a, .menu-item .subcategory-menu li:hover {
color: #D2B48C;
}
.dropdown {
display: none;
position: absolute;
background-color: white;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
list-style: none;
margin: 0;
padding: 10px 0;
top: 100%;
left: 0;
width: 200px;
}
.menu-item:hover .dropdown {
display: block;
}
.dropdown li {
padding: 10px;
}
.dropdown li a {
text-decoration: none;
color: #4c4645 !important;
}
.dropdown li a:hover {
background-color: #f0f0f0;
}
.menu-item .arrow {
font-size: 11px;
} .menu-item:hover .arrow {
transform: rotate(180deg);
} @media (max-width: 1027px) {
.category-header {
display: none; }
.site-header .container {
display: flex;
justify-content: space-between;
align-items: center;
} .sidebar {
position: fixed;
top: 0;
left: -250px;
width: 250px;
height: 100%;
background-color: #fff;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
overflow-y: auto;
transition: left 0.3s ease;
}
.sidebar ul li ,.sidebar-content ul li{
margin:0px !important;
}
.sidebar li,.sidebar-content li{
border-top: 1px solid #e0e0e0; padding: 1rem;
margin: 0px;
}
.sidebar li:last-child, .sidebar-content li:last-child{
border-bottom: 1px solid #e0e0e0; }
.sidebar.open {
left: 0;
}
.sidebar-content {
overflow-y: auto;
padding: 20px;
max-height: 100%;
}
.sidebar-content li{
font-size: 17px;
font-weight:bold;
position: relative;
margin: 0 15px;
font-family: 'Inter', sans-serif;
display: flex;
align-items: center;
flex: 1 1 150px;
justify-content: left;
color: white;
gap:0.5rem;
}
.sidebar-content li a:hover {
color: #D2B48C;
}
.sidebar-content ul{
margin: 0!important;
}
.category-menu {
list-style: none;
padding: 0;
gap: 0;
}
}.footer-container {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.footer-container div {
margin: 0 20px;
flex: 1;
}
.footer-logo img {
width: 11rem;
}
.footer-logo {
text-align: center;
}
.footer-categories h4,
.footer-info h4,
.footer-contact h4 {
margin-bottom: 10px;
font-size: 18px;
border-bottom: 1px solid white;
color: white;
text-align: left;
display: inline-block;
font-family: 'comic sans ms',  sans-serif!important;
}
.footer-categories ul,
.footer-info ul,
.footer-contact ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
text-align: left;
}
.footer-contact .social-icons {
margin-left: 0;
display: flex; justify-content: flex-start; }
.footer-contact .social-icons a {
font-size: 28px;
margin-right: 1rem!important;
}
.footer-contact .social-icons a:hover {
color: #ccc;
} .features-section {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 40px 20px;
background-color: #fff;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-family: 'comic sans ms',  sans-serif!important;
flex-wrap: wrap; }
.feature-box {
flex: 1;
display: flex;
align-items: flex-start;
gap: 15px;
text-align: left;
padding-left: 6rem;
min-width: 250px; margin: 10px 0; }
.feature-icon img {
width: 4rem;
min-width: 4rem;
}
.feature-text {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: 100%;
}
.feature-text h4 {
font-family: 'comic sans ms',  sans-serif!important;
margin: 0;
font-size: 16px;
font-weight: bold;
color: #000;
}
.feature-text p {
margin: 5px 0 0;
font-size: 14px;
color: #555;
}
.footer-text h1 , p , .footer-form label, .footer-form input, .footer-form button {
font-family: 'comic sans ms',  sans-serif!important;
} @media (max-width: 768px) { .footer-container {
flex-direction: column;
align-items: center;
text-align: center;
}
.footer-container div {
margin: 10px 0; width: 100%; text-align: left; }
.footer-logo {
text-align: center!important;
}
.footer-logo img {
width: 8rem; }
.footer-categories h4,
.footer-info h4,
.footer-contact h4 {
font-size: 16px; display: inline-block;
}
.footer-contact .social-icons a {
font-size: 20px; margin: 0px;
}
.footer-contact .social-icons {
justify-content: flex-start;
} .footer-contact ul {
text-align: center; padding: 0; }
.footer-contact ul li {
margin-bottom: 10px; } .features-section {
padding: 20px; }
.feature-box {
padding-left: 0; text-align: center; flex-basis: 100%; margin: 10px 0; }
.feature-text h4 {
font-size: 14px; }
.feature-text p {
font-size: 12px; }
form button[type="submit"] {
padding: 17px 4px!important;
}
form input[type="email"] {
width: 200px!important;
}
}
@media (max-width: 480px) { .footer-container {
padding: 10px; }
.footer-logo img {
width: 6rem; }
.footer-categories h4,
.footer-info h4,
.footer-contact h4 {
font-size: 14px; }
.footer-contact .social-icons a {
font-size: 18px; }
}.burger-menu {
display: none; cursor: pointer;
font-size: 30px; color: #000; padding: 10px;
background-color: transparent;
border: none;
transition: color 0.3s ease; z-index: 999;
margin-left: 0px!important;
}
.burger-menu i {
display: block;
width: 30px; transition: all 0.3s ease;
} .burger-menu i:nth-child(1) {
margin-bottom: 5px;
}
.burger-menu i:nth-child(2) {
margin-bottom: 5px;
} .sidebar.open + .site-header .burger-menu i:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px); }
.sidebar.open + .site-header .burger-menu i:nth-child(2) {
opacity: 0; }
.sidebar.open + .site-header .burger-menu i:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px); } @media (max-width: 1027px) {
.burger-menu {
display: block; }
} .sidebar, .sidebar-overlay {
position: fixed;
top: 0;
width: 250px;
height: 100%;
background-color: #fff;
box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2);
transition: left 0.3s ease; z-index: 1001;
left: -250px; } .sidebar.open {
left: 0; } .sidebar-overlay.open {
left: 0;    z-index: 1002; transition: left 0.3s ease, opacity 0.3s ease; opacity: 1; } .sidebar-content, .sidebar-overlay .sidebar-content {
padding: 20px;
overflow-y: auto;
} .sidebar h3, .sidebar-overlay h3 {
margin-top: 0;
}
.sidebar-content h3 {
text-align: center;
} .sidebar .back-button, .sidebar-overlay .back-button {
cursor: pointer;
font-size: 16px;
margin-bottom: 10px;
} .sidebar ul, .sidebar-overlay ul {
list-style: none;
padding-left: 0;
}
.sidebar ul li, .sidebar-overlay ul li {
margin: 5px 0;
}
.sidebar ul li a, .sidebar-overlay ul li a {
text-decoration: none;
color: #333;
}
.category-menu {
text-align:left;
} @media (max-width: 1027px) {
.sidebar, .sidebar-overlay {
width: 250px;
} .sidebar.open + #main-content, .sidebar-overlay.open + #main-content {
margin-left: 250px;
}
} .back-button-container {
display: flex;
justify-content: space-between; align-items: center; position: relative;
}
#sidebar-back-button-container {
justify-content: flex-end;
} .back-button {
font-size: 16px;
cursor: pointer;
} .close-btn {
background: none;
border: none;
font-size: 38px;
cursor: pointer;
color: #000;
padding: 0;
margin-bottom: 10px;
}
.close-btn:hover {
color: #ff0000; background: none; 
}.tabs {
max-width: 600px;
margin: 0 auto;
border-radius: 8px;
}
.tab-nav {
display: flex;
justify-content: center;
list-style: none;
padding: 0;
margin-bottom: 20px;
gap: 10px;
}
.tab-item {
padding: 10px 20px;
cursor: pointer;
background-color: #f0f0f0;
border-radius: 8px;
font-size: 16px;
transition: background-color 0.3s ease, color 0.3s ease;
color: #4c4645;
}
.tab-item.active {
background-color: #4c4645; color: tan; }
.tab-item.active:hover {
background-color: tan;
color: #4c4645;
}
.tab-content {
padding: 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 8px;
}
.tab-pane {
display: none;
}
.tab-pane.active {
display: block;
} form input[type="text"],
form input[type="email"],
form input[type="password"] {
width: 100%;
padding: 10px 15px;
border: 1px solid #ccc;
border-radius: 8px!important; box-sizing: border-box;
font-size: 16px;
margin-bottom: 15px;
} form button[type="submit"] {
background-color: #4c4645; color: tan;
padding: 12px 20px;
border: none;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
display: block; margin: 0 auto; } form button[type="submit"]:hover {
background-color: tan; color: #4c4645;
}