/* ============================================================================
   pd-gece.css — YENİ TASARIM (gece teması) ortak katmanı
   ----------------------------------------------------------------------------
   İki kapsam, ikisi de body sınıfına bağlı; sınıf yoksa bu dosyanın HİÇBİR
   kuralı çalışmaz (eski görünüm birebir kalır):

   body.pd-gece       Tam gece sayfası: landing, paketler, hakkımızda, iletişim,
                      konular, yasal sayfalar, sanal kütüphane tanıtımı.
   body.pd-gece-bs    (pd-gece ile birlikte) Bootstrap'la kurulmuş ESKİ sayfaların
                      içeriğini (kart, form, akordeon, tablo, uyarı, link) geceye
                      çeker. Kendi tasarımını taşıyan landing ve paketler bu
                      sınıfı almaz — genel kurallar onların rengini ezmesin.
   body.pd-gece-nav   Yalnız kabuk (menü + footer) gece: kayıt/giriş/şifre
                      sayfaları (zemini zaten gece-mor piksel kütüphane) ve
                      ödeme sayfaları (İyzico formu açık zeminde kalır).

   Sınıfı base.html basar; sayfa {% block body_class %} ile ister ve
   SiteSettings.is_new_design_enabled() kapalıysa istek yok sayılır
   (paketler hariç — o sayfa yalnız yeni tasarımla var).

   Kural: sayfaların HTML'ine/JS'ine dokunulmaz; burası yalnız görünüm.
   Sayfaya özgü ince ayar o sayfanın kendi <style>'ında,
   "body.pd-gece .sayfa-sinifi" önekiyle durur.
   ========================================================================== */

body.pd-gece,
body.pd-gece-nav {
  --pg-night: #141020;
  --pg-plum: #22163a;
  --pg-card: #1c1530;
  --pg-card-2: #231a3a;
  --pg-line: rgba(255, 255, 255, .09);
  --pg-line-2: rgba(255, 255, 255, .16);
  --pg-text: #EDEAF2;
  --pg-text-2: #C9CDD3;
  --pg-text-3: #9a96aa;
  --pg-orange: #E67E22;
  --pg-orange-l: #F39C12;
  --pg-pop-o: #FC6E31;
  --pg-violet: #C04CF5;
  --pg-green: #4ade80;
  --pg-grad: linear-gradient(100deg, #C04CF5 0%, #FC6E31 100%);
  --pg-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --pg-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Sayfa geçiş animasyonu (@view-transition) BİLEREK YOK: POST→yönlendirme
   geçişlerinde (sepete ekle → /odeme) tarayıcı geçişi atlayıp "Transition was
   skipped" promise hatası fırlatıyor, error_tracker.js bunu her satın almada
   frontend hatası olarak kaydediyordu. Kozmetik kazanç, hata gürültüsüne değmez. */

/* ---------------------------------------------------------------- kabuk -- */
body.pd-gece .eduvista-nav,
body.pd-gece-nav .eduvista-nav {
  background: rgba(20, 16, 32, .88) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
body.pd-gece .eduvista-nav .nav-link,
body.pd-gece-nav .eduvista-nav .nav-link { color: #e7e3ee !important; }
body.pd-gece .eduvista-nav .nav-link:hover,
body.pd-gece .eduvista-nav .nav-link.active,
body.pd-gece-nav .eduvista-nav .nav-link:hover,
body.pd-gece-nav .eduvista-nav .nav-link.active { color: #fff !important; background: rgba(255, 255, 255, .07) !important; }
body.pd-gece .eduvista-nav .nav-link::after,
body.pd-gece-nav .eduvista-nav .nav-link::after { background: var(--pg-grad) !important; }
body.pd-gece .eduvista-nav .login-btn,
body.pd-gece-nav .eduvista-nav .login-btn { background: transparent !important; border: 1.5px solid rgba(255, 255, 255, .3) !important; color: #fff !important; }
body.pd-gece .eduvista-nav .navbar-toggler,
body.pd-gece-nav .eduvista-nav .navbar-toggler { border-color: rgba(255, 255, 255, .3) !important; background: rgba(255, 255, 255, .06) !important; }
body.pd-gece .eduvista-nav .navbar-toggler-icon,
body.pd-gece-nav .eduvista-nav .navbar-toggler-icon { filter: invert(1) brightness(2); }
body.pd-gece .eduvista-nav .dropdown-menu,
body.pd-gece-nav .eduvista-nav .dropdown-menu { background: #1c1530 !important; border-color: rgba(255, 255, 255, .1) !important; }
body.pd-gece .eduvista-nav .dropdown-item,
body.pd-gece-nav .eduvista-nav .dropdown-item { color: #e7e3ee !important; }
body.pd-gece .eduvista-nav .dropdown-item:hover,
body.pd-gece-nav .eduvista-nav .dropdown-item:hover { background: rgba(255, 255, 255, .07) !important; color: #fff !important; }
body.pd-gece .eduvista-nav .dropdown-divider,
body.pd-gece-nav .eduvista-nav .dropdown-divider { border-color: rgba(255, 255, 255, .1) !important; }
@media (max-width: 991.98px) {
  body.pd-gece .eduvista-nav .navbar-collapse,
  body.pd-gece-nav .eduvista-nav .navbar-collapse { background: #1b1428 !important; border: 1px solid rgba(255, 255, 255, .08) !important; }
}
body.pd-gece .modern-footer,
body.pd-gece-nav .modern-footer { background: #0f0b18 !important; }

/* ---------------------------------------------------------- tam sayfa -- */
body.pd-gece { background: var(--pg-night) !important; color: var(--pg-text); }
body.pd-gece main#main-content { background: var(--pg-night); color: var(--pg-text); }
body.pd-gece .modern-footer { margin-top: 0 !important; }

/* Tipografi */
body.pd-gece-bs main h1, body.pd-gece-bs main h2, body.pd-gece-bs main h3,
body.pd-gece-bs main h4, body.pd-gece-bs main h5, body.pd-gece-bs main h6,
body.pd-gece-bs main .h1, body.pd-gece-bs main .h2, body.pd-gece-bs main .h3,
body.pd-gece-bs main .h4, body.pd-gece-bs main .h5, body.pd-gece-bs main .h6 { color: #fff; }
body.pd-gece-bs main p, body.pd-gece-bs main li, body.pd-gece-bs main dd, body.pd-gece-bs main td { color: var(--pg-text-2); }
body.pd-gece-bs main strong, body.pd-gece-bs main b, body.pd-gece-bs main dt { color: #fff; }
body.pd-gece-bs main .text-muted, body.pd-gece-bs main .text-secondary { color: var(--pg-text-3) !important; }
body.pd-gece-bs main .text-dark { color: var(--pg-text) !important; }
body.pd-gece-bs main .lead { color: var(--pg-text); }
body.pd-gece-bs main a:not(.btn):not(.nav-link):not(.pdg-plain) { color: #d9b8ff; }
body.pd-gece-bs main a:not(.btn):not(.nav-link):not(.pdg-plain):hover { color: #fff; }
body.pd-gece-bs main hr { border-color: var(--pg-line-2); opacity: 1; }
body.pd-gece-bs main code { color: #ffb38a; }

/* Zeminler: açık bölüm zeminleri gece zeminine çekilir */
body.pd-gece-bs main .bg-light,
body.pd-gece-bs main .bg-white { background: transparent !important; }
body.pd-gece-bs main section:nth-of-type(even).py-5 { background: linear-gradient(180deg, var(--pg-night) 0%, var(--pg-plum) 100%); }

/* Kartlar ve kutular */
body.pd-gece-bs main .card,
body.pd-gece-bs main .list-group-item {
  background: var(--pg-card) !important;
  border: 1px solid var(--pg-line) !important;
  color: var(--pg-text);
}
body.pd-gece-bs main .card-header,
body.pd-gece-bs main .card-footer { background: rgba(255, 255, 255, .03) !important; border-color: var(--pg-line) !important; color: #fff; }
body.pd-gece-bs main .shadow,
body.pd-gece-bs main .shadow-sm,
body.pd-gece-bs main .shadow-lg { box-shadow: 0 24px 50px -28px rgba(0, 0, 0, .7) !important; }
body.pd-gece-bs main .border { border-color: var(--pg-line-2) !important; }
body.pd-gece-bs main .badge.bg-light { background: rgba(255, 255, 255, .08) !important; color: var(--pg-text) !important; }
body.pd-gece-bs main .badge.text-dark { color: var(--pg-text) !important; }

/* Uyarılar */
body.pd-gece-bs main .alert { background: rgba(255, 255, 255, .05); border: 1px solid var(--pg-line-2); color: var(--pg-text); }
body.pd-gece-bs main .alert-info { background: rgba(96, 165, 250, .1); border-color: rgba(96, 165, 250, .4); }
body.pd-gece-bs main .alert-warning { background: rgba(251, 191, 36, .1); border-color: rgba(251, 191, 36, .45); }
body.pd-gece-bs main .alert-success { background: rgba(74, 222, 128, .1); border-color: rgba(74, 222, 128, .45); }
body.pd-gece-bs main .alert-danger { background: rgba(248, 113, 113, .1); border-color: rgba(248, 113, 113, .45); }
body.pd-gece-bs main .alert-light { background: rgba(255, 255, 255, .04); }
body.pd-gece-bs main .alert p, body.pd-gece-bs main .alert li { color: var(--pg-text); }

/* Tablolar */
body.pd-gece-bs main .table { color: var(--pg-text-2); --bs-table-bg: transparent; --bs-table-striped-bg: rgba(255, 255, 255, .03); --bs-table-hover-bg: rgba(255, 255, 255, .05); border-color: var(--pg-line-2); }
body.pd-gece-bs main .table th { color: #fff; }
body.pd-gece-bs main .table > :not(caption) > * > * { background-color: transparent; border-color: var(--pg-line-2); color: inherit; }

/* Akordeon (SSS) */
body.pd-gece-bs main .accordion-item { background: rgba(255, 255, 255, .04) !important; border: 1px solid var(--pg-line) !important; border-radius: 14px !important; overflow: hidden; }
body.pd-gece-bs main .accordion-button { background: transparent !important; color: #fff !important; font-weight: 700; box-shadow: none !important; }
body.pd-gece-bs main .accordion-button:not(.collapsed) { background: rgba(186, 54, 239, .1) !important; }
body.pd-gece-bs main .accordion-button::after { filter: invert(1) brightness(1.6); }
body.pd-gece-bs main .accordion-body { color: var(--pg-text-2); }

/* Formlar */
body.pd-gece-bs main .form-control,
body.pd-gece-bs main .form-select,
body.pd-gece-bs main textarea,
body.pd-gece-bs main input[type="text"],
body.pd-gece-bs main input[type="email"],
body.pd-gece-bs main input[type="search"],
body.pd-gece-bs main input[type="password"],
body.pd-gece-bs main input[type="tel"] {
  background-color: rgba(255, 255, 255, .05) !important;
  border: 1px solid var(--pg-line-2) !important;
  color: #fff !important;
}
body.pd-gece-bs main .form-control::placeholder,
body.pd-gece-bs main textarea::placeholder,
body.pd-gece-bs main input::placeholder { color: var(--pg-text-3) !important; opacity: 1; }
body.pd-gece-bs main .form-control:focus,
body.pd-gece-bs main .form-select:focus,
body.pd-gece-bs main textarea:focus,
body.pd-gece-bs main input:focus {
  border-color: rgba(192, 76, 245, .7) !important;
  box-shadow: 0 0 0 .2rem rgba(192, 76, 245, .25) !important;
  background-color: rgba(255, 255, 255, .07) !important;
}
body.pd-gece-bs main .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='%23c9cdd3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;  background-repeat: no-repeat !important; background-position: right .75rem center !important; background-size: 16px 12px !important; }
body.pd-gece-bs main .form-select option { background: #1c1530; color: #fff; }
body.pd-gece-bs main .form-label, body.pd-gece-bs main label { color: var(--pg-text-2); }
body.pd-gece-bs main .form-floating > label { color: var(--pg-text-3); }
/* Yüzen etiketli alanda yer tutucu gizli kalmalı (Bootstrap böyle kurar);
   yukarıdaki genel placeholder rengi onu görünür yapıp etiketle çakıştırıyordu. */
body.pd-gece-bs main .form-floating > .form-control::placeholder { color: transparent !important; }
body.pd-gece-bs main .form-floating > .form-control:focus ~ label,
body.pd-gece-bs main .form-floating > .form-control:not(:placeholder-shown) ~ label { color: var(--pg-text-2); }
body.pd-gece-bs main .form-floating > .form-control:focus ~ label::after,
body.pd-gece-bs main .form-floating > .form-control:not(:placeholder-shown) ~ label::after { background: transparent !important; }
body.pd-gece-bs main .form-check-input { background-color: rgba(255, 255, 255, .08); border-color: var(--pg-line-2); }
body.pd-gece-bs main .form-check-input:checked { background-color: var(--pg-orange); border-color: var(--pg-orange); }
body.pd-gece-bs main .form-text { color: var(--pg-text-3); }

/* Düğmeler */
body.pd-gece-bs main .btn-primary {
  background: var(--pg-orange) !important; border-color: var(--pg-orange) !important; color: #fff !important;
  box-shadow: 0 10px 28px -12px rgba(230, 126, 34, .75);
}
body.pd-gece-bs main .btn-primary:hover { background: #F08A2E !important; border-color: #F08A2E !important; }
body.pd-gece-bs main .btn-outline-primary,
body.pd-gece-bs main .btn-outline-secondary,
body.pd-gece-bs main .btn-light,
body.pd-gece-bs main .btn-outline-light,
body.pd-gece-bs main .btn-secondary {
  background: transparent !important; border: 1.5px solid rgba(255, 255, 255, .34) !important; color: #fff !important;
}
body.pd-gece-bs main .btn-outline-primary:hover,
body.pd-gece-bs main .btn-outline-secondary:hover,
body.pd-gece-bs main .btn-light:hover,
body.pd-gece-bs main .btn-outline-light:hover,
body.pd-gece-bs main .btn-secondary:hover { background: rgba(255, 255, 255, .08) !important; border-color: #fff !important; }

/* Bootstrap modal (sayfa içinden açılanlar) */
body.pd-gece-bs .modal-content { background: var(--pg-card); color: var(--pg-text); border: 1px solid var(--pg-line-2); }
body.pd-gece-bs .modal-header, body.pd-gece-bs .modal-footer { border-color: var(--pg-line); }
body.pd-gece-bs .modal-content .btn-close { filter: invert(1); }

/* Flash banner'ları (base.html, main'in içinde) */
body.pd-gece .flash-messages-container .alert { color: var(--pg-text); }
body.pd-gece .flash-messages-container .btn-close { filter: invert(1); }

/* ------------------------------------------------- ortak gece bileşenleri --
   Sayfa başlıkları eski turuncu-mor gradyan bantlardı. Gece derisinde hepsi
   aynı kalıba iner: gece zemin + mor ışık + "düz cümle + gradyan vurgu". */
body.pd-gece .pdg-hero {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  padding: 88px 0 64px !important;
  text-align: center;
  color: #fff;
  background:
    radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1.3px) 0 0 / 22px 22px,
    radial-gradient(70% 90% at 50% 0%, rgba(142, 68, 173, .38), transparent 70%),
    var(--pg-night) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.pd-gece .pdg-hero::before,
body.pd-gece .pdg-hero::after { display: none !important; }
body.pd-gece .pdg-hero h1,
body.pd-gece .pdg-hero .h1,
body.pd-gece .pdg-hero .display-5 {
  font-family: var(--pg-font) !important;
  font-weight: 800 !important;
  letter-spacing: -.04em;
  font-size: clamp(34px, 4.8vw, 60px) !important;
  line-height: 1.05 !important;
  color: #fff !important;
  text-shadow: none !important;
}
body.pd-gece .pdg-hero h1 i,
body.pd-gece .pdg-hero .hero-icon i { background: var(--pg-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
body.pd-gece .pdg-hero .hero-icon { color: var(--pg-pop-o) !important; }
body.pd-gece .pdg-hero p,
body.pd-gece .pdg-hero .lead { color: var(--pg-text) !important; opacity: 1 !important; max-width: 720px; margin-inline: auto; }

body.pd-gece .pdg-kick { display: block; margin-bottom: 14px; font: 800 12px/1 var(--pg-font); letter-spacing: .16em; text-transform: uppercase; color: var(--pg-orange-l); }
body.pd-gece .pdg-grad { background: var(--pg-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; }

@media (max-width: 760px) {
  body.pd-gece .pdg-hero { padding: 56px 0 44px !important; }
}

/* Giriş/kayıt/şifre sayfaları: gece-mor sahne bandı ile footer arasında
   main'in açık gri alt boşluğu şerit gibi kalıyordu (eski görünümde de var;
   gece menüsüyle daha çok göze batıyor). Yalnız bu dört sayfada kapanır. */
body.pd-gece-nav:has(.login-hero, .register-hero, .forgot-hero, .reset-hero) main#main-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  background: #141020;
}
body.pd-gece-nav:has(.login-hero, .register-hero, .forgot-hero, .reset-hero) .modern-footer { margin-top: 0 !important; }

/* Tablolar: ux_polish.css / responsive_system.css bu dosyadan SONRA yüklenip
   .table'a min-width:640px + hücrelere nowrap veriyor; gece sayfalarında
   tablolar taşıyordu. Bootstrap'in renkli satırları (table-primary vb.)
   renklendirmeyi box-shadow + accent-bg ile yapar; gece zemininde sıfırlanır. */
body.pd-gece-bs main .table { min-width: 0 !important; --bs-table-accent-bg: transparent; }
body.pd-gece-bs main .table th,
body.pd-gece-bs main .table td { white-space: normal !important; }
body.pd-gece-bs main .table > :not(caption) > * > * { box-shadow: none !important; }

/* homepage.css .feature-card hover'da açık bir katman seriyordu. */
body.pd-gece-bs main .feature-card::after { background: rgba(192, 76, 245, .08) !important; }

/* Ödeme ekranı: form ve İyzico alanı bilerek açık zeminde kalır, ama gece
   menüsünün hemen altındaki turuncu-mor başlık bandı gece kalıbına iner —
   paketler → ödeme geçişinde tema kopmasın. */
body.pd-gece-nav .checkout-header {
  background:
    radial-gradient(rgba(255, 255, 255, .05) 1px, transparent 1.3px) 0 0 / 22px 22px,
    radial-gradient(70% 90% at 50% 0%, rgba(142, 68, 173, .38), transparent 70%),
    #141020 !important;
  color: #fff;
}
body.pd-gece-nav .checkout-header h1 {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 800; letter-spacing: -.04em; color: #fff;
}
body.pd-gece-nav .checkout-header h1 i { color: #FC6E31; }
body.pd-gece-nav .checkout-header p { color: #EDEAF2; }

/* Footer'ın açık gri üst çizgisi gece zemininde her sayfada göze batıyordu. */
body.pd-gece .modern-footer,
body.pd-gece-nav .modern-footer { border-top-color: rgba(255, 255, 255, .07) !important; }

/* Footer ödeme logoları (koyu lacivert VISA) gece zemininde kayboluyordu:
   paketlerdeki güven satırı gibi beyaz zemin. */
body.pd-gece .modern-footer .payment-logos,
body.pd-gece-nav .modern-footer .payment-logos {
  display: inline-flex; flex-wrap: nowrap; width: auto; max-width: 100%; gap: 12px; padding: 6px 14px; border-radius: 8px; background: #fff;
}
body.pd-gece .modern-footer .payment-logo,
body.pd-gece-nav .modern-footer .payment-logo { filter: none; opacity: 1; flex-shrink: 0; }
/* max-height'la küçülen görsel inline-flex'in içerik genişliğini yanlış
   hesaplatıyor (logolar kutudan taşıyordu) → sabit yükseklik. */
body.pd-gece .modern-footer .payment-logos .payment-logo,
body.pd-gece-nav .modern-footer .payment-logos .payment-logo { height: 18px; width: auto; max-width: none; max-height: none; }
body.pd-gece .modern-footer .payment-logos .visa-logo,
body.pd-gece-nav .modern-footer .payment-logos .visa-logo { height: 15px; }
body.pd-gece .modern-footer .payment-logos .mastercard-logo,
body.pd-gece-nav .modern-footer .payment-logos .mastercard-logo { height: 20px; }

/* Mobil footer: diğer sütunlar ortalı, marka bloğu solda kalıyordu. */
@media (max-width: 768px) {
  body.pd-gece .footer-brand,
  body.pd-gece-nav .footer-brand { text-align: center; }
  body.pd-gece .footer-brand .brand-logo,
  body.pd-gece-nav .footer-brand .brand-logo { justify-content: center; }
}

/* Bootstrap sayfalarında telefon kenar boşluğu landing/paketlerle aynı (20px);
   .container 14px'te kartlar ekran kenarına ~10px kalıyordu. */
@media (max-width: 576px) {
  body.pd-gece-bs main .container { padding-left: 20px; padding-right: 20px; }
}

/* Mobil menüde hesap satırı yalnız ikon + oktu (kullanıcı adı lg altında gizli). */
@media (max-width: 991.98px) {
  body.pd-gece .pd-account-toggle .fa-user::after,
  body.pd-gece-nav .pd-account-toggle .fa-user::after {
    content: "Hesabım"; margin-left: .55rem;
    font: 600 1rem/1 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
}

/* ==== Uygulama sayfaları için ortak ekler (18 Eyl) ==== */
/* Sayı/tarih/saat alanları genel form kuralının dışında kalıyordu; takvim
   ikonunun koyu zeminde görünmesi için color-scheme. */
body.pd-gece-bs main { color-scheme: dark; }
body.pd-gece-bs main input[type="number"],
body.pd-gece-bs main input[type="date"],
body.pd-gece-bs main input[type="time"],
body.pd-gece-bs main input[type="datetime-local"],
body.pd-gece-bs main input[type="url"] {
  background-color: rgba(255, 255, 255, .05) !important;
  border: 1px solid var(--pg-line-2) !important;
  color: #fff !important;
}
/* Çizgili düğmeler şeffaf !important'la geldiği için .btn-check seçili hâli görünmüyordu. */
body.pd-gece-bs main .btn-check:checked + .btn,
body.pd-gece-bs main .btn-check:active + .btn,
body.pd-gece-bs main .btn.active {
  background: rgba(186, 54, 239, .18) !important; border-color: rgba(192, 76, 245, .75) !important; color: #fff !important;
}
/* Pasif düğmeler gri-beyaz kutu olarak kalmasın. */
body.pd-gece-bs main .btn-primary:disabled, body.pd-gece-bs main .btn-primary.disabled,
body.pd-gece-bs main .btn-danger:disabled, body.pd-gece-bs main .btn-danger.disabled {
  background: rgba(255, 255, 255, .08) !important; border-color: rgba(255, 255, 255, .12) !important;
  color: rgba(255, 255, 255, .45) !important; box-shadow: none !important;
}

/* Giriş/kayıt/ödeme (pd-gece-nav) ve landing/paketler/hakkımızda (yalnız pd-gece): flash bantları gece menünün hemen altında
   açık Bootstrap kutusu olarak kalıyordu. -bs sayfalarının kuralı pd-ui.css'te. */
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert {
  background: #1c1530; border: 1px solid rgba(255, 255, 255, .14); border-left-width: 4px;
  border-radius: 14px; color: #EDEAF2; box-shadow: none;
}
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-danger { border-left-color: #f87171; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-danger > i { color: #f87171; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-warning { border-left-color: #fbbf24; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-warning > i { color: #fbbf24; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-success { border-left-color: #4ade80; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-success > i { color: #4ade80; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-info { border-left-color: #60a5fa; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert-info > i { color: #93c5fd; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .alert a { color: #d9b8ff; }
body:is(.pd-gece-nav, .pd-gece:not(.pd-gece-bs)) .flash-messages-container .btn-close { filter: invert(1) brightness(1.6); opacity: .7; }