/* ==========================================================================
   ITZLYFE - DARK & LIGHT THEME STYLESHEET
   Carefully designed modern dark mode palette & light mode preservation
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. ROOT VARIABLES & GLOBAL BASE
   -------------------------------------------------------------------------- */
:root {
    --bg-primary: #ffffff;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #f8fafc;
    --bg-surface-subtle: #f1f5f9;
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --border-color: #e5e7eb;
    --border-subtle: #f3f4f6;
    --primary-color: #EF007D;
    --primary-accent: #FF57C9;
    --card-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] {
    --bg-primary: #0e1015;
    --bg-surface: #181a20;
    --bg-surface-elevated: #1e222d;
    --bg-surface-subtle: #232733;
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-color: #2a2e3d;
    --border-subtle: #1e222d;
    --primary-color: #EF007D;
    --primary-accent: #FF57C9;
    --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
}

/* --------------------------------------------------------------------------
   2. GLOBAL DARK MODE OVERRIDES
   -------------------------------------------------------------------------- */
[data-theme="dark"] body {
    background-color: #0e1015 !important;
    color: #e2e8f0 !important;
    transition: background-color 0.2s ease, color 0.2s ease;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #f8fafc !important;
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] span:not(.badge):not(.text-white):not(.text-danger):not(.text-gold):not(.lang-hi):not(.lang-en):not(.topics-label) {
    color: inherit;
}

[data-theme="dark"] a:not(.btn):not(.social-icon-link):not(.desktop-category-link):not(.mobile-category-link):not(.topics-label) {
    color: #e2e8f0;
}

[data-theme="dark"] a:not(.btn):not(.social-icon-link):not(.desktop-category-link):not(.mobile-category-link):hover {
    color: #FF57C9;
}

/* Common Bootstrap Overrides in Dark Mode */
[data-theme="dark"] .bg-white {
    background-color: #181a20 !important;
}

[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-light-subtle,
[data-theme="dark"] .bg-gray-100 {
    background-color: #232733 !important;
}

[data-theme="dark"] .text-dark,
[data-theme="dark"] .text-black,
[data-theme="dark"] .text-body {
    color: #f8fafc !important;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .text-secondary {
    color: #94a3b8 !important;
}

[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-end {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .border-white {
    border-color: #374151 !important;
}

[data-theme="dark"] .card {
   
    border-color: #2a2e3d !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-sm,
[data-theme="dark"] .shadow-lg {
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] hr {
    border-color: #2a2e3d !important;
    opacity: 1;
}

/* --------------------------------------------------------------------------
   3. NAVBAR & HEADER (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .desktop-logo-wrapper {
    background-color: #ffffff !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .mobile-logo-container {
    background-color: #ffffff !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .header-search-input {
    background-color: #1e222d !important;
    color: #f8fafc !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

[data-theme="dark"] .header-search-input::placeholder {
    color: #94a3b8 !important;
}

[data-theme="dark"] .header-search-input:focus {
    border-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .search-submit-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .search-submit-btn:hover {
    color: #ffffff !important;
}

/* Live Search Dropdown */
[data-theme="dark"] .live-search-dropdown {
    background: #181a20 !important;
    border: 1px solid #2a2e3d !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .search-dropdown-group-header {
    background-color: #232733 !important;
    color: #94a3b8 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .search-dropdown-item {
    color: #f8fafc !important;
    border-bottom: 1px solid #1e222d !important;
}

[data-theme="dark"] .search-dropdown-item:hover,
[data-theme="dark"] .search-dropdown-item.is-selected {
    background-color: #232733 !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .search-item-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .search-dropdown-item:hover .search-item-title {
    color: #FF57C9 !important;
}

[data-theme="dark"] .search-item-thumb {
    background: #232733 !important;
}

[data-theme="dark"] .search-item-meta {
    color: #94a3b8 !important;
}

[data-theme="dark"] .search-dropdown-footer {
    background-color: #14161d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .search-dropdown-footer a {
    color: #FF57C9 !important;
}

[data-theme="dark"] .trending-chip {
    background: #232733 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .trending-chip:hover {
    background: #EF007D !important;
    color: #ffffff !important;
}

/* Language & Member Dropdowns */
[data-theme="dark"] .language-options-menu {
    background: #1e222d !important;
    border: 1px solid #2a2e3d !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .language-options-menu a {
    color: #f8fafc !important;
}

[data-theme="dark"] .language-options-menu a:hover {
    background-color: #2a2e3d !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .language-options-menu a[aria-current="true"] {
    color: #FF57C9 !important;
    background-color: rgba(239, 0, 125, 0.2) !important;
}

[data-theme="dark"] .member-dropdown-box {
    background: #1e222d !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .member-info-header {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .member-info-header strong {
    color: #f8fafc !important;
}

/* Topics Bar */
[data-theme="dark"] .topics-bar {
    background: #14161d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .topic-link {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .topic-link:hover {
    color: #FF57C9 !important;
}

/* Mobile Drawer (Offcanvas) */
[data-theme="dark"] .mobile-drawer {
    background: #12141a !important;
    color: #f8fafc !important;
    box-shadow: -5px 0 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .drawer-header {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .drawer-close-btn i {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .drawer-search-input {
    background-color: #1e222d !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .drawer-search-input::placeholder {
    color: #828b9d !important;
}

[data-theme="dark"] .drawer-search-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .drawer-nav-link {
    color: #f8fafc !important;
}

[data-theme="dark"] .drawer-nav-link:hover {
    background-color: #1e222d !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .drawer-divider {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .drawer-footer {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .drawer-footer .text-muted {
    color: #94a3b8 !important;
}

/* --------------------------------------------------------------------------
   4. ARTICLE DETAIL / SHOW PAGE (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .article-single {
    background: transparent !important;
}

[data-theme="dark"] .article-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .article-meta span,
[data-theme="dark"] .article-meta i,
[data-theme="dark"] .author-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .author-link:hover {
    color: #FF57C9 !important;
}

/* Strip pasted/copied background colors so content adapts to light & dark theme */
.article-content p,
.article-content span,
.article-content font,
.article-content li,
.article-content div:not(.itz-related-inline-box):not(.pdf-container):not(.img-wrapper):not(.pdf-wrapper),
.article-content section,
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6,
.article-content strong,
.article-content b,
.article-content em,
.article-content i {
    background-color: transparent !important;
    background: transparent !important;
}

[data-theme="dark"] .article-content,
[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content span,
[data-theme="dark"] .article-content font,
[data-theme="dark"] .article-content li,
[data-theme="dark"] .article-content div:not(.itz-related-inline-box):not(.pdf-container):not(.img-wrapper):not(.pdf-wrapper),
[data-theme="dark"] .article-content section,
[data-theme="dark"] .article-content strong,
[data-theme="dark"] .article-content b,
[data-theme="dark"] .article-content em,
[data-theme="dark"] .article-content i {
    background-color: transparent !important;
    background: transparent !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .article-content h1,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content h4,
[data-theme="dark"] .article-content h5,
[data-theme="dark"] .article-content h6 {
    background-color: transparent !important;
    background: transparent !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .article-content a:not(.itz-rel-box-card) {
    background-color: transparent !important;
    background: transparent !important;
    color: #38bdf8 !important;
}

[data-theme="dark"] .article-content a:hover {
    text-decoration: underline;
}

[data-theme="dark"] .article-content blockquote {
    background-color: #181a20 !important;
    border-left: 4px solid #EF007D !important;
    color: #f8fafc !important;
    padding: 1rem 1.5rem;
    border-radius: 4px;
}

[data-theme="dark"] .article-single .badge {
    background-color: #232733 !important;
    color: #cbd5e1 !important;
    border: 1px solid #2a2e3d !important;
}

/* Inline Related Articles Box inside Article */
[data-theme="dark"] .itz-related-inline-box {
    background-color: #2a1122 !important;
    border: 1px solid #4a1d3b !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}





[data-theme="dark"] .itz-rel-box-title {
    color: #ffffff !important;
}

/* Sidebar: Popular News & Related Articles */
[data-theme="dark"] .custom-title-post {
    color: #f8fafc !important;
}

[data-theme="dark"] .custom-title-post:hover,
[data-theme="dark"] a:hover .custom-title-post {
    color: #FF57C9 !important;
}

[data-theme="dark"] .sidebar-thumbnail-wrapper {
    background: #1e222d !important;
}

/* Top Stories on Show Page */
[data-theme="dark"] .itz-top-story-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .itz-top-story-item:hover .itz-top-story-title {
    color: #FF57C9 !important;
}

[data-theme="dark"] .itz-top-story-img-wrapper {
    background-color: #1e222d !important;
}

[data-theme="dark"] .section-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .divider-container hr {
    background-color: #2a2e3d !important;
}

/* Newsletter Card */
[data-theme="dark"] aside .card[style*="#EF007D"],
[data-theme="dark"] .card[style*="#EF007D"] {
    background-color: #EF007D !important;
}

[data-theme="dark"] .card[style*="#EF007D"] input.form-control {
    background-color: rgba(0, 0, 0, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .card[style*="#EF007D"] input.form-control::placeholder {
    color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] .card[style*="#EF007D"] .btn-light {
    background-color: #ffffff !important;
    color: #EF007D !important;
    font-weight: 700;
}

/* Article Share Buttons */
[data-theme="dark"] .article-share .fa-link {
    color: #94a3b8 !important;
}

[data-theme="dark"] .article-share .btn:hover .fa-link {
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   5. COMMENTS SECTION (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .article-comments {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .article-comments h4 {
    color: #f8fafc !important;
}

[data-theme="dark"] .article-comments .badge {
    background-color: #232733 !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

/* Guest sign in prompt box */
[data-theme="dark"] .article-comments .alert {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .article-comments .alert strong,
[data-theme="dark"] .article-comments .alert .text-dark {
    color: #f8fafc !important;
}

[data-theme="dark"] .article-comments .alert .text-muted {
    color: #94a3b8 !important;
}

/* Comment Logged-in form */
[data-theme="dark"] .comment-form {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .comment-form .emoji-picker-btn {
    background-color: #232733 !important;
    border-color: #2a2e3d !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .comment-form .emoji-popup {
    background-color: #1e222d !important;
    border: 1px solid #2a2e3d !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .emoji-item:hover {
    background: #282c3c !important;
}

[data-theme="dark"] .comment-textarea .form-control {
    background-color: #1e222d !important;
    color: #f8fafc !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .comment-textarea .form-control:focus {
    border-color: #EF007D !important;
    background-color: #232733 !important;
}

[data-theme="dark"] .comment-bubble {
    background-color: #1e222d !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .comment-bubble strong,
[data-theme="dark"] .comment-bubble .comment-author,
[data-theme="dark"] .comment-text {
    color: #f8fafc !important;
}

[data-theme="dark"] .nested-replies-level-2::before,
[data-theme="dark"] .reply-item-level-2::before,
[data-theme="dark"] .nested-replies-level-3::before,
[data-theme="dark"] .reply-item-level-3::before {
    background-color: #2a2e3d !important;
}

[data-theme="dark"] .comment-actions .action-link,
[data-theme="dark"] .btn-reply,
[data-theme="dark"] .btn-like,
[data-theme="dark"] .toggle-replies-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-like.liked {
    color: #EF007D !important;
}

/* --------------------------------------------------------------------------
   6. ASTROLOGY & HOROSCOPE PAGES (FULL DARK MODE SUPPORT)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .horoscope-hub-page,
[data-theme="dark"] .horoscope-show-page {
    background-color: transparent !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .hero-cosmic-intro,
[data-theme="dark"] .text-light-soft,
[data-theme="dark"] .spotlight-forecast-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .spotlight-metric-lbl {
    color: #94a3b8 !important;
}

[data-theme="dark"] .spotlight-metric-val {
    color: #f8fafc !important;
}

[data-theme="dark"] .spotlight-header-row .spotlight-date {
    color: #94a3b8 !important;
}

/* 12 Sign Grid Container on show page */
[data-theme="dark"] .zodiac-grid-container {
    background-color: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .zodiac-grid-card {
    background-color: transparent !important;
}

[data-theme="dark"] .zodiac-card-inner {
    background: #1e222d !important;
    border: 1.5px solid #2a2e3d !important;
}

[data-theme="dark"] .zodiac-grid-card .sign-card-name {
    color: #f8fafc !important;
}

[data-theme="dark"] .zodiac-grid-card .sign-card-sub {
    color: #94a3b8 !important;
}

[data-theme="dark"] .zodiac-grid-card:hover .zodiac-card-inner {
    background: #2a233c !important;
    border-color: #FBBF24 !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25) !important;
}

[data-theme="dark"] .zodiac-grid-card.active-grid-card .zodiac-card-inner {
    background: #1e1b4b !important;
    border-color: #F59E0B !important;
    box-shadow: 0 4px 14px rgba(30, 27, 75, 0.4) !important;
}

[data-theme="dark"] .zodiac-grid-card.active-grid-card .sign-card-name {
    color: #ffffff !important;
}

[data-theme="dark"] .zodiac-grid-card.active-grid-card .sign-card-sub {
    color: #F59E0B !important;
}

/* 4 Elements Filter Card & Buttons */
[data-theme="dark"] .element-filter-btn {
    background: #232733 !important;
    color: #cbd5e1 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .element-filter-btn:hover {
    background: #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .element-filter-btn.active {
    background: #1e1b4b !important;
    color: #FBBF24 !important;
    border-color: #3b3380 !important;
}

/* 12 Zodiac Cards on Index */
[data-theme="dark"] .zodiac-sign-card {
    background-color: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .zodiac-sign-card:hover {
    border-color: #FBBF24 !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .zodiac-avatar-wrap {
    background: radial-gradient(circle, #232733 0%, #1e222d 100%) !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .zodiac-card-name a {
    color: #f8fafc !important;
}

[data-theme="dark"] .zodiac-card-name a:hover {
    color: #FBBF24 !important;
}

[data-theme="dark"] .zodiac-vedic-sub {
    color: #94a3b8 !important;
}

[data-theme="dark"] .zodiac-vedic-sub span {
    color: #cbd5e1 !important;
}

.zodiac-snippet-box {
    padding: 12px 14px !important;
    border-radius: 10px !important;
}

.p-2-5 {
    padding: 10px 14px !important;
}

[data-theme="dark"] .zodiac-snippet-box {
    background-color: #14161d !important;
    border: 1px solid #2a2e3d !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
}

[data-theme="dark"] .zodiac-snippet-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .period-chip {
    background: #232733 !important;
    color: #cbd5e1 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .period-chip:hover {
    background: #1e1b4b !important;
    color: #FBBF24 !important;
    border-color: #1e1b4b !important;
}

/* Horoscope Overview Text & Titles */
[data-theme="dark"] .horoscope-overview-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .horoscope-body-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .authentic-badge {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #FBBF24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

/* 6 Aspect Domain Cards */
[data-theme="dark"] .aspect-domain-card {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .aspect-domain-card h3 {
    color: #f8fafc !important;
}

[data-theme="dark"] .aspect-text {
    color: #cbd5e1 !important;
}

/* Cosmic Blueprint Card */
[data-theme="dark"] .blueprint-card-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .blueprint-trait-card,
[data-theme="dark"] .blueprint-archetype-card {
    background-color: #1e222d !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .blueprint-trait-pill {
    background-color: #232733 !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .blueprint-archetype-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .blueprint-archetype-text strong {
    color: #f8fafc !important;
}

/* Week & Month Navigation Pills */
[data-theme="dark"] .week-nav-pill,
[data-theme="dark"] .month-nav-pill {
    background-color: #232733 !important;
    color: #cbd5e1 !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .week-nav-pill:hover,
[data-theme="dark"] .month-nav-pill:hover {
    background-color: #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .week-nav-pill.active,
[data-theme="dark"] .month-nav-pill.active {
    background-color: #1e1b4b !important;
    color: #FBBF24 !important;
    border-color: #3b3380 !important;
}

/* Period Switcher Buttons on Hero */
[data-theme="dark"] .btn-period-nav {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e1 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme="dark"] .btn-period-nav:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .btn-period-nav.active {
    background: #F59E0B !important;
    color: #111827 !important;
    border-color: #F59E0B !important;
}

/* Compatibility Calculator Card */
[data-theme="dark"] .cosmic-tool-card {
    background: linear-gradient(135deg, #181a20 0%, #20132a 100%) !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .custom-select-cosmic {
    background-color: #1e222d !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .custom-select-cosmic option {
    background-color: #181a20 !important;
    color: #f8fafc !important;
}

/* Foundations of Vedic Astrology 4 Cards */
[data-theme="dark"] .vedic-guide-icon + div h4 {
    color: #f8fafc !important;
}

[data-theme="dark"] .vedic-guide-icon + div p {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .vedic-guide-icon + div strong {
    color: #f8fafc !important;
}

/* Cosmic FAQ Accordion */
[data-theme="dark"] #astrologyFaqAccordion .accordion-item {
    background-color: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] #astrologyFaqAccordion .accordion-button {
    background-color: #181a20 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] #astrologyFaqAccordion .accordion-button:not(.collapsed) {
    background-color: #232733 !important;
    color: #FBBF24 !important;
}

[data-theme="dark"] #astrologyFaqAccordion .accordion-button::after {
    filter: invert(1) grayscale(1) !important;
}

[data-theme="dark"] #astrologyFaqAccordion .accordion-body {
    background-color: #181a20 !important;
    color: #cbd5e1 !important;
}

/* Sidebar Widgets on Horoscope Page */
[data-theme="dark"] .mini-zodiac-pill {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .mini-zodiac-pill:hover {
    background: #2a233c !important;
    border-color: #FBBF24 !important;
}

[data-theme="dark"] .mini-zodiac-pill.active-mini-sign {
    background: #1e1b4b !important;
    border-color: #FBBF24 !important;
}

[data-theme="dark"] .mini-sign-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .aspect-forecast-card,
[data-theme="dark"] .aspect-card {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .aspect-forecast-card h3,
[data-theme="dark"] .aspect-card h3 {
    color: #f8fafc !important;
}

/* --------------------------------------------------------------------------
   7. COOKERY & RECIPES (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .cookery-hero-banner {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .cookery-hero-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .cookery-hero-desc {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .quick-scroll-label {
    color: #f8fafc !important;
}

[data-theme="dark"] .cuisine-chip {
    background-color: #232733 !important;
    border-color: #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .cuisine-chip:hover {
    background-color: #EF007D !important;
    color: #ffffff !important;
}

[data-theme="dark"] .spotlight-card {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .spotlight-title a {
    color: #f8fafc !important;
}

[data-theme="dark"] .spotlight-title a:hover {
    color: #FF57C9 !important;
}

[data-theme="dark"] .spotlight-desc {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .recipe-time-tag {
    color: #94a3b8 !important;
}

[data-theme="dark"] .recipe-origin-tag {
    background-color: #232733 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .recipe-card,
[data-theme="dark"] .cuisine-card {
    background-color: #181a20 !important;
    border: 1px solid #2a2e3d !important;
}

[data-theme="dark"] .recipe-title a {
    color: #f8fafc !important;
}

[data-theme="dark"] .recipe-desc {
    color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   8. HOMEPAGE & GENERAL NEWS CARDS (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .whats-trending-icon {
    background-color: #181a20 !important;
}

[data-theme="dark"] .category-section-title {
    color: #FF57C9 !important;
}

[data-theme="dark"] .news-card {
    background: transparent !important;
}

[data-theme="dark"] .news-card-image-wrapper,
[data-theme="dark"] .news-card-image-wrapper-1 {
    background-color: #1e222d !important;
}

[data-theme="dark"] .news-card-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .news-card-title a {
    color: #f8fafc !important;
}

[data-theme="dark"] .news-card:hover .news-card-title a,
[data-theme="dark"] .news-card:hover .news-card-title,
[data-theme="dark"] .news-card-title a:hover {
    color: #FF57C9 !important;
}

[data-theme="dark"] .news-card-excerpt {
    color: #94a3b8 !important;
}

[data-theme="dark"] .news-card-meta {
    border-color: #2a2e3d !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .sidebar-img-wrapper-165 {
    background-color: #1e222d !important;
}

[data-theme="dark"] .btn-read-more {
    border-color: #2a2e3d !important;
    color: #e2e8f0 !important;
    background-color: #1e222d !important;
}

[data-theme="dark"] .btn-read-more:hover {
    background-color: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   9. SEARCH PAGE, PAGINATION, BREADCRUMB & UTILITIES (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .breadcrumb-section {
    background-color: transparent !important;
}

[data-theme="dark"] .breadcrumb-item a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .breadcrumb-item a:hover {
    color: #FF57C9 !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: #f8fafc !important;
}

[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
    color: #64748b !important;
}

[data-theme="dark"] .search-header-box,
[data-theme="dark"] .no-results-card {
    background-color: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .search-compact-input-group .input-group-text {
    background-color: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .search-compact-input-group input {
    background-color: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .search-filter-tabs .nav-link {
    background-color: #232733 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .search-filter-tabs .nav-link.active {
    background-color: #EF007D !important;
    color: #ffffff !important;
}

/* Pagination */
[data-theme="dark"] .pagination .page-link {
    background-color: #1e222d !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .pagination .page-link:hover {
    background-color: #2a2e3d !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link {
    background-color: #14161d !important;
    color: #64748b !important;
    border-color: #2a2e3d !important;
}

/* Forms & Modals */
[data-theme="dark"] input.form-control,
[data-theme="dark"] select.form-select,
[data-theme="dark"] textarea.form-control {
    background-color: #1e222d !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] input.form-control:focus,
[data-theme="dark"] select.form-select:focus,
[data-theme="dark"] textarea.form-control:focus {
    border-color: #EF007D !important;
    box-shadow: 0 0 0 0.2rem rgba(239, 0, 125, 0.25) !important;
}

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

[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(1) !important;
}

[data-theme="dark"] .modal-content {
    background-color: #181a20 !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .list-group-item {
    background-color: #181a20 !important;
    color: #f8fafc !important;
    border-color: #2a2e3d !important;
}

/* Static Footer Sub-Pages */
[data-theme="dark"] .about-section,
[data-theme="dark"] .contact-section,
[data-theme="dark"] .privacy-section,
[data-theme="dark"] .disclaimer-section,
[data-theme="dark"] .dnpa-section {
    background: #0e1015 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .about-header h1,
[data-theme="dark"] .contact-header h1,
[data-theme="dark"] .privacy-header h1 {
    color: #f8fafc !important;
}

[data-theme="dark"] .about-content p,
[data-theme="dark"] .privacy-content p,
[data-theme="dark"] .contact-content p {
    color: #cbd5e1 !important;
}

/* --------------------------------------------------------------------------
   11. COOKERY HUB, CATEGORY & RECIPE SHOW PAGES (DARK MODE)
   -------------------------------------------------------------------------- */
[data-theme="dark"] .cookery-page-container,
[data-theme="dark"] .cookery-cat-page,
[data-theme="dark"] .cookery-detail-page {
    color: #e2e8f0 !important;
    background-color: transparent !important;
}

/* Cookery Hero Banners */
[data-theme="dark"] .cookery-hero-banner,
[data-theme="dark"] .cat-hero-card {
    background: linear-gradient(135deg, #1e222d 0%, #161820 100%) !important;
    border-color: #3b233a !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .cookery-hero-title,
[data-theme="dark"] .cat-hero-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .cookery-hero-desc,
[data-theme="dark"] .cat-hero-desc {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cookery-subbadge {
    background: #3b172a !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .quick-scroll-label {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .cuisine-chip,
[data-theme="dark"] .cat-stat-chip {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
    color: #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2) !important;
}

[data-theme="dark"] .cuisine-chip:hover {
    background: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

/* Category Search Form */
[data-theme="dark"] .cat-search-form {
    background-color: #181a20 !important;
    border-color: #3b233a !important;
}

[data-theme="dark"] .cat-search-form input {
    background-color: #181a20 !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .cat-search-form .input-group-text {
    background-color: #181a20 !important;
    border-color: transparent !important;
    color: #94a3b8 !important;
}

/* Cuisine Switcher & Diet Tab Bar */
[data-theme="dark"] .cuisine-pill-bar {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cuisine-bar-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .cuisine-pill-item > div {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cuisine-pill-text {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .active-cuisine-pill > div {
    background: #3b172a !important;
    border-color: #EF007D !important;
}

[data-theme="dark"] .active-cuisine-pill .cuisine-pill-text {
    color: #FF57C9 !important;
}

[data-theme="dark"] .diet-segment-bar {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .diet-tab-btn div {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .diet-tab-btn:hover div,
[data-theme="dark"] .diet-tab-btn.active div {
    border-color: #EF007D !important;
    background: #3b172a !important;
}

[data-theme="dark"] .diet-btn-text {
    color: #f8fafc !important;
}

/* Subcategories / Food Types Panels & Chips */
[data-theme="dark"] .food-type-panel {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .food-type-header {
    color: #f8fafc !important;
}

[data-theme="dark"] .food-type-chip,
[data-theme="dark"] .subcat-filter-chip {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .food-type-chip:hover,
[data-theme="dark"] .subcat-filter-chip:hover {
    background: #2b1725 !important;
    border-color: #EF007D !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .active-type-chip {
    background: #d32f2f !important;
    border-color: #d32f2f !important;
    color: #ffffff !important;
}

[data-theme="dark"] .active-type-chip-veg {
    background: #008738 !important;
    border-color: #008738 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .subcat-filter-chip.active {
    background: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

/* Custom Pagination */
[data-theme="dark"] .pagination-num {
    background-color: #1e222d !important;
    color: #cbd5e1 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .pagination-num:hover {
    background-color: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

[data-theme="dark"] .pagination-num.active-page {
    background-color: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

[data-theme="dark"] .pagination-num.disabled {
    background-color: #14161d !important;
    color: #64748b !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .pagination-dots {
    color: #94a3b8 !important;
}

/* Video Masterclass Showcase */
[data-theme="dark"] .category-videos-showcase {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .video-showcase-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .cat-video-card {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cat-video-card .p-2 {
    background: #1e222d !important;
}

[data-theme="dark"] .cat-video-title,
[data-theme="dark"] .cat-video-title a {
    color: #f8fafc !important;
}

[data-theme="dark"] .cat-video-title a:hover {
    color: #FF57C9 !important;
}

[data-theme="dark"] .cat-video-card .border-top {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cat-video-card a.text-dark {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .cat-video-card a.text-dark:hover {
    color: #FF57C9 !important;
}

[data-theme="dark"] .diet-food-symbol {
    background-color: #ffffff !important;
}

[data-theme="dark"] .diet-food-symbol.non-veg {
    border-color: #d32f2f !important;
}

[data-theme="dark"] .diet-food-symbol.non-veg .diet-food-circle {
    background-color: #d32f2f !important;
}

[data-theme="dark"] .diet-food-symbol.veg {
    border-color: #008738 !important;
}

[data-theme="dark"] .diet-food-symbol.veg .diet-food-circle {
    background-color: #008738 !important;
}

[data-theme="dark"] .feature-item {
    background: #181a20 !important;
    border: 1px solid #2a2e3d !important;
}


/* Spotlight Card & Main Recipe Cards */
[data-theme="dark"] .spotlight-card,
[data-theme="dark"] .recipe-grid-card,
[data-theme="dark"] .recipe-deck-card,
[data-theme="dark"] .video-masterclass-card,
[data-theme="dark"] .recipe-main-card {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .spotlight-content,
[data-theme="dark"] .recipe-deck-body,
[data-theme="dark"] .recipe-grid-body {
    background: #181a20 !important;
}

[data-theme="dark"] .spotlight-title a,
[data-theme="dark"] .recipe-deck-title,
[data-theme="dark"] .recipe-grid-title,
[data-theme="dark"] .recipe-main-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .spotlight-title a:hover,
[data-theme="dark"] .recipe-deck-title:hover,
[data-theme="dark"] .recipe-grid-title:hover {
    color: #FF57C9 !important;
}

[data-theme="dark"] .spotlight-desc,
[data-theme="dark"] .recipe-deck-desc,
[data-theme="dark"] .recipe-grid-desc,
[data-theme="dark"] .recipe-main-intro {
    color: #94a3b8 !important;
}

[data-theme="dark"] .recipe-time-tag,
[data-theme="dark"] .recipe-features,
[data-theme="dark"] .recipe-deck-meta,
[data-theme="dark"] .recipe-grid-meta {
    color: #94a3b8 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .diet-badge-pill,
[data-theme="dark"] .diet-indicator-badge,
.dark-theme .diet-badge-pill,
.dark-theme .diet-indicator-badge {
    background: rgba(18, 20, 26, 0.92) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

[data-theme="dark"] .diet-badge-pill span,
[data-theme="dark"] .diet-indicator-badge span,
.dark-theme .diet-badge-pill span,
.dark-theme .diet-indicator-badge span {
    color: #ffffff !important;
}

/* Cuisine Cards Grid */
[data-theme="dark"] .cuisine-card-inner {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cuisine-content-box {
    background: #181a20 !important;
}

[data-theme="dark"] .cuisine-name {
    color: #f8fafc !important;
}

[data-theme="dark"] .cuisine-item-count {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cuisine-icon-bubble {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cuisine-count-badge {
    background: #1e222d !important;
    color: #cbd5e1 !important;
}

/* Vegetarian Specials Section */
[data-theme="dark"] .veg-specials-section {
    background: #121c16 !important;
    border-color: #1e3d29 !important;
}

[data-theme="dark"] .veg-mini-card {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .veg-mini-title {
    color: #f8fafc !important;
}

/* Sidebar Widgets in Cookery */
[data-theme="dark"] .cookery-sidebar-card {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cookery-sidebar-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .sidebar-header-box {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .sidebar-recipe-name,
[data-theme="dark"] .sidebar-art-title,
[data-theme="dark"] .chef-pick-title {
    color: #f8fafc !important;
}

.sidebar-category-name {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.4px;
    line-height: 1.2;
    display: inline-block;
    color: #EF007D;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50%;
    text-align: right;
}

.sidebar-recipe-name {
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.35;
    color: #1a1a1a;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 0.2s ease;
    margin-bottom: 4px !important;
}

.sidebar-cook-time {
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

[data-theme="dark"] .sidebar-recipe-item:hover .sidebar-recipe-name {
    color: #FF57C9 !important;
}

[data-theme="dark"] .sidebar-category-name {
    color: #FF57C9 !important;
}

[data-theme="dark"] .sidebar-cook-time {
    color: #94a3b8 !important;
}

[data-theme="dark"] .chef-pick-card .chef-pick-inner {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .chef-pick-card .bg-white {
    background: #181a20 !important;
}

/* Recipe Show Page Components */
[data-theme="dark"] .recipe-author-bar {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .recipe-author-bar .btn-outline-danger {
    border-color: #e11d48 !important;
    color: #fb7185 !important;
    background: rgba(225, 29, 72, 0.1) !important;
}

[data-theme="dark"] .recipe-author-bar .btn-outline-danger:hover {
    background: #e11d48 !important;
    color: #ffffff !important;
}

[data-theme="dark"] .recipe-author-bar .btn-outline-dark {
    border-color: #475569 !important;
    color: #cbd5e1 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .instructions-steps-badge {
    color: #cccccc !important;
    background-color: #232733 !important;
    border: 1px solid #3b233a !important;
}

[data-theme="dark"] .chef-avatar {
    background: #232733 !important;
    border-color: #3b233a !important;
}

[data-theme="dark"] .rating-box {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .cuisine-pill {
    background: #3b172a !important;
    border-color: #5a2442 !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .region-pill {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .diet-pill-veg {
    background: #12291c !important;
    border-color: #1e4d31 !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .diet-pill-nonveg {
    background: #2c141a !important;
    border-color: #52202b !important;
    color: #f87171 !important;
}

/* Recipe Metrics Strip */
[data-theme="dark"] .recipe-metrics-card {
    background: linear-gradient(135deg, #1e222d 0%, #161820 100%) !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .border-end-md {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .metric-label,
[data-theme="dark"] .meta-lbl {
    color: #94a3b8 !important;
}

[data-theme="dark"] .metric-val,
[data-theme="dark"] .meta-val {
    color: #f8fafc !important;
}

[data-theme="dark"] .difficulty-tooltip-card {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #f8fafc !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .difficulty-tooltip-card::after {
    border-color: #1e222d transparent transparent transparent !important;
}

/* Ingredients Section */
[data-theme="dark"] #ingredientsSection,
[data-theme="dark"] .recipe-section-box,
[data-theme="dark"] .bg-light-soft {
    background-color: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] #ingredientsCountBadge {
    background-color: #1e222d !important;
    border-color: #2a2e3d !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ingredient-check-item {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .ingredient-check-item:hover {
    background-color: #1e222d !important;
}

[data-theme="dark"] .ing-label {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .ing-checkbox {
    background-color: #1e222d !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .ing-checkbox:checked {
    background-color: #EF007D !important;
    border-color: #EF007D !important;
}

/* Step-by-Step Instructions */
[data-theme="dark"] #instructionsSection {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .step-card {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .step-card:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .step-text {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .btn-toggle-steps {
    background: #1e222d !important;
    border-color: #3b233a !important;
    color: #FF57C9 !important;
}

[data-theme="dark"] .btn-toggle-steps:hover,
[data-theme="dark"] .btn-toggle-active {
    background: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

/* Chef's Secret Tips Box */
[data-theme="dark"] .chef-tips-card {
    background: #252014 !important;
    border-color: #4c3d19 !important;
}

[data-theme="dark"] .chef-tips-card h4,
[data-theme="dark"] .chef-tips-card .text-dark {
    color: #fef08a !important;
}

[data-theme="dark"] .chef-tips-card p {
    color: #fef9c3 !important;
}

/* Recipe Video Section */
[data-theme="dark"] .recipe-video-section {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .video-section-heading {
    color: #f8fafc !important;
}

/* Related Recipes Grid & Carousel */
[data-theme="dark"] .more-recipes-container {
    background: #181a20 !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .more-recipes-title {
    color: #f8fafc !important;
}

[data-theme="dark"] .rel-recipe-card {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .rel-title {
    color: #f8fafc !important;
}

/* Cuisine Strip Cards (Sidebar) */
[data-theme="dark"] .cuisine-strip-card {
    background: #1e222d !important;
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cuisine-strip-card:hover {
    background: #2b1725 !important;
    border-color: #EF007D !important;
}

[data-theme="dark"] .cuisine-strip-img-box {
    border-color: #2a2e3d !important;
}

[data-theme="dark"] .cuisine-strip-name {
    color: #f8fafc !important;
}

[data-theme="dark"] .cuisine-strip-sub {
    color: #94a3b8 !important;
}

[data-theme="dark"] .cuisine-strip-arrow {
    background: #232733 !important;
    border-color: #2a2e3d !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .cuisine-strip-card:hover .cuisine-strip-arrow {
    background: #EF007D !important;
    border-color: #EF007D !important;
    color: #ffffff !important;
}

[data-theme="dark"] .bg-pink-subtle {
    background-color: #3b172a !important;
    border-color: #5a2442 !important;
    color: #FF57C9 !important;
}

/* --------------------------------------------------------------------------
   12. TRANSITIONS & SMOOTHNESS
   -------------------------------------------------------------------------- */
body,
.card,
.desktop-logo-wrapper,
.mobile-logo-container,
.topics-bar,
.mobile-drawer,
.live-search-dropdown,
.language-options-menu,
.member-dropdown-box,
.article-single,
.comment-bubble,
.zodiac-sign-card,
.zodiac-card-inner,
.element-filter-btn,
.cookery-hero-banner,
.spotlight-card,
.cuisine-card-inner,
.recipe-deck-card,
.veg-specials-section,
.cookery-sidebar-card,
.cat-hero-card,
.cuisine-pill-bar,
.recipe-grid-card,
.recipe-main-card,
.recipe-metrics-card,
.step-card,
.chef-tips-card,
.rel-recipe-card,
.cuisine-strip-card {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* --------------------------------------------------------------------------
   13. RESPONSIVE CONTAINER PADDING (MOBILE ONLY)
   -------------------------------------------------------------------------- */
@media (max-width: 767.98px) {
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        --bs-gutter-x: 16px;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

/* --------------------------------------------------------------------------
   14. ASTROLOGY ICON ROTATION ANIMATION (CLOCKWISE SLOW)
   -------------------------------------------------------------------------- */
.astrology-rotating-icon {
    animation: rotateClockwise 12s linear infinite;
    transform-origin: center center;
    display: inline-block;
    will-change: transform;
}

@keyframes rotateClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* --------------------------------------------------------------------------
   15. ZODIAC SLIDER (DESKTOP CONTINUOUS & MOBILE TOUCH STRIP)
   -------------------------------------------------------------------------- */
@media (min-width: 992px) {
    .zodiac-continuous-slider {
        position: relative;
        width: 100%;
        overflow: hidden;
        padding: 10px 0;
        mask-image: linear-gradient(to right, transparent 0%, black 2.5%, black 97.5%, transparent 100%);
        -webkit-mask-image: linear-gradient(to right, transparent 0%, black 2.5%, black 97.5%, transparent 100%);
    }

    .zodiac-continuous-track {
        display: flex;
        width: max-content;
        will-change: transform;
        animation: zodiacContinuousScroll 35s linear infinite;
    }

    .zodiac-continuous-slider:hover .zodiac-continuous-track,
    .zodiac-continuous-slider:focus-within .zodiac-continuous-track {
        animation-play-state: paused;
    }

    .zodiac-continuous-group {
        display: flex;
        align-items: flex-end;
        gap: 28px;
        padding-right: 28px;
        flex-shrink: 0;
    }

    .zodiac-continuous-slider .zodiac-sign-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 105px;
        min-width: 105px;
        text-align: center;
        transition: transform 0.25s ease;
        cursor: pointer;
        text-decoration: none;
    }

    .zodiac-continuous-slider .zodiac-sign-item:hover {
        transform: translateY(-4px);
    }

    .zodiac-continuous-slider .zodiac-sign-item:hover .zodiac-sign-img {
        transform: scale(1.08);
    }
}

@keyframes zodiacContinuousScroll {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.zodiac-icon-wrapper {
    height: 65px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zodiac-sign-img {
    height: 65px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    transition: transform 0.25s ease;
}

.zodiac-sign-name {
    font-size: 13px;
    font-weight: 700;
    color: #111111;
    white-space: nowrap;
}

[data-theme="dark"] .zodiac-sign-name,
.dark-theme .zodiac-sign-name {
    color: #f8fafc !important;
}

/* Mobile & Tablet manual swipe strip */
.zodiac-mobile-strip {
    overflow-x: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.zodiac-mobile-strip::-webkit-scrollbar {
    display: none;
}

@media (max-width: 767.98px) {
    .zodiac-mobile-strip {
        gap: 16px !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .zodiac-mobile-strip .zodiac-sign-item {
        flex: 0 0 calc((100% - 32px) / 2.5) !important;
        width: calc((100% - 32px) / 2.5) !important;
        min-width: calc((100% - 32px) / 2.5) !important;
        max-width: calc((100% - 32px) / 2.5) !important;
    }
    .zodiac-mobile-strip .zodiac-icon-wrapper {
        height: 85px !important;
        margin-bottom: 8px !important;
    }
    .zodiac-mobile-strip .zodiac-sign-img {
        height: 85px !important;
        max-height: 85px !important;
        width: auto !important;
        max-width: 100% !important;
    }
    .zodiac-mobile-strip .zodiac-sign-name {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .zodiac-mobile-strip {
        gap: 18px !important;
        margin-left: 0 !important;
    }
    .zodiac-mobile-strip .zodiac-sign-item {
        flex: 0 0 calc((100% - 72px) / 4.5) !important;
        width: calc((100% - 72px) / 4.5) !important;
        min-width: calc((100% - 72px) / 4.5) !important;
        max-width: calc((100% - 72px) / 4.5) !important;
    }
    .zodiac-mobile-strip .zodiac-icon-wrapper {
        height: 75px !important;
    }
    .zodiac-mobile-strip .zodiac-sign-img {
        height: 75px !important;
        max-height: 75px !important;
    }
}

/* Static information pages: keep the same readable surface treatment as Contact Us. */
[data-theme="dark"] .about-page,
[data-theme="dark"] .policy-section,
[data-theme="dark"] .ethics-section {
    background: #0e1015 !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .about-page .about-page-card {
    background: #181a20 !important;
    border: 1px solid #2a2e3d !important;
    border-top: 4px solid #ef007d !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .about-header h1,
[data-theme="dark"] .policy-header h1,
[data-theme="dark"] .ethics-header h1,
[data-theme="dark"] .policy-content h2,
[data-theme="dark"] .ethics-content h2,
[data-theme="dark"] .about-page h2,
[data-theme="dark"] .about-page h3 {
    color: #f8fafc !important;
}

[data-theme="dark"] .about-header p,
[data-theme="dark"] .policy-header p,
[data-theme="dark"] .ethics-header p {
    color: #aeb8c8 !important;
}

[data-theme="dark"] .about-page .card-body p,
[data-theme="dark"] .policy-content p,
[data-theme="dark"] .ethics-content p,
[data-theme="dark"] .policy-content li,
[data-theme="dark"] .ethics-content li {
    color: #cbd5e1 !important;
}

    .cuisine-icon-bubble,
    [data-theme="dark"] .cuisine-icon-bubble {
        width: auto !important;
        height: auto !important;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-bottom: 4px !important;
        font-size: 22px !important;
        line-height: 1 !important;
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .zodiac-continuous-group {
        gap: 24px;
        padding-right: 24px;
    }
    .zodiac-sign-item {
        width: 100px;
        min-width: 100px;
    }
    .zodiac-continuous-track {
        animation-duration: 30s;
    }
}