/* ======================================================================
   HostScore360 — hs-ui-2026 · Aurora Glass tema (TAZE DOSYA — en son yüklenir)
   Pitch'teki cam + 3B görünümü tüm siteye kesin override ile uygular.
   Yeni dosya adı: önbelleğe takılmadan taze gelir.
   ====================================================================== */
:root{
  --u-brand:#2f6bff; --u-brand-d:#1e56e6; --u-cyan:#12b6e8; --u-emer:#10b981; --u-emer-d:#059669; --u-gold:#f5b544;
  --u-ink:#0c1730; --u-muted:#54628a; --u-faint:#8b98ba;
  --u-glass:linear-gradient(180deg,rgba(255,255,255,.60),rgba(255,255,255,.30));
  --u-glass-2:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.58));
  --u-stroke:rgba(255,255,255,.9);
  --u-shadow:0 28px 64px -24px rgba(31,86,230,.38), 0 10px 26px -14px rgba(12,23,48,.18);
  --u-shadow-lg:0 44px 90px -28px rgba(31,86,230,.5), 0 16px 40px -18px rgba(12,23,48,.24);
  --u-rim:inset 0 1px 0 rgba(255,255,255,1), inset 0 0 0 1px rgba(255,255,255,.4);
  --u-blur:28px;
}

/* --- Zemin: belirgin aurora + ince ızgara --- */
html{background:#e9f0ff;}
body{
  background:
    radial-gradient(820px 560px at 3% -10%, rgba(47,107,255,.34), transparent 58%),
    radial-gradient(760px 540px at 104% -4%, rgba(16,185,129,.30), transparent 58%),
    radial-gradient(720px 640px at 50% 128%, rgba(18,182,232,.26), transparent 60%),
    radial-gradient(560px 460px at 88% 72%, rgba(124,92,255,.12), transparent 60%),
    linear-gradient(180deg,#e6effe 0%,#f3f8ff 55%,#eef4ff 100%) !important;
  background-attachment:fixed !important;
  color:var(--u-ink) !important;
}
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(20,40,90,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,40,90,.035) 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:radial-gradient(circle at 50% 12%,#000,transparent 82%);
          mask-image:radial-gradient(circle at 50% 12%,#000,transparent 82%);
}
body > *{position:relative;z-index:1;}

/* --- Kart yüzeyleri (tüm bileşenler) — güçlü cam + 3B --- */
.stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.fd-card,.blog-card,
.fk-deal,.fk-ram-card,.fk-stat,.cmp-card,.review-card,.faq-item,.hs-cmp-grid > a,
.info-card,.detailed-ratings-section{
  background:var(--u-glass) !important;
  border:1px solid var(--u-stroke) !important;
  border-radius:20px !important;
  -webkit-backdrop-filter:blur(var(--u-blur)) saturate(160%);
  backdrop-filter:blur(var(--u-blur)) saturate(160%);
  box-shadow:var(--u-shadow), var(--u-rim) !important;
  transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s, border-color .3s !important;
}
.stat-card:hover,.firm-card:hover,.firm-card2:hover,.podium-card:hover,.pricing-card:hover,
.blog-card:hover,.fk-deal:hover,.info-card:hover,.hs-cmp-grid > a:hover{
  transform:translateY(-7px) !important;
  box-shadow:var(--u-shadow-lg), var(--u-rim) !important;
  border-color:rgba(47,107,255,.4) !important;
}
/* Sponsorlu / öne çıkan → altın cam */
.firm-card--sponsored,.sponsored-row,tr.sponsored-row,.podium-card.rank-1,.podium-card.win{
  background:linear-gradient(180deg,rgba(255,246,220,.9),rgba(255,255,255,.62)) !important;
  border-color:rgba(245,181,68,.55) !important;
  box-shadow:0 30px 66px -24px rgba(245,181,68,.5),0 0 0 1px rgba(245,181,68,.3), var(--u-rim) !important;
}

/* --- Hero: şeffaf + gradyan başlık --- */
.hero,.info-section,.podium-section,.faq-section,.firms-section,.hs-cmp-center{background:transparent !important;border-bottom:0 !important;}
.hero-title,.section-header h2,.podium-header h2,.hs-cmp-head h2,.info-card h3{color:var(--u-ink) !important;letter-spacing:-.5px;}
.hero-highlight{color:transparent !important;background:linear-gradient(100deg,var(--u-brand),var(--u-cyan) 52%,var(--u-emer)) !important;-webkit-background-clip:text !important;background-clip:text !important;}
.hero-search,.hero-stats-row{background:var(--u-glass-2) !important;border:1px solid var(--u-stroke) !important;border-radius:16px !important;box-shadow:var(--u-shadow), var(--u-rim) !important;backdrop-filter:blur(18px) !important;}
.hero-badge-top{background:rgba(16,185,129,.14) !important;border:1px solid rgba(16,185,129,.32) !important;color:var(--u-emer-d) !important;}
.num,.hero-stat strong,.firm-card-stat-val,.fk-stat .v,.podium-stat strong{font-variant-numeric:tabular-nums;}

/* --- Beyaz opak sarmalayıcıları ŞEFFAF yap (aurora görünsün, "eski beyaz" gitsin) --- */
main,.table-wrapper,.reviews-section,.faq-section,.uptime-chart-section,.firms-section,
.hs-cmp-center,.podium-section,.podium-header,.info-section,.container,.cat-wrap,.cmp-page,
.category-ratings-section{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;}
.podium-header h2,.podium-header .sub,.podium-header p{color:#0c1730 !important;}

/* Firma detay hero: okunur koyu-mavi gradyan (beyaz yazı için kontrast) */
.firm-hero{background:linear-gradient(135deg,#12306b 0%,#1d4ed8 55%,#2563eb 100%) !important;color:#fff !important;}
.firm-hero .firm-title,.firm-hero .firm-tagline,.firm-hero .firm-website,.firm-hero .meta-tag,.firm-hero h1,.firm-hero .firm-info-main span{color:#fff !important;}
.firm-hero .meta-tag{background:rgba(255,255,255,.16) !important;border-color:rgba(255,255,255,.28) !important;}

/* --- Beyaz İÇERİK kartlarını cama çevir --- */
.description-content,.rating-card,.overall-rating-summary,.rating-category-item,
.review-form-container,.detailed-ratings-section,.chart-wrapper,
.uptime-summary,.ucs-sum-box{
  background:var(--u-glass) !important;border:1px solid var(--u-stroke) !important;border-radius:18px !important;
  -webkit-backdrop-filter:blur(var(--u-blur));backdrop-filter:blur(var(--u-blur));
  box-shadow:var(--u-shadow), var(--u-rim) !important;
}
.form-input,.form-textarea,select,input[type="text"],input[type="email"],input[type="number"]{
  background:rgba(255,255,255,.72) !important;border:1px solid var(--u-stroke) !important;
}

/* --- Butonlar: canlı gradyan + derinlik --- */
.btn-primary,.firm-card-btn,.podium-btn,.form-submit,.fk-cta,.cmp-cta,a.firm-card-btn,.hero-search button,.select-plan-btn{
  background:linear-gradient(180deg,var(--u-brand),var(--u-brand-d)) !important;color:#fff !important;border:0 !important;border-radius:12px !important;
  box-shadow:0 14px 28px -10px rgba(47,107,255,.7), inset 0 1px 0 rgba(255,255,255,.45) !important;transition:transform .2s, box-shadow .2s !important;
}
.btn-primary:hover,.firm-card-btn:hover,.podium-btn:hover,.form-submit:hover,.fk-cta:hover,.select-plan-btn:hover{
  transform:translateY(-2px) !important;box-shadow:0 20px 38px -10px rgba(47,107,255,.82), inset 0 1px 0 rgba(255,255,255,.5) !important;
}

/* --- Firma tablosu: her satır TAM GENİŞLİK beyaz yuvarlak kart (radius) --- */
.firms-table{border-collapse:separate !important;border-spacing:0 10px !important;background:transparent !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none;backdrop-filter:none !important;}
.firms-table thead th{background:transparent !important;color:var(--u-muted) !important;border:0 !important;}
.firm-row td{background:var(--u-glass-2) !important;border-top:1px solid var(--u-stroke) !important;border-bottom:1px solid var(--u-stroke) !important;box-shadow:0 8px 20px -12px rgba(15,30,72,.18);}
.firm-row td:first-child{border-left:1px solid var(--u-stroke) !important;border-top-left-radius:16px !important;border-bottom-left-radius:16px !important;}
.firm-row td:last-child{border-right:1px solid var(--u-stroke) !important;border-top-right-radius:16px !important;border-bottom-right-radius:16px !important;}
.firm-row:hover td{background:#fff !important;}
.firm-row.sponsored-row td{background:linear-gradient(90deg,rgba(255,246,220,.92),rgba(255,255,255,.8)) !important;}

/* --- Filtre/segment butonları --- */
.cat-btn,.filter-btn,.fk-tab{background:var(--u-glass-2) !important;border:1px solid var(--u-stroke) !important;border-radius:11px !important;color:var(--u-muted) !important;backdrop-filter:blur(10px);box-shadow:var(--u-rim) !important;}
.cat-btn.active,.filter-btn.active,.fk-tab.active{background:linear-gradient(180deg,var(--u-brand),var(--u-brand-d)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 10px 22px -10px rgba(47,107,255,.7) !important;}

/* --- Footer: koyu cam --- */
.footer{background:linear-gradient(180deg,rgba(11,19,40,.94),rgba(8,13,28,.97)) !important;border-top:1px solid rgba(255,255,255,.1) !important;border-radius:28px 28px 0 0 !important;backdrop-filter:blur(18px);box-shadow:0 -22px 54px -30px rgba(8,13,28,.7), inset 0 1px 0 rgba(255,255,255,.14) !important;margin-top:66px;}
.footer-brand h3{color:#fff !important;} .footer h4{color:#dbe4ff !important;}
/* Footer link hover: inline color'a rağmen çalışsın (görünür tepki) */
.footer a:hover{color:#fff !important;text-decoration:underline !important;}

/* --- Info-grid: düzgün 3 sütun (9 kart = 3+3+3), dağınık durmasın --- */
.info-grid{grid-template-columns:repeat(3,1fr) !important;gap:16px !important;}
@media(max-width:900px){.info-grid{grid-template-columns:repeat(2,1fr) !important;}}
@media(max-width:560px){.info-grid{grid-template-columns:1fr !important;}}

/* --- Firma satırı (tablo) temiz hover: kısa/kayık beyaz kutu YOK --- */
.firms-table tbody tr:hover{background:rgba(47,107,255,.12) !important;}
.firm-info,.firm-details{background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;backdrop-filter:none !important;}

/* --- Sponsor rank rozeti (numara yerine altın taç) --- */
.rank-badge.rank-sp{background:linear-gradient(135deg,#f5b544,#d97706) !important;color:#fff !important;box-shadow:0 6px 16px -5px rgba(217,119,6,.65) !important;border:0 !important;}
.rank-badge.rank-sp i{color:#fff !important;}

/* --- Info-section ikon rozetleri --- */
.info-icon{background:linear-gradient(140deg,rgba(47,107,255,.18),rgba(16,185,129,.14)) !important;color:var(--u-brand) !important;border:1px solid rgba(47,107,255,.22) !important;}

@media (prefers-reduced-motion:reduce){
  .stat-card,.firm-card,.firm-card2,.podium-card,.pricing-card,.blog-card,.fk-deal,.btn-primary,.firm-card-btn{transition:none !important;}
}