/* Class Ladies Custom Luxury Theme */
:root {
    --gold-primary: #d4af37;
    --gold-light: #f7e089;
    --gold-dark: #aa820a;
    --vip-ruby: #e62055;
    --vip-purple: #8b5cf6;
    --bg-dark: #0a0b10;
    --card-dark: #12141e;
    --border-dark: #1e2235;
}

html, body {
    background-color: var(--bg-dark);
    color: #e2e8f0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100vw !important;
    position: relative;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

/* Custom Scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: #252a3d #0a0b10;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0a0b10;
}
::-webkit-scrollbar-thumb {
    background: #252a3d;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}

/* Sleek navigation strip scrollbar */
.nav-scroll-strip {
    scrollbar-width: thin;
    scrollbar-color: rgba(244, 63, 94, 0.4) rgba(255, 255, 255, 0.05);
    padding-bottom: 6px;
}
.nav-scroll-strip::-webkit-scrollbar {
    height: 4px;
}
.nav-scroll-strip::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.04);
    border-radius: 9999px;
    margin: 0 10px;
}
.nav-scroll-strip::-webkit-scrollbar-thumb {
    background: rgba(244, 63, 94, 0.4);
    border-radius: 9999px;
}
.nav-scroll-strip::-webkit-scrollbar-thumb:hover {
    background: rgba(244, 63, 94, 0.8);
}

/* Hide scrollbars utility */
.no-scrollbar {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}
.no-scrollbar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Glassmorphism */
.glass-header {
    background: rgba(10, 11, 16, 0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    width: 100% !important;
    max-width: 100vw !important;
}

/* Mobile bottom bar safe area support for iOS / Android gesture bars */
.mobile-bottom-safe {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

#mainImageContainer {
    touch-action: pan-y !important;
    overscroll-behavior-x: none !important;
    -webkit-user-select: none;
    user-select: none;
}

/* Star Rating Widget */
.star-btn {
    transition: transform 0.15s ease, color 0.15s ease;
}
.star-btn:hover {
    transform: scale(1.25);
}

.glass-card {
    background: rgba(18, 20, 30, 0.75);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-card:hover {
    border-color: rgba(212, 175, 55, 0.4);
    box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.15);
}

/* MEGA Glow & Borders (Top Tier) */
.mega-card-glow {
    position: relative;
    border: 1px solid rgba(168, 85, 247, 0.6) !important;
    box-shadow: 0 0 30px -5px rgba(236, 72, 153, 0.35);
}

.mega-card-glow::before {
    content: '';
    position: absolute;
    inset: -1.5px;
    background: linear-gradient(45deg, #a855f7, #ec4899, #f59e0b, #a855f7);
    border-radius: inherit;
    z-index: -1;
    opacity: 0.55;
    filter: blur(5px);
}

/* VIP Glow & Borders */
.vip-card-glow {
    position: relative;
    border: 1px solid rgba(230, 32, 85, 0.4);
    box-shadow: 0 0 25px -5px rgba(230, 32, 85, 0.25);
}

.vip-card-glow::before {
    content: '';
    position: absolute;
    inset: -1px;
    background: linear-gradient(45deg, #e62055, #d4af37, #8b5cf6, #e62055);
    border-radius: inherit;
    z-index: -1;
    opacity: 0.4;
    filter: blur(4px);
}

.gold-card-glow {
    border: 1px solid rgba(212, 175, 55, 0.35);
    box-shadow: 0 4px 20px -5px rgba(212, 175, 55, 0.2);
}

.gold-card-glow:hover {
    border-color: rgba(247, 224, 137, 0.7);
    box-shadow: 0 8px 30px -5px rgba(212, 175, 55, 0.35);
}

.gumus-card-glow {
    border: 1px solid rgba(160, 174, 192, 0.3);
}

.gumus-card-glow:hover {
    border-color: rgba(226, 232, 240, 0.6);
    box-shadow: 0 6px 25px -5px rgba(160, 174, 192, 0.2);
}

/* Shimmer Animation */
@keyframes goldShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

.text-gold-gradient {
    background: linear-gradient(90deg, #d4af37 0%, #f7e089 50%, #aa820a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-vip-gradient {
    background: linear-gradient(90deg, #ff2a6d 0%, #f39c12 50%, #d4af37 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Pulsing Badge */
.pulse-online {
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
    animation: pulseOnline 1.8s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes pulseOnline {
    to {
        box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
    }
}

/* User Profile Menu Bridge */
.user-menu-wrapper.is-open .user-dropdown-box {
    display: block !important;
}
.user-menu-wrapper:hover .user-dropdown-box {
    display: block;
}

/* Badge tags */
.tag-badge {
    background: rgba(30, 41, 59, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(4px);
}

/* Language Dropdown Persistent & Smooth Hover */
.lang-switcher-wrapper {
    position: relative;
}
.lang-switcher-wrapper.is-open .lang-menu-box,
.lang-switcher-wrapper:hover .lang-menu-box {
    display: block !important;
}
.lang-menu-box::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 12px;
}

/* ==========================================================================
   PREMIUM LIGHT THEME SPECIFICATION (AÇIK TEMA)
   Designed specifically to eliminate all font & background clashes
   ========================================================================== */

html.light,
html[data-theme="light"] {
    --bg-dark: #f8fafc;
    --card-dark: #ffffff;
    --border-dark: #e2e8f0;
}

html.light,
html.light body {
    background-color: #f8fafc !important;
    color: #1e293b !important;
}

/* Scrollbars in Light Mode */
html.light * {
    scrollbar-color: #cbd5e1 #f8fafc;
}
html.light ::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
html.light ::-webkit-scrollbar-track {
    background: #f8fafc;
}
html.light ::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
html.light ::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Background Inversions */
html.light .bg-dark-950 {
    background-color: #f8fafc !important;
}

html.light .bg-dark-900 {
    background-color: #ffffff !important;
}

html.light .bg-dark-850 {
    background-color: #f1f5f9 !important;
}

html.light .bg-dark-800 {
    background-color: #e2e8f0 !important;
}

html.light .bg-dark-700 {
    background-color: #cbd5e1 !important;
}

/* Surface Translucencies */
html.light .bg-dark-900\/50,
html.light .bg-dark-900\/60,
html.light .bg-dark-900\/70,
html.light .bg-dark-900\/80,
html.light .bg-dark-900\/85,
html.light .bg-dark-900\/90,
html.light .bg-dark-900\/95 {
    background-color: rgba(255, 255, 255, 0.96) !important;
}

html.light .bg-dark-850\/60,
html.light .bg-dark-850\/80,
html.light .bg-dark-850\/90 {
    background-color: #f8fafc !important;
}

html.light .bg-dark-950\/50,
html.light .bg-dark-950\/60,
html.light .bg-dark-950\/70,
html.light .bg-dark-950\/80,
html.light .bg-dark-950\/85,
html.light .bg-dark-950\/90,
html.light .bg-dark-950\/95 {
    background-color: #f1f5f9 !important;
}

/* Dark Gradient Sections & Showcase Containers in Light Mode */
html.light [class*="from-dark-9"]:not(.card-photo-gradient),
html.light [class*="from-dark-8"]:not(.card-photo-gradient),
html.light [class*="via-dark-9"]:not(.card-photo-gradient),
html.light [class*="via-dark-8"]:not(.card-photo-gradient),
html.light [class*="to-dark-9"]:not(.card-photo-gradient),
html.light [class*="to-dark-8"]:not(.card-photo-gradient) {
    background-image: linear-gradient(to bottom, #f8fafc, #ffffff) !important;
    background-color: #ffffff !important;
}

html.light #vitrin-mega {
    background: linear-gradient(to bottom, #faf5ff, #ffffff) !important;
    border-color: #d8b4fe !important;
    box-shadow: 0 12px 35px -8px rgba(147, 51, 234, 0.12) !important;
}

html.light #vitrin-gold {
    background: linear-gradient(to bottom, #fffbeb, #ffffff) !important;
    border-color: #fcd34d !important;
    box-shadow: 0 12px 35px -8px rgba(217, 119, 6, 0.12) !important;
}

html.light #vitrin-vip {
    background: linear-gradient(to bottom, #fff1f2, #ffffff) !important;
    border-color: #fda4af !important;
    box-shadow: 0 12px 35px -8px rgba(225, 29, 72, 0.12) !important;
}

html.light #vitrin-gumus {
    background: linear-gradient(to bottom, #f8fafc, #ffffff) !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 25px -5px rgba(100, 116, 139, 0.1) !important;
}

/* Glassmorphism in Light Mode */
html.light .glass-header {
    background: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
}

html.light .glass-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06) !important;
}

html.light .glass-card:hover {
    border-color: rgba(212, 175, 55, 0.5) !important;
    box-shadow: 0 12px 30px -5px rgba(212, 175, 55, 0.18) !important;
}

/* Tier Glow Cards in Light Mode — Disable ::before gradient bleed so cards stay crisp white */
html.light .mega-card-glow::before,
html.light .vip-card-glow::before {
    display: none !important;
    opacity: 0 !important;
    background: none !important;
}

html.light .mega-card-glow {
    background: #ffffff !important;
    border: 2px solid #c084fc !important;
    box-shadow: 0 10px 28px -6px rgba(147, 51, 234, 0.18) !important;
}

html.light .vip-card-glow {
    background: #ffffff !important;
    border: 1.5px solid #fb7185 !important;
    box-shadow: 0 10px 28px -6px rgba(225, 29, 72, 0.15) !important;
}

html.light .gold-card-glow {
    background: #ffffff !important;
    border: 1.5px solid #fbbf24 !important;
    box-shadow: 0 8px 25px -5px rgba(217, 119, 6, 0.15) !important;
}

html.light .gumus-card-glow {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 4px 15px -3px rgba(148, 163, 184, 0.15) !important;
}

/* Inside Cards: Physical Specs Box & Inner Panels */
html.light .glass-card .bg-dark-900,
html.light .glass-card .bg-dark-900\/70 {
    background-color: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* Borders in Light Mode */
html.light [class*="border-white/"] {
    border-color: #e2e8f0 !important;
}

html.light .divide-white\/5 > :not([hidden]) ~ :not([hidden]),
html.light .divide-white\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: #f1f5f9 !important;
}

/* Typography & Contrast (Clash Prevention) */
html.light h1,
html.light h2,
html.light h3,
html.light h4,
html.light h5,
html.light h6 {
    color: #0f172a;
}

html.light .text-white {
    color: #0f172a !important;
}

html.light .text-slate-100,
html.light .text-slate-200 {
    color: #1e293b !important;
}

html.light .text-slate-300 {
    color: #334155 !important;
}

html.light .text-slate-400 {
    color: #475569 !important;
}

html.light .text-slate-500 {
    color: #64748b !important;
}

html.light .text-slate-600 {
    color: #475569 !important;
}

/* Amber / Gold & Vibrant Accent Text Legibility in Light Mode */
html.light .text-amber-200,
html.light .text-amber-300,
html.light .text-amber-400,
html.light .text-yellow-300,
html.light .text-yellow-400,
html.light .text-yellow-500 {
    color: #b45309 !important;
}

html.light .text-purple-200,
html.light .text-purple-300,
html.light .text-purple-400 {
    color: #6b21a8 !important;
}

html.light .text-rose-200,
html.light .text-rose-300,
html.light .text-rose-400 {
    color: #be123c !important;
}

html.light .text-emerald-200,
html.light .text-emerald-300,
html.light .text-emerald-400 {
    color: #047857 !important;
}

html.light .text-sky-200,
html.light .text-sky-300,
html.light .text-sky-400 {
    color: #0369a1 !important;
}

html.light .hover\:text-amber-300:hover,
html.light .hover\:text-amber-400:hover {
    color: #d97706 !important;
}

/* Protect Listing Card Photo Overlays & Detail Photo Viewer in Light Mode */
html.light .card-photo-box,
html.light #mainImageContainer {
    background-color: #0f172a !important;
}

html.light .card-photo-box .card-photo-gradient {
    background-image: linear-gradient(to top, rgba(7, 8, 12, 0.92) 0%, rgba(7, 8, 12, 0.25) 55%, transparent 100%) !important;
    background-color: transparent !important;
}

html.light .card-photo-box h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.65);
}

html.light .card-photo-box .text-rose-400 {
    color: #fda4af !important;
}

html.light .card-photo-box .text-amber-300,
html.light .card-photo-box .text-amber-400 {
    color: #fcd34d !important;
}

html.light .card-photo-box .bg-dark-950\/80,
html.light .card-photo-box .bg-dark-950\/85,
html.light #mainImageContainer .bg-dark-950\/80 {
    background-color: rgba(15, 23, 42, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    color: #ffffff !important;
}

html.light #mainImageContainer button,
html.light #mainImageContainer button span,
html.light #mainImageContainer button i:not(.text-rose-500):not(.text-amber-400),
html.light #mainImageContainer #slideCounter {
    color: #ffffff !important;
}

html.light #mainImageContainer .text-amber-300,
html.light #mainImageContainer .text-amber-400,
html.light #mainImageContainer i.text-amber-400 {
    color: #fcd34d !important;
}

html.light #mainImageContainer button:hover {
    background-color: #f59e0b !important;
    border-color: #fbbf24 !important;
    color: #0f172a !important;
}

html.light #mainImageContainer button:hover span,
html.light #mainImageContainer button:hover i {
    color: #0f172a !important;
}

/* Fullscreen Lightbox Modal (#fullscreenLightbox) — Always Dark Theatre Mode with High-Contrast White/Gold Controls */
html.light #fullscreenLightbox {
    background-color: rgba(5, 6, 10, 0.96) !important;
    color: #ffffff !important;
}

html.light #fullscreenLightbox .lightbox-title,
html.light #fullscreenLightbox h4 {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.85) !important;
}

html.light #fullscreenLightbox #lightboxCounter,
html.light #fullscreenLightbox .lightbox-counter {
    background-color: rgba(245, 158, 11, 0.22) !important;
    border: 1px solid rgba(251, 191, 36, 0.55) !important;
    color: #fde68a !important;
}

html.light #fullscreenLightbox .lightbox-ctrl-btn {
    background-color: rgba(255, 255, 255, 0.16) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    color: #ffffff !important;
}

html.light #fullscreenLightbox .lightbox-ctrl-btn i {
    color: #ffffff !important;
}

html.light #fullscreenLightbox .lightbox-ctrl-btn:hover {
    background-color: #f59e0b !important;
    border-color: #fbbf24 !important;
    color: #0f172a !important;
}

html.light #fullscreenLightbox .lightbox-ctrl-btn:hover i {
    color: #0f172a !important;
}

html.light #fullscreenLightbox .lightbox-close-btn {
    background-color: #e11d48 !important;
    border: 1px solid #fb7185 !important;
    color: #ffffff !important;
}

html.light #fullscreenLightbox .lightbox-close-btn i {
    color: #ffffff !important;
}

html.light #fullscreenLightbox .lightbox-close-btn:hover {
    background-color: #f43f5e !important;
}

html.light #fullscreenLightbox .lightbox-nav-btn {
    background-color: rgba(15, 23, 42, 0.88) !important;
    border: 2px solid rgba(255, 255, 255, 0.5) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.65) !important;
}

html.light #fullscreenLightbox .lightbox-nav-btn i {
    color: #ffffff !important;
}

html.light #fullscreenLightbox .lightbox-nav-btn:hover {
    background-color: #f59e0b !important;
    border-color: #fde68a !important;
    color: #0f172a !important;
}

html.light #fullscreenLightbox .lightbox-nav-btn:hover i {
    color: #0f172a !important;
}

html.light #fullscreenLightbox .lightbox-thumb {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

html.light #fullscreenLightbox .lightbox-thumb.border-amber-500 {
    border-color: #f59e0b !important;
}

/* Preserve White Text ONLY on Solid Vibrant Buttons & Badges (NOT translucent /20 containers) */
html.light a[class*="from-purple-600"],
html.light button[class*="from-purple-600"],
html.light span[class*="from-purple-600"],
html.light div[class*="from-purple-600"],
html.light a[class*="from-rose-500"]:not([class*="from-rose-500/"]),
html.light button[class*="from-rose-500"]:not([class*="from-rose-500/"]),
html.light span[class*="from-rose-500"]:not([class*="from-rose-500/"]),
html.light div[class*="from-rose-500"]:not([class*="from-rose-500/"]),
html.light a[class*="from-rose-600"]:not([class*="from-rose-600/"]),
html.light button[class*="from-rose-600"]:not([class*="from-rose-600/"]),
html.light div[class*="from-rose-600"]:not([class*="from-rose-600/"]),
html.light a[class*="to-rose-600"]:not([class*="to-rose-600/"]),
html.light button[class*="to-rose-600"]:not([class*="to-rose-600/"]),
html.light a[class*="from-emerald-500"]:not([class*="from-emerald-500/"]),
html.light button[class*="from-emerald-500"]:not([class*="from-emerald-500/"]),
html.light span[class*="from-sky-500"],
html.light .bg-emerald-500:not([class*="bg-emerald-500/"]),
html.light .bg-emerald-600,
html.light .bg-rose-500:not([class*="bg-rose-500/"]),
html.light .bg-rose-600,
html.light .bg-purple-600,
html.light .bg-slate-600,
html.light .bg-slate-700,
html.light .bg-indigo-600 {
    color: #ffffff !important;
}

html.light a[class*="from-purple-600"] *,
html.light button[class*="from-purple-600"] *,
html.light span[class*="from-purple-600"] *,
html.light div[class*="from-purple-600"] *,
html.light a[class*="from-rose-500"]:not([class*="from-rose-500/"]) *,
html.light button[class*="from-rose-500"]:not([class*="from-rose-500/"]) *,
html.light span[class*="from-rose-500"]:not([class*="from-rose-500/"]) *,
html.light div[class*="from-rose-500"]:not([class*="from-rose-500/"]) *,
html.light a[class*="to-rose-600"]:not([class*="to-rose-600/"]) *,
html.light button[class*="to-rose-600"]:not([class*="to-rose-600/"]) *,
html.light a[class*="from-emerald-500"]:not([class*="from-emerald-500/"]) *,
html.light button[class*="from-emerald-500"]:not([class*="from-emerald-500/"]) *,
html.light span[class*="from-sky-500"] *,
html.light .bg-emerald-600 *,
html.light .bg-rose-600 *,
html.light .bg-purple-600 *,
html.light .bg-slate-600 *,
html.light .bg-slate-700 *,
html.light .bg-ruby-600 * {
    color: #ffffff !important;
}

/* Gold Solid Buttons (from-amber-400 / from-amber-500 to-amber-600 / to-yellow-600) -> Dark Slate Text */
html.light a[class*="from-amber-"][class*="to-amber-"],
html.light button[class*="from-amber-"][class*="to-amber-"],
html.light span[class*="from-amber-"][class*="to-yellow-"],
html.light div[class*="from-amber-"][class*="to-yellow-"],
html.light .bg-amber-400,
html.light .bg-amber-500:not([class*="bg-amber-500/"]) {
    color: #0f172a !important;
}

html.light a[class*="from-amber-"][class*="to-amber-"] *,
html.light button[class*="from-amber-"][class*="to-amber-"] *,
html.light span[class*="from-amber-"][class*="to-yellow-"] *,
html.light div[class*="from-amber-"][class*="to-yellow-"] *,
html.light .bg-amber-400 *,
html.light .bg-amber-500:not([class*="bg-amber-500/"]) * {
    color: #0f172a !important;
}

/* Dedicated High-Contrast WhatsApp Elements in Light Mode */
html.light a[data-track-type="whatsapp"]:not([class*="from-emerald-"]),
html.light a[href*="wa.me"]:not([class*="from-emerald-"]),
html.light .group\/wa:not([class*="from-emerald-"]) {
    background-color: #ecfdf5 !important;
    background-image: none !important;
    border-color: #6ee7b7 !important;
    color: #047857 !important;
}
html.light a[data-track-type="whatsapp"]:not([class*="from-emerald-"]) i,
html.light a[data-track-type="whatsapp"]:not([class*="from-emerald-"]) span,
html.light a[href*="wa.me"]:not([class*="from-emerald-"]) i,
html.light a[href*="wa.me"]:not([class*="from-emerald-"]) span,
html.light .group\/wa:not([class*="from-emerald-"]) i,
html.light .group\/wa:not([class*="from-emerald-"]) span {
    color: #047857 !important;
}
html.light a[data-track-type="whatsapp"]:not([class*="from-emerald-"]):hover,
html.light a[href*="wa.me"]:not([class*="from-emerald-"]):hover,
html.light .group\/wa:not([class*="from-emerald-"]):hover {
    background-color: #059669 !important;
    border-color: #047857 !important;
    color: #ffffff !important;
}
html.light a[data-track-type="whatsapp"]:not([class*="from-emerald-"]):hover i,
html.light a[data-track-type="whatsapp"]:not([class*="from-emerald-"]):hover span,
html.light a[href*="wa.me"]:not([class*="from-emerald-"]):hover i,
html.light a[href*="wa.me"]:not([class*="from-emerald-"]):hover span,
html.light .group\/wa:not([class*="from-emerald-"]):hover i,
html.light .group\/wa:not([class*="from-emerald-"]):hover span {
    color: #ffffff !important;
}
html.light a[data-track-type="whatsapp"][class*="bg-gradient-"],
html.light a[href*="wa.me"][class*="bg-gradient-"] {
    background: linear-gradient(to right, #059669, #047857) !important;
    color: #ffffff !important;
}
html.light a[data-track-type="whatsapp"][class*="bg-gradient-"] *,
html.light a[href*="wa.me"][class*="bg-gradient-"] * {
    color: #ffffff !important;
}

/* Dedicated High-Contrast Telegram Elements in Light Mode */
html.light a[href*="t.me"],
html.light a[data-track-type="telegram"] {
    background-color: #f0f9ff !important;
    border-color: #7dd3fc !important;
    color: #0284c7 !important;
}
html.light a[href*="t.me"] *,
html.light a[data-track-type="telegram"] * {
    color: #0284c7 !important;
}
html.light a[href*="t.me"]:hover,
html.light a[data-track-type="telegram"]:hover {
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}
html.light a[href*="t.me"]:hover *,
html.light a[data-track-type="telegram"]:hover * {
    color: #ffffff !important;
}

/* Dedicated High-Contrast Phone Elements in Light Mode */
html.light a[data-track-type="phone"],
html.light .group\/phone {
    background-color: #fffbeb !important;
    border-color: #fcd34d !important;
    color: #b45309 !important;
}
html.light a[data-track-type="phone"] i,
html.light a[data-track-type="phone"] span,
html.light .group\/phone i,
html.light .group\/phone span {
    color: #b45309 !important;
}
html.light a[data-track-type="phone"]:hover,
html.light .group\/phone:hover {
    background-color: #f59e0b !important;
    border-color: #d97706 !important;
    color: #0f172a !important;
}
html.light a[data-track-type="phone"]:hover i,
html.light a[data-track-type="phone"]:hover span,
html.light .group\/phone:hover i,
html.light .group\/phone:hover span {
    color: #0f172a !important;
}

/* Card Detail Button (.group/detay) & Locked Contact Button in Light Mode */
html.light .group\/detay {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}
html.light .group\/detay span,
html.light .group\/detay i {
    color: #0f172a !important;
}
html.light .group\/detay:hover {
    background-color: #e2e8f0 !important;
    border-color: #d97706 !important;
    color: #b45309 !important;
}
html.light .group\/detay:hover span,
html.light .group\/detay:hover i {
    color: #b45309 !important;
}

/* Forms & Inputs in Light Mode */
html.light input[type="text"],
html.light input[type="email"],
html.light input[type="password"],
html.light input[type="number"],
html.light input[type="tel"],
html.light input[type="search"],
html.light textarea,
html.light select {
    background-color: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

html.light input::placeholder,
html.light textarea::placeholder {
    color: #94a3b8 !important;
}

html.light input:focus,
html.light textarea:focus,
html.light select:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.25) !important;
}

/* Dropdown Menus and Popovers */
html.light .user-dropdown-box > div,
html.light .lang-menu-box > div {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.12) !important;
}

html.light .user-dropdown-box a,
html.light .lang-menu-box a {
    color: #334155 !important;
}

html.light .user-dropdown-box a:hover,
html.light .lang-menu-box a:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

/* Modals */
html.light #directMessageModal > div,
html.light #confirmModalWrapper > div,
html.light #customConfirmModal #confirmModalCard,
html.light #cityModal > div,
html.light #citySelectModal > div,
html.light #adUpgradeModal > div,
html.light #adultConsentModal > div {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* Footer in Light Mode */
html.light footer {
    background-color: #f1f5f9 !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}

html.light footer a {
    color: #475569 !important;
}

html.light footer a:hover {
    color: #b45309 !important;
}

/* Fast Filter Tabs in Light Mode */
html.light .filter-tab-all:not(.filter-tab-active) {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}
html.light .filter-tab-mega:not(.filter-tab-active) {
    background-color: #faf5ff !important;
    border-color: #d8b4fe !important;
    color: #6b21a8 !important;
}
html.light .filter-tab-mega:not(.filter-tab-active) * {
    color: #6b21a8 !important;
}
html.light .filter-tab-vip:not(.filter-tab-active) {
    background-color: #fff1f2 !important;
    border-color: #fda4af !important;
    color: #be123c !important;
}
html.light .filter-tab-vip:not(.filter-tab-active) * {
    color: #be123c !important;
}
html.light .filter-tab-gold:not(.filter-tab-active) {
    background: #fffbeb !important;
    border-color: #fcd34d !important;
    color: #b45309 !important;
}
html.light .filter-tab-gold:not(.filter-tab-active) * {
    color: #b45309 !important;
}
html.light .filter-tab-gumus:not(.filter-tab-active) {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}
html.light .filter-tab-gumus:not(.filter-tab-active) * {
    color: #334155 !important;
}

/* Sub-nav in Member & Admin Panel */
html.light .nav-scroll-strip a:hover {
    color: #0f172a !important;
}

/* Messaging Stream in Light Mode */
html.light #messagesStream {
    background-color: #f8fafc !important;
}

html.light .conv-item {
    background-color: #ffffff;
}

html.light .conv-item:hover {
    background-color: #f8fafc !important;
}

html.light .conv-item[data-unread="1"] {
    background-color: #fef2f2 !important;
}

/* Table Contrast */
html.light table {
    background-color: #ffffff !important;
}

html.light th {
    background-color: #f8fafc !important;
    color: #475569 !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

html.light td {
    border-bottom: 1px solid #f1f5f9 !important;
    color: #1e293b !important;
}

html.light tr:hover td {
    background-color: #f8fafc !important;
}

/* ============================================================
   IMAGE DOWNLOAD & TEXT COPY PROTECTION
   ============================================================ */
body,
body *:not(input):not(textarea):not(select):not([contenteditable="true"]) {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

input,
textarea,
select,
[contenteditable="true"] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}

img,
video,
picture,
.listing-card img,
#mainListingImg,
#lightboxImg {
    -webkit-user-drag: none !important;
    -khtml-user-drag: none !important;
    -moz-user-drag: none !important;
    -o-user-drag: none !important;
    user-drag: none !important;
    -webkit-touch-callout: none !important;
}

/* Horizontal Drag & Scroll Styles */
.cursor-grab {
    cursor: grab !important;
}
.is-dragging {
    cursor: grabbing !important;
}
.is-dragging * {
    cursor: grabbing !important;
    pointer-events: none !important;
}