/* ============================================================ Takipcievin — kapsamli gece modu tamamlayici stilleri Tema toggle'i :root[data-theme="dark"] uzerinden calisir. Kullanıcı seçim yapmadıysa işletim sistemi tercihi (prefers-color-scheme) inline script'iyle data-theme'e yansıtılır — böylece tüm [data-theme="dark"] kuralları OS-dark ziyaretçilerde de çalışır. ============================================================ */ /* Tema geçişi animasyonu — YALNIZCA toggle anında (fpToggleTheme .fp-theme-anim ekler), sayfa yüklenişinde uygulanmaz (flash olmaz). */ html.fp-theme-anim, html.fp-theme-anim *, html.fp-theme-anim *::before, html.fp-theme-anim *::after{ transition: background-color .3s ease, background-image .3s ease, color .3s ease, border-color .3s ease, fill .3s ease, box-shadow .3s ease !important; } /* ---------- SSS akordeon (Bootstrap varsayilani beyaz kaliyordu) ---------- */ :root[data-theme="dark"] .accordion-button, :root[data-theme="dark"] .accordion-button.collapsed{ background-color:#12131e;color:#f4f5fb;box-shadow:none; } :root[data-theme="dark"] .accordion-button:not(.collapsed){ background-color:#1b1d2e;color:#fff;box-shadow:inset 0 -1px 0 #2a2c42; } :root[data-theme="dark"] .accordion-button:focus{box-shadow:0 0 0 .2rem rgba(99,102,241,.25);} :root[data-theme="dark"] .accordion-button::after{ filter:invert(1) brightness(1.6); } :root[data-theme="dark"] .accordion-item{background-color:transparent;border-color:#2a2c42;} :root[data-theme="dark"] .accordion-body{background:#0e0e1a;color:#c7cad9;} :root[data-theme="dark"] .accordion-body strong{color:#f4f5fb;} :root[data-theme="dark"] .faqsection h3, :root[data-theme="dark"] .faqsection h6{color:#f4f5fb;} /* ---------- "Keşfet" / özellik kartlari ---------- */ :root[data-theme="dark"] .flitem, :root[data-theme="dark"] .ozellikitem, :root[data-theme="dark"] .benzerozellikler .ozellikitem{ background:#12131e;border-color:#2a2c42;box-shadow:0 8px 24px -14px rgba(0,0,0,.6); } :root[data-theme="dark"] .flitem h5, :root[data-theme="dark"] .ozellikitem h5, :root[data-theme="dark"] .whydetail h3{color:#f4f5fb;} :root[data-theme="dark"] .flitem span, :root[data-theme="dark"] .flitem p, :root[data-theme="dark"] .ozellikitem p, :root[data-theme="dark"] .whydetail .title p{color:#8e92a8;} :root[data-theme="dark"] .about_why h2, :root[data-theme="dark"] .about_why .bstext h5, :root[data-theme="dark"] .about_why .text > p, :root[data-theme="dark"] .about_why .text > *{color:#f4f5fb;} :root[data-theme="dark"] .about_why .bstext span{color:#8e92a8;} /* ---------- ikon daireleri / rozetler ---------- */ :root[data-theme="dark"] .about_why .item .icon, :root[data-theme="dark"] .flitem .flicon, :root[data-theme="dark"] .mutlumustericontent .aboutslider .icon, :root[data-theme="dark"] .filttitle .icon{ background:#1b1d2e;border-color:#2a2c42; } /* Bölüm başlığı ikon kabı (.thead .ticon) tam genişlikte şeffaf bir div — koyu modda arka plan verilince ekranı boydan boya kesen bir bar oluyordu. Hiçbir dark stiline ihtiyacı yok: içindeki favicon (kırmızı play işareti) koyu zeminde zaten net görünüyor. */ :root[data-theme="dark"] .soservices_slider .thead .ticon, :root[data-theme="dark"] .popcategorieslist .thead .ticon{ background:transparent;border:0; } /* ---------- Mega menü (üst menü açılır) — koyu yazi koyu zeminde kayboluyordu ---------- */ :root[data-theme="dark"] .topmenu .dropdownmenu, :root[data-theme="dark"] .canvasmenu .dropdownmenu{background:#12131e;border-color:#2a2c42;} :root[data-theme="dark"] .topmenu .dropdownmenu .item{background:#1b1d2e;border-color:#2a2c42;} :root[data-theme="dark"] .topmenu .dropdownmenu .item:hover{background:#2a2c42;} :root[data-theme="dark"] .topmenu .dropdownmenu .inftext span, :root[data-theme="dark"] .topmenu .dropdownmenu .inftext h5, :root[data-theme="dark"] .topmenu .dropdownmenu .item span, :root[data-theme="dark"] .topmenu .dropdownmenu .item h5, :root[data-theme="dark"] .canvasmenu .dropdownmenu span, :root[data-theme="dark"] .canvasmenu .dropdownmenu h5{color:#f4f5fb !important;} :root[data-theme="dark"] .topmenu .dropdownmenu .item.tumhizmetler{background:linear-gradient(135deg,#22D3EE,#6366F1);} :root[data-theme="dark"] .topmenu .dropdownmenu .item.tumhizmetler span, :root[data-theme="dark"] .topmenu .dropdownmenu .item.tumhizmetler h5{color:#fff !important;} /* ---------- Kategori kardeş kategori nav pilleri (.paketmenu) ---------- NOT: Eskiden ".paket_exlist a" seçiciydi; o kap TÜM paket ızgarasını sardığı için paket kartı başlık linklerine de siyah kutu basıyordu. Artık yalnızca kardeş kategori menüsüne (.paketmenu) uygulanıyor. */ :root[data-theme="dark"] .paketmenu a{background:#12131e;box-shadow:0 4px 14px -6px rgba(0,0,0,.55);} :root[data-theme="dark"] .paketmenu a .text span{color:#f4f5fb;} :root[data-theme="dark"] .paketmenu a .icon{background:color-mix(in srgb, var(--fp-accent,#818cf8) 24%, transparent);} :root[data-theme="dark"] .paketmenu a.active{background:var(--fp-accent,#818cf8);} :root[data-theme="dark"] .paketmenu a.active .text span{color:#fff;} :root[data-theme="dark"] .fp-tools-otherplatforms-list a{background:#1b1d2e;color:#c7cad9;border-color:#2a2c42;} /* ---------- Kupon sayfasi vault + kartlari ---------- */ :root[data-theme="dark"] .kpn-vault{background:#12131e;border-color:#2a2c42;} :root[data-theme="dark"] .kpn-card{ background:linear-gradient(#12131e,#12131e) padding-box, linear-gradient(120deg,#a5b4fc,#818cf8 45%,#9c6bff 100%) border-box; } :root[data-theme="dark"] .kpn-cardtitle{color:#f4f5fb;} :root[data-theme="dark"] .kpn-carddesc{color:#8e92a8;} :root[data-theme="dark"] .kpn-codewrap{background:#141a33;} :root[data-theme="dark"] .kpn-metarow span{background:#1b1d2e;border-color:#2a2c42;color:#8e92a8;} :root[data-theme="dark"] .kpn-pill-cat{background:#12303d;border-color:#1c4a5e;color:#7fd4ee;} :root[data-theme="dark"] .kpn-pill-active{background:#123020;border-color:#1c5537;color:#5fe0a0;} :root[data-theme="dark"] .kpn-pill-used{background:#1b1d2e;border-color:#3a3d57;color:#8e92a8;} :root[data-theme="dark"] .dashboardbox, :root[data-theme="dark"] .dashboardbox .alan{background:#12131e;color:#c7cad9;border-color:#2a2c42;} /* ---------- Müşteri yorum kartlari (kpn2) ---------- */ :root[data-theme="dark"] .kpn2-card{background:#12131e;border-color:#2a2c42;} :root[data-theme="dark"] .kpn2-info h6{color:#f4f5fb;} :root[data-theme="dark"] .kpn2-info span, :root[data-theme="dark"] .kpn2-text{color:#8e92a8;} :root[data-theme="dark"] .fp-tool-reviews-title{color:#f4f5fb;} :root[data-theme="dark"] .fp-review-form{background:#12131e;border-color:#2a2c42;} :root[data-theme="dark"] .fp-review-form input, :root[data-theme="dark"] .fp-review-form textarea{background:#0e0e1a;border-color:#2a2c42;color:#f4f5fb;} /* ---------- Swiper ok butonlari ---------- */ :root[data-theme="dark"] .swiper-button-nextbg, :root[data-theme="dark"] .swiper-button-prevbg, :root[data-theme="dark"] .swiper-button-nextsr, :root[data-theme="dark"] .swiper-button-prevsr, :root[data-theme="dark"] .fp-paket-nav{background:#1b1d2e;color:#f4f5fb;border-color:#2a2c42;} /* ---------- Mobil favori / alt bilgi barlari ---------- */ :root[data-theme="dark"] .mobilmenufavori{background:#12131e;border-color:#2a2c42;} :root[data-theme="dark"] .mobilmenufavori a, :root[data-theme="dark"] .mobilmenufavori span, :root[data-theme="dark"] .mobilmenufavori .text{color:#c7cad9;} /* ---------- Genel yakalayicilar: koyu sayfada kalan beyaz kutular ---------- */ :root[data-theme="dark"] .swlitextbar .area, :root[data-theme="dark"] .textareac{color:#c7cad9;} :root[data-theme="dark"] .swlitextbar .area h1,:root[data-theme="dark"] .swlitextbar .area h2, :root[data-theme="dark"] .swlitextbar .area h3,:root[data-theme="dark"] .textareac h1, :root[data-theme="dark"] .textareac h2,:root[data-theme="dark"] .textareac h3, :root[data-theme="dark"] .textareac h4{color:#f4f5fb;} :root[data-theme="dark"] .swlitextbar .area a,:root[data-theme="dark"] .textareac a{color:#a5b4fc;} :root[data-theme="dark"] .form-card, :root[data-theme="dark"] .fp-tool-body, :root[data-theme="dark"] .musteripanel .dashboardbox, :root[data-theme="dark"] .contentbox, :root[data-theme="dark"] .whitebox, :root[data-theme="dark"] .infobox{background:#12131e;border-color:#2a2c42;color:#f4f5fb;} :root[data-theme="dark"] .fp-tool-body label{color:#c7cad9;} :root[data-theme="dark"] .fp-tool-result{background:#0e0e1a;border-color:#2a2c42;} :root[data-theme="dark"] .fp-tool-result-item{background:#12131e;border-color:#2a2c42;} :root[data-theme="dark"] .fp-tool-copy{background:#1b1d2e;color:#c7cad9;} /* SSS bölüm başlığı arka planı (title-bg) — parlak kirmizi zaten uygun, dokunma */ :root[data-theme="dark"] .accordion{--bs-accordion-bg:transparent;} /* ============================================================ TAKIPCIEVIN — LIGHT / DARK RENK TOKEN'LARI Marka: #6366F1 (indigo) + #22D3EE (siyan vurgu) · Koyu: #07070E (fütüristik siyah) Tek kaynak: aşağıdaki değişkenler. Bileşenler bunlara bağlanır. ============================================================ */ :root{ --tc-bg:#F7F8FC; --tc-card:#FFFFFF; --tc-card-2:#EEF2FF; --tc-header:#0E0E1A; --tc-footer:#0E0E1A; --tc-text:#12131E; --tc-text-2:#4B4F66; --tc-text-3:#7A7F99; --tc-border:#E4E7F2; --tc-blue:#6366F1; --tc-blue-hover:#4F46E5; --tc-blue-soft:#EEF2FF; --tc-blue-soft-border:#C7D2FE; --tc-accent:#22D3EE; --tc-accent-hover:#06B6D4; --tc-pink-1:#EEF2FF; --tc-pink-2:#C7D2FE; --tc-pink-dark:#4338CA; --tc-success:#16A34A; --tc-success-soft:#F0FDF4; --tc-error:#DC2626; --tc-warning:#F59E0B; --tc-warning-soft:#FFF7ED; --tc-btn-1:#22D3EE; --tc-btn-2:#6366F1; --tc-btn-3:#4F46E5; /* Sepete Ekle / Satın Al = yeşil (aksiyon rengi, marka değil) */ --tc-cart-1:#6BE8B9; --tc-cart-2:#4FD19C; --tc-cart-3:#2FAE82; --tc-cart-shadow:47,174,130; } :root[data-theme="dark"]{ --tc-bg:#07070E; --tc-card:#12131E; --tc-card-2:#1B1D2E; --tc-header:#0E0E1A; --tc-footer:#08080F; --tc-text:#F4F5FB; --tc-text-2:#C7CAD9; --tc-text-3:#8E92A8; --tc-border:#2A2C42; --tc-blue:#818CF8; --tc-blue-hover:#A5B4FC; --tc-blue-soft:#141A33; --tc-blue-soft-border:#4F46E5; --tc-accent:#22D3EE; --tc-accent-hover:#67E8F9; --tc-pink-1:#141A33; --tc-pink-2:#1B1D2E; --tc-pink-dark:#4338CA; --tc-success:#22C55E; --tc-success-soft:#0F2417; --tc-error:#F87171; --tc-warning:#FBBF24; --tc-warning-soft:#2A1E0A; --tc-btn-1:#67E8F9; --tc-btn-2:#818CF8; --tc-btn-3:#6366F1; --tc-cart-1:#7DF0C6; --tc-cart-2:#52D9A6; --tc-cart-3:#38C08F; --tc-cart-shadow:47,174,130; /* mevcut bileşen değişkenleri gece için canlı indigoya çekilir */ --fp-accent:#818CF8; --fp-primary:#818CF8; --fp-primary-dark:#A5B4FC; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --tc-bg:#07070E; --tc-card:#12131E; --tc-card-2:#1B1D2E; --tc-header:#0E0E1A; --tc-footer:#08080F; --tc-text:#F4F5FB; --tc-text-2:#C7CAD9; --tc-text-3:#8E92A8; --tc-border:#2A2C42; --tc-blue:#818CF8; --tc-blue-hover:#A5B4FC; --tc-blue-soft:#141A33; --tc-blue-soft-border:#4F46E5; --tc-accent:#22D3EE; --tc-accent-hover:#67E8F9; --tc-pink-1:#141A33; --tc-pink-2:#1B1D2E; --tc-pink-dark:#4338CA; --tc-success:#22C55E; --tc-success-soft:#0F2417; --tc-error:#F87171; --tc-warning:#FBBF24; --tc-warning-soft:#2A1E0A; --tc-btn-1:#67E8F9; --tc-btn-2:#818CF8; --tc-btn-3:#6366F1; --tc-cart-1:#7DF0C6; --tc-cart-2:#52D9A6; --tc-cart-3:#38C08F; --tc-cart-shadow:47,174,130; --fp-accent:#818CF8; --fp-primary:#818CF8; --fp-primary-dark:#A5B4FC; } } /* ============================================================ SEPETE EKLE / SATIN AL — yeşil aksiyon butonu (marka indigodan ayrı) Fiyat = koyu/nötr. Yeşil "ekle/onayla", indigo = marka/gezinme. ============================================================ */ .paketitem .buy a, .paketitem .buy a:hover, .buybtns, .buybtns:hover, .single_add_to_cart_button, .single_add_to_cart_button:hover{ background:linear-gradient(135deg, var(--tc-cart-1,#6BE8B9), var(--tc-cart-2,#4FD19C) 55%, var(--tc-cart-3,#2FAE82)) !important; box-shadow:0 4px 14px -4px rgba(var(--tc-cart-shadow,47,174,130),.5), inset 0 1px 0 rgba(255,255,255,.25) !important; } .paketitem .buy a:hover, .buybtns:hover, .single_add_to_cart_button:hover{ box-shadow:0 9px 22px -6px rgba(var(--tc-cart-shadow,47,174,130),.65), inset 0 1px 0 rgba(255,255,255,.25) !important; } /* --- Gece: birincil aksiyon butonu düz mavisi (gradient zaten --tc-btn-*'e bağlı) --- */ :root[data-theme="dark"] .paketitem .buy a{background:var(--tc-btn-2);} :root[data-theme="dark"] .paketitem .buy a:hover{background:var(--tc-btn-3);} /* --- Gece: header / footer daha derin lacivert --- */ :root[data-theme="dark"] .headtop, :root[data-theme="dark"] .headbt{background-color:var(--tc-header) !important;} :root[data-theme="dark"] .fp-ftr{background:linear-gradient(#08080f,#08080f) !important;} /* --- Gece: SSS aktif soru = yumuşak mavi zemin + mavi alt çizgi --- */ :root[data-theme="dark"] .accordion-button:not(.collapsed){ background-color:var(--tc-blue-soft) !important;color:var(--tc-text) !important; box-shadow:inset 0 -1px 0 var(--tc-blue-soft-border) !important; } :root[data-theme="dark"] .sssgruplist .accordion-item, :root[data-theme="dark"] .faqsection .accordion-item{border-color:var(--tc-border);}