/* ============================================================
   İDEAL ÇÖZÜMLER — PREMIUM CİLA KATMANI (v2.3)
   ideal.css'ten SONRA yüklenir. Tüm sayfalara yansır.
   Mevcut yapıyı bozmaz; sadece derinlik, hareket ve rafine
   detaylar ekler. Kapatmak istenirse bu dosyayı çıkarmak yeter.
   ============================================================ */

:root{
  --idc-ease:cubic-bezier(.16,.84,.44,1);
  --idc-shadow-sm:0 2px 8px rgba(11,27,51,.06);
  --idc-shadow-md:0 12px 34px rgba(11,27,51,.10);
  --idc-shadow-lg:0 28px 64px rgba(11,27,51,.16);
  --idc-glow:0 0 0 1px rgba(255,196,46,.18),0 10px 30px rgba(255,196,46,.18);
}

/* ——— Akıcı scroll + seçim rengi + odak ——— */
html{scroll-behavior:smooth}
::selection{background:var(--idc-amber);color:var(--idc-amber-ink)}
body{ -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility }
a,button,.gonderbtn,.idc-btn{transition:all .25s var(--idc-ease)}
:focus-visible{outline:3px solid var(--idc-amber);outline-offset:3px;border-radius:6px}

/* ——— Tipografik ritim: başlıklarda denge ——— */
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.pakettitle h1{position:relative;display:inline-block}
/* Bölüm başlıklarının altına ince imza çizgisi */
.pakettitle h1::after{
  content:"";display:block;width:46px;height:3px;border-radius:3px;
  margin:14px auto 0;background:linear-gradient(90deg,var(--idc-amber),#FFE08A);
}
.nedenbiz .pakettitle h1::after{margin:14px auto 0}

/* ============================================================
   HERO — derinlik + ışık huzmesi + yavaş canlanma
   ============================================================ */
.idc-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(to bottom,transparent,rgba(8,20,38,.35));
  pointer-events:none;
}
.idc-hero-slide.idc-active h1{animation:idcRise .7s var(--idc-ease) both}
.idc-hero-slide.idc-active .idc-lede{animation:idcRise .7s .08s var(--idc-ease) both}
.idc-hero-slide.idc-active .idc-ctas{animation:idcRise .7s .16s var(--idc-ease) both}
@keyframes idcRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* durum şeridi nabzı yanına ince tarama ışığı */
.idc-statusbar{position:relative;overflow:hidden}
.idc-statusbar::after{
  content:"";position:absolute;top:0;left:-30%;width:30%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
  animation:idcSweep 6s var(--idc-ease) infinite;
}
@keyframes idcSweep{0%{left:-30%}55%,100%{left:130%}}

/* ============================================================
   BUTONLAR — premium his: parlama + bas/kalk
   ============================================================ */
.idc-btn-primary,.tablepaket.active .gonderbtn,.gonderbtn.aboneolbtn{position:relative;overflow:hidden}
.idc-btn-primary::after,.tablepaket.active .gonderbtn::after{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-20deg);transition:left .6s var(--idc-ease);
}
.idc-btn-primary:hover::after,.tablepaket.active .gonderbtn:hover::after{left:140%}
.idc-btn:active,.gonderbtn:active{transform:translateY(1px) scale(.99)}

/* ============================================================
   HİZMET / ÖZELLİK KARTLARI — derinlik ve kalkış
   ============================================================ */
.card,.tablepaket,.quote,.idc-card,.haberblog,.musyorum{
  transition:transform .3s var(--idc-ease),box-shadow .3s var(--idc-ease),border-color .3s var(--idc-ease);
}
.card:hover,.idc-card:hover{box-shadow:var(--idc-shadow-md);border-color:transparent;transform:translateY(-4px)}
.tablepaket{box-shadow:var(--idc-shadow-sm)}
.tablepaket:hover{box-shadow:var(--idc-shadow-lg);transform:translateY(-6px)}
.tablepaket.active{box-shadow:var(--idc-shadow-lg)}
.tablepaket.active:hover{box-shadow:var(--idc-shadow-lg),var(--idc-glow)}
/* ikon kutucuğu: hover'da hafif döner/parlar */
.card:hover .idc-ic,.feature:hover .idc-ic{transform:translateY(-2px) rotate(-3deg);transition:transform .3s var(--idc-ease)}

/* Rack etiketi: ince üst ışık çizgisi (metal his) */
.tablepaket .tpakettitle{position:relative}
.tablepaket .tpakettitle::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
}
/* Özellik satırı ✓ hover'da yeşil parlama */
.tablepaket:hover .products_features .idc-feat::before{text-shadow:0 0 8px rgba(43,213,118,.5)}

/* Fiyat: rakam vurgusu */
.tablepaket h3{background:linear-gradient(180deg,var(--idc-ink),#1C3553);
  -webkit-background-clip:text;background-clip:text}

/* ============================================================
   NEDEN BİZ — özellik ikonlarına nabız + çizgi
   ============================================================ */
.feature{transition:transform .3s var(--idc-ease)}
.feature:hover{transform:translateX(4px)}
.feature .idc-ic{position:relative;transition:all .3s var(--idc-ease)}
.feature:hover .idc-ic{box-shadow:0 0 0 6px rgba(255,196,46,.10)}

/* ============================================================
   KARŞILAŞTIRMA TABLOSU — premium satır vurgusu
   ============================================================ */
.idc-compare tbody tr{transition:background .2s ease}
.idc-compare tbody tr:hover td{background:rgba(11,27,51,.02)}
.idc-compare tbody tr:hover td:last-child{background:rgba(255,196,46,.12)}
.idc-yes::before{content:"✓ ";font-weight:700}
.idc-no::before{content:"✕ ";font-weight:700}

/* ============================================================
   GÖRÜŞ KARTI + LOGO — hover ince yükselme
   ============================================================ */
.yorumyapan img{transition:transform .3s var(--idc-ease),box-shadow .3s var(--idc-ease)}
.musterigorusleri li:hover .yorumyapan img{transform:scale(1.04);box-shadow:var(--idc-shadow-sm)}

/* ============================================================
   HABER / BLOG KARTLARI
   ============================================================ */
.haberblog{overflow:hidden}
.haberblog img{transition:transform .5s var(--idc-ease)}
.haberblog:hover img{transform:scale(1.05)}
.haberblog:hover{box-shadow:var(--idc-shadow-md)}

/* ============================================================
   CTA BANDI — canlı ışıma
   ============================================================ */
.idc-cta-band::after{
  content:"";position:absolute;width:280px;height:280px;border-radius:50%;
  right:-60px;top:-90px;background:radial-gradient(circle,rgba(255,196,46,.14),transparent 70%);
  pointer-events:none;
}
.idc-cta-band h2{text-shadow:0 2px 30px rgba(0,0,0,.2)}

/* ============================================================
   HEADER — kaydırınca incelir/koyulaşır his (gölge)
   ============================================================ */
.header{transition:box-shadow .3s ease,background-color .3s ease}
.menu li a{position:relative}
.menu li a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:var(--idc-amber);transform:scaleX(0);transform-origin:left;
  transition:transform .25s var(--idc-ease);
}
.menu li a:hover::after{transform:scaleX(1)}

/* ============================================================
   WHATSAPP + YUKARI ÇIK — premium nabız
   ============================================================ */
.idc-wa{transition:transform .25s var(--idc-ease),box-shadow .25s var(--idc-ease)}
.idc-wa::before{
  content:"";position:absolute;inset:0;border-radius:50%;
  box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:idcWa 2.4s infinite;
}
@keyframes idcWa{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.idc-wa:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.cd-top:hover{transform:translateY(-3px)}

/* ============================================================
   ALAN ADI SORGU + E-BÜLTEN — odak parlaması
   ============================================================ */
.homedomainarea,.ebultencont form{transition:box-shadow .3s var(--idc-ease)}
.ebultencont form:focus-within{box-shadow:0 14px 38px rgba(0,0,0,.32),var(--idc-glow)}
.homedomainarea:focus-within{box-shadow:var(--idc-shadow-md)}

/* ============================================================
   GENEL — bölümler arası yumuşak giriş (AOS yoksa da çalışır)
   ============================================================ */
@media (prefers-reduced-motion:no-preference){
  [data-aos]{transition-timing-function:var(--idc-ease)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ince scrollbar (premium dokunuş) */
*{scrollbar-width:thin;scrollbar-color:var(--idc-slate) transparent}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:var(--idc-slate);border-radius:10px;border:3px solid #fff}
*::-webkit-scrollbar-thumb:hover{background:var(--idc-ink)}