@import url('https://fonts.googleapis.com/css2?family=Amarante&display=swap');

:root {
  /* ==========================================================
     STRUCTURE
     ========================================================== */
  --header-display: block;
  --nav-bar-display: block;
  --topbar-display: none;
  --main-header-padding: 10px 0 10px 0;

  /* ==========================================================
     TYPOGRAPHY
     ========================================================== */
  --site-font: sans-serif;
  --site-font-size: 16px;
  --site-font-weight: 400;
  --site-text-color: #444;

  /* ==========================================================
     LEGACY COLOR INPUTS
     Keep these so existing site-level variable overrides continue
     to work. New site themes should prefer the semantic variables
     below.
     ========================================================== */
  --color-body: #f5f3f3;
  --color-body-foreground: #444;
  --color-menu-text: #fff;
  --color-accent: #dc9814;
  --color-success: #3bb54a;
  --color-success-hover: #009245;
  --color-rating: #ee9e13;
  --color-link: #333;
  --color-black: #111;
  --color-dark: #222;
  --color-dark-mid: #323232;
  --color-mid: #404040;
  --color-muted: #999;
  --color-footer-text: #ccc;
  --color-border-light: #eee;
  --color-category-bg: #efeee3;
  --color-product-bg: #f8f8f8;

  /* ==========================================================
     SEMANTIC SITE TOKENS
     Override these per site when a role needs its own color.
     ========================================================== */

  /* Page / content */
  --site-bg: var(--color-body);
  --body-foreground: var(--color-body-foreground);
  --content-text: var(--color-dark);
  --link-color: var(--color-link);
  --link-hover-color: var(--color-black);

  /* Primary commerce accent */
  --accent-primary: var(--color-accent);

  /* Actions */
  --action-primary-bg: var(--color-success);
  --action-primary-hover-bg: var(--color-success-hover);
  --action-primary-text: var(--color-menu-text);

  /* Product labels / checkout progress */
  --commerce-label-bg: var(--color-success);
  --checkout-progress-bg: var(--color-success);

  /* Ratings */
  --rating-color: var(--color-rating);

  /* Header / navigation */
  --desktop-nav-bg: var(--color-dark);
  --desktop-nav-text: var(--color-menu-text);
  --cart-count-text: var(--color-menu-text);
  --cart-header-text: var(--color-menu-text);
  --submenu-bg: var(--color-menu-text);
  --submenu-text: var(--color-dark-mid);
  --submenu-heading-text: var(--color-black);
  --topbar-text: var(--color-dark-mid);
  --secondary-nav-text: var(--color-mid);

  /* Mobile navigation / header controls */
  --mobile-nav-bg: var(--color-menu-text);
  --mobile-nav-text: var(--color-dark);
  --mobile-header-control-color: var(--color-black);

  /* Header widget / callback feature */
  --header-widget-bg: var(--accent-primary);
  --header-widget-text: var(--color-menu-text);
  --callback-button-bg: var(--accent-primary);
  --callback-button-text: var(--color-menu-text);

  /* Footer */
  --footer-bg: var(--color-black);
  --footer-text: var(--color-footer-text);
  --footer-link: var(--color-muted);
  --footer-heading-text: var(--color-menu-text);
  --footer-link-hover: var(--color-menu-text);

  /* Muted/supporting UI */
  --widget-muted: var(--color-muted);

  /* Borders / surfaces */
  --border-subtle: var(--color-border-light);
  --category-header-bg: var(--color-category-bg);
  --product-page-bg: var(--color-product-bg);
}

html,
body,
button,
input,
select,
option,
textarea {
    font-family: var(--site-font);
    font-size: var(--site-font-size);
    font-weight: var(--site-font-weight);
    color: var(--site-text-color);
}

#masthead {
  display: var(--header-display);
}

.main-header {
  padding: var(--main-header-padding) !important;
}

.col-full-nav {
  display: var(--nav-bar-display);
}

.topbar-wrapper {
  display: var(--topbar-display);
}
/*
a {
  color: var(--link-color) !important;
}

a:hover {
  color: var(--submenu-heading-text) !important;
}
*/
body,
.col-full.topbar-wrapper,
body:not(.header-4) .site-header,
.header-4-container {
  background-color: var(--site-bg) !important;
}

body,
button,
input,
select,
option,
textarea {
  color: var(--body-foreground) !important;
}

/*
.custom-logo {
  height: var(--site-logo-size) !important;
  width: var(--site-logo-size) !important;
}
*/

.price ins,
.summary .yith-wcwl-add-to-wishlist a:before,
.site .commercekit-wishlist a i:before,
.commercekit-wishlist-table .price,
.commercekit-wishlist-table .price ins,
.commercekit-ajs-product-price,
.commercekit-ajs-product-price ins,
.widget-area .widget.widget_categories a:hover,
#secondary .widget ul li a:hover,
#secondary.widget-area .widget li.chosen a,
.widget-area .widget a:hover,
#secondary .widget_recent_comments ul li a:hover,
.woocommerce-pagination .page-numbers li .page-numbers.current,
div.product p.price,
body:not(.mobile-toggled) .main-navigation ul.menu li.full-width.menu-item-has-children ul li.highlight > a,
body:not(.mobile-toggled) .main-navigation ul.menu li.full-width.menu-item-has-children ul li.highlight > a:hover,
#secondary .widget ins span.amount,
#secondary .widget ins span.amount span,
.search-results article h2 a:hover,
.shoptimizer-cart a.cart-contents .count,
.shoptimizer-cart-icon i {
  color: var(--accent-primary) !important;
}

.spinner > div,
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle,
#page .woocommerce-tabs ul.tabs li span,
#secondary.widget-area .widget .tagcloud a:hover,
.widget-area .widget.widget_product_tag_cloud a:hover,
footer .mc4wp-form input[type="submit"],
#payment .payment_methods li.woocommerce-PaymentMethod > input[type="radio"]:first-child:checked + label:before,
#payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child:checked + label:before,
#shipping_method > li > input[type="radio"]:first-child:checked + label:before,
ul#shipping_method li:only-child label:before,
.image-border .elementor-image:after,
ul.products li.product .yith-wcwl-wishlistexistsbrowse a:before,
ul.products li.product .yith-wcwl-wishlistaddedbrowse a:before,
ul.products li.product .yith-wcwl-add-button a:before,
.summary .yith-wcwl-add-to-wishlist a:before,
li.product .commercekit-wishlist a em.cg-wishlist-t:before,
li.product .commercekit-wishlist a em.cg-wishlist:before,
.site .commercekit-wishlist a i:before,
.summary .commercekit-wishlist a i.cg-wishlist-t:before,
.woocommerce-tabs ul.tabs li a span,
.commercekit-atc-tab-links li a span,
.main-navigation ul li a span strong,
.widget_layered_nav ul.woocommerce-widget-layered-nav-list li.chosen:before,
.shoptimizer-cart a.cart-contents:hover .count {
  background-color: var(--accent-primary) !important;
}

.header-widget-region {
  background-color: var(--header-widget-bg) !important;
}

.call-back-feature button {
  background-color: var(--callback-button-bg) !important;
}

.woocommerce-tabs .tabs li a::after,
.commercekit-atc-tab-links li a:after,
.menu-primary-menu-container > ul > li > a span:before,
.menu-primary-menu-container > ul > li.nolink > span:before,
.shoptimizer-cart a.cart-contents .count,
.shoptimizer-cart a.cart-contents .count:after {
  border-color: var(--accent-primary) !important;
}

.button,
input[type="submit"],
ul.products li.product .button,
.commercekit-wishlist-table button,
.woocommerce #respond input#submit.alt,
.product .cart .single_add_to_cart_button,
.widget_shopping_cart a.button.checkout,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart,
.site div.wpforms-container-full .wpforms-form button[type="submit"],
ul.products li.product .added_to_cart,
ul.wc-block-grid__products .wp-block-button__link,
.woocommerce-cart p.return-to-shop a,
.elementor-row .feature a,
.image-feature figcaption span,
.wp-element-button.wc-block-cart__submit-button,
.wp-element-button.wc-block-components-button.wc-block-components-checkout-place-order-button {
  background-color: var(--action-primary-bg) !important;
}

.onsale,
.product-label,
.wc-block-grid__product-onsale {
  background-color: var(--commerce-label-bg) !important;
}

ul.checkout-bar:before,
.woocommerce-checkout .checkout-bar li.active:after,
ul.checkout-bar li.visited:after {
  background-color: var(--checkout-progress-bg) !important;
}

.widget_shopping_cart a.button.checkout {
  border-color: var(--action-primary-bg) !important;
}

.content-area .summary .onsale {
  color: var(--commerce-label-bg) !important;
}

.summary .product-label:before,
.product-details-wrapper .product-label:before {
  border-right-color: var(--commerce-label-bg) !important;
}

.rtl .product-details-wrapper .product-label:before {
  border-left-color: var(--commerce-label-bg) !important;
}

.button:hover,
[type="submit"]:hover,
.commercekit-wishlist-table button:hover,
ul.products li.product .button:hover,
#place_order[type="submit"]:hover,
body .woocommerce #respond input#submit.alt:hover,
.product .cart .single_add_to_cart_button:hover,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.added_to_cart:hover,
.site div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
.site div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
ul.products li.product .added_to_cart:hover,
ul.wc-block-grid__products .wp-block-button__link:hover,
.widget_shopping_cart a.button.checkout:hover,
.woocommerce-cart p.return-to-shop a:hover,
.wp-element-button.wc-block-cart__submit-button:hover,
.wp-element-button.wc-block-components-button.wc-block-components-checkout-place-order-button:hover {
  background-color: var(--action-primary-hover-bg) !important;
}

.widget_shopping_cart a.button.checkout:hover {
  border-color: var(--action-primary-hover-bg) !important;
}

.entry-content .testimonial-entry-title:after,
.cart-summary .widget li strong::before,
p.stars.selected a.active::before,
p.stars:hover a::before,
p.stars.selected a:not(.active)::before {
  color: var(--rating-color) !important;
}

.star-rating > span:before {
  background-color: var(--rating-color) !important;
}

.header-widget-region,
.header-widget-region a {
  color: var(--header-widget-text) !important;
}

.button,
.button:hover,
.message-inner a.button,
.wc-proceed-to-checkout a.button,
.wc-proceed-to-checkout .checkout-button.button:hover,
.commercekit-wishlist-table button,
input[type="submit"],
ul.products li.product .button,
ul.products li.product .added_to_cart,
ul.wc-block-grid__products .wp-block-button__link,
ul.wc-block-grid__products .wp-block-button__link:hover,
.site .widget_shopping_cart a.button.checkout,
.woocommerce #respond input#submit.alt,
.main-navigation ul.menu ul li a.button,
.main-navigation ul.menu ul li a.button:hover,
body .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li a.button:hover,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li:hover a.added_to_cart,
.site div.wpforms-container-full .wpforms-form button[type="submit"],
.product .cart .single_add_to_cart_button,
.woocommerce-cart p.return-to-shop a,
.elementor-row .feature p a,
.image-feature figcaption span,
.wp-element-button.wc-block-cart__submit-button,
.wp-element-button.wc-block-components-button.wc-block-components-checkout-place-order-button {
  color: var(--action-primary-text) !important;
}

.onsale,
.product-label,
.wc-block-grid__product-onsale {
  color: var(--action-primary-text) !important;
}

.call-back-feature button,
.site-content div.call-back-feature button:hover {
  color: var(--callback-button-text) !important;
}

.site footer.site-footer .widget .widget-title,
.site-footer .widget.widget_block h2 {
  color: var(--footer-heading-text) !important;
}

footer.site-footer a:not(.button):hover,
footer.copyright a:hover {
  color: var(--footer-link-hover) !important;
}

.shoptimizer-cart .cart-contents {
  color: var(--cart-header-text) !important;
}

.single-product div.product form.cart .button.added::before,
#payment .place-order .button:before,
.cart-collaterals .checkout-button:before,
.widget_shopping_cart .buttons .checkout:before {
  background-color: var(--action-primary-text) !important;
}

footer.site-footer li a:after {
  border-color: var(--footer-heading-text) !important;
}

.entry-content,
.term-description p,
.term-description a,
.term-description a:hover,
.shoptimizer-category-banner h1,
.shoptimizer-category-banner .taxonomy-description p
{
  color: var(--content-text) !important;
  font-family: var(--site-font) !important;
}

.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li.menu-item-has-children > a,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li.heading > a,
.main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li.nolink > span {
  color: var(--submenu-heading-text) !important;
}

.top-bar,
.top-bar a {
  color: var(--topbar-text) !important;
}

.secondary-navigation .menu a,
.ri.menu-item:before,
.fa.menu-item:before {
  color: var(--secondary-nav-text) !important;
}

.secondary-navigation .icon-wrapper svg {
  stroke: var(--secondary-nav-text) !important;
}

.below-content .widget .ri {
  color: var(--widget-muted) !important;
}

.below-content .widget svg {
  stroke: var(--widget-muted) !important;
}

footer.site-footer,
footer.copyright {
  background-color: var(--footer-bg) !important;
  color: var(--footer-text) !important;
}

footer.site-footer a:not(.button),
footer.copyright a {
  color: var(--footer-link) !important;
}

.col-full.topbar-wrapper {
  border-bottom-color: var(--border-subtle) !important;
}

header.woocommerce-products-header,
.shoptimizer-category-banner {
  background-color: var(--category-header-bg) !important;
}

.single-product .site-content .col-full {
  background-color: var(--product-page-bg) !important;
}

@media (min-width: 993px) {
  .header-4 .header-4-container {
    border-bottom-color: var(--border-subtle) !important;
  }
  
  .col-full-nav {
    background-color: var(--desktop-nav-bg) !important;
  }
  
  .menu-primary-menu-container > ul > li > a,
        .menu-primary-menu-container > ul > li.nolink > span {
    color: var(--desktop-nav-text) !important;
  }
  
  .main-navigation ul.menu > li.menu-item-has-children > a::after {
    background-color: var(--desktop-nav-text) !important;
  }
  
  .main-navigation ul.menu ul.sub-menu {
    background-color: var(--submenu-bg) !important;
  }
  
  .main-navigation ul.menu ul li a,
        .main-navigation ul.nav-menu ul li a {
    color: var(--submenu-text) !important;
  }
  
  .main-navigation ul.menu ul li.menu-item:not(.menu-item-image):not(.heading) > a:hover {
    color: var(--accent-primary) !important;
  }
  
  .shoptimizer-cart-icon svg {
    stroke: var(--accent-primary) !important;
  }
  
  .shoptimizer-cart a.cart-contents:hover .count {
    color: var(--cart-count-text) !important;
  }
}

@media (max-width: 992px) {
  .m-search-bh .site-search,
        .m-search-toggled .site-search,
        .site-branding button.menu-toggle,
        .site-branding button.menu-toggle:hover,
        .col-full-nav {
    background-color: var(--mobile-nav-bg) !important;
  }
  
  .menu-toggle .bar {
    background-color: var(--mobile-header-control-color) !important;
  }
  
  .menu-toggle .bar-text,
        .menu-toggle:hover .bar-text {
    color: var(--mobile-header-control-color) !important;
  }
  
  .mobile-search-toggle svg,
        .shoptimizer-myaccount svg {
    stroke: var(--mobile-header-control-color) !important;
  }
  
  .shoptimizer-cart a.cart-contents:hover .count {
    background-color: var(--accent-primary) !important;
  }
  
  .shoptimizer-cart a.cart-contents:not(:hover) .count {
    color: var(--accent-primary) !important;
  }
  
  .shoptimizer-cart-icon svg {
    stroke: var(--accent-primary) !important;
  }
  
  .shoptimizer-cart a.cart-contents .count,
        .shoptimizer-cart a.cart-contents .count:after {
    border-color: var(--accent-primary) !important;
  }
  
  .main-navigation ul li a,
        .menu-primary-menu-container > ul > li.nolink > span,
        body .main-navigation ul.menu > li.menu-item-has-children > span.caret::after,
        .main-navigation .woocommerce-loop-product__title,
        .main-navigation ul.menu li.product,
        body .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li h6 a,
        body .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li h6 a:hover,
        .main-navigation ul.products li.product .price,
        body .main-navigation ul.menu li.menu-item-has-children li.menu-item-has-children span.caret,
        body.mobile-toggled .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li p.product__categories a,
        body.mobile-toggled ul.products li.product p.product__categories a,
        body li.menu-item-product p.product__categories,
        main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li.menu-item-has-children > a,
        .main-navigation ul.menu li.menu-item-has-children.full-width > .sub-menu-wrapper li.heading > a,
        .mobile-extra,
        .mobile-extra h4,
        .mobile-extra a:not(.button) {
    color: var(--mobile-nav-text) !important;
  }
  
  .main-navigation ul.menu li.menu-item-has-children span.caret::after {
    background-color: var(--mobile-nav-text) !important;
  }
  
  .main-navigation ul.menu > li.menu-item-has-children.dropdown-open > .sub-menu-wrapper {
    border-bottom-color: var(--border-subtle) !important;
  }
}