/* Landing koyu tema (html.dark). Yalnız Views/Shared/_LayoutHome.cshtml yükler (landing, iletişim/referans formu, yasal sayfalar).
Porto / theme-dark.css bu düzende YOKTUR; bu yüzden token'lar (--ld-*) burada tanımlanır ve değerleri panelin --al-* paletiyle aynıdır.
Dosya, landing'in tüm CSS'lerinden (styles.css, form.css, hero-register-form.css, membership-tiers.css, landing-seo.css,
contact-page.css, legal-page.css) SONRA yüklenir. Açık tema: yalnız .theme-toggle'ın ay/güneş ikonu kuralları (aşağıdaki ilk blok)
html.dark dışındadır; çünkü landing theme-dark.css yüklemez ve düğme iki ikonu birden gösterirdi. Geri kalan her şey html.dark ile sınırlıdır.
Marka (#00BAB2 turkuaz, koyu lacivert "journey" ve "tiers" sahneleri) korunur; yalnız zemin / metin / kenarlık / gölge ters çevrilir.
Kural: bir öğenin rengi sınıfla veriliyorsa, aynı seçici "html.dark " önekiyle yazılır (her zaman kazanır). Yalnız p/h2/h3 gibi çıplak
etiket kuralları :where(html.dark) ile yazılır (özgüllüğü artırmaz; sınıflı koyu bölümler - journey, footer, tiers - beyaz metnini korur). */
/* ---------- Tema düğmesi (ay/güneş ikonlarından yalnız biri görünür) ---------- */
.theme-toggle { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; min-width: 38px; line-height: 1; }
.theme-toggle .theme-toggle__sun { display: none; }
html.dark .theme-toggle .theme-toggle__moon { display: none; }
html.dark .theme-toggle .theme-toggle__sun { display: inline-block; }
/* ---------- Token'lar ---------- */
html.dark {
--ld-bg: #1d2127; /* sayfa zemini */
--ld-bg-alt: #242830; /* eski #F8FAFC bölüm zeminleri (hero, SSS, program, yasal, iletişim) */
--ld-surface: #2e353e; /* kart gövdesi */
--ld-surface-2: #282d36; /* iç kart, input, modal, dropdown */
--ld-border: #3a414c;
--ld-text: #e6e9ef;
--ld-text-2: #b4bac6; /* gövde metni */
--ld-muted: #9aa3b2; /* soluk metin (surface üstünde >= 4.5:1) */
--ld-link: #5eead4; /* turkuaz bağlantı (koyu zeminde AA) */
--ld-footer: #171a20;
--ld-shadow: rgba(0, 0, 0, 0.45);
color-scheme: dark;
}
/* ---------- Zemin ve genel metin ---------- */
html.dark,
html.dark body { background-color: var(--ld-bg); }
html.dark body { color: var(--ld-text-2); }
:where(html.dark) h2,
:where(html.dark) h3,
:where(html.dark) h1,
:where(html.dark) .section-title { color: var(--ld-text); }
:where(html.dark) p { color: var(--ld-text-2); }
html.dark .text-muted,
html.dark small.text-muted,
html.dark .form-text { color: var(--ld-muted) !important; }
html.dark .text-dark,
html.dark .text-black,
html.dark .text-body { color: var(--ld-text) !important; }
html.dark .bg-white,
html.dark .bg-light,
html.dark .bg-body { background-color: var(--ld-surface) !important; color: var(--ld-text-2); }
html.dark .border,
html.dark .border-top,
html.dark .border-bottom,
html.dark .border-start,
html.dark .border-end { border-color: var(--ld-border) !important; }
html.dark hr { border-color: var(--ld-border); opacity: 1; }
html.dark ::placeholder { color: var(--ld-muted); opacity: 1; }
html.dark ::-webkit-scrollbar-corner { background: var(--ld-bg); }
/* ---------- Bootstrap bileşenleri ---------- */
html.dark .card { background-color: var(--ld-surface); border-color: var(--ld-border); color: var(--ld-text-2); }
html.dark .card-header { background-color: var(--ld-surface-2); border-bottom-color: var(--ld-border); color: var(--ld-text); }
html.dark .modal-content { background-color: var(--ld-surface-2); border-color: var(--ld-border); color: var(--ld-text-2); }
html.dark .modal-header,
html.dark .modal-footer { border-color: var(--ld-border); }
html.dark .modal-title { color: var(--ld-text); }
html.dark .btn-close { filter: invert(1) grayscale(100%) brightness(200%); opacity: .7; }
html.dark .dropdown-menu { background-color: var(--ld-surface-2); border-color: var(--ld-border); color: var(--ld-text-2); box-shadow: 0 .5rem 1rem var(--ld-shadow); }
html.dark .dropdown-item { color: var(--ld-text); }
html.dark .dropdown-item:hover,
html.dark .dropdown-item:focus { background-color: var(--ld-bg-alt); color: #fff; }
html.dark .btn-outline-secondary { color: var(--ld-text-2); border-color: var(--ld-border); }
html.dark .btn-outline-secondary:hover,
html.dark .btn-outline-secondary:focus,
html.dark .btn-outline-secondary.active { background-color: var(--ld-bg-alt); border-color: var(--ld-muted); color: #fff; }
html.dark .theme-toggle { color: var(--ld-text); border-color: var(--ld-border); }
html.dark .alert-info,
html.dark .alert-primary { background-color: rgba(13, 202, 240, .14); border-color: rgba(13, 202, 240, .35); color: #7dd3fc; }
html.dark .alert-success { background-color: rgba(25, 135, 84, .2); border-color: rgba(25, 135, 84, .45); color: #7ee2b0; }
html.dark .alert-warning { background-color: rgba(255, 193, 7, .14); border-color: rgba(255, 193, 7, .4); color: #fcd470; }
html.dark .alert-danger { background-color: rgba(220, 53, 69, .18); border-color: rgba(220, 53, 69, .45); color: #f5a3ab; }
html.dark .invalid-feedback { color: #f5a3ab; }
/* ---------- Form alanları ---------- */
html.dark .form-control,
html.dark .form-select,
html.dark .input-group-text {
background-color: var(--ld-surface-2);
border-color: var(--ld-border);
color: var(--ld-text);
}
html.dark .form-control:focus,
html.dark .form-select:focus { background-color: var(--ld-surface-2); border-color: var(--ld-muted); color: #fff; box-shadow: 0 0 0 .2rem rgba(0, 186, 178, .25); }
html.dark .form-control:disabled,
html.dark .form-control[readonly],
html.dark .form-select:disabled { background-color: var(--ld-bg-alt); color: var(--ld-muted); opacity: 1; }
html.dark .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b4bac6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); }
html.dark .form-check-input { background-color: var(--ld-surface-2); border-color: var(--ld-muted); }
html.dark .form-check-input:checked { background-color: #0f766e; border-color: #0f766e; }
html.dark .form-label { color: var(--ld-text-2); }
html.dark .form-control.is-invalid,
html.dark .was-validated .form-control:invalid { border-color: #dc3545; }
html.dark .form-control.is-valid,
html.dark .was-validated .form-control:valid { border-color: #198754; }
html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus {
-webkit-text-fill-color: var(--ld-text);
-webkit-box-shadow: 0 0 0 1000px var(--ld-surface-2) inset;
caret-color: var(--ld-text);
}
/* ---------- select2 (varsayılan + bootstrap-5 teması) ---------- */
html.dark .select2-container--default .select2-selection--single,
html.dark .select2-container--default .select2-selection--multiple,
html.dark .select2-container--bootstrap-5 .select2-selection {
background-color: var(--ld-surface-2);
border-color: var(--ld-border);
color: var(--ld-text);
}
html.dark .select2-container--bootstrap-5 .select2-selection--single {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b4bac6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}
html.dark .select2-container--default .select2-selection--single .select2-selection__rendered,
html.dark .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
html.dark .select2-container--bootstrap-5 .select2-selection__rendered { color: var(--ld-text); }
html.dark .select2-container--default .select2-selection__placeholder,
html.dark .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder,
html.dark .select2-container--bootstrap-5 .select2-selection__placeholder { color: var(--ld-muted); }
html.dark .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--ld-text-2) transparent transparent transparent; }
html.dark .select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear,
html.dark .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear { filter: invert(1) brightness(1.5); }
html.dark .select2-container--default.select2-container--disabled .select2-selection--single,
html.dark .select2-container--bootstrap-5.select2-container--disabled .select2-selection { background-color: var(--ld-bg-alt); color: var(--ld-muted); }
html.dark .select2-container--default.select2-container--focus .select2-selection--multiple,
html.dark .select2-container--bootstrap-5.select2-container--focus .select2-selection,
html.dark .select2-container--bootstrap-5.select2-container--open .select2-selection { border-color: var(--ld-muted); box-shadow: 0 0 0 .2rem rgba(0, 186, 178, .25); }
html.dark .select2-dropdown,
html.dark .select2-container--bootstrap-5 .select2-dropdown {
background-color: var(--ld-surface-2);
border-color: var(--ld-muted);
color: var(--ld-text);
}
html.dark .select2-search--dropdown .select2-search__field,
html.dark .select2-container--bootstrap-5 .select2-search--dropdown .select2-search__field,
html.dark .select2-container--default .select2-search--inline .select2-search__field { background-color: var(--ld-bg-alt); border-color: var(--ld-border); color: var(--ld-text); }
html.dark .select2-results__option { color: var(--ld-text); }
html.dark .select2-container--default .select2-results__option--highlighted[aria-selected],
html.dark .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
html.dark .select2-container--bootstrap-5 .select2-results__option.select2-results__option--highlighted { background-color: #0f766e; color: #fff; }
html.dark .select2-container--default .select2-results__option[aria-selected=true],
html.dark .select2-container--default .select2-results__option--selected,
html.dark .select2-container--bootstrap-5 .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted),
html.dark .select2-container--bootstrap-5 .select2-results__option--selected:not(.select2-results__option--highlighted) { background-color: var(--ld-bg-alt); color: #fff; }
html.dark .select2-container--default .select2-results__option--disabled,
html.dark .select2-container--bootstrap-5 .select2-results__option--disabled { color: var(--ld-muted); }
/* ---------- Üst bar, menü, dil seçici ---------- */
html.dark .site-header { background-color: var(--ld-bg); border-bottom-color: var(--ld-border); }
/* header-logo.png: koyu gri yazılı; koyu zeminde okunmaz -> beyaz rozet (footer'daki logo zaten beyaza çevrilir, ona dokunulmaz) */
html.dark .logo a,
html.dark .mobile-menu-logo { display: inline-flex; align-items: center; background-color: #fff; border-radius: 10px; padding: 4px 10px; }
html.dark .mobile-menu-logo { width: auto; height: auto; }
html.dark .ad-nav,
html.dark .ad-nav a { color: var(--ld-text-2); }
html.dark .ad-nav a:hover { color: #00BAB2; }
html.dark .mobile-menu-drawer-content { background-color: var(--ld-bg); }
html.dark .mobile-menu-header { border-bottom-color: var(--ld-border); }
html.dark .close-menu-btn,
html.dark .mobile-menu-btn { color: var(--ld-text-2); }
html.dark .close-menu-btn:hover,
html.dark .mobile-menu-btn:hover { color: #00BAB2; }
html.dark .mobile-nav a { color: var(--ld-text-2); border-bottom-color: var(--ld-border); }
html.dark .mobile-nav a:hover { color: #00BAB2; }
html.dark .mobile-menu-footer { border-top-color: var(--ld-border); }
html.dark .mobile-lang-select,
html.dark .lang-select {
background-color: var(--ld-surface-2);
color: var(--ld-text-2);
border-color: var(--ld-border);
background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23b4bac6%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E');
}
html.dark .lang-card { background-color: var(--ld-surface); border-color: var(--ld-border); color: var(--ld-text); }
html.dark .lang-card:hover { border-color: #00BAB2; box-shadow: 0 .5rem 1rem var(--ld-shadow); }
html.dark .lang-card-active { border-color: #00BAB2; background-color: rgba(0, 186, 178, 0.14); box-shadow: 0 .5rem 1rem rgba(0, 186, 178, 0.18); }
html.dark .lang-card-name { color: var(--ld-text); }
/* ---------- Hero ---------- */
html.dark .hero { background-color: var(--ld-bg-alt); }
html.dark .hero-content h2 { color: var(--ld-text); }
html.dark .hero-content p { color: var(--ld-text-2); }
html.dark .benefit-icon { background-color: rgba(34, 197, 94, 0.16); }
html.dark .benefit-item span { color: var(--ld-text-2); }
html.dark .stats-card { background-color: var(--ld-surface); box-shadow: 0 8px 24px var(--ld-shadow); }
html.dark .stats-icon.referrals { background-color: rgba(0, 186, 178, 0.16); }
html.dark .stats-text p:first-child { color: var(--ld-muted); }
html.dark .stats-text p:last-child { color: var(--ld-text); }
html.dark .hero-image-container { box-shadow: 0 20px 50px var(--ld-shadow); }
html.dark .ad-btn--outline:hover { background-color: rgba(0, 186, 178, 0.14); }
html.dark .hero--with-form .hero-copy h1,
html.dark .hero--with-form .hero-copy h2 { color: var(--ld-text); }
html.dark .hero--with-form .hero-copy p { color: var(--ld-text-2); }
html.dark .hero--with-form .hero-image-container { box-shadow: 0 20px 50px var(--ld-shadow); }
html.dark .hero--with-form .benefit-item span { color: var(--ld-text-2); }
html.dark .hero--with-form .stats-card { box-shadow: 0 4px 14px var(--ld-shadow); }
/* Tanıtım videosu bandı (intro-video.css): video çerçevesi her iki temada koyu; yalnız başlık/lead/gölge ters çevrilir */
html.dark .iv-band__lead { color: var(--ld-text-2); }
html.dark .iv-band__media { box-shadow: 0 24px 60px var(--ld-shadow); }
/* ---------- Kayıt / iletişim formu kartı ---------- */
html.dark .hero-register-form .hero-register-card {
background-color: var(--ld-surface);
box-shadow: 0 0 0 1px var(--ld-border), 0 20px 50px var(--ld-shadow);
}
html.dark .hero-register-form .hero-register-card__header { border-bottom-color: rgba(0, 186, 178, 0.28); }
html.dark .hero-register-form .hero-register-card__title { color: var(--ld-text); }
html.dark .hero-register-form .hero-register-card__subtitle { color: var(--ld-muted); }
html.dark .hero-register-form .hero-register-card__body label { color: var(--ld-text-2); }
html.dark .hero-register-form .hero-register-card__body .form-control { border-color: var(--ld-border); }
html.dark .hero-register-form .hero-form-note { color: var(--ld-muted); }
html.dark .hero-register-form .form-success-message { color: var(--ld-text); }
html.dark .form-success-message { color: var(--ld-text); }
html.dark .hero-register-form .select2-container--bootstrap-5 .select2-selection { border-color: var(--ld-border); }
/* Bilgilendirme onay kutusu */
html.dark .hero-register-form .hero-register-card__body .consent-check__box {
border-color: var(--ld-border);
background-color: var(--ld-surface-2);
color: var(--ld-text-2);
}
html.dark .hero-register-form .hero-register-card__body .consent-check__box:hover { border-color: #00BAB2; }
html.dark .hero-register-form .hero-register-card__body .consent-check__box:has(.consent-check__input:checked) {
border-color: #2dd4bf;
background-color: rgba(0, 186, 178, 0.12);
}
html.dark .hero-register-form .hero-register-card__body .consent-check__input { border-color: var(--ld-muted); }
html.dark .hero-register-form .hero-register-card__body .consent-check__error { color: #fca5a5; }
html.dark .hero-register-form .hero-register-card__body .consent-check.is-invalid .consent-check__box {
border-color: #f87171;
background-color: rgba(220, 38, 38, 0.14);
}
html.dark .consent-check__link { color: var(--ld-link); }
html.dark .consent-check__link:hover,
html.dark .consent-check__link:focus-visible { color: #99f6e4; }
/* Gönderim bekleme katmanı */
html.dark .register-submit-overlay { background: rgba(0, 0, 0, 0.65); }
html.dark .register-submit-overlay__panel { background-color: var(--ld-surface); box-shadow: 0 0 0 1px var(--ld-border), 0 20px 50px var(--ld-shadow); }
html.dark .register-submit-overlay__title { color: var(--ld-text); }
html.dark .register-submit-overlay__step { color: var(--ld-text-2); }
html.dark .register-submit-overlay__note { color: var(--ld-muted); }
/* Yasal bildirim penceresi (