@font-face {
    font-family: flame;
    src: url(/css/charbb_reg.ttf);
}

.flame {
    text-shadow: -1px -1px 0 #FF0000, 1px -1px 0 #FF0000, -1px 1px 0 #FF0000, 1px 1px 0 #FF0000;
}

.accordBG {
    background-image: none;
    background-color: #1D1F14;
    border-bottom: 2px solid #ccc;
}

/* ============================================================
   YEE MENU - WHITE THEME OVERRIDE
   ============================================================ */

/* --- Container & Background --- */
.yeemenu-container,
.yeemenu-body-layout,
.yeemenu-main-content,
.yeemenu-layout-wrapper,
.yeemenu-products-section,
.yeemenu-categories-section,
.yeemenu-empty-cart-timings {
    background: #ffffff !important;
    
}

/* --- Typography --- */
.yeemenu-container * {
    color: #333333 !important;
}

/* --- Titles & Headings --- */
.yeemenu-section-title,
.yeemenu-timings-title,
.yeemenu-product-title,
.yeemenu-category-name {
    color: #222222 !important;
    font-weight: 800 !important;
    font-size: 14px;
}

/* --- Product Cards --- */
.yeemenu-product-card {
    background: #f8f8f8 !important;
    border: 3px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
    opacity: .9 !important;
    font-weight:bold;
}

.yeemenu-product-card:hover {
    background: #ffffff !important;
    border-color: #c9a87c !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
}

/* --- Product Prices --- */
.yeemenu-product-price,
.yeemenu-product-price .woocommerce-Price-amount,
.yeemenu-product-price .woocommerce-Price-currencySymbol {
    color: #b07d4b !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* --- Product Descriptions --- */
.yeemenu-product-desc {
    color: #666666 !important;
    font-size: 14px !important;
}

/* --- Add to Cart Buttons --- */
.yeemenu-product-add-btn {
    background: linear-gradient(145deg, #c9a87c, #b8956e) !important;
    color: #1a1a1a !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 8px 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    font-weight: 700 !important;
}

.yeemenu-product-add-btn:hover {
    background: linear-gradient(145deg, #dbb68a, #c9a87c) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(201, 168, 124, 0.3) !important;
}

.yeemenu-product-add-btn .material-icons-outlined {
    color: #1a1a1a !important;
}

/* --- Categories --- */
.yeemenu-category-item {
    background: #fff !important;
    border: 1px solid #dddddd !important;
    padding: 10px 15px !important;
    margin: 5px 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.yeemenu-category-item:hover {
    background: #e8e8e8 !important;
    border-color: #c9a87c !important;
}

.yeemenu-category-active {
    background: #c9a87c !important;
    border-color: #c9a87c !important;
}

.yeemenu-category-name {
    color: #222222 !important;
}

.yeemenu-category-active .yeemenu-category-name {
    color: #1a1a1a !important;
}

/* --- Timings Card --- */
.yeemenu-timings-card {
    background: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-bottom: 20px !important;
}

.yeemenu-timings-title {
    color: #b07d4b !important;
}

.yeemenu-status-badge {
    background: #ffffff !important;
    padding: 4px 12px !important;
    border-radius: 20px !important;
}

.badge-open {
    color: #4a7c59 !important;
    border: 1px solid #4a7c59 !important;
}

.yeemenu-status-dot {
    background: #4a7c59 !important;
}

.yeemenu-timings-row {
    color: #222222 !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

.yeemenu-timings-day {
    color: #222222 !important;
}

.yeemenu-timings-hours {
    color: #666666 !important;
}

.is-today .yeemenu-timings-day {
    color: #b07d4b !important;
    font-weight: 700 !important;
}

.yeemenu-closed-badge {
    color: #e74c3c !important;
}

/* --- Search Bar --- */
.yeemenu-search {
    background: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
}

.yeemenu-search-input {
    background: transparent !important;
    color: #222222 !important;
    border: none !important;
    outline: none !important;
}

.yeemenu-search-input::placeholder {
    color: #999999 !important;
}

.yeemenu-search-icon {
    color: #999999 !important;
}

/* --- Mini Cart --- */
.wc-block-mini-cart {
    background: #f8f8f8 !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px !important;
    max-width: 75px !important;
}

.wc-block-mini-cart__button {
    color: #222222 !important;
}

.wc-block-mini-cart__badge {
    background: #c9a87c !important;
    color: #1a1a1a !important;
}

/* --- Quick View / View Toggle --- */
.yeemenu-view-btn {
    background: #fff !important;
    border: 1px solid #dddddd !important;
    color: #222222 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

.yeemenu-view-btn.active {
    background: #c9a87c !important;
    color: #1a1a1a !important;
    border-color: #c9a87c !important;
}

.yeemenu-view-btn .material-icons-outlined {
    color: inherit !important;
}

/* --- Product Badge --- */
.yeemenu-product-badge {
    color: #b07d4b !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* --- Expand More Text --- */
.yeemenu-timings-list-more {
    color: #888888 !important;
    cursor: pointer !important;
}

.yeemenu-timings-expand-icon {
    color: #888888 !important;
}

/* --- Scrollbar for results --- */
.yeemenu-search-results::-webkit-scrollbar {
    width: 6px !important;
}

.yeemenu-search-results::-webkit-scrollbar-track {
    background: #f0f0f0 !important;
}

.yeemenu-search-results::-webkit-scrollbar-thumb {
    background: #c9a87c !important;
    border-radius: 3px !important;
}

/* ============================================================
   RESPONSIVE TWEAKS
   ============================================================ */

@media (max-width: 768px) {
    .yeemenu-product-card {
        padding: 10px !important;
    }
    
    .yeemenu-product-title {
        font-size: 15px !important;
    }
    
    .yeemenu-product-price {
        font-size: 16px !important;
    }
    
    .yeemenu-category-item {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}

/* --- Category Buttons --- */
.yeemenu-category-item {
    background: #fff !important;
    border: 1px solid #dddddd !important;
    padding: 10px 15px !important;
    margin: 5px 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    color: #222222 !important;
}

.yeemenu-category-item:hover {
    background: #e8e8e8 !important;
    border-color: #c9a87c !important;
}

.yeemenu-category-active {
    background: #c9a87c !important;
    border-color: #c9a87c !important;
}

.yeemenu-category-item .yeemenu-category-name {
    color: #222222 !important;
}

.yeemenu-category-active .yeemenu-category-name {
    color: #1a1a1a !important;
}

.yeemenu-category-item .material-icons-outlined {
    color: #222222 !important;
}

.yeemenu-category-active .material-icons-outlined {
    color: #1a1a1a !important;
}

/* --- Horizontal Scrolling Categories WITH Arrows --- */
.yeemenu-categories-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative !important;
    padding: 8px 0 !important;
    max-width: 100% !important;
}

.yeemenu-scroll-btn {
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #f0f0f0 !important;
    border: 1px solid #dddddd !important;
    color: #222222 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    padding: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

.yeemenu-scroll-btn:hover {
    background: #c9a87c !important;
    border-color: #c9a87c !important;
    color: #1a1a1a !important;
    transform: scale(1.05) !important;
}

.yeemenu-scroll-btn:active {
    transform: scale(0.95) !important;
}

.yeemenu-scroll-btn .material-icons-outlined {
    font-size: 24px !important;
}

.yeemenu-scroll-btn.hidden {
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

.yeemenu-categories-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 12px 16px !important;
    padding: 8px 4px 16px 4px !important;
    scrollbar-width: thin !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    -ms-overflow-style: none !important;
}

.yeemenu-categories-list::-webkit-scrollbar {
    height: 4px !important;
}

.yeemenu-categories-list::-webkit-scrollbar-track {
    background: transparent !important;
}

.yeemenu-categories-list::-webkit-scrollbar-thumb {
    background: #c9a87c !important;
    border-radius: 4px !important;
}

.yeemenu-category-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 20px !important;
    background: #fff !important;
    border: 1px solid #dddddd !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.yeemenu-category-item:hover {
    background: #e8e8e8 !important;
    border-color: #c9a87c !important;
    transform: translateY(-2px) !important;
}

.yeemenu-category-active {
    background: #c9a87c !important;
    border-color: #c9a87c !important;
}

.yeemenu-category-active .yeemenu-category-name {
    color: #1a1a1a !important;
}

.yeemenu-category-name {
    color: #222222 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
}

.yeemenu-category-icon .material-icons-outlined {
    color: #222222 !important;
    font-size: 18px !important;
}

.yeemenu-category-active .material-icons-outlined {
    color: #1a1a1a !important;
}

/* --- Mobile Responsive --- */
@media (max-width: 768px) {
    .yeemenu-scroll-btn {
        flex: 0 0 32px !important;
        width: 32px !important;
        height: 32px !important;
    }
    
    .yeemenu-scroll-btn .material-icons-outlined {
        font-size: 18px !important;
    }
    
    .yeemenu-category-item {
        padding: 8px 14px !important;
        font-size: 13px !important;
    }
}

@media (max-width: 480px) {
    .yeemenu-scroll-btn {
        flex: 0 0 28px !important;
        width: 28px !important;
        height: 28px !important;
    }
    
    .yeemenu-scroll-btn .material-icons-outlined {
        font-size: 16px !important;
    }
    
    .yeemenu-category-item {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
}

.yeemenu-category-icon {
    background: transparent !important;
}

/* ============================================================
   MOBILE VERTICAL STACK (for screens 600px and below)
   ============================================================ */

@media (max-width: 600px) {
    .yeemenu-container,
    .yeemenu-body-layout,
    .yeemenu-main-content,
    .yeemenu-layout-wrapper,
    .yeemenu-products-section,
    .yeemenu-categories-section,
    .yeemenu-empty-cart-timings {
        display: block !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .yeemenu-products-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .yeemenu-product-card {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 12px auto !important;
        padding: 12px !important;
    }

    .yeemenu-product-image-wrap {
        width: 100% !important;
        text-align: center !important;
    }

    .yeemenu-product-image-wrap img {
        width: 30% !important;
        display: block !important;
        margin: 0 auto !important;
    }

    .yeemenu-product-info {
        width: 100% !important;
        text-align: center !important;
        padding: 8px 0 !important;
    }

    .yeemenu-product-footer {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        margin-top: 8px !important;
    }

    .yeemenu-product-price {
        font-size: 18px !important;
    }

    .yeemenu-product-add-btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    .yeemenu-categories-wrapper {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 4px 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    .yeemenu-categories-list {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding: 4px 0 12px 0 !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin !important;
    }

    .yeemenu-category-item {
        flex: 0 0 auto !important;
        padding: 8px 14px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        border-radius: 30px !important;
    }

    .yeemenu-scroll-btn {
        flex: 0 0 30px !important;
        width: 30px !important;
        height: 30px !important;
    }

    .yeemenu-scroll-btn .material-icons-outlined {
        font-size: 18px !important;
    }

    .yeemenu-timings-card {
        width: 100% !important;
        padding: 12px !important;
        margin-bottom: 16px !important;
    }

    .yeemenu-search {
        width: 100% !important;
        padding: 8px 12px !important;
    }

    .yeemenu-search-input {
        width: 100% !important;
        font-size: 14px !important;
    }

    .wc-block-mini-cart {
        width: 100% !important;
        padding: 8px !important;
    }

    .yeemenu-section-title,
    .yeemenu-section-title-products {
        font-size: 18px !important;
        text-align: center !important;
    }

    .yeemenu-product-title {
        font-size: 16px !important;
    }

    .yeemenu-desktop-sidebar {
        display: none !important;
    }

    .yeemenu-category-desc-inline {
        display: block !important;
        margin-left: 0 !important;
        font-size: 13px !important;
        text-align: center !important;
    }
    
    .yeemenu-view-toggle {
        display: none !important;
    }
}

/* --- Fix for category scrolling on mobile --- */
#yeemenu-categories-scroll {
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

#cat-lists {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding: 8px 4px 12px 4px !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scroll-behavior: smooth !important;
    max-width: 100% !important;
}

#cat-lists::-webkit-scrollbar {
    height: 4px !important;
}

#cat-lists::-webkit-scrollbar-track {
    background: transparent !important;
}

#cat-lists::-webkit-scrollbar-thumb {
    background: #c9a87c !important;
    border-radius: 4px !important;
}

#cat-lists .yeemenu-category-item {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 8px 16px !important;
}


/* --- Force the wrapper to constrain YeeMenu --- */
.wrapper {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* --- Force the content area to respect the wrapper --- */
#primary {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* --- Force the main content to stay inside --- */
.site-main {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* --- Force the singular content wrap to center --- */
.singular-content-wrap {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* --- Make YeeMenu respect the container --- */
.yeemenu-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.yeemenu-body-layout,
.yeemenu-main-content,
.yeemenu-layout-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* --- Fix product grid to align with container --- */
.yeemenu-products-grid {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background-image: url("https://www.thecrispywing.com/wp-content/uploads/2023/07/Roo-Medium.png") !important;
    background-repeat: no-repeat !important;
    background-size: 44%;
    background-position: center;
}

/* --- Fix categories wrapper --- */
.yeemenu-categories-wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* --- Fix product cards inside grid --- */
.yeemenu-product-card {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.yeemenu-category-img {
	width:64px !important;
}

.wp-block-woocommerce-filled-mini-cart-contents-block{
	background: #FFF !important;
}

.wc-block-components-drawer__content{
	margin-top:40px !important;
}