/* 🌗 Switch Container */
.theme-switch {
  width: 60px;
  height: 30px;
  background: linear-gradient(145deg, #e0e0e0, #ffffff);
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  transition: all .3s ease;
  box-shadow: inset 2px 2px 6px rgba(0,0,0,.15),
              inset -2px -2px 6px rgba(255,255,255,.7);
}

/* 🔘 Toggle Ball */
.theme-switch::before {
  content: "☀️";
  position: absolute;
  width: 26px;
  height: 26px;
  top: 2px;
  left: 2px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  transition: all .3s ease;
  box-shadow: 0 3px 8px rgba(0,0,0,.25);
}

/* 🌙 Dark Mode */
[data-bs-theme="dark"] .theme-switch {
  background: linear-gradient(145deg, #494949, #1c1c1c);
}

[data-bs-theme="dark"] .theme-switch::before {
  left: 32px;
  content: "🌙";
  background: #212529;
  color: #fff;
}



/* =====================================================
   GLOBAL DARK MODE BASE
===================================================== */
[data-bs-theme="dark"] {
  color-scheme: dark;
}

[data-bs-theme="dark"] body {
  background-color: #121212;
  color: #e9ecef;
}

/* =====================================================
   TYPOGRAPHY
===================================================== */
[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
  color: #ffffff;
}
[data-bs-theme="dark"] label,
[data-bs-theme="dark"] p,
[data-bs-theme="dark"] span,
[data-bs-theme="dark"] li {
  color: #d1d5db;
}

[data-bs-theme="dark"] a {
  color: #adb5bd;
}

[data-bs-theme="dark"] a:hover {
  color: #ffffff;
}

/* =====================================================
   IMAGE / HERO / PARALLAX SECTIONS
===================================================== */
/*[data-bs-theme="dark"] .banner_section::before,*/
/*[data-bs-theme="dark"] .fullscreen::before,*/
/*[data-bs-theme="dark"] .parallax::before,*/
/*[data-bs-theme="dark"] .hero::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  inset: 0;*/
/*  background: rgba(0, 0, 0, 0.65);*/
/*  z-index: 1;*/
/*}*/

[data-bs-theme="dark"] .banner_section > *,
[data-bs-theme="dark"] .fullscreen > *,
[data-bs-theme="dark"] .parallax > *,
[data-bs-theme="dark"] .hero > * {
  position: relative;
  z-index: 2;
}

/* =====================================================
   SECTIONS / WRAPPERS
===================================================== */
[data-bs-theme="dark"] section,
[data-bs-theme="dark"] .section{
  background-color: #121212 !important;
  color: #e9ecef;
  border-bottom: 1px solid #222;
  z-index: 1;
}
[data-bs-theme="dark"] .section:not([style*="background-image"])::after{
  content: '';
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/* odd sections */
[data-bs-theme="dark"] .section:not([style*="background-image"]):nth-of-type(odd)::after{ 
    background-image:linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)),
    url('/public/assets/images/bg_rest.png');
}
/* even sections */
[data-bs-theme="dark"] .section:not([style*="background-image"]):nth-of-type(even)::after{ 
    background-image:linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url('/public/assets/images/7.png');
}



/* =====================================================
   CARDS / BOXES / PANELS
===================================================== */
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .menu_box,
[data-bs-theme="dark"] .menu_item,
[data-bs-theme="dark"] .product_box,
[data-bs-theme="dark"] .cart_box,
[data-bs-theme="dark"] .order-summary,
[data-bs-theme="dark"] .box,
[data-bs-theme="dark"] .panel {
  background-color: #1e1e1e;
  color: #ffffff;
  border-color: #2c2c2c;
}

/* =====================================================
   MENU / ORDER LIST (Restaurant specific)
===================================================== */
[data-bs-theme="dark"] .menu-list li,
[data-bs-theme="dark"] .menu-list-item {
  background-color: #1e1e1e;
  border-bottom: 1px solid #2c2c2c;
}

[data-bs-theme="dark"] .price {
  color: #f8f9fa;
}

/* =====================================================
   FORMS / INPUTS
===================================================== */
[data-bs-theme="dark"] input,
[data-bs-theme="dark"] select,
[data-bs-theme="dark"] textarea {
  background-color: #212529;
  color: #ffffff;
  border-color: #495057;
}

[data-bs-theme="dark"] input::placeholder,
[data-bs-theme="dark"] textarea::placeholder {
  color: #adb5bd;
}

[data-bs-theme="dark"] .form-control:focus {
  background-color: #212529;
  color: #ffffff;
  border-color: #dc3545;
  box-shadow: none;
}

/* =====================================================
   BUTTONS
===================================================== */
[data-bs-theme="dark"] .btn {
  color: #ffffff;
}

[data-bs-theme="dark"] .btn-light {
  background-color: #2b2b2b;
  border-color: #444;
  color: #ffffff;
}

/* =====================================================
   TABLES / DATATABLE
===================================================== */
[data-bs-theme="dark"] .table-column.sticky-top,
[data-bs-theme="dark"] table,
[data-bs-theme="dark"] .dataTable {
  background-color: #1e1e1e !important;
  color: #ffffff;
}

[data-bs-theme="dark"] table th,
[data-bs-theme="dark"] table td {
  border-color: #2c2c2c;
}

/* =====================================================
   IMAGES / THUMBNAILS
===================================================== */
[data-bs-theme="dark"] .img-thumbnail {
  background-color: #1e1e1e;
  border-color: #2c2c2c;
}

/* =====================================================
   SWIPER / GALLERY / FANCYBOX
===================================================== */
[data-bs-theme="dark"] .swiper,
[data-bs-theme="dark"] .swiper-slide,
[data-bs-theme="dark"] .fancybox-content {
  background-color: #121212;
}

/* =====================================================
   DROPDOWN / MODAL
===================================================== */
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .modal-content {
  background-color: #1e1e1e;
  color: #ffffff;
  border-color: #2c2c2c;
}

/* =====================================================
   FOOTER
===================================================== */
[data-bs-theme="dark"] footer,
[data-bs-theme="dark"] .footer {
  background-color: #000000;
  color: #adb5bd;
  background-image: none;
}
[data-bs-theme="dark"] .footer_dark::before{
    opacity: 0.95;
}
[data-bs-theme="dark"] footer a {
  color: #adb5bd;
}

[data-bs-theme="dark"] footer a:hover {
  color: #ffffff;
}

/* =====================================================
   ICONS
===================================================== */
[data-bs-theme="dark"] i,
[data-bs-theme="dark"] svg {
  color: #e9ecef;
}

/* =====================================================
   SCROLLBAR (Optional)
===================================================== */
[data-bs-theme="dark"] ::-webkit-scrollbar {
  width: 8px;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-track {
  background: #121212;
}

[data-bs-theme="dark"] ::-webkit-scrollbar-thumb {
  background: #2c2c2c;
}


/* =====================================================
   Header dark override / HEADER & SideBar/ SECTIONS
===================================================== */
[data-bs-theme="dark"] .single_product,
[data-bs-theme="dark"] .header_wrap > .container,
[data-bs-theme="dark"] .header_wrap:not([class*="bg_"]):not([class*="bg-"]) {
  background-color: #121212 !important;
}
[data-bs-theme="dark"] .proceed-checkout-sticky td,
[data-bs-theme="dark"] #mainTable2 thead{
    background-color: #333;
}
/* =====================================================
   CSS / BACKGROUND / TRANSPARENT / SECTIONS
===================================================== */
[data-bs-theme="dark"] #menu.nw-pro .input-group, 
[data-bs-theme="dark"] #menu .heading_tab_header .input-group,
[data-bs-theme="dark"] .banner_section{
    background-color: transparent;
    background: transparent;
}
/* =====================================================
   CSS / COLOR / TEXT / SECTIONS
===================================================== */
[data-bs-theme="dark"] #searchWrapCls i,
[data-bs-theme="dark"] select option,
[data-bs-theme="dark"] .text-black,
[data-bs-theme="dark"] #menu.nw-pro .input-group input[id^="filter_data"], 
[data-bs-theme="dark"] #menu .heading_tab_header .input-group input[id^="filter_data"]{
    color: var(--bs-white) !important;
}
/* =====================================================
   MUNE CART / COLOR / BG / SECTIONS
===================================================== */
[data-bs-theme="dark"] .single_menu_product [data-bs-toggle] span[style*='background: #000;']{
    background: #390000 !important;
}
/* =====================================================
   CSS / DARK & LIGHT / COLOR / SECTIONS
===================================================== */
[data-bs-theme="dark"] .qty,
[data-bs-theme="dark"] .btn-delpic{
    color: #212529;
}
[data-bs-theme="dark"] .input-group-text i.fa{
    color: currentColor;
    color: var(--bs-secondary);
}

[data-bs-theme="dark"] .form-check-label,
[data-bs-theme="dark"] .text-dark,
[data-bs-theme="dark"] .text-muted,
[data-bs-theme="dark"] .opacity-text {
  --bs-text-opacity: .6;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/* =====================================================
   BACKGROUND / COLOR / CLOSE-BTN / SECTIONS
===================================================== */
[data-bs-theme="dark"] .btn-close{
    background-color: var(--bs-white);
}

/* =====================================================
   BACKGROUND / COLOR / LOGIN & REGISTER / PAGE
===================================================== */
[data-bs-theme="dark"] .lr_form {
	background-color: var(--bs-dark);
}