/* Caravan cilası: (1) yükleme ekranında header görünmesin, (2) ilerleme şeridi header'ın çerçevesinde sol üstten başlayıp dolaşsın,
   (3) "yukarı çık" düğmesi sayfa sonunda akışa düşüp sol/yarım dışarıda kalmasın. Yükleme: layouts/default.tpl, davranış: js/kervanhost-polish.js */

/* (1) yükleme ekranı header'ın (z 1030), yukarı çık düğmesinin (1039), çekmecenin (1045) ve modalın (1055) üstünde olsun;
   yükleme sürerken header hiç görünmesin (perde açılırken yerine oturur) */
.xl-loader{z-index:2200}
html.xl-loading .site-header{visibility:hidden}

/* (2) eski üst çubuk header'ın arkasında kalıyordu; halka kurulunca gizlenir (halka yoksa eski çubuk çalışmaya devam eder) */
html.hdr-has-ring .xl-sprog{display:none}
.hdr-ring{position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;z-index:3}
.hdr-ring path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:0 1;filter:drop-shadow(0 0 5px var(--xl-g1,#f2b544))}

/* (3) kervanhost.css `.btn-primary{position:relative}` (aynı özgüllük, sonra yüklenir) default.css `.scroll-top{position:fixed}` kuralını eziyordu:
   düğme sayfanın en altında normal akışa düşüyor, `inset-inline-end` onu sola kaydırıyordu (yarısı ekran dışı). */
.btn.scroll-top,.btn-primary.scroll-top{position:fixed;overflow:visible}
.btn-primary.scroll-top::before,.btn-primary.scroll-top::after{display:none}

/* (4) "Popüler" rozeti: kervanhost-plus.css `main .card{overflow:hidden}` plan kartının üst kenarından taşan rozetin yarısını kesiyordu
   (rozet kartın -.8rem üstünde). Plan kartında taşmaya izin ver; parıltı katmanı zaten inset:0 + border-radius:inherit ile kart içinde kalır. */
main .plan-card{overflow:visible}

/* Hosting/sunucu araçlarında (veritabanı özel yetki kutusu vb.) Bootstrap `bg-light` kartları koyu temada beyaz kalıyordu (4 Eki 2026) */
[data-bs-theme="dark"] .card.bg-light,
[data-theme="dark"] .card.bg-light,
[data-bs-theme="dark"] .modal .bg-light:not(.badge):not(.btn),
[data-theme="dark"] .modal .bg-light:not(.badge):not(.btn),
[data-bs-theme="dark"] .sd-module-surface .bg-light:not(.badge):not(.btn),
[data-theme="dark"] .sd-module-surface .bg-light:not(.badge):not(.btn) {
  background-color: rgba(255, 255, 255, .06) !important;
  color: inherit !important;
  border: 1px solid rgba(211, 184, 143, .16) !important;
}
[data-bs-theme="dark"] .modal .bg-light .form-check-label,
[data-theme="dark"] .modal .bg-light .form-check-label,
[data-bs-theme="dark"] .modal .bg-light label,
[data-theme="dark"] .modal .bg-light label { color: inherit !important; }