:root[data-theme="dark"] {
    color-scheme: dark;
}

/* =========================
   BASE
========================= */
html[data-theme="dark"],
html[data-theme="dark"] body {
    background: #111315 !important;
    color: #f3f4f6 !important;
}

html[data-theme="dark"] body {
    font-weight: 400;
}

/* əsas bloklar */
html[data-theme="dark"] .section,
html[data-theme="dark"] .box-info,
html[data-theme="dark"] .menu-section,
html[data-theme="dark"] .card,
html[data-theme="dark"] .holder-right .info,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .bg-white {
    background: #16181b !important;
    color: #f3f4f6 !important;
}

/* typography */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: #ffffff !important;
}

html[data-theme="dark"] p,
html[data-theme="dark"] span,
html[data-theme="dark"] small,
html[data-theme="dark"] li,
html[data-theme="dark"] a {
    color: #d6d9de !important;
}

/* separator */
html[data-theme="dark"] hr,
html[data-theme="dark"] .head,
html[data-theme="dark"] .box-info > .head,
html[data-theme="dark"] .box-order .head {
    border-color: rgba(255,255,255,0.08) !important;
}

/* =========================
   HERO / HEADER
========================= */
html[data-theme="dark"] .place-header,
html[data-theme="dark"] .place-header-content,
html[data-theme="dark"] .section-place-header {
    background: #111315 !important;
}

html[data-theme="dark"] .place-header:before,
html[data-theme="dark"] .place-header:after {
    opacity: 0.35 !important;
}

/* =========================
   CATEGORY PILLS
========================= */

html[data-theme="dark"] #place-menu .item,
html[data-theme="dark"] .content-tab .item {
    margin-right: 10px;
}



html[data-theme="dark"] #place-menu .item a:hover,
html[data-theme="dark"] .content-tab .item a:hover {
    background: #24282d !important;
    border-color: rgba(255,255,255,0.14) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] #place-menu .item.active a,
html[data-theme="dark"] .content-tab .item.active a {
    background: #f1f3f5 !important;
    color: #111315 !important;
    border-color: #f1f3f5 !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.18) !important;
}

/* search icon bubble */
html[data-theme="dark"] #place-menu .item:first-child a,
html[data-theme="dark"] .content-tab .item:first-child a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
}

/* =========================
   PRODUCT CARDS
========================= */
html[data-theme="dark"] .item-offer-horizontal,
html[data-theme="dark"] .strip,
html[data-theme="dark"] .box_list,
html[data-theme="dark"] .item {
    background: linear-gradient(180deg, #191c20 0%, #16181b 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
}

html[data-theme="dark"] .item-offer-horizontal:hover,
html[data-theme="dark"] .strip:hover,
html[data-theme="dark"] .box_list:hover {
    border-color: rgba(255,255,255,0.12) !important;
    box-shadow: 0 14px 28px rgba(0,0,0,0.22) !important;
}

html[data-theme="dark"] .item-offer-horizontal .info p,
html[data-theme="dark"] .product-item_title,
html[data-theme="dark"] .product-item_price,
html[data-theme="dark"] .price {
    color: #d5d9df !important;
}

html[data-theme="dark"] .item-offer-horizontal h5,
html[data-theme="dark"] .strip h5,
html[data-theme="dark"] .box_list h5 {
    color: #ffffff !important;
}

/* şəkillər daha premium görünsün */
html[data-theme="dark"] .item-offer-horizontal img,
html[data-theme="dark"] .strip img,


/* =========================
   RIGHT PANEL / CART
========================= */
html[data-theme="dark"] .holder-right .info,
html[data-theme="dark"] .box-order,
html[data-theme="dark"] .cart-summary,

html[data-theme="dark"] .holder-right .info .head,

/* =========================
   SECTION TITLES
========================= */
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .head h3,
html[data-theme="dark"] .title h2,
html[data-theme="dark"] .title h3 {
    color: #ffffff !important;
}

html[data-theme="dark"] .section-title:after,
html[data-theme="dark"] .head:after {
    opacity: 0.4;
}

/* =========================
   MODAL
========================= */
html[data-theme="dark"] .modal {
    backdrop-filter: blur(4px);
}

html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .modal.show {
    background: rgba(7, 8, 10, 0.58) !important;
}

html[data-theme="dark"] .modal-content {
    background: linear-gradient(180deg, #17191d 0%, #121417 100%) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 26px !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.30) !important;
    overflow: hidden;
}

html[data-theme="dark"] .modal-header {
    background: rgba(255,255,255,0.01) !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

html[data-theme="dark"] .modal-body {
    background: transparent !important;
}

html[data-theme="dark"] .modal-footer {
    background: transparent !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .modalCover {
    background: #0f1113 !important;
}

html[data-theme="dark"] .modal-header .close {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
}

/* modal iç price box */
html[data-theme="dark"] #price-area,
html[data-theme="dark"] #exrtas-area,
html[data-theme="dark"] #variants-area-inside,
html[data-theme="dark"] .variants-area-label {
    background: rgba(255,255,255,0.03) !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 18px !important;
    color: #f3f4f6 !important;
}

/* =========================
   INPUTS / COUNTER
========================= */
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select {
    background: #1c1f23 !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #9aa2ad !important;
}

html[data-theme="dark"] .numbers-row input {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    text-align: center;
}

html[data-theme="dark"] .numbers-row .button_inc,
html[data-theme="dark"] .numbers-row .button_dec,
html[data-theme="dark"] .dec,
html[data-theme="dark"] .inc {
    background: rgba(255,255,255,0.07) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.06) !important;
    border-radius: 12px !important;
}

/* =========================
   BUTTONS
========================= */
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn_1,
html[data-theme="dark"] .button,
html[data-theme="dark"] .btn_hero {
    border-radius: 14px !important;
}

html[data-theme="dark"] .btn_1,
html[data-theme="dark"] .button.red,
html[data-theme="dark"] .checkout-button {
    box-shadow: 0 12px 24px rgba(233, 77, 86, 0.22) !important;
}

/* =========================
   SCHEDULE
========================= */
html[data-theme="dark"] .schedule,
html[data-theme="dark"] .schedule .items,
html[data-theme="dark"] .schedule li,
html[data-theme="dark"] .hours,
html[data-theme="dark"] .day {
    background: transparent !important;
    color: #dde1e7 !important;
}

/* =========================
   TOGGLE BUTTON
========================= */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 999px;
    background: rgba(17, 19, 21, 0.55);
    color: #fff;
    cursor: pointer;
    margin-right: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.18);
    transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
    transform: translateY(-1px);
    background: rgba(25, 28, 32, 0.75);
}

.theme-toggle-btn .theme-toggle-light,
.theme-toggle-btn .theme-toggle-dark {
    font-size: 18px;
    line-height: 1;
    pointer-events: none;
}

/* ===== FORCE DARK FOR LEFT CONTENT WRAPPERS ===== */
html[data-theme="dark"] .container,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .row,
html[data-theme="dark"] .col-lg-8,
html[data-theme="dark"] .col-lg-4,
html[data-theme="dark"] .col-md-8,
html[data-theme="dark"] .col-md-4,
html[data-theme="dark"] .col-xl-9,
html[data-theme="dark"] .col-xl-3,
html[data-theme="dark"] .place-content,
html[data-theme="dark"] .section-place-content,
html[data-theme="dark"] .menu-wrapper,
html[data-theme="dark"] .menu_section,
html[data-theme="dark"] .menu-section,
html[data-theme="dark"] .content-tab-wrapper,
html[data-theme="dark"] .content_area {
    background: transparent !important;
}

/* ===== SECTION TITLE BLOCKS (white bars issue) ===== */
html[data-theme="dark"] .head,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .menu-section-title,
html[data-theme="dark"] .category-title,
html[data-theme="dark"] .title_bars,
html[data-theme="dark"] .title,
html[data-theme="dark"] .title_bar {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .head h3,
html[data-theme="dark"] .section-title h3,
html[data-theme="dark"] .section-title h2,
html[data-theme="dark"] .menu-section-title h3,
html[data-theme="dark"] .category-title h3,
html[data-theme="dark"] .title h2,
html[data-theme="dark"] .title h3 {
    color: #f5f7fa !important;
    background: transparent !important;
}

/* heading altında estetik xətt */
html[data-theme="dark"] .head::after,
html[data-theme="dark"] .section-title::after,
html[data-theme="dark"] .title::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 14px;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,0.22) 0%,
        rgba(255,255,255,0.06) 100%
    ) !important;
}

/* ===== RIGHT SIDEBAR WHITE BACKGROUND FIX ===== */
html[data-theme="dark"] .holder-right,
html[data-theme="dark"] .sticky_top,
html[data-theme="dark"] .theiaStickySidebar,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .cart-col,
html[data-theme="dark"] .opening-hours-col {
    background: transparent !important;
}

html[data-theme="dark"] .holder-right .info,
html[data-theme="dark"] .box_order,
html[data-theme="dark"] .box-info,
html[data-theme="dark"] .opening-hours,

/* ===== PRODUCT LIST AREA ===== */
html[data-theme="dark"] .list-wrapper,
html[data-theme="dark"] .products-list,
html[data-theme="dark"] .menu-items,
html[data-theme="dark"] .offer-list,
html[data-theme="dark"] .category-products {
    background: transparent !important;
}

/* ===== REMOVE RANDOM LIGHT BLOCKS ===== */
html[data-theme="dark"] div[style*="background: #fff"],
html[data-theme="dark"] div[style*="background:#fff"],
html[data-theme="dark"] div[style*="background-color: #fff"],
html[data-theme="dark"] div[style*="background-color:#fff"],
html[data-theme="dark"] div[style*="background: white"],
html[data-theme="dark"] div[style*="background-color: white"] {
    background: #14171a !important;
    color: #f3f4f6 !important;
}

/* ===== WAITER BUTTON aesthetic ===== */
html[data-theme="dark"] .btn_hero,
html[data-theme="dark"] .call_waiter,
html[data-theme="dark"] .waiter-button {
    background: rgb(255 255 255 / 14%) !important;
    color: #f3f4f6 !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,0.18) !important;
}


/* =========================
TOP STATUS BAR
========================= */

html[data-theme="dark"] .top-message,
html[data-theme="dark"] .restaurant-status,
html[data-theme="dark"] .header-message,
html[data-theme="dark"] .status-bar {
    background: #121417 !important;
    color: #7ee081 !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* =========================
HERO LANGUAGE BUTTON
========================= */

html[data-theme="dark"] .language-selector,
html[data-theme="dark"] .lang-dropdown,
html[data-theme="dark"] .language-dropdown {
    background: rgba(0,0,0,0.45) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    color: #fff !important;
    backdrop-filter: blur(6px);
}

/* =========================
MOBILE ORDER BAR (BOTTOM)
========================= */

html[data-theme="dark"] .mobile-cart-bar,
html[data-theme="dark"] .bottom-cart,
html[data-theme="dark"] .order-bar,
html[data-theme="dark"] .cart-footer,
html[data-theme="dark"] .mobile-checkout {
    background: #14171a !important;
    border-top: 1px solid rgba(255,255,255,0.06) !important;
}

/* sifariş buttonu */

html[data-theme="dark"] .mobile-cart-bar button,
html[data-theme="dark"] .mobile-checkout button,
html[data-theme="dark"] .order-bar button {
    border-radius: 14px !important;
}

/* =========================
MOBILE PAGE WRAPPER
========================= */

html[data-theme="dark"] body,
html[data-theme="dark"] .page-wrapper,
html[data-theme="dark"] .main-wrapper,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .content-wrapper {
    background: #111315 !important;
}

/* =========================
CATEGORY AREA MOBILE FIX
========================= */

html[data-theme="dark"] .menu-wrapper,
html[data-theme="dark"] .menu-section,
html[data-theme="dark"] .content-tab-wrapper {
    background: transparent !important;
}

/* =========================
REMOVE RANDOM WHITE BLOCKS
========================= */

html[data-theme="dark"] div[style*="#fff"],
html[data-theme="dark"] div[style*="white"],
html[data-theme="dark"] section[style*="#fff"],
html[data-theme="dark"] section[style*="white"] {
    background: #111315 !important;
}

/* =========================
MODAL OVERLAY (MORE PREMIUM)
========================= */

html[data-theme="dark"] .modal-backdrop.show {
    opacity: 0.75 !important;
}

/* =========================
SCROLL AREA (mobile)
========================= */

html[data-theme="dark"] .place-content,
html[data-theme="dark"] .section-place-content {
    background: #111315 !important;
}

/* =========================
HERO ICONS
========================= */

html[data-theme="dark"] .social-icons a,
html[data-theme="dark"] .place-social a {
    background: rgba(0,0,0,0.45) !important;
    color: #fff !important;
}

/* =========================
SEARCH BUTTON
========================= */

html[data-theme="dark"] #place-menu .item.search a {
    background: #1d2024 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
    .theme-toggle-btn {
        width: 42px;
        height: 42px;
        margin-right: 8px;
    }

    html[data-theme="dark"] .item-offer-horizontal,
    html[data-theme="dark"] .strip,
    html[data-theme="dark"] .box_list {
        border-radius: 16px !important;
    }

    html[data-theme="dark"] .holder-right .info,
    html[data-theme="dark"] .box-order {
        border-radius: 16px !important;
    }

    html[data-theme="dark"] .modal-content {
        border-radius: 22px 22px 0 0 !important;
    }
}