/* ==========================================================================
   Pharmino Web - Light / Dark Theme Stylesheet
   ========================================================================== */

/* --- Root Variables: Dark Mode (Default) --- */
:root, [data-theme="dark"] {
    --theme-mode: 'dark';
    --bg-main: #060913;
    --bg-dashboard: #030712;
    --text-primary: #F8FAFC;
    --text-secondary: #94A3B8;
    --text-muted: #64748B;
    --card-bg: rgba(17, 24, 39, 0.7);
    --card-border: rgba(66, 234, 255, 0.12);
    --glass-bg: rgba(10, 15, 30, 0.7);
    --glass-border: rgba(66, 234, 255, 0.12);
    --header-bg: rgba(6, 9, 19, 0.65);
    --header-border: rgba(225, 215, 136, 0.2);
    --dropdown-bg: rgba(6, 9, 19, 0.85);
    --input-bg: rgba(3, 7, 18, 0.5);
    --input-border: rgba(255, 255, 255, 0.08);
    --input-text: #FFFFFF;
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* --- Root Variables: Light Mode --- */
[data-theme="light"] {
    --theme-mode: 'light';
    --bg-main: #f8fafc;
    --bg-dashboard: #f8fafc;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --card-bg: #ffffff;
    --card-border: rgba(226, 232, 240, 0.9);
    --glass-bg: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(18, 60, 118, 0.12);
    --header-bg: rgba(255, 255, 255, 0.88);
    --header-border: rgba(18, 60, 118, 0.15);
    --dropdown-bg: rgba(255, 255, 255, 0.98);
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --input-text: #0f172a;
    --shadow-soft: 0 10px 30px rgba(18, 60, 118, 0.07);
}

/* --- Smooth Theme Transition --- */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
    transition: background-color 300ms ease, border-color 300ms ease, color 200ms ease, box-shadow 300ms ease !important;
}

/* --- Theme Toggle Button Styling --- */
.theme-toggle-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    border: 1px solid rgba(225, 215, 136, 0.25);
    background-color: rgba(18, 60, 118, 0.2);
    color: #E1D788;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    flex-shrink: 0;
}

.theme-toggle-btn:hover {
    background-color: rgba(18, 60, 118, 0.4);
    border-color: rgba(225, 215, 136, 0.6);
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(225, 215, 136, 0.3);
}

.theme-toggle-btn .theme-icon-sun {
    color: #E1D788;
    font-size: 0.95rem;
    transition: transform 0.4s ease, opacity 0.3s ease;
}

.theme-toggle-btn .theme-icon-moon {
    display: none;
    color: #123C76;
    font-size: 0.95rem;
    transition: transform 0.4s ease, opacity 0.3s ease;
}

/* In Light Mode, toggle button looks crisp with cool navy/gold */
[data-theme="light"] .theme-toggle-btn {
    border-color: rgba(18, 60, 118, 0.2);
    background-color: rgba(18, 60, 118, 0.08);
    color: #123C76;
    box-shadow: 0 4px 12px rgba(18, 60, 118, 0.08);
}

[data-theme="light"] .theme-toggle-btn:hover {
    background-color: rgba(18, 60, 118, 0.15);
    border-color: rgba(18, 60, 118, 0.4);
    box-shadow: 0 0 15px rgba(18, 60, 118, 0.2);
}

[data-theme="light"] .theme-toggle-btn .theme-icon-sun {
    display: none !important;
}

[data-theme="light"] .theme-toggle-btn .theme-icon-moon {
    display: inline-block !important;
}

/* ==========================================================================
   LIGHT MODE OVERRIDES
   ========================================================================== */

/* --- 1. Base Document --- */
[data-theme="light"] body {
    background-color: #f8fafc !important;
    color: #0f172a !important;
}

[data-theme="light"] #preloader {
    background-color: #f8fafc !important;
}

[data-theme="light"] .loader-ring {
    border-top-color: #123C76 !important;
    border-bottom-color: #FF7E42 !important;
}

/* --- 2. Ambient Blobs & Lights --- */
[data-theme="light"] .animate-blob-1 {
    opacity: 0.25 !important;
    mix-blend-mode: multiply !important;
    filter: blur(100px) !important;
}

[data-theme="light"] .animate-blob-2 {
    opacity: 0.2 !important;
    mix-blend-mode: multiply !important;
    filter: blur(120px) !important;
}

[data-theme="light"] .glow-orb-1 {
    background: radial-gradient(circle, rgba(66, 114, 255, 0.12) 0%, transparent 70%) !important;
}

[data-theme="light"] .glow-orb-2 {
    background: radial-gradient(circle, rgba(255, 126, 66, 0.1) 0%, transparent 70%) !important;
}

/* --- 3. Glass Panels & Cards --- */
[data-theme="light"] .glass-panel {
    background: rgba(255, 255, 255, 0.88) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 10px 30px -5px rgba(18, 60, 118, 0.06), 0 4px 6px -2px rgba(0, 0, 0, 0.03) !important;
}

/* --- 4. Main Site Header (_Layout & Home) --- */
[data-theme="light"] #header-container {
    background-color: rgba(255, 255, 255, 0.88) !important;
    border-color: rgba(18, 60, 118, 0.15) !important;
    box-shadow: 0 10px 30px rgba(18, 60, 118, 0.08) !important;
}

[data-theme="light"] #header-container > div.absolute.inset-0 {
    background-color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="light"] #header-container nav a {
    color: #334155 !important;
}

[data-theme="light"] #header-container nav a:hover {
    color: #123C76 !important;
}

[data-theme="light"] #header-container nav a div {
    background-color: rgba(18, 60, 118, 0.08) !important;
}

[data-theme="light"] #header-container .text-custom-snow {
    color: #0f172a !important;
}

[data-theme="light"] #user-menu-button {
    background-color: rgba(18, 60, 118, 0.08) !important;
    border-color: rgba(18, 60, 118, 0.2) !important;
}

[data-theme="light"] #user-menu-button:hover {
    background-color: rgba(18, 60, 118, 0.15) !important;
    border-color: rgba(18, 60, 118, 0.35) !important;
}

[data-theme="light"] #user-menu-button .text-custom-snow {
    color: #0f172a !important;
}

[data-theme="light"] #user-menu-button #user-arrow {
    color: #123C76 !important;
}

/* User Dropdown */
[data-theme="light"] #user-menu {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 20px 45px rgba(18, 60, 118, 0.12) !important;
}

[data-theme="light"] #user-menu > div.absolute.inset-0 {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
}

[data-theme="light"] #user-menu .bg-gradient-to-br {
    background: linear-gradient(135deg, rgba(18, 60, 118, 0.06) 0%, transparent 100%) !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] #user-menu p.text-custom-snow,
[data-theme="light"] #user-menu a.text-custom-snow {
    color: #1e293b !important;
}

[data-theme="light"] #user-menu a.text-custom-snow:hover {
    background-color: rgba(18, 60, 118, 0.06) !important;
    color: #123C76 !important;
}

[data-theme="light"] #user-menu .h-px {
    background-color: #e2e8f0 !important;
}

/* Mobile Menu Button */
[data-theme="light"] #mobile-menu-button {
    background-color: rgba(18, 60, 118, 0.08) !important;
    border-color: rgba(18, 60, 118, 0.2) !important;
    color: #123C76 !important;
}

[data-theme="light"] #mobile-menu-button:hover {
    background-color: #123C76 !important;
    color: #ffffff !important;
}

/* Offcanvas Mobile Menu */
[data-theme="light"] #offcanvas-menu {
    background-color: rgba(255, 255, 255, 0.97) !important;
    border-left-color: rgba(226, 232, 240, 0.9) !important;
    box-shadow: -20px 0 50px rgba(18, 60, 118, 0.1) !important;
}

[data-theme="light"] #offcanvas-backdrop {
    background-color: rgba(15, 23, 42, 0.35) !important;
}

[data-theme="light"] #offcanvas-close-button {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] #offcanvas-close-button:hover {
    background-color: rgba(18, 60, 118, 0.1) !important;
    color: #123C76 !important;
}

[data-theme="light"] #offcanvas-menu h4,
[data-theme="light"] #offcanvas-menu a:not(.bg-gradient-to-r) {
    color: #0f172a !important;
}

[data-theme="light"] #offcanvas-menu p {
    color: #64748b !important;
}

[data-theme="light"] #offcanvas-menu .offcanvas-item:hover {
    background-color: rgba(18, 60, 118, 0.05) !important;
}

[data-theme="light"] #offcanvas-menu .border-b,
[data-theme="light"] #offcanvas-menu .border-t {
    border-color: #e2e8f0 !important;
}

[data-theme="light"] #offcanvas-menu .bg-custom-dark\/50 {
    background-color: #f8fafc !important;
}

[data-theme="light"] #offcanvas-menu .bg-white\/5 {
    background-color: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

/* Language Switcher in Light Mode */
[data-theme="light"] .lang-switcher-container a {
    background-color: rgba(18, 60, 118, 0.08) !important;
    border-color: rgba(18, 60, 118, 0.2) !important;
    color: #123C76 !important;
}

[data-theme="light"] .lang-switcher-container a:hover {
    background-color: rgba(18, 60, 118, 0.15) !important;
    border-color: rgba(18, 60, 118, 0.4) !important;
}

[data-theme="light"] .lang-switcher-container i {
    color: #123C76 !important;
}

/* --- 5. Text & Typography Overrides --- */
[data-theme="light"] .text-custom-snow {
    color: #0f172a !important;
}

[data-theme="light"] .text-custom-snow\/80 {
    color: #1e293b !important;
}

[data-theme="light"] .text-custom-snow\/70,
[data-theme="light"] .text-custom-snow\/60 {
    color: #475569 !important;
}

[data-theme="light"] .text-custom-snow\/50,
[data-theme="light"] .text-custom-snow\/40 {
    color: #64748b !important;
}

/* Glow Text */
[data-theme="light"] .text-glow-cool {
    background: linear-gradient(to right, #0284c7, #123C76) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(2, 132, 199, 0.25)) !important;
}

[data-theme="light"] .text-glow-warm {
    background: linear-gradient(to right, #ea580c, #c2410c) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(234, 88, 12, 0.25)) !important;
}

[data-theme="light"] .text-glow-gold {
    background: linear-gradient(to right, #b49b38, #8c7620) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    filter: drop-shadow(0 2px 10px rgba(180, 155, 56, 0.25)) !important;
}

/* --- 6. Home Page Specific Sections --- */
[data-theme="light"] .bg-custom-card {
    background-color: #ffffff !important;
}

[data-theme="light"] .bg-custom-dark\/40 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="light"] #features .skew-y-2 {
    background-color: rgba(241, 245, 249, 0.8) !important;
    border-color: rgba(226, 232, 240, 0.8) !important;
}

[data-theme="light"] #contact .rounded-\[2\.5rem\] {
    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%) !important;
    border: 1px solid rgba(18, 60, 118, 0.12) !important;
    box-shadow: 0 20px 50px rgba(18, 60, 118, 0.08) !important;
}

[data-theme="light"] footer {
    background-color: #ffffff !important;
    border-top-color: rgba(226, 232, 240, 0.9) !important;
    color: #475569 !important;
}

[data-theme="light"] footer .text-slate-400,
[data-theme="light"] footer .text-slate-500 {
    color: #64748b !important;
}

[data-theme="light"] footer .text-custom-snow {
    color: #0f172a !important;
}

[data-theme="light"] footer .border-white\/5 {
    border-color: #e2e8f0 !important;
}

/* --- 7. User Dashboard (_UserLayout & Dashboard pages) --- */
/* Dashboard Mobile Header */
[data-theme="light"] header.lg\:hidden {
    background-color: rgba(255, 255, 255, 0.92) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
}

[data-theme="light"] #mobile-menu-btn {
    color: #123C76 !important;
}

/* Sidebar */
[data-theme="light"] #sidebar {
    background-color: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 20px 40px rgba(18, 60, 118, 0.06) !important;
}

[data-theme="light"] #sidebar-backdrop {
    background-color: rgba(15, 23, 42, 0.35) !important;
}

[data-theme="light"] #sidebar .bg-brand-surface {
    background-color: rgba(241, 245, 249, 0.9) !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
}

[data-theme="light"] #sidebar .bg-brand-surfaceHover {
    background-color: rgba(226, 232, 240, 0.9) !important;
}

[data-theme="light"] #sidebar .text-slate-100 {
    color: #0f172a !important;
}

[data-theme="light"] #sidebar .text-slate-400 {
    color: #475569 !important;
}

[data-theme="light"] #sidebar .text-slate-500 {
    color: #475569 !important;
}

[data-theme="light"] #sidebar nav a:not(.nav-item-active) {
    color: #334155 !important;
}

[data-theme="light"] #sidebar nav a:not(.nav-item-active):hover {
    background-color: rgba(18, 60, 118, 0.06) !important;
    color: #123C76 !important;
}

[data-theme="light"] .nav-item-active {
    background: linear-gradient(90deg, rgba(18, 60, 118, 0.1) 0%, transparent 100%) !important;
    border-left: 3px solid #123C76 !important;
    box-shadow: inset 10px 0 20px -10px rgba(18, 60, 118, 0.2) !important;
}

[data-theme="light"] .nav-item-active i {
    color: #123C76 !important;
    filter: drop-shadow(0 0 6px rgba(18, 60, 118, 0.4)) !important;
}

[data-theme="light"] .nav-item-active span {
    color: #123C76 !important;
    font-weight: 700 !important;
}

[data-theme="light"] #sidebar .glass-panel {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] #sidebar .glass-panel a {
    color: #334155 !important;
}

[data-theme="light"] #sidebar .glass-panel a:hover {
    color: #123C76 !important;
}

/* Dashboard Main Content */
[data-theme="light"] main h1,
[data-theme="light"] main h2,
[data-theme="light"] main h3,
[data-theme="light"] main h4 {
    color: #0f172a !important;
}

[data-theme="light"] main p.text-slate-400,
[data-theme="light"] main span.text-slate-400 {
    color: #64748b !important;
}

[data-theme="light"] main .text-white {
    color: #0f172a !important;
}

[data-theme="light"] main .bg-white\/5 {
    background-color: #ffffff !important;
    border-color: rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] main .bg-white\/5:hover {
    background-color: #f8fafc !important;
    border-color: rgba(18, 60, 118, 0.2) !important;
}

[data-theme="light"] main .bg-white\/10 {
    background-color: #e2e8f0 !important;
}

/* Form Inputs in Light Mode */
[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: #123C76 !important;
    box-shadow: 0 0 0 3px rgba(18, 60, 118, 0.15) !important;
}

[data-theme="light"] .bg-brand-dark\/50 {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

/* Active Sessions in Light Mode */
[data-theme="light"] .bg-navy\/20,
[data-theme="light"] .bg-navy\/30 {
    background-color: rgba(18, 60, 118, 0.08) !important;
}

[data-theme="light"] .text-gold {
    color: #b49b38 !important;
}

[data-theme="light"] .border-gold\/30,
[data-theme="light"] .border-gold\/40 {
    border-color: rgba(180, 155, 56, 0.4) !important;
}

[data-theme="light"] .bg-gold\/5 {
    background-color: rgba(225, 215, 136, 0.15) !important;
}

/* Scrollbar in Light Mode */
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f1f5f9;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 9999px;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* --- 8. Specific Page Fine-tuning (Course Details, User Courses, Sessions) --- */
[data-theme="light"] .bg-custom-dark\/60 {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(18, 60, 118, 0.15) !important;
}

[data-theme="light"] .bg-custom-navy\/20 {
    background-color: rgba(18, 60, 118, 0.05) !important;
    border-color: rgba(18, 60, 118, 0.12) !important;
}

[data-theme="light"] .bg-custom-navy\/20:hover,
[data-theme="light"] .hover\:bg-custom-navy\/40:hover {
    background-color: rgba(18, 60, 118, 0.1) !important;
}

[data-theme="light"] .bg-custom-dark {
    background-color: #ffffff !important;
}

[data-theme="light"] .vid-number {
    color: #0f172a !important;
}

[data-theme="light"] .bg-brand-dark {
    background-color: #f1f5f9 !important;
}

[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-white\/10 {
    border-color: rgba(226, 232, 240, 0.9) !important;
}

[data-theme="light"] .text-slate-100 {
    color: #0f172a !important;
}

[data-theme="light"] .text-slate-200 {
    color: #1e293b !important;
}

[data-theme="light"] .text-slate-300 {
    color: #334155 !important;
}

/* ==========================================================================
   Farsi Font: B Nazanin (ONLY and ONLY for Farsi)
   ========================================================================== */
@font-face {
    font-family: 'B Nazanin';
    src: url('/fonts/BNazanin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html[lang^="fa"],
html[lang^="fa"] body,
html[lang^="fa"] h1, html[lang^="fa"] h2, html[lang^="fa"] h3,
html[lang^="fa"] h4, html[lang^="fa"] h5, html[lang^="fa"] h6,
html[lang^="fa"] p, html[lang^="fa"] a, html[lang^="fa"] span,
html[lang^="fa"] button, html[lang^="fa"] input, html[lang^="fa"] select,
html[lang^="fa"] textarea, html[lang^="fa"] label, html[lang^="fa"] td,
html[lang^="fa"] th, html[lang^="fa"] div {
    font-family: 'B Nazanin', Tahoma, 'Vazirmatn', sans-serif !important;
}

/* ==========================================================================
   Admin Area Light Mode Styling
   ========================================================================== */
[data-theme="light"] body {
    background-color: #f8fafc !important;
    color: #334155 !important;
}

[data-theme="light"] .ambient-grid {
    background-image: linear-gradient(to right, rgba(66, 114, 255, 0.05) 1px, transparent 1px), linear-gradient(to bottom, rgba(66, 114, 255, 0.05) 1px, transparent 1px) !important;
}

[data-theme="light"] .glow-orb-1,
[data-theme="light"] .glow-orb-2 {
    opacity: 0.15 !important;
}

/* Admin Glass Panels & Cards */
[data-theme="light"] .glass-panel {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] .bg-dark-bg,
[data-theme="light"] .bg-dark-bg\/40,
[data-theme="light"] .bg-dark-bg\/60,
[data-theme="light"] .bg-dark-bg\/80,
[data-theme="light"] .bg-dark-bg\/90 {
    background-color: #ffffff !important;
}

[data-theme="light"] aside#sidebar {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] aside#sidebar h1 {
    color: #0f172a !important;
}

[data-theme="light"] aside#sidebar .menu-item {
    color: #475569 !important;
}

[data-theme="light"] aside#sidebar .menu-item:hover {
    background: linear-gradient(90deg, rgba(66, 234, 255, 0.12) 0%, transparent 100%) !important;
    color: #0284c7 !important;
}

[data-theme="light"] aside#sidebar .sidebar-active {
    background: linear-gradient(90deg, rgba(66, 114, 255, 0.15) 0%, rgba(66, 234, 255, 0.05) 100%) !important;
    color: #0284c7 !important;
}

[data-theme="light"] aside#sidebar .border-t {
    border-color: #e2e8f0 !important;
}

/* Admin Tables & Content Containers */
[data-theme="light"] table {
    color: #1e293b !important;
}

[data-theme="light"] thead tr,
[data-theme="light"] th {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] td {
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}

[data-theme="light"] tbody tr:hover {
    background-color: #f8fafc !important;
}

/* Admin & General Form Inputs in Light Mode */
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="number"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="password"],
[data-theme="light"] input[type="search"],
[data-theme="light"] input[type="url"],
[data-theme="light"] input[type="tel"],
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #94a3b8 !important;
}

/* Admin Cards & Subtle Containers */
[data-theme="light"] .bg-white\/\[0\.02\],
[data-theme="light"] .bg-white\/\[0\.03\],
[data-theme="light"] .bg-white\/\[0\.05\],
[data-theme="light"] .bg-white\/5 {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .border-white\/5,
[data-theme="light"] .border-white\/10,
[data-theme="light"] .border-white\/\[0\.05\] {
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .text-white {
    color: #0f172a !important;
}

/* Account Pages Liquid Glass in Light Mode */
[data-theme="light"] .liquid-glass {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .bg-slate-900\/40,
[data-theme="light"] .bg-slate-900\/50,
[data-theme="light"] .bg-slate-900\/60 {
    background-color: #ffffff !important;
    border-color: #e2e8f0 !important;
}

[data-theme="light"] .border-slate-800,
[data-theme="light"] .border-slate-800\/60 {
    border-color: #e2e8f0 !important;
}

/* ==========================================================================
   Language Dropdown & Z-Index Layering
   ========================================================================== */
.lang-switcher-container {
    position: relative !important;
    z-index: 100 !important;
}

.lang-dropdown-menu {
    z-index: 9999 !important;
}

/* Language Switcher in Light Mode */
[data-theme="light"] .lang-switcher-btn,
.light .lang-switcher-btn {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .lang-switcher-btn:hover,
.light .lang-switcher-btn:hover {
    background-color: #f8fafc !important;
    border-color: #0284c7 !important;
}

[data-theme="light"] .lang-dropdown-menu,
.light .lang-dropdown-menu {
    background-color: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
}

[data-theme="light"] .lang-dropdown-menu a,
.light .lang-dropdown-menu a {
    color: #334155 !important;
}

[data-theme="light"] .lang-dropdown-menu a:hover,
.light .lang-dropdown-menu a:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

[data-theme="light"] .lang-dropdown-menu a.bg-brand-blue\/20,
.light .lang-dropdown-menu a.bg-brand-blue\/20 {
    background-color: rgba(2, 132, 199, 0.12) !important;
    color: #0284c7 !important;
}

/* ==========================================================================
   Persian (Farsi) Dedicated Typography & Font Scaling (+3px to 4px)
   ONLY and ONLY active for Farsi (lang="fa" or lang="fa-IR")
   ========================================================================== */
@font-face {
    font-family: 'B Nazanin';
    src: url('/fonts/BNazanin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html[lang^="fa"],
html[lang="fa"],
html[lang="fa-IR"] {
    font-size: 19px !important; /* +3px larger base size, scaling rem units cleanly */
}

html[lang^="fa"] body,
html[lang^="fa"] h1,
html[lang^="fa"] h2,
html[lang^="fa"] h3,
html[lang^="fa"] h4,
html[lang^="fa"] h5,
html[lang^="fa"] h6,
html[lang^="fa"] p,
html[lang^="fa"] a,
html[lang^="fa"] span,
html[lang^="fa"] button,
html[lang^="fa"] input,
html[lang^="fa"] select,
html[lang^="fa"] textarea,
html[lang^="fa"] label,
html[lang^="fa"] th,
html[lang^="fa"] td,
html[lang^="fa"] li,
html[lang^="fa"] div {
    font-family: 'B Nazanin', Tahoma, sans-serif !important;
}




/* =====================================================================
   Light mode: surfaces one step softer than pure white (less glare).
   Kept last in the file so it wins over the earlier #fff rules.
   ===================================================================== */
[data-theme="light"] .glass-panel {
    background: rgba(229, 234, 242, 0.94) !important;
}
[data-theme="light"] aside#sidebar {
    background: #e7ebf2 !important;
}
[data-theme="light"] .bg-dark-bg,
[data-theme="light"] .bg-dark-bg\/40,
[data-theme="light"] .bg-dark-bg\/60,
[data-theme="light"] .bg-dark-bg\/80,
[data-theme="light"] .bg-dark-bg\/90 {
    background-color: rgba(229, 234, 242, 0.6) !important;
}
[data-theme="light"] .bg-white\/\[0\.02\],
[data-theme="light"] .bg-white\/\[0\.03\],
[data-theme="light"] .bg-white\/\[0\.05\],
[data-theme="light"] .bg-white\/5,
[data-theme="light"] main .bg-white\/5 {
    background-color: #eef1f6 !important;
}
[data-theme="light"] main .bg-white\/5:hover {
    background-color: #e6eaf1 !important;
}
/* Boxes inside the sidebar (profile card, bottom links): a touch lighter than the sidebar itself. */
[data-theme="light"] #sidebar .glass-panel,
[data-theme="light"] #sidebar .bg-brand-surface {
    background: #eef1f6 !important;
}

/* =====================================================================
   Light mode: readable accent colours
   The accents were picked for dark panels (#42EAFF cyan, #FF7E42 orange,
   #FFB343 yellow, #E1D788 gold, 400-level greens/reds/purples). On the
   light cards and the light "Waves" background they wash out, so in light
   mode each one switches to a deeper shade of the same hue (WCAG AA,
   at least 4.5:1 on the light panels).
   ===================================================================== */
[data-theme="light"] {
  --pa-l-cyan: #155e75;    /* cyan-800   (was #42EAFF) */
  --pa-l-blue: #1d4ed8;    /* blue-700   (was #4272FF) */
  --pa-l-orange: #c2410c;  /* orange-700 (was #FF7E42) */
  --pa-l-yellow: #b45309;  /* amber-700  (was #FFB343) */
  --pa-l-gold: #8a6a00;    /* deep gold  (was #E1D788) */
  --pa-l-green: #047857;   /* emerald-700 */
  --pa-l-red: #b91c1c;     /* red-700 */
  --pa-l-rose: #be123c;    /* rose-700 */
  --pa-l-purple: #7e22ce;  /* purple-700 */
  --pa-l-teal: #0f766e;    /* teal-700 */
  --pa-l-muted: #475569;   /* slate-600 for secondary text */
}

/* Cyan / blue */
[data-theme="light"] .text-brand-cyan, [data-theme="light"] .text-custom-cyan,
[data-theme="light"] .text-cyan-300, [data-theme="light"] .text-cyan-400,
[data-theme="light"] .text-sky-400, [data-theme="light"] .text-\[\#42EAFF\],
[data-theme="light"] .text-custom-cyan\/80, [data-theme="light"] .text-brand-cyan\/80,
[data-theme="light"] .hover\:text-brand-cyan:hover, [data-theme="light"] .hover\:text-custom-cyan:hover,
[data-theme="light"] .group:hover .group-hover\:text-brand-cyan { color: var(--pa-l-cyan) !important; }
[data-theme="light"] .text-brand-blue, [data-theme="light"] .text-custom-blue,
[data-theme="light"] .text-blue-400, [data-theme="light"] .text-blue-300, [data-theme="light"] .text-indigo-400,
[data-theme="light"] .hover\:text-\[\#4272FF\]:hover, [data-theme="light"] .hover\:text-brand-blue:hover { color: var(--pa-l-blue) !important; }

/* Orange / yellow / gold */
[data-theme="light"] .text-brand-orange, [data-theme="light"] .text-custom-orange,
[data-theme="light"] .text-orange-400, [data-theme="light"] .text-orange-300, [data-theme="light"] .text-\[\#FF7E42\],
[data-theme="light"] .hover\:text-brand-orange:hover, [data-theme="light"] .hover\:text-custom-orange:hover { color: var(--pa-l-orange) !important; }
[data-theme="light"] .text-brand-yellow, [data-theme="light"] .text-custom-yellow,
[data-theme="light"] .text-amber-200\/70, [data-theme="light"] .text-amber-300, [data-theme="light"] .text-amber-400,
[data-theme="light"] .text-yellow-300, [data-theme="light"] .text-yellow-400,
[data-theme="light"] .text-\[\#FFB343\], [data-theme="light"] .text-\[\#FFC233\],
[data-theme="light"] .hover\:text-\[\#FFB343\]:hover, [data-theme="light"] .hover\:text-brand-yellow:hover { color: var(--pa-l-yellow) !important; }
[data-theme="light"] .text-custom-gold, [data-theme="light"] .text-custom-gold\/80,
[data-theme="light"] .text-custom-gold\/70, [data-theme="light"] .text-custom-gold\/50,
[data-theme="light"] .hover\:text-custom-gold:hover, [data-theme="light"] .group:hover .group-hover\:text-custom-gold { color: var(--pa-l-gold) !important; }

/* Status colours */
[data-theme="light"] .text-emerald-300, [data-theme="light"] .text-emerald-400, [data-theme="light"] .text-emerald-400\/90,
[data-theme="light"] .text-green-300, [data-theme="light"] .text-green-400, [data-theme="light"] .text-\[\#4ade80\] { color: var(--pa-l-green) !important; }
[data-theme="light"] .text-red-300, [data-theme="light"] .text-red-400,
[data-theme="light"] .text-\[\#ff6b6b\], [data-theme="light"] .hover\:text-\[\#ff6b6b\]:hover { color: var(--pa-l-red) !important; }
[data-theme="light"] .text-rose-300, [data-theme="light"] .text-rose-400, [data-theme="light"] .text-pink-400 { color: var(--pa-l-rose) !important; }
[data-theme="light"] .text-purple-200\/70, [data-theme="light"] .text-purple-300, [data-theme="light"] .text-purple-400,
[data-theme="light"] .text-violet-400, [data-theme="light"] .text-fuchsia-400 { color: var(--pa-l-purple) !important; }
[data-theme="light"] .text-teal-300, [data-theme="light"] .text-teal-400 { color: var(--pa-l-teal) !important; }

/* Secondary grey text */
[data-theme="light"] .text-slate-400, [data-theme="light"] .text-slate-500,
[data-theme="light"] .text-gray-400, [data-theme="light"] .text-gray-500 { color: var(--pa-l-muted) !important; }
[data-theme="light"] .placeholder-slate-600::placeholder, [data-theme="light"] .placeholder-slate-500::placeholder { color: #64748b !important; }

/* Gradient text (bg-clip-text): darker stops of the same hues */
[data-theme="light"] .bg-clip-text.text-transparent {
  background-image: linear-gradient(90deg, var(--pa-l-cyan), var(--pa-l-blue)) !important;
}
[data-theme="light"] .bg-clip-text.text-transparent.from-brand-orange,
[data-theme="light"] .bg-clip-text.text-transparent.from-custom-orange,
[data-theme="light"] .bg-clip-text.text-transparent.from-brand-yellow,
[data-theme="light"] .bg-clip-text.text-transparent.from-amber-500 {
  background-image: linear-gradient(90deg, var(--pa-l-orange), var(--pa-l-yellow)) !important;
}
[data-theme="light"] .bg-clip-text.text-transparent.from-custom-gold {
  background-image: linear-gradient(90deg, var(--pa-l-gold), var(--pa-l-yellow)) !important;
}

/* Text that sits straight on the animated background (no card behind it): a frosted backing */
[data-theme="light"] .pa-onbg {
  background: rgba(255, 255, 255, .82);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .9);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .12);
  border-radius: 1rem;
  padding: .55rem 1rem;
  width: fit-content;
}
[data-theme="light"] .pa-onbg.text-center { margin-left: auto; margin-right: auto; }
[data-theme="light"] .pa-onbg h2, [data-theme="light"] .pa-onbg .text-white { color: #0f172a !important; }

/* Logo: a deeper gold for the "O" and ACADEMY on light backgrounds (brand gold #f5c12e is too pale there) */
[data-theme="light"] .pa-logo { --pa-gold: #d39b00; }

/* Faded slate labels (admin sidebar section titles) */
[data-theme="light"] .text-slate-500\/70, [data-theme="light"] #sidebar .text-slate-500\/70 { color: #475569 !important; }

/* Paragraphs that sit straight on the light "Waves" background (home, course pages):
   near-black with a soft light halo, so they read over both the pale and the deep-blue parts. */
[data-theme="light"] .text-custom-snow\/70,
[data-theme="light"] .text-custom-snow\/60 {
  color: #0f172a !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .7), 0 0 14px rgba(255, 255, 255, .65);
}