/* ===========================================================================
   დღის / ღამის რეჟიმი — <html data-theme="dark|light"> (base.html, mobile.js)

   საიტის ძირითადი ბლოკები (ჰედერი, სლაიდერი, ძებნა, ბადე, ანკეტა, ფუტერი)
   მუქადაა აწყობილი, ფორმების გვერდები (რეგისტრაცია, ინსტრუქცია, კონტაქტი,
   შესვლა, საჩივარი) — ნათლად. ეს ფაილი ორივე მიმართულებით ასწორებს:
     • [data-theme="light"] — მუქი ბლოკები ნათდება;
     • [data-theme="dark"]  — ნათელი გვერდები მუქდება.
   ფოტოზე დაწერილი ტექსტი (ბარათის/სლაიდის ქვედა გრადიენტი) ორივე რეჟიმში
   თეთრია — ის ფოტოს ზემოთაა და არა ფონზე.
   =========================================================================== */

/* --- ღილაკი ☀ / ☾ --------------------------------------------------------- */
.xg-theme {
    order: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    color: #ffd166;
    cursor: pointer;
    transition: background .15s, border-color .15s, color .15s;
}
.xg-theme:hover { background: rgba(255, 255, 255, .12); }
.xg-theme:focus-visible { outline: 2px solid #ff3366; outline-offset: 2px; }
.xg-theme__sun, .xg-theme__moon { display: inline-flex; }
/* მუქ რეჟიმში ვაჩვენებთ მზეს (= „გადართე დღეზე“), ნათელში — მთვარეს */
[data-theme="dark"] .xg-theme__moon,
[data-theme="light"] .xg-theme__sun { display: none; }
@media (min-width: 961px) {
    .xg-theme { width: 40px; height: 40px; border-radius: 10px; }
}

/* ლოგო: მუქ ფონზე თეთრი ტექსტი, ნათელზე — მუქი */
.xg-logo--on-light { display: none !important; }
[data-theme="light"] .xg-logo--on-dark { display: none !important; }
[data-theme="light"] .xg-logo--on-light { display: block !important; }

/* =========================================================================
   ნათელი რეჟიმი
   ========================================================================= */
[data-theme="light"] {
    --t-bg: #f4f1f6;
    --t-surface: #ffffff;
    --t-surface-2: #f7f4f9;
    --t-track: #ece7ef;
    --t-border: rgba(26, 20, 32, .1);
    --t-text: #1a1420;
    --t-muted: #6b6372;
    color-scheme: light;
}
[data-theme="light"],
[data-theme="light"] body { background: var(--t-bg) !important; }

/* ჰედერი */
[data-theme="light"] header,
[data-theme="light"] body .header-top-bar {
    background: var(--t-surface) !important;
    border-bottom: 1px solid var(--t-border) !important;
}
[data-theme="light"] .header-nav .header-menu > li > a { color: var(--t-muted) !important; }
[data-theme="light"] .header-nav .header-menu > li > a:hover,
[data-theme="light"] .header-nav .header-menu > li > a.is-current { color: var(--t-text) !important; background: var(--t-track) !important; }
[data-theme="light"] .subnav-menu .register-btn > a { color: var(--t-text) !important; box-shadow: inset 0 0 0 1px var(--t-border); }
[data-theme="light"] .header-language-switcher select { background-color: var(--t-track) !important; color: var(--t-text) !important; }
[data-theme="light"] .xg-theme,
[data-theme="light"] .xg-burger,
[data-theme="light"] .xg-lang summary {
    border-color: var(--t-border);
    background: var(--t-surface-2);
    color: var(--t-text);
}
[data-theme="light"] .xg-theme { color: #5b4bd6; }
[data-theme="light"] .xg-lang__menu { background: var(--t-surface); border-color: var(--t-border); box-shadow: 0 16px 40px rgba(26, 20, 32, .16); }
[data-theme="light"] .xg-lang__menu a { color: var(--t-text); }
[data-theme="light"] .xg-lang__menu a:hover { background: var(--t-track); color: var(--t-text); }
[data-theme="light"] .xg-lang__menu a b { background: var(--t-track); color: var(--t-text); }
[data-theme="light"] .xg-lang__menu a.is-current { color: var(--t-text); }
[data-theme="light"] .xg-lang__menu a.is-current b { color: #fff; }

/* მობილური მენიუ */
[data-theme="light"] .xg-drawer { background: var(--t-surface); color: var(--t-text); box-shadow: 0 18px 40px rgba(26, 20, 32, .18); }
[data-theme="light"] .xg-drawer__links { border-color: var(--t-border); background: var(--t-surface-2); }
[data-theme="light"] .xg-drawer__links a { color: var(--t-text); }
[data-theme="light"] .xg-drawer__links a + a { border-top-color: var(--t-border); }
[data-theme="light"] .xg-drawer__links a:hover { background: var(--t-track); }
[data-theme="light"] .xg-drawer__links a .xg-ico:first-child { color: var(--t-muted); }
[data-theme="light"] .xg-drawer__links a .xg-ico--chevron { color: rgba(26, 20, 32, .3); }
[data-theme="light"] .xg-drawer .xg-btn--ghost { color: var(--t-text); border-color: var(--t-border); background: var(--t-surface-2); }

/* სლაიდერი და ძებნა */
[data-theme="light"] .all-header-slider { background: var(--t-bg) !important; border-bottom-color: var(--t-border) !important; }
[data-theme="light"] .all-header-slider .sliderall { background: var(--t-bg) !important; }
[data-theme="light"] .xg-finder { background: var(--t-bg); }
[data-theme="light"] .xg-finder .xg-finder__form {
    border-color: var(--t-border);
    background: var(--t-surface);
    box-shadow: 0 12px 30px rgba(26, 20, 32, .08);
    color: var(--t-text);
}
[data-theme="light"] .xg-finder .xg-step__legend { color: var(--t-muted); }
[data-theme="light"] .xg-finder .xg-opts:not(.xg-opts--wrap) { background: var(--t-track); }
/* უბნების ქვე-სია ღილაკებია და არა ტრეკი — ნაცრისფერი ფონი ქვედა რიგს ზოლად ედო */
[data-theme="light"] .xg-finder .xg-other .xg-opts--chips { background: none; padding: 0; }
[data-theme="light"] .xg-finder .xg-opts:not(.xg-opts--wrap) .xg-opt { color: #4a4250; }
[data-theme="light"] .xg-finder .xg-opts--wrap .xg-opt { border-color: var(--t-border); background: var(--t-surface-2); color: #4a4250; }
[data-theme="light"] .xg-finder .xg-opt:hover { background: rgba(26, 20, 32, .05); color: var(--t-text); }
[data-theme="light"] .xg-finder .xg-opt .xg-ico { color: rgba(26, 20, 32, .4); }
[data-theme="light"] .xg-finder .xg-opts .xg-opt:has(input:checked),
[data-theme="light"] .xg-finder .xg-opts .xg-opt.is-checked { background: #e22101; color: #fff; }
[data-theme="light"] .xg-finder .xg-opts .xg-opt:has(input:checked) .xg-ico { color: #fff; }
[data-theme="light"] .xg-other select,
[data-theme="light"] .xg-range input,
[data-theme="light"] .xg-adv__select {
    border-color: var(--t-border);
    background-color: var(--t-surface-2) !important;
    color: var(--t-text);
}
[data-theme="light"] .xg-other select,
[data-theme="light"] .xg-adv__select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231a1420' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
[data-theme="light"] .xg-other select option,
[data-theme="light"] .xg-adv__select option { background: #fff; color: var(--t-text); }
[data-theme="light"] .xg-range { color: var(--t-muted); }
[data-theme="light"] .xg-range input::placeholder { color: rgba(26, 20, 32, .35); }
[data-theme="light"] .xg-finder .xg-adv { border-color: var(--t-border); }
[data-theme="light"] .xg-adv__toggle { color: var(--t-text); }
[data-theme="light"] .xg-adv__chev { border-color: var(--t-muted); }
[data-theme="light"] .xg-adv__body { border-top-color: var(--t-border); }
[data-theme="light"] .xg-adv__title { color: var(--t-muted); }
[data-theme="light"] .xg-adv__field span,
[data-theme="light"] .xg-adv__note { color: var(--t-muted); }
[data-theme="light"] .xg-adv__reset { color: var(--t-text) !important; border-color: var(--t-border); }
[data-theme="light"] .xg-adv .xg-opt { border-color: var(--t-border); background: var(--t-surface-2); color: #4a4250; }

/* ანკეტების ბადე */
[data-theme="light"] .all-body--wide { background: var(--t-bg); color: var(--t-text); }
[data-theme="light"] .all-body--wide .breadcrumbs,
[data-theme="light"] .all-body--wide .breadcrumbs a { color: var(--t-muted) !important; }
[data-theme="light"] .all-body--wide .city-intro,
[data-theme="light"] .all-body--wide .city-guide,
[data-theme="light"] .all-body--wide .city-guide p { color: #3d3642; }
[data-theme="light"] .all-body--wide .city-guide h2,
[data-theme="light"] .all-body--wide .xg-grid h3 { color: var(--t-text) !important; }
[data-theme="light"] .all-body--wide .xg-grid p { color: var(--t-muted); }
[data-theme="light"] .xg-card { background: #e9e4ec; box-shadow: 0 8px 20px rgba(26, 20, 32, .12); }
[data-theme="light"] .xg-card:not(.xg-card--top):not(.xg-card--vip)::after { box-shadow: inset 0 0 0 1px rgba(26, 20, 32, .08); }
[data-theme="light"] .xg-card__media { background: #e9e4ec; }
[data-theme="light"] .xg-chip--district { color: var(--t-text); }

/* ანკეტის გვერდი */
[data-theme="light"] .all-body--dark { background: var(--t-bg); }
[data-theme="light"] .xg-profile {
    --xg-text: #1a1420;
    --xg-text-dimmed: #6b6372;
    --xg-border: rgba(26, 20, 32, .1);
    --xg-paper: #ffffff;
    --xg-surface: #f4f1f6;
    --xg-shadow-xs: 0 10px 26px rgba(26, 20, 32, .08);
}
[data-theme="light"] .xg-profile .xg-summary__card { background: #fff; border-color: var(--t-border); }
[data-theme="light"] .xg-profile .xg-summary__meta strong,
[data-theme="light"] .xg-profile .xg-summary__meta strong a,
[data-theme="light"] .xg-profile .xg-rates tbody td { color: var(--t-text); }
[data-theme="light"] .xg-profile .xg-stats__item { background: var(--t-surface-2); }
[data-theme="light"] .xg-profile .xg-stats dd { color: #e22101; }
[data-theme="light"] .xg-profile .xg-about__text { color: #3d3642; }
[data-theme="light"] .xg-profile .xg-chips li { background: var(--t-surface-2); border-color: var(--t-border); color: var(--t-text); }
[data-theme="light"] .xg-profile .xg-chips li:hover { background: #fff0f4; }
[data-theme="light"] .xg-profile .xg-chips .icon-ok { color: #2a9d3c; }
[data-theme="light"] .xg-profile .xg-meter i { background: rgba(26, 20, 32, .14); }
[data-theme="light"] .xg-profile .xg-views { color: var(--t-muted); }
[data-theme="light"] .xg-profile .xg-report { color: #c81a00 !important; }
[data-theme="light"] .xg-profile .xg-gallery__stage { background: #e9e4ec; box-shadow: 0 14px 34px rgba(26, 20, 32, .14); }
[data-theme="light"] .xg-profile .xg-upnotice { background: #fff; border-color: var(--t-border); color: var(--t-text); }

/* ფუტერი */
[data-theme="light"] .xg-footer { background: var(--t-surface) !important; border-top-color: var(--t-border) !important; color: var(--t-muted); }
[data-theme="light"] .xg-footer a { color: #4a4250; }
[data-theme="light"] .xg-footer a:hover { color: var(--t-text); }
[data-theme="light"] .xg-footer__wordmark { color: var(--t-text) !important; }
[data-theme="light"] .xg-footer__install { color: var(--t-text); border-color: var(--t-border); background: var(--t-surface-2); }

/* =========================================================================
   მუქი რეჟიმი — ფორმების და ტექსტის გვერდები
   ========================================================================= */
[data-theme="dark"] { color-scheme: dark; }
[data-theme="dark"] body,
[data-theme="dark"] .all-body { background: #0e0b10; }
[data-theme="dark"] .all-body .body,
[data-theme="dark"] .all-body .bodybox { border-color: transparent !important; }

/* საერთო ფერები — რეგისტრაცია, შესვლა, ინსტრუქცია, კონტაქტი, საჩივარი */
[data-theme="dark"] .register-page,
[data-theme="dark"] .about-page {
    --xg-paper: #19141d;
    --xg-surface: rgba(255, 255, 255, .05);
    --xg-border: rgba(255, 255, 255, .09);
    --xg-text: #f3f1f5;
    --xg-text-dimmed: rgba(255, 255, 255, .58);
    --reg-bg: #19141d;
    --reg-section: #1d1822;
    --reg-field: #120f15;
    --reg-border: rgba(255, 255, 255, .1);
    --reg-text: #f3f1f5;
    --reg-label: #e6e1ea;
    --reg-muted: rgba(255, 255, 255, .58);
    --reg-tint: rgba(255, 51, 102, .12);
    --ab-text: #f3f1f5;
    --ab-muted: rgba(255, 255, 255, .6);
    --ab-border: rgba(255, 255, 255, .09);
    --ab-tint: rgba(255, 51, 102, .12);
    color: #f3f1f5;
}
[data-theme="dark"] .register-card { border-color: rgba(255, 255, 255, .08); box-shadow: 0 14px 34px rgba(0, 0, 0, .35); }
[data-theme="dark"] .register-card input,
[data-theme="dark"] .register-card select,
[data-theme="dark"] .register-card textarea { color: #f3f1f5; }
[data-theme="dark"] .register-card input:focus,
[data-theme="dark"] .register-card select:focus,
[data-theme="dark"] .register-card textarea:focus { background: #17131b; }
[data-theme="dark"] .register-card select option { background: #19141d; color: #f3f1f5; }
[data-theme="dark"] .register-card .checkbox-item { color: #d9d3de; }
[data-theme="dark"] .register-card .checkbox-item input[type="checkbox"],
[data-theme="dark"] .register-card .checkbox-item input[type="radio"],
[data-theme="dark"] .register-card .checkator_element { background: #120f15; border-color: rgba(255, 255, 255, .25); }
[data-theme="dark"] .register-card .rates-row:nth-child(even) { background: rgba(255, 255, 255, .03); }
[data-theme="dark"] .alert-error { background: rgba(226, 33, 1, .15); color: #ffb3a8; }
[data-theme="dark"] .alert-success { background: rgba(57, 163, 41, .14); color: #b9f0b0; }
[data-theme="dark"] .reg-home-link,
[data-theme="dark"] .login-page__register { color: rgba(255, 255, 255, .6); }
[data-theme="dark"] .login-page__help h2 { color: #fff; }
[data-theme="dark"] .login-page__help p { color: rgba(255, 255, 255, .62); }
[data-theme="dark"] .reg-at > span { color: rgba(255, 255, 255, .5); }

/* ინსტრუქცია / კონტაქტი */
[data-theme="dark"] .about-section,
[data-theme="dark"] .about-toc { border-color: rgba(255, 255, 255, .08); }
[data-theme="dark"] .about-section h2,
[data-theme="dark"] .about-toc__title { color: #fff; }
[data-theme="dark"] .about-section p,
[data-theme="dark"] .about-list li { color: rgba(255, 255, 255, .75); }
[data-theme="dark"] .about-toc a { color: rgba(255, 255, 255, .82); }
[data-theme="dark"] .about-toc a span { background: rgba(255, 255, 255, .08); color: #ff6b81; }
[data-theme="dark"] .about-crumbs,
[data-theme="dark"] .about-crumbs a { color: rgba(255, 255, 255, .55); }
[data-theme="dark"] .about-crumbs [aria-current] { color: #fff; }
[data-theme="dark"] .about-contact__body strong { color: #fff; }
[data-theme="dark"] .about-contact__body p { color: rgba(255, 255, 255, .65); }
[data-theme="dark"] .info-faq details { background: #1d1822; border-color: rgba(255, 255, 255, .08); }
[data-theme="dark"] .info-faq summary { color: #f3f1f5; }
[data-theme="dark"] .info-faq details[open] summary { color: #ff6b81; }
[data-theme="dark"] .info-faq__answer { color: rgba(255, 255, 255, .72); }
[data-theme="dark"] .info-cases li { background: rgba(255, 51, 102, .1); color: #f3f1f5; }

/* საჩივარი */
[data-theme="dark"] .rep-title,
[data-theme="dark"] .rep-contact b { color: #fff; }
[data-theme="dark"] .rep-reason { background: #1d1822; border-color: rgba(255, 255, 255, .1); color: #e6e1ea; }
[data-theme="dark"] .rep-reason::before { background: #120f15; border-color: rgba(255, 255, 255, .3); }
[data-theme="dark"] .rep-reason:has(input:checked) { background: rgba(226, 33, 1, .12); }
[data-theme="dark"] .rep-form textarea { background: #120f15; border-color: rgba(255, 255, 255, .14); color: #f3f1f5; }
[data-theme="dark"] .rep-contact small,
[data-theme="dark"] .rep-note { color: rgba(255, 255, 255, .6); }
[data-theme="dark"] .rep-contact__box { background-color: #120f15; }
[data-theme="dark"] .rep-message { background: #120f15; color: #e6e1ea; }
[data-theme="dark"] .rep-btn--ghost { background: rgba(255, 255, 255, .08); color: #fff !important; }

/* მარტივი გვერდები (404, „ცოტა ხნით მიუწვდომელია“) — მიმდინარე რეჟიმის ფერებში */
.xg-plain-page { padding: 20px 16px 32px; }
[data-theme="dark"] .xg-plain-page,
[data-theme="dark"] .xg-limited { background: transparent !important; color: rgba(255, 255, 255, .78); }
[data-theme="dark"] .xg-plain-page h1,
[data-theme="dark"] .xg-plain-page h2,
[data-theme="dark"] .xg-limited__title { color: #fff; }
[data-theme="dark"] .xg-plain-page a:not(.orangebutton) { color: #ff8fa3; }
[data-theme="light"] .xg-plain-page { background: var(--t-surface); color: var(--t-text); border-radius: 16px; }

/* ინსტრუქცია / კონტაქტი / საჩივარი: ძველი თემის .bodybox ღია ნაცრისფერ
   ფონს (#f5f5f5) ადებდა — მუქ რეჟიმში თეთრი breadcrumb ნათელზე იკარგებოდა */
[data-theme="dark"] .bodybox.about-page,
[data-theme="dark"] .bodybox.register-page { background: transparent !important; }
/* Telegram-ის ღილაკები — თეთრ ტექსტს საკმარისი კონტრასტი */
.login-page__tg, .reg-support, .rep-btn--tg { background: #1d8fd0 !important; }


/* =========================================================================
   კაბინეტი (cabinet/base.html) — ნათელი რეჟიმი. კაბინეტის ფერები ცვლადებშია
   (cabinet.css), ამიტომ ძირითადად მათ ვცვლით; ქვემოთ — ის ადგილები, სადაც
   თეთრი ფერი პირდაპირაა ჩაწერილი (hover, ქვედა ზოლი, ბარათების ფონი).
   ========================================================================= */
.cab-theme { width: 40px; height: 40px; }
[data-theme="light"] body.cab {
    --cab-bg: #f4f1f6;
    --cab-card: #ffffff;
    --cab-field: #f7f4f9;
    --cab-line: rgba(26, 20, 32, .1);
    --cab-line-strong: rgba(26, 20, 32, .18);
    --cab-text: #1a1420;
    --cab-muted: #5d5763;
    --cab-faint: #8a8490;
    background: radial-gradient(circle at 12% 0%, #ffffff 0%, var(--cab-bg) 60%) !important;
    color: var(--cab-text);
}
[data-theme="light"] .cab-top { background: rgba(255, 255, 255, .9); border-bottom-color: var(--cab-line); }
[data-theme="light"] .cab-glow { opacity: .35; }
[data-theme="light"] .cab-lang option,
[data-theme="light"] .cab-pair select option { background: #fff; color: var(--cab-text); }
[data-theme="light"] .cab-btn--ghost:hover,
[data-theme="light"] .cab-jump a:hover,
[data-theme="light"] .cab-chip:hover,
[data-theme="light"] .cab-foot a:hover,
[data-theme="light"] .cab-tg:hover { color: var(--cab-text); }
[data-theme="light"] .cab-btn--ghost:hover,
[data-theme="light"] .cab-btn--soft,
[data-theme="light"] .cab-state--hidden,
[data-theme="light"] .cab-meter__track { background: rgba(26, 20, 32, .06); }
[data-theme="light"] .cab-btn--soft:hover { background: rgba(26, 20, 32, .1); }
[data-theme="light"] .cab-jump a,
[data-theme="light"] .cab-check,
[data-theme="light"] .cab-stats > div,
[data-theme="light"] .cab-help,
[data-theme="light"] .cab-readonly > div { background: #fff; }
[data-theme="light"] .cab-card { box-shadow: 0 10px 26px rgba(26, 20, 32, .07); }
[data-theme="light"] .cab-file::file-selector-button { background: rgba(26, 20, 32, .08); color: var(--cab-text); }
[data-theme="light"] .cab-savebar { background: rgba(255, 255, 255, .95); }
[data-theme="light"] .cab-tabbar { background: rgba(255, 255, 255, .96) !important; }
[data-theme="light"] .cab-tab.is-active,
[data-theme="light"] .cab-tab:active { color: var(--cab-text); }
[data-theme="light"] .cab-tab__fab { box-shadow: 0 8px 20px rgba(226, 33, 1, .35), 0 0 0 4px #fff; }
[data-theme="light"] .cab-tab__badge { background: #fff; }
[data-theme="light"] .cab-theme { color: #5b4bd6; border-color: var(--cab-line); background: #fff; }
/* რეგისტრაცია: ფასების ცხრილის სათაური მუქ რეჟიმში */
[data-theme="dark"] .register-card .rates-head > div { color: #ff8fa3; }

/* ---------------------------------------------------------------------------
   ლოგო — ტექსტზე მჭიდროდ მოჭრილი SVG (232×28); ზომა ღილაკების სიმაღლესთან
   შეთანხმებული: ტელეფონზე ~17px, კომპიუტერზე 26px, კაბინეტში 22px.
--------------------------------------------------------------------------- */
.header-top-bar .logo img.xg-logo {
    width: auto !important;
    height: 17px !important;
    max-height: none !important;
    max-width: 100%;
}
/* ტელეფონზე ლოგო, ენა, ☀/☾ და ☰ ერთ რიგშია — ლოგო საჭიროებისას ვიწროვდება */
@media (max-width: 960px) {
    body .header-top-bar { flex-wrap: nowrap !important; }
    body .header-top-bar .logo { flex: 1 1 auto !important; min-width: 0; }
    body .header-top-bar .logo img.xg-logo { height: auto !important; width: 100% !important; max-width: 150px; }
}
.header-top-bar .logo a { display: flex !important; align-items: center; }
@media (min-width: 961px) {
    .header-top-bar .logo img.xg-logo { height: 26px !important; }
}
.cab-logo img { height: 22px; max-height: none; width: auto; }

/* სლაიდერის უკანა ფონი — გვერდის ფონი (ადრე ძველი თემის ნაცრისფერი ზოლი ჩანდა) */
.all-header-slider,
.all-header-slider .sliderall { background: #0e0b10 !important; }
[data-theme="light"] .all-header-slider,
[data-theme="light"] .all-header-slider .sliderall { background: var(--t-bg) !important; }
.all-header-slider { border-bottom: 0 !important; }