/* ===================================================================== * Gece modu — html[data-theme="dark"] * Seçim üst bilgideki ay / güneş düğmesiyle yapılır, tarayıcıda saklanır (kk_theme). * "Bileşenler" bölümü sitenin diğer stil dosyalarındaki kuralların gece karşılıklarıdır: * açık zeminler koyuya, koyu yazılar açığa, açık çizgiler koyuya çevrildi. * Sitede yeni bir açık renkli bileşen eklenirse gece rengi buraya da eklenmelidir. * =================================================================== */ /* ---- Tema düğmesi (her iki modda) ---- */ .theme-toggle{ position:relative;flex:none;width:40px;height:40px;border-radius:50%;cursor:pointer; border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--on-dark,#E9EEF9); display:inline-flex;align-items:center;justify-content:center;overflow:hidden; transition:color .18s ease,border-color .18s ease,background .18s ease; } .theme-toggle:hover{color:var(--gold,#FFA504);border-color:rgba(255,165,4,.5);background:rgba(255,165,4,.08)} .theme-toggle svg{position:absolute;transition:transform .45s cubic-bezier(.2,.9,.25,1.2),opacity .3s ease} .theme-toggle .tt-sun{transform:translateY(120%) rotate(-90deg);opacity:0} .theme-toggle .tt-moon{transform:none;opacity:1} html[data-theme="dark"] .theme-toggle .tt-sun{transform:none;opacity:1;color:var(--gold,#FFA504)} html[data-theme="dark"] .theme-toggle .tt-moon{transform:translateY(-120%) rotate(90deg);opacity:0} .theme-toggle__label{display:none} .na-theme{ display:none;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:12px;cursor:pointer; border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:var(--on-dark,#E9EEF9);font:700 14px var(--body); } @media (max-width:900px){ .na-theme{display:flex} } /* Tema değişirken renkler yumuşak geçsin (yalnız geçiş anında) */ html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{ transition:background-color .35s ease,border-color .35s ease,color .35s ease,fill .35s ease !important; } /* ---- Gece modu: temel ---- */ html[data-theme="dark"]{ color-scheme:dark; --paper:#0E121A; --canvas:#0E121A; --card:#171C29; --surface:#121723; --line:#282F3E; --border:#282F3E; --text:#DEE2EB; --muted:#8C9BBA; --slate:#AEB8CC; --slate-soft:#8C9BBA; --indigo:#CCD2E0; --grad:linear-gradient(135deg,#1A2233,#232D42); --shadow-sm:0 2px 10px rgba(0,0,0,.35); --shadow:0 8px 24px rgba(0,0,0,.4); --shadow-md:0 16px 40px -22px rgba(0,0,0,.8); --shadow-lg:0 30px 70px -35px rgba(0,0,0,.9); } html[data-theme="dark"] body{background:#0E121A;color:#DEE2EB} html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4{color:inherit} html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#6F7B95} html[data-theme="dark"] ::selection{background:rgba(255,165,4,.35)} /* Araç fotoğrafları beyaz zeminli; gece modunda göz almasın */ html[data-theme="dark"] .hm-tile__media,html[data-theme="dark"] .rv-thumb,html[data-theme="dark"] .rv-card__media, html[data-theme="dark"] .req-sum__media,html[data-theme="dark"] .car-media,html[data-theme="dark"] .gallery-main{ background:#E9EDF4; } html[data-theme="dark"] .hm-tile__media img,html[data-theme="dark"] .rv-thumb img,html[data-theme="dark"] .rv-card__media img, html[data-theme="dark"] .req-sum__media img,html[data-theme="dark"] .car-media img,html[data-theme="dark"] .gallery-main img{filter:brightness(.94)} /* Araç türü ikonları (ana sayfa sol menü) */ html[data-theme="dark"] .hm-cats__ic{ background:color-mix(in srgb, var(--c,#1A2233) 32%, #171C29); color:color-mix(in srgb, var(--c,#1A2233) 40%, #FFFFFF); } /* Bildirim pencerelerindeki ikon halkaları */ html[data-theme="dark"] .kk-check__ring,html[data-theme="dark"] .req-done__ic circle{fill:rgba(22,163,74,.16)} html[data-theme="dark"] .kk-x circle{fill:rgba(220,38,38,.16)} /* ===================== Bileşenler ===================== */ /* ---- style.css ---- */ :where(html[data-theme="dark"]) body{background-color:#0E121A;color:#DEE2EB} :where(html[data-theme="dark"]) a{color:#CCD2E0} :where(html[data-theme="dark"]) .eyebrow{color:#8C9BBA} :where(html[data-theme="dark"]) .muted{color:#8C9BBA} :where(html[data-theme="dark"]) .search-panel{background-color:#171C29} :where(html[data-theme="dark"]) .field label{color:#8C9BBA} :where(html[data-theme="dark"]) .field input, :where(html[data-theme="dark"]) .field select, :where(html[data-theme="dark"]) .field textarea{background-color:#0F131C;color:#DEE2EB} :where(html[data-theme="dark"]) .field input:focus, :where(html[data-theme="dark"]) .field select:focus, :where(html[data-theme="dark"]) .field textarea:focus{background-color:#171C29} :where(html[data-theme="dark"]) .field input[readonly]{color:#8C9BBA} :where(html[data-theme="dark"]) .field .hint{color:#8C9BBA} :where(html[data-theme="dark"]) .ac-list{background-color:#171C29} :where(html[data-theme="dark"]) .ac-item{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .ac-item:hover, :where(html[data-theme="dark"]) .ac-item.active{background-color:#0F131C} :where(html[data-theme="dark"]) .ac-item span{color:#8C9BBA} :where(html[data-theme="dark"]) .btn-primary:disabled{background-color:#131823;color:#8C9BBA} :where(html[data-theme="dark"]) .btn-ghost{background-color:#171C29;color:#DEE2EB;border-color:#282F3E} :where(html[data-theme="dark"]) .btn-ghost:hover{color:#CCD2E0} :where(html[data-theme="dark"]) .btn-link{color:#CCD2E0} :where(html[data-theme="dark"]) .section-head .count{color:#8C9BBA} :where(html[data-theme="dark"]) .card{background-color:#171C29} :where(html[data-theme="dark"]) .car-sub{color:#8C9BBA} :where(html[data-theme="dark"]) .price{color:#CCD2E0} :where(html[data-theme="dark"]) .price small{color:#8C9BBA} :where(html[data-theme="dark"]) .spec-row{border-top-color:#282F3E;color:#8C9BBA} :where(html[data-theme="dark"]) .chip{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .chip:hover{color:#CCD2E0} :where(html[data-theme="dark"]) .spec-list{background-color:#131823} :where(html[data-theme="dark"]) .spec-item{background-color:#171C29} :where(html[data-theme="dark"]) .spec-item .k{color:#8C9BBA} :where(html[data-theme="dark"]) .booking-total{border-top-color:#282F3E} :where(html[data-theme="dark"]) .booking-total .big{color:#CCD2E0} :where(html[data-theme="dark"]) .notice{background-color:#0F131C;color:#A5B0C9} :where(html[data-theme="dark"]) .notice.ok{color:#A4F9E1} :where(html[data-theme="dark"]) .notice.err{color:#E98585} :where(html[data-theme="dark"]) .prose{color:#A5B0C9} :where(html[data-theme="dark"]) .prose h3{color:#DEE2EB} :where(html[data-theme="dark"]) .otp-row input{color:#CCD2E0;background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .account-nav{background-color:#171C29} :where(html[data-theme="dark"]) .account-nav button{border-bottom-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .account-nav button:hover{background-color:#0F131C} :where(html[data-theme="dark"]) .account-nav button.active{background-color:#0F131C;color:#CCD2E0} :where(html[data-theme="dark"]) .ref-code{color:#CCD2E0} :where(html[data-theme="dark"]) .badge.on{color:#96F9DD} :where(html[data-theme="dark"]) .badge.off{background-color:#0F131C;color:#8C9BBA} :where(html[data-theme="dark"]) .list-row{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .empty{color:#8C9BBA} :where(html[data-theme="dark"]) .spinner{border-color:rgba(40,47,62,0.35);border-top-color:#282F3E} :where(html[data-theme="dark"]) .spinner.dark{border-color:#282F3E} :where(html[data-theme="dark"]) .filter-box{background-color:#171C29} :where(html[data-theme="dark"]) .filter-head{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .filter-group{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .filter-group > .t{color:#8C9BBA} :where(html[data-theme="dark"]) .check .c{color:#8C9BBA} :where(html[data-theme="dark"]) .range-val strong{color:#CCD2E0} :where(html[data-theme="dark"]) .results-bar select{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .inline-form{background-color:#0F131C} :where(html[data-theme="dark"]) .stepper button{border-color:#282F3E;background-color:#171C29;color:#CCD2E0} /* ---- kk.css ---- */ :where(html[data-theme="dark"]) body{color:#D4DAE5;background-color:#0E121A} :where(html[data-theme="dark"]) .muted{color:#8C9BBA} :where(html[data-theme="dark"]) .btn-ghost{color:#D4DAE5;border-color:#282F3E} :where(html[data-theme="dark"]) .btn-ghost:hover{background-color:#171C29} :where(html[data-theme="dark"]) .search-panel{background-color:#171C29} :where(html[data-theme="dark"]) .field label{color:#8C9BBA} :where(html[data-theme="dark"]) .field input, :where(html[data-theme="dark"]) .field select{background-color:#0E121A;border-color:#282F3E} :where(html[data-theme="dark"]) .field input:hover, :where(html[data-theme="dark"]) .field select:hover{border-color:#324567} :where(html[data-theme="dark"]) .field input:focus, :where(html[data-theme="dark"]) .field select:focus{background-color:#171C29} :where(html[data-theme="dark"]) .ac-list{background-color:#171C29;border-color:#282F3E;color:#D4DAE5} :where(html[data-theme="dark"]) .ac-item strong{color:#D4DAE5} :where(html[data-theme="dark"]) .ac-item span{color:#8C9BBA} :where(html[data-theme="dark"]) .section-head p{color:#8C9BBA} :where(html[data-theme="dark"]) .card{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .notice.err{background-color:#0E121A;color:#E98585;border-color:#732626} :where(html[data-theme="dark"]) .notice.ok{background-color:#0F121B;color:#A5EBC0;border-color:#267341} :where(html[data-theme="dark"]) .chip{border-color:#282F3E;background-color:#171C29} :where(html[data-theme="dark"]) .chip:hover{color:#D4DAE5} :where(html[data-theme="dark"]) .sorter select{border-color:#282F3E;background-color:#171C29} :where(html[data-theme="dark"]) .firm-card{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .firm-card:hover{border-color:#2B426E} :where(html[data-theme="dark"]) .firm-meta{color:#8C9BBA} :where(html[data-theme="dark"]) .branch-tag{background-color:#0E121A;border-color:#282F3E;color:#8C9BBA} :where(html[data-theme="dark"]) .firm-price{color:#8C9BBA} :where(html[data-theme="dark"]) .firm-price strong{color:#D4DAE5} :where(html[data-theme="dark"]) .car-sub{color:#8C9BBA} :where(html[data-theme="dark"]) .price{color:#D4DAE5} :where(html[data-theme="dark"]) .price small{color:#8C9BBA} :where(html[data-theme="dark"]) .spec-row{border-top-color:#282F3E} :where(html[data-theme="dark"]) .spec-row span{color:#8C9BBA;background-color:#0E121A} :where(html[data-theme="dark"]) .rb__scan{background-image:linear-gradient(180deg, transparent 0%, rgba(255,200,92,.85) 22%, rgba(23,28,41,0.95) 50%, rgba(255,200,92,.85) 78%, transparent 100%)} :where(html[data-theme="dark"]) .rb__title{background-image:linear-gradient(100deg, #171C29 0%, #171C29 38%, var(--gold-soft) 48%, #171C29 58%, #171C29 100%)} :where(html[data-theme="dark"]) .rdot{background-color:#161C29} :where(html[data-theme="dark"]) .branch-card{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .branch-card:hover{border-color:#2B426E} :where(html[data-theme="dark"]) .branch-card__loc{color:#CCD2E0} :where(html[data-theme="dark"]) .branch-card__addr{color:#8C9BBA} :where(html[data-theme="dark"]) .branch-card__foot{border-top-color:#282F3E} :where(html[data-theme="dark"]) .branch-card__price small{color:#8C9BBA} :where(html[data-theme="dark"]) .branch-card__go{color:#CCD2E0} :where(html[data-theme="dark"]) .firm-gallery figure{border-color:#282F3E} :where(html[data-theme="dark"]) .perk{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .perk:hover{border-color:#2B426E} :where(html[data-theme="dark"]) .perk p{color:#8C9BBA} :where(html[data-theme="dark"]) .firm-row{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .firm-row:hover{border-color:#2B426E} :where(html[data-theme="dark"]) .firm-row__price span{color:#8C9BBA} :where(html[data-theme="dark"]) .firm-row__price strong{color:#D4DAE5} :where(html[data-theme="dark"]) .branch-row{background-color:#0E121A;border-color:#282F3E} :where(html[data-theme="dark"]) .branch-row:hover{border-color:#2B426E;background-color:#171C29} :where(html[data-theme="dark"]) .branch-name{color:#D4DAE5} :where(html[data-theme="dark"]) .branch-name:hover{color:#C3CADB} :where(html[data-theme="dark"]) .car-dot{border-color:#282F3E} :where(html[data-theme="dark"]) .car-dot__fallback{color:#8C9BBA} :where(html[data-theme="dark"]) .firm-logo{border-color:#282F3E} :where(html[data-theme="dark"]) .firm-row:hover .firm-logo{border-color:#2B426E} :where(html[data-theme="dark"]) .firm-logo .initial{color:#D4DAE5} :where(html[data-theme="dark"]) .auth-tabs{background-color:#0E121A;border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .auth-tabs__pill{background-color:#171C29} :where(html[data-theme="dark"]) .auth-tab{color:#8C9BBA} :where(html[data-theme="dark"]) .auth-tab:hover{color:#CCD2E0} :where(html[data-theme="dark"]) .auth-tab.is-active{color:#D4DAE5} :where(html[data-theme="dark"]) .auth-perks li{color:#8C9BBA} :where(html[data-theme="dark"]) .acc-drop{background-color:#171C29;border-color:#282F3E;color:#D4DAE5} :where(html[data-theme="dark"]) .acc-drop::after{border-left-color:#282F3E;border-top-color:#282F3E} :where(html[data-theme="dark"]) .acc-drop__head{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .acc-drop__head small{color:#8C9BBA} :where(html[data-theme="dark"]) .acc-drop a, :where(html[data-theme="dark"]) .acc-drop button{color:#D4DAE5} :where(html[data-theme="dark"]) .acc-drop a:hover, :where(html[data-theme="dark"]) .acc-drop button:hover, :where(html[data-theme="dark"]) .acc-drop a:focus-visible, :where(html[data-theme="dark"]) .acc-drop button:focus-visible{background-color:#342814;color:#F7CC84} :where(html[data-theme="dark"]) .acc-drop__ic{background-color:#0F131B;color:#A5B0C9} :where(html[data-theme="dark"]) .acc-drop__out{border-top-color:#282F3E !important;color:#E55B5B !important} :where(html[data-theme="dark"]) .acc-drop__out .acc-drop__ic{background-color:#0E121A;color:#E55B5B} :where(html[data-theme="dark"]) .acc-drop__out:hover{background-color:#0E121A !important} :where(html[data-theme="dark"]) .account-nav .an-ic{background-color:#0F131B;color:#A5B0C9} :where(html[data-theme="dark"]) .account-nav button:hover .an-ic{background-color:#342914;color:#F7CC84} :where(html[data-theme="dark"]) .account-nav button.danger .an-ic{background-color:#0E121A;color:#E55B5B} :where(html[data-theme="dark"]) .kk-cap__label{color:#8C9BBA} :where(html[data-theme="dark"]) .kk-cap__img{border-color:#282F3E;background-color:#0E121A} :where(html[data-theme="dark"]) .kk-cap__re{border-color:#282F3E;background-color:#171C29;color:#A5B0C9} :where(html[data-theme="dark"]) .kk-cap__re:hover{color:#F8C879} :where(html[data-theme="dark"]) .kk-cap__in{border-color:#282F3E;background-color:#0E121A;color:#D4DAE5} :where(html[data-theme="dark"]) .kk-cap__in:focus{background-color:#171C29} :where(html[data-theme="dark"]) .kk-cap.is-bad .kk-cap__in{background-color:#0E121A} :where(html[data-theme="dark"]) .badge.wait{color:#F7CC84} :where(html[data-theme="dark"]) .badge.bad{color:#EA7171} :where(html[data-theme="dark"]) .cs-item{border-top-color:#282F3E} :where(html[data-theme="dark"]) .cs-item:hover{background-color:#0E121A} :where(html[data-theme="dark"]) .cs-item__ic{background-color:#342914} :where(html[data-theme="dark"]) .cs-item__ic--firm{background-color:#141E34} :where(html[data-theme="dark"]) .cs-item__last{color:#8C9BBA} :where(html[data-theme="dark"]) .cs-item.is-unread .cs-item__top b{color:#D4DAE5} :where(html[data-theme="dark"]) .cs-empty a{color:#F8C879} :where(html[data-theme="dark"]) .cs-target{border-color:#282F3E} :where(html[data-theme="dark"]) .cs-target__ic{background-color:#0E121A;color:#A1ADC7} :where(html[data-theme="dark"]) .cs-target small{color:#8C9BBA} :where(html[data-theme="dark"]) .cs-target.is-on{background-color:#0E121A} :where(html[data-theme="dark"]) .cs-back{color:#8C9BBA} :where(html[data-theme="dark"]) .cs-back:hover{color:#D4DAE5} :where(html[data-theme="dark"]) .cs-thread-head{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .cs-meta{color:#8C9BBA} :where(html[data-theme="dark"]) .cs-msg{background-color:#0E121A;border-color:#282F3E} :where(html[data-theme="dark"]) .cs-msg.is-mine{background-color:#342914;border-color:#735D26} :where(html[data-theme="dark"]) .cs-msg.is-supplier{background-color:#0F121B;border-color:#263E73} :where(html[data-theme="dark"]) .cs-msg__who{color:#AFB9CF} :where(html[data-theme="dark"]) .cs-msg__who span{color:#8C9BBA} :where(html[data-theme="dark"]) .cs-msg__at{color:#8C9BBA} :where(html[data-theme="dark"]) .cs-reply{border-top-color:#282F3E} :where(html[data-theme="dark"]) .rent-review--wait{color:#8C9BBA} :where(html[data-theme="dark"]) .rent-review--done{color:#96F2BC} :where(html[data-theme="dark"]) .rent-review .rs{color:#F6B64B} :where(html[data-theme="dark"]) .rent-ask{color:#F8C879} :where(html[data-theme="dark"]) .rv-modal__box{background-color:#171C29} :where(html[data-theme="dark"]) .rv-modal__x{background-color:#0E121A;color:#A1ADC7} :where(html[data-theme="dark"]) .rv-stars button.is-on svg{stroke:#F6B64B} :where(html[data-theme="dark"]) .rv-star-label{color:#AFB9CF} :where(html[data-theme="dark"]) .rv-star-label.is-bad{color:#E55B5B} :where(html[data-theme="dark"]) .seo-block__grid{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .seo-block h3{color:#8C9BBA} :where(html[data-theme="dark"]) .seo-block__prose p{color:#A5B0C9} :where(html[data-theme="dark"]) .seo-chips a{border-color:#282F3E;background-color:#0E121A;color:#C0C8D9} :where(html[data-theme="dark"]) .seo-chips a:hover{background-color:#342814} :where(html[data-theme="dark"]) .seo-list a{color:#A5B0C9} :where(html[data-theme="dark"]) .seo-list a:hover{color:#F8C879} :where(html[data-theme="dark"]) .seo-list a.is-on{color:#D4DAE5} /* ---- home.css ---- */ :where(html[data-theme="dark"]) .hm{background-color:#0E121A} :where(html[data-theme="dark"]) .hm-box{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .hm-box__title{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-cats a{color:#DEE2EB} :where(html[data-theme="dark"]) .hm-cats a:hover{background-color:#0E121A;color:#CCD2E0} :where(html[data-theme="dark"]) .hm-cats a.is-empty{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-cats__ic{background:color-mix(in srgb, var(--c,#1A2233) 11%, #171C29)} :where(html[data-theme="dark"]) .hm-cats__cnt{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-links a{color:#A5B0C9} :where(html[data-theme="dark"]) .hm-links a span{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-links a:hover{color:#DEE2EB;background-color:#0E121A} :where(html[data-theme="dark"]) .hm-stats{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-stats b{color:#DEE2EB} :where(html[data-theme="dark"]) .hm-search{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .hm-search__f label{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-search__f input{border-color:#282F3E;background-color:#0E121A;color:#DEE2EB} :where(html[data-theme="dark"]) .hm-search__f input:focus{background-color:#171C29} :where(html[data-theme="dark"]) .hm-sec__head{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .hm-sec__head h1, :where(html[data-theme="dark"]) .hm-sec__head h2{color:#DEE2EB} :where(html[data-theme="dark"]) .hm-sec__head a{color:#F8C879} :where(html[data-theme="dark"]) .hm-sec__head a:hover{color:#DEE2EB} :where(html[data-theme="dark"]) .hm-tile{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .hm-tile__title{color:#DEE2EB} :where(html[data-theme="dark"]) .hm-tile__meta, :where(html[data-theme="dark"]) .hm-tile__loc{color:#A5B0C9} :where(html[data-theme="dark"]) .hm-tile__loc{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-tile__price{color:#CCD2E0} :where(html[data-theme="dark"]) .hm-tile__price small{color:#8C9BBA} :where(html[data-theme="dark"]) .hm-tile--ad{background-image:linear-gradient(170deg,#0F121B,#342914)} :where(html[data-theme="dark"]) .hm-tile--ad span{color:#A5B0C9} :where(html[data-theme="dark"]) .hm-tile--ad em{color:#F8C879} :where(html[data-theme="dark"]) .hm-chips a{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .hm-how > div{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .hm-how span{color:#A5B0C9} :where(html[data-theme="dark"]) .hm-how strong{color:#DEE2EB} @media (max-width:860px){ :where(html[data-theme="dark"]) .hm-cats a{background-color:#171C29;border-color:#282F3E} } /* ---- flow.css ---- */ :where(html[data-theme="dark"]) .flow-eyebrow{color:var(--gold,#F5B849)} :where(html[data-theme="dark"]) .flow-body{background-color:#0E121A} :where(html[data-theme="dark"]) .pick__title b{color:#DEE2EB} :where(html[data-theme="dark"]) .pick__next:hover{color:var(--gold,#F5B849)} :where(html[data-theme="dark"]) .pick-note{color:#FAD398;background-color:#342814;border-color:#735726} :where(html[data-theme="dark"]) .pcard{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .pcard.is-done{border-color:#2B6E41} :where(html[data-theme="dark"]) .pcard__head{color:#DEE2EB} :where(html[data-theme="dark"]) .pcard__title small{color:#8C9BBA} :where(html[data-theme="dark"]) .pcard__chev{background-color:#0E121A} :where(html[data-theme="dark"]) .pcard__body{border-top-color:#282F3E} :where(html[data-theme="dark"]) .pcard__crumb{background-color:#0C1017;border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .pcard__crumb .flow-eyebrow{color:#8C9BBA} :where(html[data-theme="dark"]) .pcard__crumb button{color:#F8C879} :where(html[data-theme="dark"]) .pcard__search input{border-color:#282F3E;background:#0E121A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23657391' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M17 17l-4.5-4.5'/%3E%3C/svg%3E") no-repeat 14px 50%;color:#DEE2EB} :where(html[data-theme="dark"]) .pcard__search input:focus{background-color:#171C29} :where(html[data-theme="dark"]) .plist__grp{color:#8C9BBA} :where(html[data-theme="dark"]) .plist__empty, :where(html[data-theme="dark"]) .plist__load{color:#8C9BBA} :where(html[data-theme="dark"]) .plist__load span{border-color:#735726} :where(html[data-theme="dark"]) .prow{border-top-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .prow:hover{background-color:#0F131C} :where(html[data-theme="dark"]) .prow__name small{color:#8C9BBA} :where(html[data-theme="dark"]) .prow.is-dim .prow__name{color:#A5B0C9} :where(html[data-theme="dark"]) .prow__cnt{background-color:#11151F;color:#97EFB8} :where(html[data-theme="dark"]) .prow__go{border-right-color:#384761;border-top-color:#384761} :where(html[data-theme="dark"]) .prow.is-sel{background-color:#342914} :where(html[data-theme="dark"]) .pcard__sum{border-top-color:#282F3E} :where(html[data-theme="dark"]) .psum{border-top-color:#282F3E} :where(html[data-theme="dark"]) .psum .flow-eyebrow{color:#8C9BBA} :where(html[data-theme="dark"]) .psum b{color:#DEE2EB} :where(html[data-theme="dark"]) .psum small{color:#8C9BBA} :where(html[data-theme="dark"]) .psum em{color:#F8C879} :where(html[data-theme="dark"]) .psum.is-warn b{color:#F8C879} :where(html[data-theme="dark"]) .psum:hover{background-color:#0C1017} :where(html[data-theme="dark"]) .pside{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .pside__loc{background-color:#0F121B;border-color:#2B6E41} :where(html[data-theme="dark"]) .pside__loc:hover{background-color:#11151F} :where(html[data-theme="dark"]) .pside__locTxt .flow-eyebrow{color:#97EFB8} :where(html[data-theme="dark"]) .pside__loc b{color:#DEE2EB} :where(html[data-theme="dark"]) .pside__loc small{color:#8C9BBA} :where(html[data-theme="dark"]) .pside__loc em{color:#F8C879} :where(html[data-theme="dark"]) .pside__note{color:#8C9BBA} :where(html[data-theme="dark"]) .scope-bar{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .scope-bar__item{border-left-color:#282F3E} :where(html[data-theme="dark"]) .scope-bar__item span{color:#8C9BBA} :where(html[data-theme="dark"]) .scope-bar__item b{color:#DEE2EB} :where(html[data-theme="dark"]) .scope-bar__btn:hover{color:var(--gold,#F5B849)} :where(html[data-theme="dark"]) .cat-pills a{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .cat-pills a:hover{color:#F8C879} :where(html[data-theme="dark"]) .firm-row__title h3 a:hover{color:#F8C879} :where(html[data-theme="dark"]) .flow-steps--light li{background-color:#171C29;border-color:#282F3E;color:#A5B0C9} :where(html[data-theme="dark"]) .flow-steps--light li b{background-color:#10141D;color:#DEE2EB} :where(html[data-theme="dark"]) .flow-steps--light li.is-on{background-color:#342814;color:#DEE2EB} :where(html[data-theme="dark"]) .flow-steps--light li.is-done{color:#A5B0C9} :where(html[data-theme="dark"]) .req-card{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .req-card__head p{color:#A5B0C9} :where(html[data-theme="dark"]) .req-card .field.is-bad input{background-color:#0E121A} :where(html[data-theme="dark"]) .req-phone span{border-color:#282F3E;background-color:#10141D;color:#A5B0C9} :where(html[data-theme="dark"]) .req-btn--ghost{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .req-btn--ghost:hover{background-color:#0E121A} :where(html[data-theme="dark"]) .req-safe{color:#8C9BBA} :where(html[data-theme="dark"]) .req-safe svg{color:#7EEEA7} :where(html[data-theme="dark"]) .req-done p{color:#A5B0C9} :where(html[data-theme="dark"]) .req-done__no{color:#DEE2EB !important;background-color:#342814} :where(html[data-theme="dark"]) .req-done__ic circle{stroke:#7EEEA7} :where(html[data-theme="dark"]) .req-done__ic path{stroke:#7EEEA7} :where(html[data-theme="dark"]) .req-sum{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .req-sum__spec{color:#8C9BBA} :where(html[data-theme="dark"]) .req-sum__k{color:#8C9BBA} :where(html[data-theme="dark"]) .req-sum__row{border-top-color:#282F3E} :where(html[data-theme="dark"]) .req-sum__row small{color:#8C9BBA} :where(html[data-theme="dark"]) .req-sum__dates{border-top-color:#282F3E;border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .req-sum__dates i{color:var(--gold,#F5B849)} :where(html[data-theme="dark"]) .req-sum__line{color:#A5B0C9} :where(html[data-theme="dark"]) .req-sum__line b{color:#DEE2EB} :where(html[data-theme="dark"]) .req-sum__line small{color:#8C9BBA} :where(html[data-theme="dark"]) .req-sum__edit{color:#F8C879} :where(html[data-theme="dark"]) .kk-swal{background-color:#171C29 !important;color:#DEE2EB !important} :where(html[data-theme="dark"]) .kk-swal__title{color:#DEE2EB} :where(html[data-theme="dark"]) .kk-swal__muted{color:#A5B0C9} :where(html[data-theme="dark"]) .kk-swal__ok:focus-visible, :where(html[data-theme="dark"]) .kk-swal__ghost:focus-visible{outline-color:#735726} :where(html[data-theme="dark"]) .kk-swal__ghost{background-color:#0F131B;color:#DEE2EB} :where(html[data-theme="dark"]) .kk-swal__ghost:hover{background-color:#111620} :where(html[data-theme="dark"]) .kk-road__car svg{fill:#DEE2EB} :where(html[data-theme="dark"]) .kk-road__car svg circle{fill:#F5B849;stroke:#DEE2EB} :where(html[data-theme="dark"]) .kk-road::after{background-color:#342814} :where(html[data-theme="dark"]) .kk-check__ring{stroke:#7EEEA7} :where(html[data-theme="dark"]) .kk-check__tick{stroke:#7EEEA7} :where(html[data-theme="dark"]) .kk-x circle{stroke:#E55B5B} :where(html[data-theme="dark"]) .kk-x path{stroke:#E55B5B} :where(html[data-theme="dark"]) .kk-ticket{background-color:#0E1119;border-color:#282F3E} :where(html[data-theme="dark"]) .kk-ticket__txt span{color:#8C9BBA} :where(html[data-theme="dark"]) .rv-switch{border-color:#282F3E;background-color:#171C29} :where(html[data-theme="dark"]) .rv-switch button{color:#A5B0C9} :where(html[data-theme="dark"]) .rv-switch button + button{border-left-color:#282F3E} :where(html[data-theme="dark"]) .rv-switch button:hover{color:#F8C879;background-color:#0F131C} :where(html[data-theme="dark"]) .rv-table{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .rv-table th{background-color:#0F131B;color:#A5B0C9;border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .rv-table td{border-bottom-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .rv-tr:hover td{background-color:#0F131C} :where(html[data-theme="dark"]) .rv-tr.is-promo td{background-color:#0E121B} :where(html[data-theme="dark"]) .rv-thumb{border-color:#282F3E} :where(html[data-theme="dark"]) .rv-thumb span{color:#8C9BBA} :where(html[data-theme="dark"]) .rv-c-name a{color:#DEE2EB} :where(html[data-theme="dark"]) .rv-c-name a:hover{color:#F8C879} :where(html[data-theme="dark"]) .rv-c-br a{color:#687FDF} :where(html[data-theme="dark"]) .rv-table .rv-c-price{color:#F69269} :where(html[data-theme="dark"]) .rv-c-loc small{color:#8C9BBA} :where(html[data-theme="dark"]) .rv-card{background-color:#171C29;border-color:#282F3E;color:#DEE2EB} :where(html[data-theme="dark"]) .rv-card.is-promo{background-color:#0E121B} :where(html[data-theme="dark"]) .rv-card__media{border-color:#282F3E} :where(html[data-theme="dark"]) .rv-card__logo{border-color:#282F3E} :where(html[data-theme="dark"]) .rv-card__price{color:#F69269} :where(html[data-theme="dark"]) .rv-card__price small{color:#8C9BBA} :where(html[data-theme="dark"]) .rv-card__kv span{color:#8C9BBA} @media (max-width:760px){ :where(html[data-theme="dark"]) .rv-tr{background-color:#171C29;border-color:#282F3E} } :where(html[data-theme="dark"]) .apply-steps{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .apply-steps span{color:#A5B0C9} :where(html[data-theme="dark"]) .apply-steps strong{color:#DEE2EB} :where(html[data-theme="dark"]) .apply-login{color:#A5B0C9} :where(html[data-theme="dark"]) .apply-login a{color:#F8C879} :where(html[data-theme="dark"]) .apply-h{border-top-color:#282F3E} :where(html[data-theme="dark"]) .apply-hint{color:#8C9BBA} :where(html[data-theme="dark"]) .apply-form .field.is-bad select{background-color:#0E121A} :where(html[data-theme="dark"]) .apply-pass button{color:#8C9BBA} :where(html[data-theme="dark"]) .apply-pass button:hover, :where(html[data-theme="dark"]) .apply-pass button.is-on{color:#F8C879;background-color:#342814} :where(html[data-theme="dark"]) .apply-meter{background-color:#10141D} :where(html[data-theme="dark"]) .apply-check{border-color:#282F3E;background-color:#0C1017;color:#A5B0C9} :where(html[data-theme="dark"]) .apply-check a{color:#F8C879} :where(html[data-theme="dark"]) .apply-check.is-bad{background-color:#0E121A} :where(html[data-theme="dark"]) .apply-note{color:#A5B0C9} :where(html[data-theme="dark"]) .apply-doc{border-color:#324567;background-color:#0C1017} :where(html[data-theme="dark"]) .apply-doc:hover{background-color:#0F121B} :where(html[data-theme="dark"]) .apply-doc__txt b{color:#DEE2EB} :where(html[data-theme="dark"]) .apply-doc__txt small{color:#8C9BBA} :where(html[data-theme="dark"]) .apply-doc__prev{border-color:#282F3E} :where(html[data-theme="dark"]) .apply-doc.is-set{background-color:#0F121B} :where(html[data-theme="dark"]) .apply-doc.is-set .apply-doc__btn{background-color:#171C29;border-color:#2B6E41;color:#97EFB8} :where(html[data-theme="dark"]) .apply-doc.is-bad{background-color:#0E121A} :where(html[data-theme="dark"]) .faq-search{background-color:#171C29;color:#8C9BBA} :where(html[data-theme="dark"]) .faq-search input{color:#D4DAE5} :where(html[data-theme="dark"]) .faq-tabs button{border-color:#282F3E;background-color:#171C29;color:#A5B0C9} :where(html[data-theme="dark"]) .faq-group h2{color:#DEE2EB} :where(html[data-theme="dark"]) .faq-item{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .faq-item summary{color:#DEE2EB} :where(html[data-theme="dark"]) .faq-item summary i{background-color:#0F131B} :where(html[data-theme="dark"]) .faq-a{color:#A5B0C9} :where(html[data-theme="dark"]) .faq-a a{color:#F8C879} :where(html[data-theme="dark"]) .faq-a b{color:#DEE2EB} :where(html[data-theme="dark"]) .faq-empty{background-color:#342814;border-color:#735726;color:#FAD398} :where(html[data-theme="dark"]) .faq-empty a{color:#F8C879} :where(html[data-theme="dark"]) .legal-cta{background-image:linear-gradient(135deg,#342B14,#0D1118);border-color:#735D26} :where(html[data-theme="dark"]) .legal-cta b{color:#DEE2EB} :where(html[data-theme="dark"]) .legal-cta span{color:#8C9BBA} :where(html[data-theme="dark"]) .legal-table-wrap{border-color:#282F3E} :where(html[data-theme="dark"]) .legal-table th{background-color:#0E121A;color:#8C9BBA} :where(html[data-theme="dark"]) .legal-table td{border-top-color:#282F3E;color:var(--ink-2,#C0C8D9)} :where(html[data-theme="dark"]) .legal-table code{background-color:#0E121A} :where(html[data-theme="dark"]) .legal-tag--zorunlu{background-color:#111620;color:#97EEBA} :where(html[data-theme="dark"]) .legal-tag--analitik{background-color:#141F34;color:#7395E4} :where(html[data-theme="dark"]) .legal-tag--pazarlama{background-color:#342714;color:#F9C985} :where(html[data-theme="dark"]) .fp-logo{border-color:#282F3E} :where(html[data-theme="dark"]) .fp-logo__ini{color:#D4DAE5} :where(html[data-theme="dark"]) .fp-stats{background-color:#171C29} :where(html[data-theme="dark"]) .fp-stat + .fp-stat::before{background-color:#131823} :where(html[data-theme="dark"]) .fp-stat b{color:#D4DAE5} :where(html[data-theme="dark"]) .fp-stat span{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-stat--rate:hover b{color:#F8C879} :where(html[data-theme="dark"]) .fp-new{color:#7EEEA7 !important} :where(html[data-theme="dark"]) .fp-id__text h1{color:#D4DAE5} :where(html[data-theme="dark"]) .fp-about{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-more{color:#F8C879} :where(html[data-theme="dark"]) .fp-meta{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-meta a{color:#F8C879} :where(html[data-theme="dark"]) .fp-sum div{border-bottom-color:#282F3E} :where(html[data-theme="dark"]) .fp-sum small{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-why{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-link{color:#F8C879} :where(html[data-theme="dark"]) .fp-branch__btn{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .fp-branch__ic{background-color:#342914;color:#F7CC84} :where(html[data-theme="dark"]) .fp-branch__n{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-branch__chev{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-branch__list{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .fp-branch__opt:hover{background-color:#0E121A} :where(html[data-theme="dark"]) .fp-branch__opt.is-on{background-color:#342914} :where(html[data-theme="dark"]) .fp-branch__opt.is-on::after{color:#F6B64B} :where(html[data-theme="dark"]) .fp-branch__opt small{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-branch__addr{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-rev-empty{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .fp-rev-empty__ic{background-color:#342914;color:#F6B64B} :where(html[data-theme="dark"]) .fp-rev-empty p{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-rev-sum{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .fp-rev-sum__big span{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-rev-bar{color:#A1ADC7} :where(html[data-theme="dark"]) .fp-rev-bar i{background-color:#10141E} :where(html[data-theme="dark"]) .fp-rev-bar small{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-rev{background-color:#171C29;border-color:#282F3E} :where(html[data-theme="dark"]) .fp-rev time{color:#8C9BBA} :where(html[data-theme="dark"]) .fp-rev p{color:#D4DAE5} :where(html[data-theme="dark"]) .fp-rev__ok{color:#94EDB5}