:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(118,118,118);
	--wd-text-font-size: 16px;
	--wd-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Fraunces", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(64,90,64);
	--wd-alternative-color: rgb(249,241,232);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(64,90,64);
	--btn-accented-bgcolor-hover: rgba(64,90,64,0.89);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(0,0,0);
	background-image: url(https://tomillococina.es/wp-content/uploads/2026/08/footer-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ============================================================
   Woodmart slide-out panels -> light, matching the site
   Covers all three:  cart  •  mobile menu  •  login/signup
   ------------------------------------------------------------
   Paste into: Appearance -> Customize -> Additional CSS
               (or Theme Settings -> Custom CSS)

   WHY THEY'RE DARK
   All three render with the class `color-scheme-light`, which in
   Woodmart means LIGHT TEXT — the scheme you use *on* a dark
   background — so each panel paints itself near-black (#0F0F0F)
   with white text.

   NO-CSS ALTERNATIVE: each panel has its own colour-scheme
   setting in Theme Settings, and setting them to Dark/Default
   ("dark text", i.e. a light panel) does this without CSS:
     • Cart:   Theme Settings -> Shop -> Cart
     • Menu:   Theme Settings -> Header -> Mobile
     • Login:  Theme Settings -> Shop -> My account / Login
   Use the CSS below if you'd rather do it in one place.

   HOW IT WORKS
   Rather than overriding dozens of individual rules, block 1
   redefines the same CSS variables `color-scheme-light` sets,
   restoring the theme's own default light values (taken from
   :root in woodmart/css/style.css). Every child element — menu
   links, form fields, buttons, borders — then inherits correctly.
   ============================================================ */


/* --- 1. SHARED: flip all three panels back to light ---------- */

.cart-widget-side.color-scheme-light,
.mobile-nav.color-scheme-light,
.login-form-side.color-scheme-light {
    --color-white: #FFF;
    --color-gray-100: #f7f7f7;
    --color-gray-200: #f1f1f1;
    --color-gray-300: #bbb;
    --color-gray-400: #a5a5a5;
    --color-gray-500: #767676;
    --color-gray-600: #666;
    --color-gray-700: #555;
    --color-gray-800: #333;
    --color-gray-900: #242424;
    --color-black-rgb: 0, 0, 0;

    --bgcolor-black-rgb: 0, 0, 0;
    --bgcolor-white-rgb: 255, 255, 255;
    --bgcolor-white: #FFF;
    --bgcolor-gray-100: #f7f7f7;
    --bgcolor-gray-200: #f7f7f7;
    --bgcolor-gray-300: #f1f1f1;

    --brdcolor-gray-200: rgba(0, 0, 0, 0.075);
    --brdcolor-gray-300: rgba(0, 0, 0, 0.105);
    --brdcolor-gray-400: rgba(0, 0, 0, 0.12);
    --brdcolor-gray-500: rgba(0, 0, 0, 0.2);

    --wd-text-color: #767676;
    --wd-title-color: #242424;
    --wd-widget-title-color: #242424;
    --wd-entities-title-color: #333;
    --wd-entities-title-color-hover: rgba(51, 51, 51, 0.65);
    --wd-link-color: #333;
    --wd-link-color-hover: #242424;
    --wd-form-brd-color: rgba(0, 0, 0, 0.1);
    --wd-form-brd-color-focus: rgba(0, 0, 0, 0.15);
    --wd-form-placeholder-color: #767676;
    --wd-navigation-color: 51, 51, 51;
    --wd-otl-color-scheme: #242424;

    color: var(--wd-text-color);
    background-color: #FFFFFF;
}

/* Panel headings and their close buttons (cart + login have these). */
.cart-widget-side.color-scheme-light .wd-heading .title,
.login-form-side.color-scheme-light .wd-heading .title,
.cart-widget-side.color-scheme-light .close-side-widget a,
.login-form-side.color-scheme-light .close-side-widget a {
    color: #242424;
}

.cart-widget-side.color-scheme-light .close-side-widget a:hover,
.login-form-side.color-scheme-light .close-side-widget a:hover {
    color: #405A40;
}

/* Shared header bar treatment. */
.cart-widget-side .wd-heading,
.login-form-side .wd-heading {
    padding: 20px 15px;
    background-color: #F7F7F5;
    border-bottom: 1px solid rgba(36, 36, 36, 0.12);
}

.cart-widget-side .wd-heading .title,
.login-form-side .wd-heading .title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}


/* --- 2. CART PANEL ------------------------------------------- */

.cart-widget-side {
    --wd-side-hidden-w: 400px;
}

.cart-widget-side .woocommerce-mini-cart .mini_cart_item {
    padding: 18px 15px;
    border-bottom: 1px solid rgba(36, 36, 36, 0.08);
}

.cart-widget-side .mini_cart_item img {
    border-radius: 8px;
}

.cart-widget-side .mini_cart_item .wd-entities-title a:hover {
    color: #405A40;
}

.cart-widget-side .shopping-cart-widget-footer {
    border-top: 1px solid rgba(36, 36, 36, 0.12);
}

.cart-widget-side .woocommerce-mini-cart__total .amount {
    font-size: 18px;
    font-weight: 700;
    color: #405A40;
}

.cart-widget-side .woocommerce-mini-cart__buttons .button {
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout {
    background-color: #405A40;
    border-color: #405A40;
    color: #FFFFFF;
}

.cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover {
    background-color: #2E4130;
    border-color: #2E4130;
}


/* --- 3. MOBILE MENU PANEL ------------------------------------
   Structure: .mobile-nav > .wd-search-form + ul.mobile-pages-menu
   with li.menu-item > a.woodmart-nav-link */

.mobile-nav .wd-search-form {
    padding: 15px;
    background-color: #F7F7F5;
    border-bottom: 1px solid rgba(36, 36, 36, 0.12);
}

.mobile-nav .searchform input[type="text"],
.mobile-nav .searchform .s {
    background-color: #FFFFFF;
    border: 1px solid rgba(36, 36, 36, 0.14);
    border-radius: 8px;
    color: #242424;
}

.mobile-nav .mobile-pages-menu > li.menu-item {
    border-bottom: 1px solid rgba(36, 36, 36, 0.08);
}

.mobile-nav .mobile-pages-menu > li.menu-item > a.woodmart-nav-link {
    padding: 15px;
    font-size: 15px;
    font-weight: 600;
    color: #242424;
}

.mobile-nav .mobile-pages-menu > li.menu-item > a.woodmart-nav-link:hover,
.mobile-nav .mobile-pages-menu > li.current-menu-item > a.woodmart-nav-link {
    color: #405A40;
    background-color: #F7F7F5;
}

/* Sub-menu items sit a level in and read as secondary. */
.mobile-nav .mobile-pages-menu .sub-menu a.woodmart-nav-link {
    font-weight: 400;
    color: #767676;
}

.mobile-nav .mobile-pages-menu .sub-menu a.woodmart-nav-link:hover {
    color: #405A40;
}

/* The +/arrow that expands a submenu. */
.mobile-nav .wd-nav-opener {
    color: #767676;
}

/* "My account" row at the bottom of the menu. */
.mobile-nav .menu-item-account > a.woodmart-nav-link {
    color: #405A40;
    font-weight: 700;
}


/* --- 4. LOGIN / SIGNUP PANEL ---------------------------------
   Structure: .login-form-side > .wd-heading + form.woocommerce-form-login
   + .create-account-question */

.login-form-side .woocommerce-form-login {
    padding: 20px 15px;
}

.login-form-side .woocommerce-form-login label {
    font-size: 13px;
    font-weight: 600;
    color: #242424;
}

.login-form-side .woocommerce-Input--text,
.login-form-side input[type="text"],
.login-form-side input[type="email"],
.login-form-side input[type="password"] {
    background-color: #FFFFFF;
    border: 1px solid rgba(36, 36, 36, 0.14);
    border-radius: 8px;
    color: #242424;
}

.login-form-side .woocommerce-Input--text:focus,
.login-form-side input[type="password"]:focus {
    border-color: #405A40;
    box-shadow: 0 0 0 3px rgba(64, 90, 64, 0.12);
    outline: none;
}

/* The eye toggle inside the password field. */
.login-form-side .show-password-input {
    color: #767676;
}

/* Primary "Log in" button. */
.login-form-side .woocommerce-form-login__submit,
.login-form-side .btn-accent {
    background-color: #405A40;
    border-color: #405A40;
    color: #FFFFFF;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.login-form-side .woocommerce-form-login__submit:hover,
.login-form-side .btn-accent:hover {
    background-color: #2E4130;
    border-color: #2E4130;
}

/* "Lost your password?" + "Remember me". */
.login-form-side .login-form-footer,
.login-form-side .woocommerce-form__label-for-checkbox {
    color: #767676;
    font-size: 13px;
}

.login-form-side .lost_password a,
.login-form-side .woocommerce-LostPassword {
    color: #767676;
}

.login-form-side .lost_password a:hover,
.login-form-side .woocommerce-LostPassword:hover {
    color: #405A40;
}

/* "No account yet? Create one" block at the bottom — secondary
   (outlined) so it doesn't compete with Log in. */
.login-form-side .create-account-question {
    padding: 20px 15px;
    border-top: 1px solid rgba(36, 36, 36, 0.12);
    background-color: #F7F7F5;
}

.login-form-side .create-account-question p {
    color: #767676;
}

.login-form-side .create-account-button {
    background-color: transparent;
    border: 1px solid #405A40;
    color: #405A40;
    border-radius: 8px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.login-form-side .create-account-button:hover {
    background-color: #405A40;
    color: #FFFFFF;
}


/* --- 5. THE DARK OVERLAY BEHIND ANY PANEL --------------------
   Shared by all three, so this is one rule for all of them. */

.wd-close-side {
    background-color: rgba(0, 0, 0, 0.5);
}


.wd-nav-mobile>li>a, .wd-nav-mobile>li>ul li>a {
	color: #000 !important;
}

@media (max-width: 768px) {
	.joinchat--left .joinchat__button {
			width: 35px;
			height: 35px;
			bottom: 60px;
	}
	
	    .wd-side-hidden.wd-opened {
					z-index: 9999;
			}
}