body.dark {
  background-color: #01060b;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%232eb872' stroke-width='1' stroke-opacity='0.07'%3E%3Cpolygon points='60,33 65,48 80,41 72,56 87,60 72,65 80,80 65,72 60,87 56,72 41,80 48,65 33,60 48,56 41,41 56,48'/%3E%3Cline x1='60' y1='33' x2='60' y2='0'/%3E%3Cline x1='87' y1='60' x2='120' y2='60'/%3E%3Cline x1='60' y1='87' x2='60' y2='120'/%3E%3Cline x1='33' y1='60' x2='0' y2='60'/%3E%3Cline x1='80' y1='41' x2='120' y2='0'/%3E%3Cline x1='80' y1='80' x2='120' y2='120'/%3E%3Cline x1='41' y1='80' x2='0' y2='120'/%3E%3Cline x1='41' y1='41' x2='0' y2='0'/%3E%3C/g%3E%3Ccircle cx='60' cy='60' r='3' fill='%23e6b85c' fill-opacity='0.15'/%3E%3C/svg%3E");
  background-size: 120px 120px;
  color: #9ca3af;
}
body.dark .theme-text-base{
  color:#fff;
}
/* DARK STATE ANIMATION */
body.dark .theme-toggle .toggle-circle { transform:translateX(25px); }
body.dark .theme-toggle .sun { opacity:0; }
body.dark .theme-toggle .moon { opacity:1; }
body.dark .nav-link {
  color:#fff;
}
body.dark .dropdown-menu {
  background:#0c1115;
}
body.dark .dropdown-item:hover {
  background:#000;
}

body.dark .search-overlay {
  background: rgba(15,23,42,0.95);
}

body.dark .search-overlay input {
  background:#010a0e;
  color:#fff;
}
body.dark nav.ip-navbar{
    background: rgba(1, 6, 11, 0.97);
    backdrop-filter: blur(24px) saturate(1.9);
    -webkit-backdrop-filter: blur(24px) saturate(1.9);
    border-bottom-color: rgba(255,255,255,.07);
}
body.dark nav.ip-navbar.scrolled {
    background: rgba(1, 6, 11, 0.99);
    box-shadow: 0 4px 32px rgba(0,0,0,.45), 0 1px 6px rgba(0,0,0,.25);
}
body.dark .ip-navbar .nav-link,
body.dark .navbar-brand,
body.dark .ip-navbar .search-icon { color: #e2e8f0; }
body.dark .ip-navbar .navbar-brand { color: #e2f4ee; }
body.dark .ip-navbar .ip-brand-name { color: #c9a050; }
body.dark .ip-logo,
body.dark .ip-logo-footer { mix-blend-mode: normal; background-color: transparent; }
body.dark .ip-navbar .navbar-nav .nav-link { color: #d1d8e0; font-weight: 600; }
body.dark .ip-navbar .navbar-nav .nav-link:hover { color: #2eb872; background: rgba(46,184,114,.1); }
body.dark .ip-navbar .navbar-nav .nav-link.active { color: #2eb872; background: rgba(46,184,114,.14); font-weight: 700; }

body.dark .ip-navbar .navbar-toggler{background: #9ca3af;}

body.dark .ip-navbar .offcanvas-body {
    color: #9ca3af;
}
body.dark .theme-toggle .moon {
    color: #1a293b;
}

body.dark .ip-navbar .offcanvas-header .btn-close {
  filter: invert(1);
}
body.dark .QuickStart {
    background-color: #010a0e;
}
body.dark h5,
body.dark h6,
body.dark h1 {
    color: #fff;
}
body.dark p {
    color: #9ca3af;
}
body.dark .bg-white-ip{
  background-color: #010a0e;
}

body.dark .recite-pill {
  background: #0b141a;
  border-color: #2c3136;
  color: #c3c3c3;
}
body.dark .recite-pill .num {
  background: rgba(255, 255, 255, 0.08);
  color: #c3c3c3;
}
body.dark .recite-pill:hover {
  border-color: #3a4147;
}
body.dark .recite-pill.active {
  color: #ffffff;
}
body.dark .recite-pill.active .num {
  background: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

body.dark .border {
    border: solid 1px #2c3136 !important;
}
body.dark .btn-outline-secondary{
  color: #9ca3af;
}
body.dark .btn-outline-secondary:hover{
  color: #fff;
}
body.dark .qs-card h6{
  color: #1c1c1c;
}
body.dark .qs-card{
  filter:invert(1) brightness(1.5) contrast(0.9);
}

body.dark .store-card {
    background: #00060b;
}
body.dark .fc-top h6,
body.dark .LearningPath .lp-title{
  color: #1c1c1c;
}
body.dark .Footer .footer-links a,
body.dark .IslamicSocial a {
    color: #c3c3c3;
}
body.dark .Footer .footer-box {
    background-image: url(../images/fot-bg-dark.png);
}
body.dark .heroSlider .kpi-box {
    transition: 0.25s;
    background-color: #01060b;
}
body.dark .HeroSlider-Img-1,
body.dark .HeroSlider-Img-2 {
    background-image: url(../images/hero-dark.png);
}
body.dark .bg-light-theme{
    background-color: #01060b;
}
body.dark .advisor_box {
    background:#0f1a14;
}

body.dark .sidebar_link {
    color: #9ca3af;
}
body.dark .sidebar_link.active {
    background:#1a1424;
}
body.dark .sidebar_link:hover {
    background:#0f1519;
}
body.dark .inner_hero {
    background: url(../images/inner-hero-dark.png);
    background-repeat: no-repeat;
    background-size: cover;
}
body.dark .Mega_Menu_title {
    color: #fff;
}
body.dark .search_wrap{
    background-color: #041016;
}
body.dark .ip-navbar .mega-menu .dropdown-item:hover {
    background-color: rgba(46,184,114,.1);
    color: #2eb872;
}
body.dark .slick-prev:before,body.dark .slick-next:before {
    color: #e0e6e7;
    background: #171d21;
}
body.dark .LearningPath .lp-card {
    filter: invert(1) brightness(1.5) contrast(0.9);
}
body.dark .LearningPath .lp-progress {
    filter: invert(10%);
}
body.dark .LearningPath .lp-progress span {
    filter: invert(100%);
}
body.dark .LearningPath .lp-1::after,
body.dark .LearningPath .lp-2::after,
body.dark .LearningPath .lp-3::after,
body.dark .LearningPath .lp-4::after
 {
    opacity: 0.5;
}
body.dark .FeaturedCourses .fc-card{
    filter:invert(1) brightness(1.5) contrast(0.9);
}
body.dark .fc-rating i{
    filter: invert(100%);
}
body.dark .FeaturedCourses .fc-card::after{
    opacity: 0.6;
}
body.dark .fc-teacher img {
    filter: invert(1);
}
body.dark .fc-teacher {
    color: #000;
}
body.dark .quran-card {
    background-image: url(../images/Qleft-bg-dark.png), url(../images/Qright-bg-dark.png);
}
body.dark .quran-hadith-card {
    background-image: url(../images/left-book-dark.png), url(../images/right-pattern-dark.png);
}
body.dark .revert-guide-section {
    background-image: url(../images/left-revert-dark.png), url(../images/right-pattern-dark.png);
}
body.dark .form-control{
    background-color:#071016;
    border-color:#2c3136;
    color:#fff;
}

body.dark .form-control::placeholder{
    color:#9ca3af;
    opacity:1;
}


body.dark .lecture_item:hover {
    background: #000407;
}
body.dark .lecture_item {
    border-bottom: 1px solid #2c3136;
}
body.dark .enroll_card {
   background: #0f1a14;
    border: 1px solid #294233;
}
body.dark .community_box {
    background: #17120d;
    border: 1px solid #4a3520;
}
body.dark .customAccordion .accordion-button {
    background: #0f1519
}
body.dark .customAccordion .accordion-button:not(.collapsed) {
    background: rgba(28, 38, 44, 0.75);
}
body.dark .customAccordion .accordion-button::after {
    filter: contrast(0.1);
}
body.dark .progress_feed {
    background: #2c3136;
}
body.dark .feedback_left {
    border-right: 1px solid #2a3136;
}
body.dark .card-tab-whatIslam {
    filter: invert(1) brightness(1.5) contrast(0.9);
}
body.dark .card-filter{
    filter: invert(1) brightness(1.5) contrast(0.9);
}

/* ===== Quran Recitation Platform — dark mode ===== */
body.dark .qr-hero-inner {
  background: linear-gradient(145deg, #061410 0%, #060e18 50%, #0e0618 100%);
  border-color: rgba(46, 184, 114, 0.08);
}
body.dark .qr-hero-sub { color: #9ca3af; }
body.dark .qr-stat-box {
  background: #0b141a;
  border-color: #1e2a30;
}
body.dark .qr-stat-num { color: #e5e7eb; }
body.dark .qr-step-card {
  background: #0b141a;
  border-color: #1e2a30;
}
body.dark .qr-step-card--active {
  background: linear-gradient(135deg, #1f8a4c 0%, #2eb872 100%);
  border-color: transparent;
}
body.dark .qr-teachers-section { background: #01060b; }
body.dark .qr-filter-bar {
  background: #0b141a !important;
}
body.dark .qr-filter-bar .form-control,
body.dark .qr-filter-bar .form-select {
  background: #060e14;
  border-color: #2c3136;
  color: #c3c3c3;
}
body.dark .qr-filter-bar .input-group-text {
  background: #060e14;
  border-color: #2c3136;
  color: #9ca3af;
}
body.dark .qr-chip {
  background: #0b141a;
  border-color: #2c3136;
  color: #9ca3af;
}
body.dark .qr-chip:hover {
  border-color: #2eb872;
  color: #2eb872;
}
body.dark .qr-chip.active {
  color: #fff;
}
body.dark .teacher-card {
  background: #0b141a !important;
  border-color: #1e2a30 !important;
}
body.dark .teacher-online-dot { border-color: #0b141a; }
body.dark .teacher-busy-dot { border-color: #0b141a; }
body.dark .qr-tag {
  background: #131f27;
  border-color: #1e2a30;
  color: #9ca3af;
}
body.dark .qr-avail-bar {
  background: rgba(34, 197, 94, 0.08) !important;
}
body.dark .qr-review-card { background: #0b141a !important; }
body.dark .qr-profile-panel {
  background: linear-gradient(160deg, #071210, #06101a);
  border-right-color: #1e2a30;
}
body.dark .qr-profile-meta {
  background: rgba(255,255,255,0.04);
  border-color: #1e2a30;
}
body.dark .qr-profile-tab { color: #6b7280; }
body.dark .qr-profile-tab:hover { color: #2eb872; }
body.dark .qr-profile-tab.active { color: #2eb872; border-bottom-color: #2eb872; }
body.dark .qr-profile-tabs { border-bottom-color: #1e2a30; }
body.dark .qr-qual-box {
  background: #060e14;
  border-color: #1e2a30;
  color: #9ca3af;
}
body.dark .qr-cal-day { color: #c3c3c3; }
body.dark .qr-cal-day.available { background: rgba(31,138,76,0.12); color: #2eb872; }
body.dark .qr-cal-day.disabled, body.dark .qr-cal-day.empty { color: #2c3136; }
body.dark .qr-cal-day.today { border-color: #2eb872; }
body.dark .qr-cal-nav { background: #060e14; border-color: #2c3136; color: #9ca3af; }
body.dark .qr-cal-nav:hover { background: #0a1e17; border-color: #2eb872; color: #2eb872; }
body.dark .qr-time-slot { background: #0b141a; border-color: #2c3136; color: #c3c3c3; }
body.dark .qr-time-slot:hover { border-color: #2eb872; color: #2eb872; background: #0a1e17; }
body.dark .qr-book-step { color: #6b7280; }
body.dark .qr-book-step span { background: #1e2a30; color: #9ca3af; }
body.dark .qr-book-step-divider { background: #1e2a30; }
body.dark .qr-confirm-box { background: #060e14; border-color: #1e2a30; }
body.dark .modal-content { background: #0c1115; }

/* ===== Quran Audio Player — dark mode ===== */
body.dark .qap-sidebar {
  background: #01060b;
  border-right-color: #1e2a30;
}
body.dark .qap-sidebar-header { border-bottom-color: #1e2a30; }
body.dark .qap-cat-pill { color: #9ca3af; }
body.dark .qap-cat-pill:hover { background: #0b141a; color: #2eb872; }
body.dark .qap-cat-pill.active { background: #0a1e17; color: #2eb872; }
body.dark .qap-pl-item:hover { background: #0b141a; }
body.dark .qap-pl-item.active { background: #0a1e17; }
body.dark .qap-pl-item-name { color: #e5e7eb; }
body.dark .qap-pl-action-btn { color: #6b7280; }
body.dark .qap-pl-action-btn:hover { background: rgba(255,255,255,0.07); color: #e5e7eb; }
body.dark .qap-create-playlist-btn { border-color: #2c3136; color: #2eb872; }
body.dark .qap-create-playlist-btn:hover { background: #0a1e17; border-color: #2eb872; }
body.dark .qap-signin-nudge { background: #0b141a; border-color: #1e2a30; }
body.dark .qap-topbar-search {
  background: #0b141a;
  border-color: #2c3136;
  color: #9ca3af;
}
body.dark .qap-topbar-search input { color: #e5e7eb; }
body.dark .qap-menu-toggle { border-color: #2c3136; color: #9ca3af; }
body.dark .qap-menu-toggle:hover { background: #0b141a; }
body.dark .qap-view-btn { border-color: #2c3136; color: #6b7280; }
body.dark .qap-view-btn:hover { background: #0b141a; color: #e5e7eb; }
body.dark .qap-view-btn.active { background: #0a1e17; color: #2eb872; border-color: #2eb872; }
body.dark .qap-chip { background: #0b141a; border-color: #2c3136; color: #9ca3af; }
body.dark .qap-chip:hover { border-color: #2eb872; color: #2eb872; }
body.dark .qap-track-card { background: #0b141a; border-color: #1e2a30; }
body.dark .qap-track-card:hover { box-shadow: 0 10px 28px rgba(0,0,0,0.3); }
body.dark .qap-track-card.playing { border-color: #2eb872; box-shadow: 0 0 0 2px rgba(46,184,114,0.2); }
body.dark .qap-track-name { color: #e5e7eb; }
body.dark .qap-pl-track-row { background: #0b141a; border-color: #1e2a30; }
body.dark .qap-pl-track-row:hover { background: #0f1c26; }
body.dark .qap-pl-track-row.playing { border-color: #2eb872; background: #0a1e17; }
body.dark .qap-player-bar {
  background: #0c1115;
  border-top-color: #1e2a30;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
}
body.dark .qap-player-title { color: #e5e7eb; }
body.dark .qap-ctrl-btn { color: #9ca3af; }
body.dark .qap-ctrl-btn:hover { background: #1e2a30; color: #e5e7eb; }
body.dark .qap-ctrl-btn.active { color: #2eb872; }
body.dark .qap-progress-bar-wrap { background: #2c3136; }
body.dark .qap-volume-slider { background: #2c3136; }
body.dark .qap-queue-panel {
  background: #0c1115;
  border-color: #1e2a30;
  box-shadow: 0 16px 48px rgba(0,0,0,0.5);
}
body.dark .qap-queue-header { border-bottom-color: #1e2a30; }
body.dark .qap-queue-item:hover { background: #1e2a30; }
body.dark .qap-queue-item.active { background: #0a1e17; }
body.dark .qap-queue-title { color: #e5e7eb; }
body.dark .modal-content { background: #0c1115; }
body.dark #playlistNameInput,
body.dark #playlistDescInput {
  background: #060e14;
  border-color: #2c3136;
  color: #e5e7eb;
}
body.dark .qap-atp-item:hover { background: #1e2a30; }
body.dark .qap-color-dot.active { border-color: #fff; }

/* ===== Duas Encyclopedia — dark mode ===== */
body.dark .dua-hero { background: linear-gradient(135deg, #020d09 0%, #080f0c 40%, #0a1e17 100%); }
body.dark .dua-sidebar-inner { background: #0b141a; border-color: #1e2a30; }
body.dark .dua-sidebar-search { border-bottom-color: #1e2a30; color: #9ca3af; }
body.dark .dua-sidebar-search input { color: #e5e7eb; }
body.dark .dua-cat-btn { color: #9ca3af; }
body.dark .dua-cat-btn:hover { background: #1e2a30; color: #e5e7eb; }
body.dark .dua-cat-btn.active { background: #0a1e17; color: #2eb872; }
body.dark .dua-cat-btn.active .dua-cat-count { background: #0a2e1c; color: #2eb872; }
body.dark .dua-cat-count { background: #1e2a30; color: #6b7280; }
body.dark .dua-sidebar-footer { border-top-color: #1e2a30; }
body.dark .dua-source-item { color: #6b7280; }
body.dark .dua-mob-search { background: #0b141a; border-color: #2c3136; color: #9ca3af; }
body.dark .dua-mob-search input { color: #e5e7eb; }
body.dark .dua-sidebar-toggle-btn { background: #0b141a; border-color: #2c3136; color: #2eb872; }
body.dark .dua-view-btn { border-color: #2c3136; color: #6b7280; }
body.dark .dua-view-btn:hover { background: #1e2a30; color: #e5e7eb; }
body.dark .dua-view-btn.active { background: #0a1e17; color: #2eb872; border-color: #2eb872; }
body.dark .dua-expand-btn { background: #0b141a; border-color: #2c3136; color: #9ca3af; }
body.dark .dua-card { background: #0b141a; border-color: #1e2a30; }
body.dark .dua-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.35); }
body.dark .dua-card-title { color: #e5e7eb; }
body.dark .dua-when { color: #6b7280; }
body.dark .dua-arabic-block { background: linear-gradient(135deg, #061410, #081810); border-color: rgba(46,184,114,0.15); }
body.dark .dua-arabic { color: #5bd4a2; }
body.dark .dua-transliteration { color: #9ca3af; }
body.dark .dua-translation { color: #d1d5db; }
body.dark .dua-note { background: linear-gradient(135deg, #1c1306, #1a1204); border-color: #4d3a00; color: #d97706; }
body.dark .dua-repeat { background: #0c1e3e; color: #93c5fd; }
body.dark .dua-card-footer { border-top-color: #1e2a30; }
body.dark .dua-source { color: #6b7280; }
body.dark .dua-action-btn { background: #0b141a; border-color: #2c3136; color: #9ca3af; }
body.dark .dua-action-btn:hover { background: #1e2a30; color: #e5e7eb; }
body.dark .dua-action-btn.dua-audio-btn { background: #061410; border-color: #1a4d35; color: #2eb872; }
body.dark .dua-action-btn.dua-audio-btn:hover { background: #0a1e17; border-color: #2eb872; }
body.dark .dua-icon-btn { background: #0b141a; border-color: #2c3136; color: #6b7280; }
body.dark .dua-icon-btn:hover { background: #1e2a30; color: #e5e7eb; }
body.dark .dua-audio-bar-wrap { background: #2c3136; }
body.dark .dua-empty-icon { background: #1e2a30; color: #6b7280; }
body.dark .dua-sidebar-backdrop { background: rgba(0,0,0,0.7); }

/* ============================================================
   STORE — DARK MODE
   ============================================================ */
body.dark .store-delivery-banner {
  background: #0b141a;
  border-color: #1e2e38;
}
body.dark .store-delivery-item i { color: #2eb872; }
body.dark .store-delivery-item small { color: #6b7280; }

body.dark .store-cart-icon-btn { background: #1e2e38; color: #e2e8f0; }
body.dark .store-cart-icon-btn:hover { background: #243642; }
body.dark .store-cart-badge { border-color: #0b141a; }
body.dark .store-cart-drawer { background: #0b141a; }
body.dark .store-cart-drawer .offcanvas-header { border-color: #1e2e38; }
body.dark .cart-empty-icon { color: #374151; }
body.dark .store-cart-item { border-color: #1e2e38; }
body.dark .store-cart-item-name { color: #e2e8f0; }
body.dark .store-cart-remove:hover { background: #2d1515; }
body.dark .cart-footer { background: #0b141a; border-color: #1e2e38; }

body.dark .store-section-header {
  background: #0b141a;
  border-color: #1e2e38;
}
body.dark .store-section-title { color: #e2e8f0; }
body.dark .store-icon-green { background: #0d2b1f; color: #2eb872; }
body.dark .store-icon-red   { background: #2d1515; color: #f87171; }
body.dark .store-section-search { background: #1e2e38; border-color: #2c3e4e; }
body.dark .store-search-input { color: #e2e8f0; }
body.dark .store-search-input::placeholder { color: #6b7280; }

body.dark .store-tab { background: #0b141a; border-color: #1e2e38; color: #9ca3af; }
body.dark .store-tab:hover { border-color: #2eb872; color: #2eb872; }
body.dark .store-tab.active { background: #1f7a63; border-color: #1f7a63; color: #fff; }

body.dark .store-product-card { background: #0b141a; border-color: #1e2e38; }
body.dark .store-product-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,.4); }
body.dark .store-product-cat { color: #6b7280; }
body.dark .store-product-name { color: #e2e8f0; }
body.dark .store-product-badge { }
body.dark .badge-new     { background: #0d2b1f; color: #6ee7b7; }
body.dark .badge-popular { background: #1e1b4b; color: #c4b5fd; }
body.dark .badge-sale    { background: #2d1515; color: #fca5a5; }
body.dark .store-add-btn { background: #0b141a; border-color: #2eb872; color: #2eb872; }
body.dark .store-add-btn:hover,
body.dark .store-add-btn.store-add-btn-done { background: #1f7a63; color: #fff; }

body.dark .store-img-blue   { background: #0f172a; color: #60a5fa; }
body.dark .store-img-purple { background: #1e1b4b; color: #a78bfa; }
body.dark .store-img-green  { background: #0d2b1f; color: #34d399; }
body.dark .store-img-orange { background: #1c1005; color: #fb923c; }
body.dark .store-img-teal   { background: #042f2e; color: #2dd4bf; }
body.dark .store-img-amber  { background: #1c1005; color: #fbbf24; }
body.dark .store-img-red    { background: #2d1515; color: #f87171; }

body.dark .store-meat-card { background: #0b141a; border-color: #1e2e38; }
body.dark .store-meat-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.4); }
body.dark .store-meat-category { color: #6b7280; }
body.dark .store-meat-name { color: #e2e8f0; }
body.dark .store-meat-desc { color: #9ca3af; }
body.dark .store-meat-amber { background: #1c1005; color: #fbbf24; }
body.dark .store-meat-red   { background: #2d1515; color: #f87171; }
body.dark .store-meat-green { background: #0d2b1f; color: #34d399; }
body.dark .store-meat-halal-badge { background: #0d2b1f; color: #6ee7b7; }
body.dark .store-meat-img-badge { background: rgba(5,150,105,.9); }
body.dark .store-meat-select {
  background: #1e2e38;
  border-color: #2c3e4e;
  color: #e2e8f0;
}
body.dark .store-meat-select:focus { border-color: #2eb872; }
body.dark .store-weight-btn { background: #1e2e38; border-color: #2c3e4e; color: #e2e8f0; }
body.dark .store-weight-btn:hover { background: #1f7a63; border-color: #1f7a63; color: #fff; }
body.dark .store-weight-input { background: #0b141a; border-color: #2c3e4e; color: #e2e8f0; }
body.dark .store-weight-input:focus { border-color: #2eb872; }
body.dark .store-meat-footer { border-color: #1e2e38; }
body.dark .store-meat-label { color: #9ca3af; }
body.dark .store-meat-per { color: #6b7280; }
body.dark .store-meat-total-label { color: #6b7280; }
body.dark .store-meat-section .store-section-header { border-left-color: #f87171; }

body.dark .store-info-card { background: #0b141a; border-color: #1e2e38; }
body.dark .store-info-card .fw-semibold { color: #e2e8f0; }
body.dark .store-halal-pill { background: #0d2b1f; color: #6ee7b7; }
body.dark .store-halal-pill-blue { background: #0c2030; color: #7dd3fc; }

body.dark .store-cart-item-icon.store-img-green  { background: #0d2b1f; color: #34d399; }
body.dark .store-cart-item-icon.store-img-blue   { background: #0f172a; color: #60a5fa; }
body.dark .store-cart-item-icon.store-img-purple { background: #1e1b4b; color: #a78bfa; }
body.dark .store-cart-item-icon.store-img-orange { background: #1c1005; color: #fb923c; }
body.dark .store-cart-item-icon.store-img-teal   { background: #042f2e; color: #2dd4bf; }
body.dark .store-cart-item-icon.store-img-amber  { background: #1c1005; color: #fbbf24; }
body.dark .store-cart-item-icon.store-img-red    { background: #2d1515; color: #f87171; }

/* Store Main Tab Bar — dark */
body.dark .store-main-tab-bar { background: #0b141a; border-color: #1e2e38; }
body.dark .store-main-tab { background: #0b141a; border-color: #1e2e38; }
body.dark .store-main-tab:hover { border-color: #2c3e4e; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
body.dark .store-main-tab-title { color: #e2e8f0; }
body.dark .store-main-tab[data-panel="shop"].active { background: #0b1f18; border-color: #1f7a63; box-shadow: 0 4px 16px rgba(31,122,99,.25); }
body.dark .store-main-tab[data-panel="meat"].active { background: #1c0f0f; border-color: #dc2626; box-shadow: 0 4px 16px rgba(220,38,38,.25); }
body.dark .store-main-tab[data-panel="shop"].active .store-main-tab-title { color: #2eb872; }
body.dark .store-main-tab[data-panel="meat"].active .store-main-tab-title { color: #f87171; }
body.dark .store-main-tab[data-panel="shop"].active .store-main-tab-arrow { color: #2eb872; }
body.dark .store-main-tab[data-panel="meat"].active .store-main-tab-arrow { color: #f87171; }

/* ===== PRODUCT DETAIL MODAL — DARK ===== */
body.dark .product-detail-mc { background: #0b141a; }
body.dark .product-detail-img-col { background: #111c24; }
body.dark .product-detail-body { color: #c9d1d9; }
body.dark .product-detail-name { color: #e2e8f0; }
body.dark .pd-desc { color: #9ca3af; }
body.dark .product-detail-features li { color: #c9d1d9; }
body.dark .product-detail-features li i { color: #2eb872; }
body.dark .product-detail-specs { background: #111c24; }
body.dark .product-detail-specs dt { color: #6b7280; }
body.dark .product-detail-specs dd { color: #e2e8f0; }
body.dark .product-detail-qty-wrap { border-color: #1e2e38; }
body.dark .product-detail-qty-input { border-color: #1e2e38; color: #e2e8f0; }
body.dark .product-detail-qty-btn { color: #c9d1d9; }
body.dark .product-detail-qty-btn:hover { background: #1a2a35; }
body.dark .product-detail-add-btn { background: #1f7a63; }
body.dark .product-detail-add-btn:hover { background: #16624f; }
body.dark .modal-backdrop { opacity: .7; }

body.dark .gallery-mc { background: #060a0e; }
body.dark .gallery-header { background: #0a1015; border-color: rgba(255,255,255,.05); }
body.dark .gallery-thumbs { background: #0a1015; }
body.dark .gallery-count { color: #6b7280; }
body.dark .gallery-thumb.active { border-color: #2eb872; }

/* ===== Homepage store spotlight ===== */
body.dark .hp-store-trust { background: #0d2b1f; border-color: #1f4a38; color: #d1d5db; }
body.dark .hp-store-card { background: #1a2332; border-color: #2a3544; }
body.dark .hp-store-card:hover { border-color: #1f7a63; }
body.dark .hp-store-meat-card:hover { border-color: #dc2626; }
body.dark .hp-store-name { color: #f1f5f9; }
body.dark .hp-store-cat { color: #9ca3af; }
body.dark .badge-new { background: #1e3a5f; color: #93c5fd; }
body.dark .badge-popular { background: #3b2f00; color: #fcd34d; }
body.dark .badge-sale { background: #3b1212; color: #fca5a5; }

/* ===== Cart qty controls ===== */
body.dark .sip-cart-qty { border-color: #2a3544; }
body.dark .sip-cart-qty-btn { color: #d1d5db; }
body.dark .sip-cart-qty-btn:hover { background: #1e2e38; }
body.dark .sip-cart-qty-num { color: #f1f5f9; }

/* ===== Store item detail page (sip-*) ===== */
body.dark .sip-breadcrumb-bar { background: #111827; border-color: #1e2e38; }
body.dark .sip-breadcrumb-bar .breadcrumb-item + .breadcrumb-item::before { color: #4b5563; }
body.dark .sip-back-link { color: #9ca3af; }
body.dark .sip-back-link:hover { color: #2eb872; }
body.dark .sip-main-img-wrap { background: #1a2332; border-color: #2a3544; }
body.dark .sip-trust-pill { background: #0d2b1f; border-color: #1f4a38; color: #d1fae5; }
body.dark .sip-cat-pill { background: rgba(46,184,114,.15); color: #2eb872; }
body.dark .sip-title { color: #f1f5f9; }
body.dark .sip-specs { background: #1a2332; border-color: #2a3544; }
body.dark .sip-specs dt { color: #9ca3af; }
body.dark .sip-specs dd { color: #f1f5f9; }
body.dark .sip-desc { color: #d1d5db; }
body.dark .sip-features li { color: #d1d5db; }
body.dark .sip-price-orig { color: #6b7280; }
body.dark .sip-price-unit { color: #9ca3af; }
body.dark .sip-qty-wrap { border-color: #2a3544; }
body.dark .sip-qty-btn { background: #1a2332; color: #d1d5db; }
body.dark .sip-qty-btn:hover { background: #1e2e38; }
body.dark .sip-qty-input { background: #111827; color: #f1f5f9; border-color: #2a3544; }
body.dark .sip-browse-btn { border-color: #2a3544; color: #d1d5db; }
body.dark .sip-browse-btn:hover { border-color: #1f7a63; color: #2eb872; }
body.dark .sip-related { background: #111827; border-color: #1e2e38; }
body.dark .sip-del-progress { background: #0d2b1f; border-color: #1f4a38; }

body.dark .border-bottom,
body.dark .border-end {
  border-color: #2c3136 !important;
}
body.dark .profile-dd .dropdown-item:hover {
  color: #9ca3af;
} 
body.dark .StudentDashboard .sd-menu .nav-link:hover {
    background:#00261d;
    color: #9ca3af;
}
body.dark .StudentDashboard .sd-menu .nav-link.active {
    background: #004d3b;
    color: #fff;
}
body.dark .salat_divider {
    border-left: solid 1px #2c3136;
}
body.dark .filter_undo_img {
    filter: invert(1);
}
body.dark .SalatSteps .border-top {
    border-top:solid 1px #2c3136!important;
}
body.dark .SalatStepsSidebar {
    background: #01060b;
}