/*
Theme Name: Saras - Child
Theme URI: http://okthemes.com/saras
Author: Cristian Gogoneata
Author URI: http://www.okthemes.com
Description: Vineyard, Winery  & Wine WooCommerce shop
Tags: e-commerce, food-and-drink, grid-layout, custom-logo, footer-widgets, rtl-language-support, theme-options, translation-ready 
Text Domain: saras
Template: saras
Version: 1.0
=======
License: GPL
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* =Theme customization starts here
----------------------------------------------------------------*/

.single-product div.product .scrolly-content-wrapper.container {
    background: #f6f6f6 !important;
}

.rb-cart-empty .rb-cart-empty__button {
    background-color: #8268c4 !important;
    color: #ffffff !important;
}

#main-nav-toggle {
    display: none !important;
}

.btn,
.button {
    background-color: #8268c4 !important;
}

/* Make Elementor footer template full-width on canvas pages */
footer[itemscope*="WPFooter"],
footer[role="contentinfo"],
footer#page_container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Remove any inner max-width / centering container */
footer[itemscope*="WPFooter"]>.elementor,
footer[itemscope*="WPFooter"] .elementor-section,
footer[itemscope*="WPFooter"] .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* If needed for the specific footer section */
.elementor-element-407 {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
}


.single-product .main-product-wrapper {
    margin-bottom: 0 !important;
}

table.cart td.product-name a {
    font-family: 'Poppins', sans-serif;
}

.woocommerce-account .rb-myaccount-hero {
    display: none!important;
}


/* ===================== NAVIGATION BUTTON - BLACK HAMBURGER ===================== */

/* Hamburger Toggle Button - TOP RIGHT, BLACK BOX */
/* #main-nav-toggle {
    position: fixed !important;
    /* Centers vertically by placing top at 50% and pulling back by half its height */
/* top: 50% !important; 
    transform: translateY(-50%) !important;  */

/* Stick perfectly to the right edge */
/* right: 0 !important; 
    left: auto !important;
    
    background-color: #82B771 !important;
    padding: 0 !important;
    cursor: pointer !important;
    z-index: 9999999 !important;
    display: flex !important; */

/* Dimensions - adjusted to look like a vertical rectangle sticking to the side */
/* width: 60px !important;  
    height: 80px !important; 
    
    justify-content: center !important;
    align-items: center !important;
    border: none !important;
    margin: 0 !important;
}

#main-nav-toggle:hover {
    background-color: #1a1a1a !important;
} */

/* Container for the bars - FIXED CENTERING */
/* #main-nav-toggle .navbar-btn-bars {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
} */

/* #main-nav-toggle .navbar-btn-bars div {
    width: 30px !important;             
    background-color: #fff !important;
    display: block !important;
    transition: all 0.3s ease !important;
} */
/* Slightly shorter bars */
/* Thinner lines for a cleaner look */

/* ===================== NAVIGATION PANEL - FULL SCREEN ===================== */

/* #main-nav-content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    height: 100vh !important;
    background-color: #000 !important;
    color: #fff !important;
    display: flex !important;
    flex-direction: row !important;
    padding: 60px 80px !important;
    z-index: 9999998 !important;
    transform: translateX(-100%) !important;
    transition: transform 0.4s ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
} */

/* Menu Open State - Slide in from left */
/* #main-nav-content.nav-open {
    transform: translateX(0) !important;
} */

/* Menu Closed State - Slide out to left */
/* #main-nav-content.nav-closed {
    transform: translateX(-100%) !important;
} */

/* ===================== CLOSE BUTTON ===================== */

/* #main-nav-toggle-close {
    display: none !important;
} */

/* Ensure the Close Toggle matches the same position */
/* #main-nav-content.nav-open #main-nav-toggle-close {
    display: flex !important;
    position: fixed !important;
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
    z-index: 9999999 !important;
    background-color: #000 !important;
    width: 60px !important;
    height: 80px !important;
    justify-content: center !important;
    align-items: center !important;
}

#main-nav-content.nav-open #main-nav-toggle-close .navbar-btn-bars {
    width: 35px !important;
    gap: 7px !important;
}

#main-nav-content.nav-open #main-nav-toggle-close .navbar-btn-bars div {
    width: 35px !important;
    height: 3px !important;
    background-color: #fff !important;
} */

/* Animate X - turn hamburger into X */
/* #main-nav-content.nav-open #main-nav-toggle-close .navbar-btn-bars div:first-child {
    transform: rotate(45deg) translateY(11px) !important;
}

#main-nav-content.nav-open #main-nav-toggle-close .navbar-btn-bars div:nth-child(2) {
    opacity: 0 !important;
} */

/* #main-nav-content.nav-open #main-nav-toggle-close .navbar-btn-bars div:last-child {
    transform: rotate(-45deg) translateY(-11px) !important;
} */

/* ===================== OVERLAY ===================== */

/* #nav-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.6) !important;
    z-index: 9999997 !important;
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

#nav-overlay.show {
    display: block !important;
    opacity: 1 !important;
} */

/* ===================== MENU CONTENT - TWO COLUMNS ===================== */
/* 
.main-menu {
    flex: 1 !important;
    margin-right: 80px !important;
}

.secondary-menu {
    flex: 1 !important;
}

.main-menu ul,
.secondary-menu ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.main-menu li,
.secondary-menu li {
    list-style: none !important;
    margin: 0 0 2rem 0 !important;
}

.main-menu a,
.secondary-menu a {
    color: #fff !important;
    text-decoration: none !important;
    font-size: 2rem !important;
    font-weight: 300 !important;
    display: block !important;
    padding: 10px 0 !important;
    transition: color 0.3s ease !important;
} */

/* .main-menu a:hover,
.secondary-menu a:hover {
    color: #ccc !important;
} */

/* Gold color for first menu item */
/* .main-menu li:first-child a {
    color: #c9a961 !important;
} */

/* ===================== RESPONSIVE ===================== */
/* 
@media (max-width: 1024px) {
    #main-nav-content {
        padding: 60px 40px !important;
    }

    .main-menu {
        margin-right: 40px !important;
    }

    .main-menu a,
    .secondary-menu a {
        font-size: 1.6rem !important;
    }
}

@media (max-width: 768px) {
    #main-nav-content {
        flex-direction: column !important;
        padding: 80px 2rem 2rem 2rem !important;
    }

    .main-menu {
        margin-right: 0 !important;
        margin-bottom: 3rem !important;
    }

    .main-menu a,
    .secondary-menu a {
        font-size: 1.4rem !important;
    } */
/* } */

/* @media (max-width: 480px) {
    #main-nav-toggle {
        padding: 15px 15px !important;
    }

    #main-nav-toggle .navbar-btn-bars div {
        width: 25px !important;
        height: 2px !important;
    }

    #main-nav-content {
        padding: 60px 1.5rem 1.5rem 1.5rem !important;
    }

    .main-menu a,
    .secondary-menu a {
        font-size: 1.2rem !important;
    }
}  */