@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap");

/* ============================================
   Quintal & Arte - Brand Colors #313b20
   ============================================ */

/* === HEADER TOP BAR === */
.main_header .header_top {
    background-color: #313b20 !important;
}
.header_top .welcome-text p,
.header_top .welcome-text a,
.header_top .language_currency a,
.header_top .language_currency ul li a,
.header_top .language_currency i {
    color: #fff !important;
}

/* === HEADER MIDDLE (white bg, dark text) === */
.main_header .header_middle {
    background: #fff !important;
}

/* === HEADER BOTTOM / STICKY === */
.header_bottom,
.header_bottom.sticky-header,
.header_bottom.sticky-header.sticky {
    background: #fff !important;
    border-bottom: 1px solid #eee !important;
}
/* categories title */
.categories_title,
.categories_title h2 {
    background: #fff !important;
    color: #313b20 !important;
}
.main_menu nav ul li a,
.call-support p,
.call-support a {
    color: #333 !important;
}
.main_menu nav ul li a.active,
.main_menu nav ul li a:hover {
    color: #313b20 !important;
}

/* === BREADCRUMBS === */
.breadcrumbs_area {
    background: #313b20 !important;
}
.breadcrumb_content h3,
.breadcrumb_content ul li,
.breadcrumb_content ul li a {
    color: #fff !important;
}

/* === BUTTONS (primary green) === */
.slider_content .button,
.button,
a.button,
button.button,
.btn_more a,
.filter_button,
.cart_submit button,
.coupon_inner button,
.checkout_btn a,
#mc-submit,
.modal_add_to_cart button,
.woocommerce .button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background: #313b20 !important;
    color: #fff !important;
    border-color: #313b20 !important;
}
.slider_content .button:hover,
.button:hover,
a.button:hover,
.woocommerce .button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover,
.woocommerce button.button.alt:hover {
    background: #242b17 !important;
    border-color: #242b17 !important;
}

/* === SALE BADGE === */
.label_sale {
    background: #313b20 !important;
    color: #fff !important;
}

/* === PRICE === */
.current_price,
.price ins .woocommerce-Price-amount,
.price_box .woocommerce-Price-amount {
    color: #313b20 !important;
}

/* === PRODUCT HOVER === */
.action_links ul li a:hover {
    background: #313b20 !important;
    color: #fff !important;
    border-color: #313b20 !important;
}

/* === VER CARRINHO (WooCommerce .added_to_cart) === */
a.added_to_cart {
    display: block !important;
    width: 100% !important;
    background: #313b20 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 10px 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
}
a.added_to_cart:hover {
    background: #242b17 !important;
    color: #fff !important;
}

/* === PRODUCT TABS === */
.product_info_button ul li a.active,
.product_info_button ul li a:hover {
    background: #313b20 !important;
    border-color: #313b20 !important;
    color: #fff !important;
}

/* === NEWSLETTER SECTION — WHITE BG === */
.newsletter_area_start,
.newsletter_area_start.newsletter_two,
div.newsletter_area_start {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.newsletter_area_start .section_title h2 {
    color: #333 !important;
}
.newsletter_area_start .section_title h2 span {
    color: #313b20 !important;
}
.subscribe_form button,
.subscribe_form #mc-submit {
    background: #313b20 !important;
    color: #fff !important;
}

/* === FOOTER — WHITE BG === */
footer.footer_widgets,
.footer_widgets,
div.footer_widgets {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-top: 1px solid #e5e5e5 !important;
}
.footer_top {
    background: #ffffff !important;
}
.footer_widgets h3,
.widgets_container h3,
.footer_widgets .widget_menu h3,
.footer_widgets .contact_us h3,
.footer_widgets .widget_app h3 {
    color: #313b20 !important;
}
.footer_widgets p,
.footer_widgets a,
.footer_widgets li a,
.footer_menu ul li a,
.footer_widgetnav_menu ul li a,
.contact_us p,
.contact_us span {
    color: #666 !important;
}
.footer_menu ul li a:hover,
.footer_widgetnav_menu ul li a:hover {
    color: #313b20 !important;
}
.footer_social ul li a {
    background: #313b20 !important;
    color: #fff !important;
    border-color: #313b20 !important;
}
.footer_social ul li a:hover {
    background: #242b17 !important;
}

/* Footer bottom bar */
.footer_bottom {
    background: #f8f8f8 !important;
    background-color: #f8f8f8 !important;
    border-top: 1px solid #e5e5e5 !important;
}
.copyright_area p,
.copyright-text,
.copyright-text a {
    color: #666 !important;
}
.copyright-text a:hover {
    color: #313b20 !important;
}

/* === BANNER FULLWIDTH === */
.banner_fullwidth {
    background: #f5f5f0 !important;
}
.banner_fullwidth_content h2,
.banner_fullwidth_content h3 {
    color: #313b20 !important;
}
.banner_fullwidth_content p {
    color: #666 !important;
}
.banner_fullwidth_content a {
    background: #313b20 !important;
    color: #fff !important;
    display: inline-block;
    padding: 12px 30px;
}

/* === PAGINATION === */
.pagination li .current,
.page-numbers.current,
a.page-numbers:hover {
    background: #313b20 !important;
    color: #fff !important;
    border-color: #313b20 !important;
}

/* === JQUERY UI SLIDER (price filter) === */
.ui-slider .ui-slider-range {
    background: #313b20 !important;
}
.ui-slider .ui-slider-handle {
    border-color: #313b20 !important;
    background: #fff !important;
}

/* === OWL DOTS === */
.owl-dot.active span,
.owl-dot:hover span {
    background: #313b20 !important;
}

/* === MISC LINKS === */
a:hover {
    color: #313b20 !important;
}
.welcome_lukani_header h2 {
    color: #313b20 !important;
}
.banner_content a {
    color: #313b20 !important;
    background: #fff !important;
}
.banner_content a:hover {
    background: #313b20 !important;
    color: #fff !important;
}

/* === STORE STATUS BAR === */
.qa-store-status.open {
    background: #e8f0e0 !important;
    color: #313b20 !important;
}

/* === WC MY ACCOUNT === */
.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #313b20 !important;
    color: #fff !important;
}

/* === SELECTION === */
::selection {
    background: #313b20;
    color: #fff;
}

    max-height: 70px !important;
}

}
    display: block !important;
    width: 150px !important;
    height: auto !important;
    max-height: 60px !important;
    object-fit: contain !important;
    border-radius: 4px;
}

/* Logo wrapper footer — tamanhos dinâmicos vêm de inc/logo.php */
.footer_logo {
    margin-bottom: 30px;
    text-align: center;
    justify-content: center;
    display: flex;
}

/* Banner fullwidth spacing */
.banner_fullwidth {
    margin-top: 75px !important;
}

/* === NAVBAR LIGHT (para banners escuros no hero) === */
.main_header.navbar-light:not(.sticky) .main_menu nav ul li a,
.main_header.navbar-light:not(.sticky) .main_menu nav ul li a.active {
    color: #fff !important;
}
.main_header.navbar-light:not(.sticky) .main_menu nav ul li a:hover {
    color: rgba(255,255,255,0.8) !important;
}
.main_header.navbar-light:not(.sticky) .search_box input {
    color: #fff !important;
    border-bottom-color: rgba(255,255,255,0.5) !important;
}
.main_header.navbar-light:not(.sticky) .search_box input::placeholder {
    color: rgba(255,255,255,0.6) !important;
}
.main_header.navbar-light:not(.sticky) .search_box input::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6) !important;
}
.main_header.navbar-light:not(.sticky) .search_box input::-moz-placeholder {
    color: rgba(255,255,255,0.6) !important;
}
.main_header.navbar-light:not(.sticky) .search_box button,
.main_header.navbar-light:not(.sticky) .search_box button i {
    color: #fff !important;
}
.main_header.navbar-light:not(.sticky) .header_account-list a,
.main_header.navbar-light:not(.sticky) .header_account-list a i {
    color: #fff !important;
}
.main_header.navbar-light:not(.sticky) .item_count {
    color: #fff !important;
}
.main_header.navbar-light:not(.sticky) .canvas_open a i {
    color: #fff !important;
}

/* Categories menu toggle fix */
.categories_menu_toggle {
    display: none;
}
.categories_menu_toggle.active {
    display: block !important;
}