/* ── Dark mode design tokens ── */
.dark {
    color-scheme: dark;
}

.dark body {
    background-color: #0b1a2a;
    color: #d9eef0;
}

/* ── Surfaces & backgrounds ── */
.dark .bg-white,
.dark .bg-surface-container-low,
.dark .login-google {
    background-color: #122640 !important;
}

.dark .bg-surface-light,
.dark .bg-surface-container,
.dark .bg-surface-container\/40,
.dark .bg-surface-container\/60,
.dark .bg-surface-container-low\/80 {
    background-color: #0f2238 !important;
}

.dark .bg-surface-container-high,
.dark .bg-surface-container-highest {
    background-color: #1a3352 !important;
}

.dark .bg-gradient-to-b.from-white,
.dark .bg-gradient-to-br.from-surface-container\/60,
.dark .bg-gradient-to-b.from-white.via-surface-container\/30 {
    background-image: linear-gradient(to bottom, #122640, #0b1a2a) !important;
}

.dark .login-aside {
    background: linear-gradient(160deg, #0f2238 0%, #122640 45%, #0b1a2a 100%) !important;
}

/* ── Typography ── */
.dark .text-on-surface,
.dark .text-deep-navy,
.dark .text-charcoal {
    color: #d9eef0 !important;
}

.dark .text-on-surface-variant,
.dark .text-on-secondary-container,
.dark .text-outline,
.dark .text-outline\/40,
.dark .placeholder\:text-outline\/40::placeholder {
    color: #8eb4c4 !important;
}

.dark .text-primary {
    color: #6fd1d7 !important;
}

.dark .text-primary\/50 {
    color: rgba(111, 209, 215, 0.9) !important;
}

.dark .text-primary\/40 {
    color: rgba(111, 209, 215, 0.55) !important;
}

.dark .text-primary\/20 {
    color: rgba(111, 209, 215, 0.28) !important;
}

.dark .text-on-primary {
    color: #ffffff !important;
}

.dark .text-secondary {
    color: #8eb4c4 !important;
}

.dark .text-tertiary {
    color: #5df8d8 !important;
}

/* ── Borders ── */
.dark .border-outline-variant\/10,
.dark .border-outline-variant\/15,
.dark .border-outline-variant\/20,
.dark .border-outline-variant\/30 {
    border-color: rgba(184, 212, 216, 0.14) !important;
}

.dark .border-white\/30 {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* ── Header ── */
.dark header {
    background-color: #122640 !important;
    box-shadow: 0 1px 0 rgba(184, 212, 216, 0.08);
}

.dark header .bg-white {
    background-color: #122640 !important;
}

.dark header .hover\:bg-surface-container:hover {
    background-color: #1a3352 !important;
}

.dark .main-nav .group > .absolute {
    background-color: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.16) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.35) !important;
}

.dark .main-nav .group .hover\:bg-surface-container-low:hover {
    background-color: #1e3a5c !important;
}

/* ── Search ── */
.dark .gs-input {
    background-color: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.16) !important;
    color: #d9eef0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.dark .gs-input::placeholder {
    color: rgba(142, 180, 196, 0.65) !important;
}

.dark .gs-input:focus {
    border-color: rgba(111, 209, 215, 0.35) !important;
    box-shadow: 0 0 0 4px rgba(111, 209, 215, 0.1) !important;
}

.dark .gs-dropdown {
    background: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.14) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4) !important;
}

.dark .gs-dropdown__head,
.dark .gs-dropdown__footer {
    border-color: rgba(184, 212, 216, 0.1) !important;
}

.dark .gs-dropdown__title {
    color: rgba(142, 180, 196, 0.8) !important;
}

.dark .gs-dropdown__count {
    color: #6fd1d7 !important;
    background: rgba(111, 209, 215, 0.15) !important;
}

.dark .gs-item:hover,
.dark .gs-item.is-active {
    background: #1e3a5c !important;
}

.dark .gs-item__domain,
.dark .gs-item__da,
.dark .gs-empty__title {
    color: #d9eef0 !important;
}

.dark .gs-item__url,
.dark .gs-empty__text {
    color: #8eb4c4 !important;
}

.dark .gs-item__avatar {
    background: linear-gradient(135deg, rgba(111, 209, 215, 0.15), rgba(93, 248, 216, 0.12)) !important;
    color: #6fd1d7 !important;
}

.dark .gs-item__domain mark {
    background: rgba(111, 209, 215, 0.25) !important;
}

.dark .gs-item__price {
    color: #5df8d8 !important;
}

.dark .gs-dropdown__all {
    background: rgba(15, 34, 56, 0.9) !important;
    border-color: rgba(111, 209, 215, 0.2) !important;
    color: #d9eef0 !important;
}

.dark .gs-dropdown__all:hover {
    background: #1e3a5c !important;
    border-color: rgba(111, 209, 215, 0.35) !important;
}

.dark .gs-empty__icon {
    background: rgba(142, 180, 196, 0.1) !important;
    color: #8eb4c4 !important;
}

/* ── Notifications ── */
.dark .notif-dropdown {
    background: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.14) !important;
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.4) !important;
}

.dark .notif-dropdown__head {
    background: linear-gradient(180deg, #122640 0%, #152d4a 100%) !important;
    border-color: rgba(184, 212, 216, 0.1) !important;
}

.dark .notif-dropdown__title,
.dark .notif-item__title,
.dark .notif-dropdown__foot a {
    color: #d9eef0 !important;
}

.dark .notif-dropdown__count {
    color: #6fd1d7 !important;
    background: rgba(93, 248, 216, 0.15) !important;
}

.dark .notif-dropdown__mark {
    color: #8eb4c4 !important;
}

.dark .notif-dropdown__mark:hover {
    color: #d9eef0 !important;
    background: #1e3a5c !important;
}

.dark .notif-item {
    border-color: rgba(184, 212, 216, 0.08) !important;
}

.dark .notif-item:hover,
.dark .notif-item.is-unread {
    background: rgba(111, 209, 215, 0.08) !important;
}

.dark .notif-item__text,
.dark .notif-item__time,
.dark .notif-dropdown__empty {
    color: #8eb4c4 !important;
}

.dark .notif-dropdown__foot {
    background: #122640 !important;
    border-color: rgba(184, 212, 216, 0.1) !important;
}

.dark .notif-trigger__dot {
    border-color: #152d4a !important;
}

/* ── Mobile drawer ── */
.dark .mobile-nav-panel {
    background-color: #122640 !important;
}

.dark .mobile-nav-backdrop {
    background-color: rgba(0, 0, 0, 0.6) !important;
}

/* ── Auth forms ── */
.dark .login-field,
.dark .auth-input {
    background-color: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.16) !important;
    color: #d9eef0 !important;
}

.dark .login-field:focus-within,
.dark .auth-input:focus,
.dark .auth-input:focus-visible {
    border-color: rgba(111, 209, 215, 0.35) !important;
    box-shadow: 0 0 0 4px rgba(111, 209, 215, 0.1) !important;
}

.dark .login-field input,
.dark .login-field input::placeholder {
    color: #d9eef0 !important;
}

.dark .login-google:hover {
    background: #1a3352 !important;
    border-color: rgba(111, 209, 215, 0.25) !important;
}

.dark .login-feature {
    background-color: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.12) !important;
}

.dark .login-feature:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

/* ── Cards & sections ── */
.dark .shadow-sm,
.dark .shadow-md,
.dark .shadow-lg,
.dark .shadow-xl {
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.25) !important;
}

.dark .shadow-primary\/5,
.dark .shadow-primary\/20 {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

.dark .sites-toolbar {
    background: rgba(18, 38, 64, 0.92) !important;
}

.dark .sites-table thead th {
    background: #0f2238 !important;
    color: #8eb4c4 !important;
}

.dark .sites-table tbody tr {
    border-color: rgba(184, 212, 216, 0.08) !important;
}

.dark .sites-table tbody tr:hover {
    background: rgba(111, 209, 215, 0.06) !important;
}

.dark .sites-table tbody tr.is-added {
    background: rgba(93, 248, 216, 0.08) !important;
}

.dark .sort-btn.is-active {
    color: #6fd1d7 !important;
    background: rgba(111, 209, 215, 0.12) !important;
}

.dark .filter-chip {
    background: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.14) !important;
    color: #8eb4c4 !important;
}

.dark .filter-chip.is-active {
    background: #093c5d !important;
    color: #fff !important;
}

.dark .metric-pill--high {
    background: rgba(111, 209, 215, 0.15) !important;
    color: #6fd1d7 !important;
}

.dark .metric-pill--mid {
    background: rgba(59, 117, 151, 0.2) !important;
    color: #8eb4c4 !important;
}

.dark .metric-pill--low {
    background: rgba(142, 180, 196, 0.1) !important;
    color: #8eb4c4 !important;
}

.dark .hero-slider__bg {
    filter: brightness(0.45) saturate(0.8);
}

.dark .hero-slider__bg::after {
    background:
        radial-gradient(ellipse 85% 75% at 50% 42%, rgba(11, 26, 42, 0.35) 0%, rgba(11, 26, 42, 0.82) 72%),
        linear-gradient(
            180deg,
            rgba(11, 26, 42, 0.72) 0%,
            rgba(11, 26, 42, 0.78) 40%,
            rgba(11, 26, 42, 0.85) 68%,
            rgba(11, 26, 42, 0.96) 100%
        ) !important;
}

.dark .curved-bottom::after {
    background: #0b1a2a !important;
}

.dark section.bg-surface-container-low.border-y {
    background-color: #0f2238 !important;
    border-color: rgba(184, 212, 216, 0.1) !important;
}

.dark .text-on-surface.mb-8,
.dark h1 .text-primary {
    color: #6fd1d7 !important;
}

.dark .text-on-surface-variant.opacity-90 {
    color: #8eb4c4 !important;
    opacity: 1 !important;
}

.dark .bg-white.text-primary.border {
    background-color: #152d4a !important;
    color: #d9eef0 !important;
    border-color: rgba(184, 212, 216, 0.2) !important;
}

.dark .bg-white.text-primary.border:hover {
    background-color: #1a3352 !important;
}

/* ── Homepage sections ── */
.dark .faq-item {
    background-color: #122640 !important;
    border-color: rgba(184, 212, 216, 0.12) !important;
}

.dark .faq-item:hover {
    border-color: rgba(111, 209, 215, 0.2) !important;
}

.dark .review-card:not(.is-active) {
    opacity: 0.45;
}

.dark .hero-slider__bg {
    filter: brightness(0.55) saturate(0.85);
}

.dark section.bg-white,
.dark .bg-white\/80,
.dark .bg-white\/90 {
    background-color: #122640 !important;
}

.dark .bg-surface-container-low\/80.backdrop-blur-md {
    background-color: rgba(18, 38, 64, 0.85) !important;
}

/* ── Buttons & interactive ── */
.dark .hover\:bg-surface-container:hover,
.dark .hover\:bg-surface-container-low:hover {
    background-color: #1a3352 !important;
}

.dark .bg-primary {
    background-color: #093c5d !important;
}

.dark .bg-primary:hover,
.dark .hover\:bg-primary-container:hover {
    background-color: #0d4a72 !important;
}

.dark button.bg-white,
.dark .bg-white.hover\:bg-surface-container-low:hover {
    background-color: #152d4a !important;
    color: #d9eef0 !important;
}

/* ── Package cards ── */
.dark #package-grid .bg-white {
    background-color: #122640 !important;
}

/* ── Footer CTA bar (above gradient footer) ── */
.dark .bg-surface-container.border-t {
    background-color: #0f2238 !important;
}

/* ── Misc ── */
.dark .text-on-surface\/30 {
    color: rgba(217, 238, 240, 0.35) !important;
}

.dark .divide-outline-variant\/20 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgba(184, 212, 216, 0.1) !important;
}

.dark input[type="range"] {
    accent-color: #6fd1d7;
}

/* ── Site detay tabları ── */
.dark .site-tab-btn {
    color: #8eb4c4 !important;
}

.dark .site-tab-btn:hover:not(.is-active) {
    color: #d9eef0 !important;
    background: rgba(111, 209, 215, 0.08) !important;
}

.dark .site-tab-btn.is-active {
    color: #6fd1d7 !important;
    background: #152d4a !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
}

.dark .site-tab-btn.is-active .text-primary {
    color: #5df8d8 !important;
}

.dark .site-tab-btn.is-active .bg-primary\/10 {
    background-color: rgba(111, 209, 215, 0.15) !important;
}

/* ── Kategoriler filtre inputları ── */
.dark .cat-filter-control,
.dark #table-search,
.dark select,
.dark input[type="search"]:not(.gs-input) {
    background-color: #152d4a !important;
    border: 1px solid rgba(184, 212, 216, 0.16) !important;
    color: #d9eef0 !important;
}

.dark .cat-filter-control:focus,
.dark #table-search:focus,
.dark select:focus,
.dark input[type="search"]:not(.gs-input):focus {
    border-color: rgba(111, 209, 215, 0.35) !important;
    box-shadow: 0 0 0 4px rgba(111, 209, 215, 0.1) !important;
    outline: none !important;
}

.dark .cat-filter-control option,
.dark select option {
    background-color: #152d4a;
    color: #d9eef0;
}

.dark #table-search::placeholder {
    color: rgba(142, 180, 196, 0.65) !important;
}

.dark #filter-reset,
.dark #toggle-filters {
    background-color: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.16) !important;
    color: #8eb4c4 !important;
}

.dark #filter-reset:hover,
.dark #toggle-filters:hover {
    background-color: #1a3352 !important;
    color: #d9eef0 !important;
}

.dark .cat-sidebar a:not(.bg-primary) {
    color: #8eb4c4;
}

.dark .cat-sidebar a.bg-primary {
    background-color: #093c5d !important;
}

/* ── Siteni Ekle form ── */
.dark .site-add-field {
    --field-bg: #152d4a;
    --field-line: rgba(184, 212, 216, 0.16);
    --field-line-hover: rgba(111, 209, 215, 0.3);
    --field-line-focus: rgba(111, 209, 215, 0.35);
}

.dark .site-add-field:hover {
    background: #1a3352 !important;
}

.dark .site-add-field:focus-within,
.dark .site-add-field.is-focused {
    background: #1e3a5c !important;
    box-shadow: 0 0 0 4px rgba(111, 209, 215, 0.1) !important;
}

.dark .site-add-dropzone {
    background: #152d4a !important;
    border-color: rgba(184, 212, 216, 0.16) !important;
}

.dark .site-add-dropzone:hover,
.dark .site-add-dropzone.is-dragover {
    background: #1a3352 !important;
    border-color: rgba(111, 209, 215, 0.3) !important;
}

/* Smooth theme transition */
html.theme-transition,
html.theme-transition body,
html.theme-transition header,
html.theme-transition .bg-white,
html.theme-transition .bg-surface-light {
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}