/* =========================================================
   AcilYanDal - Homepage Professional Polish V3
   Amaç: mevcut dinamik yapıyı bozmadan ana sayfayı daha
   profesyonel, premium ve okunabilir hale getirmek.
   DB / PHP akışına dokunmaz.
   ========================================================= */

:root{
  --ayd-pro-bg:#f4f7fb;
  --ayd-pro-ink:#111827;
  --ayd-pro-muted:#64748b;
  --ayd-pro-card:#ffffff;
  --ayd-pro-line:rgba(15,23,42,.085);
  --ayd-pro-red:#ef3f32;
  --ayd-pro-orange:#ff7a3d;
  --ayd-pro-navy:#131a36;
  --ayd-pro-navy-2:#1b2450;
  --ayd-pro-cyan:#21d4c7;
  --ayd-pro-blue:#2563eb;
  --ayd-pro-shadow:0 18px 48px rgba(15,23,42,.08);
  --ayd-pro-shadow-strong:0 26px 70px rgba(15,23,42,.14);
}

body{
  background:
    radial-gradient(circle at 12% 0%, rgba(37,99,235,.055), transparent 34rem),
    radial-gradient(circle at 88% 10%, rgba(239,63,50,.05), transparent 32rem),
    linear-gradient(180deg,#f7f9fd 0%,#f3f6fb 54%,#ffffff 100%);
}

/* HERO */
.ayd-hero{
  padding:clamp(4.2rem, 7vw, 6.6rem) 0 clamp(5.2rem, 7vw, 7.3rem) !important;
  background:
    radial-gradient(circle at 12% 36%, rgba(239,63,50,.22), transparent 22rem),
    radial-gradient(circle at 78% 22%, rgba(33,212,199,.12), transparent 24rem),
    linear-gradient(135deg,#151238 0%,#28255e 54%,#302662 100%) !important;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.ayd-hero:before{
  opacity:.92;
  background:
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(180deg, rgba(255,255,255,.035) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,122,61,.16), transparent 64%) !important;
  background-size:56px 56px,56px 56px,auto !important;
  width:760px !important;
  height:760px !important;
  top:-42% !important;
  right:-16% !important;
  filter:blur(.1px);
}
.ayd-hero:after{
  opacity:.85;
  background:radial-gradient(circle, rgba(255,122,61,.16), transparent 66%) !important;
}
.ayd-hero .container{position:relative;z-index:2;}
.ayd-hero h1{
  max-width:11.5ch;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.ayd-hero .lead{
  max-width:720px;
  font-size:1.05rem !important;
  line-height:1.76;
  color:rgba(255,255,255,.78) !important;
}
.ayd-home-hero-actions{flex-wrap:wrap;}
.ayd-home-hero-actions .btn{border-radius:14px !important;font-weight:850 !important;}
.ayd-home-flow{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
  padding:.52rem .64rem;
  border-radius:999px;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  color:rgba(255,255,255,.88);
}
.ayd-home-flow span{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  border-radius:999px;
  padding:.34rem .58rem;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.08);
  font-size:.82rem;
  font-weight:850;
}
.ayd-home-flow i{color:#ffd3bf;}
.ayd-home-flow b{font-size:.78rem;color:rgba(255,255,255,.46);}
.hero-stats{
  gap:1rem !important;
  margin-top:1.45rem !important;
}
.hero-stat{
  min-width:96px;
  text-align:left !important;
  padding:1rem 1.1rem !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 18px 42px rgba(5,10,31,.14);
}
.hero-stat .number{
  color:#ff9a4d !important;
  font-size:1.72rem !important;
  line-height:1;
}
.hero-stat .label{
  margin-top:.42rem;
  color:rgba(255,255,255,.68) !important;
  font-weight:800;
}

/* Hero right visual */
.home-yandal-visual{
  border-radius:30px !important;
  padding:1.25rem !important;
  background:
    radial-gradient(circle at 30% 12%, rgba(255,122,61,.13), transparent 18rem),
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 32px 84px rgba(5,10,31,.26), inset 0 1px 0 rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px);
}
.home-yandal-visual:before{
  content:"";
  position:absolute;
  inset:18px 18px auto auto;
  width:112px;
  height:112px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(33,212,199,.18), transparent 67%);
  pointer-events:none;
}
.home-yandal-badge,
.home-yandal-score,
.home-yandal-item,
.home-yandal-tags span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.home-yandal-item{
  background:linear-gradient(180deg,rgba(10,14,39,.34),rgba(10,14,39,.22)) !important;
  border-color:rgba(255,255,255,.11) !important;
}
.home-yandal-item i{
  background:rgba(255,122,61,.16) !important;
  color:#ffb48a !important;
}
.home-yandal-item:nth-child(2) i{background:rgba(99,102,241,.16)!important;color:#c4b5fd!important;}
.home-yandal-item:nth-child(3) i{background:rgba(33,212,199,.14)!important;color:#67e8f9!important;}
.home-yandal-item:nth-child(4) i{background:rgba(34,197,94,.13)!important;color:#86efac!important;}
.home-yandal-tags span{color:#fff !important;}

/* Logged-in command panel */
.home-user-section{
  margin-top:-48px !important;
  padding-bottom:2rem !important;
}
.home-command-card{
  border-radius:30px !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:0 26px 78px rgba(15,23,42,.14) !important;
  background:rgba(255,255,255,.96) !important;
  overflow:hidden;
}
.home-command-card .command-hero{
  padding:1.35rem !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 18rem),
    radial-gradient(circle at 92% 0%, rgba(239,63,50,.06), transparent 18rem),
    linear-gradient(135deg,#ffffff 0%,#fbfcff 50%,#fff5f1 100%) !important;
}
.home-pill{
  background:#eff6ff !important;
  color:#1e3a8a !important;
  border:1px solid rgba(37,99,235,.12);
}
.home-kpi-card{
  border-radius:18px !important;
  box-shadow:0 12px 28px rgba(15,23,42,.045);
  transition:transform .18s ease, box-shadow .18s ease;
}
.home-kpi-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(15,23,42,.075);}
.home-kpi-card .kpi-number{color:var(--ayd-pro-orange) !important;}
.home-smart-row{
  margin-top:1.1rem !important;
  align-items:stretch;
}
.home-smart-row.no-survey{
  grid-template-columns:1fr !important;
}
.home-smart-row.no-survey .home-smart-column{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.home-smart-card{
  min-height:150px !important;
  border-radius:20px !important;
  box-shadow:0 14px 34px rgba(15,23,42,.055) !important;
}
.home-smart-card h5{font-size:1.05rem !important;}
.home-smart-card p{max-width:62ch;}
.home-smart-card.smart-primary{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%) !important;
}
.home-smart-card.smart-success{
  background:linear-gradient(180deg,#ffffff 0%,#f6fffb 100%) !important;
}

/* Section rhythm */
.home-content-band,
.ayd-home-featured-section,
.ayd-home-latest-section,
.ayd-home-spots-section{
  position:relative;
}
.home-section-divider{margin-bottom:1rem !important;}
.section-badge{
  letter-spacing:.06em !important;
  font-weight:900 !important;
  border:1px solid rgba(239,63,50,.08);
}
.home-section-heading h2,
.section-title{
  letter-spacing:-.045em !important;
}
.home-section-heading p,
.section-subtitle{
  color:#64748b !important;
}

/* Roadmap / featured cards */
.home-roadmap-card,
.home-simple-card,
.home-icon-topic,
.home-latest-column{
  border-color:var(--ayd-pro-line) !important;
  box-shadow:var(--ayd-pro-shadow) !important;
}
.home-roadmap-card:hover,
.home-simple-card:hover,
.home-icon-topic:hover,
.home-latest-column:hover{
  box-shadow:var(--ayd-pro-shadow-strong) !important;
}
.home-roadmap-icon,
.home-icon-topic .topic-icon{
  background:linear-gradient(135deg,#fff2eb,#eef7ff) !important;
}
.home-simple-card{transition:transform .18s ease, box-shadow .18s ease;}
.home-simple-card:hover{transform:translateY(-3px);}
.home-simple-card .btn{border-radius:12px;font-weight:850;}

/* Latest section: daha kompakt ve premium */
.ayd-home-latest-section{
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f9fd 100%) !important;
  border-top:1px solid rgba(15,23,42,.055);
  border-bottom:1px solid rgba(15,23,42,.055);
}
.home-latest-grid{
  align-items:stretch;
}
.home-latest-column{
  border-radius:24px !important;
  padding:1.05rem !important;
  background:rgba(255,255,255,.88) !important;
  backdrop-filter:blur(14px);
}
.home-latest-head h5{
  display:flex;
  align-items:center;
  gap:.34rem;
  font-size:1.02rem !important;
}
.home-latest-head .btn{
  border-radius:10px;
  font-weight:850;
  line-height:1;
}
.home-latest-item{
  border-radius:16px !important;
  padding:.86rem .88rem !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
  border:1px solid rgba(15,23,42,.075) !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.home-latest-item:hover{
  transform:translateY(-2px);
  border-color:rgba(239,63,50,.18) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.075);
}
.home-latest-item strong{
  letter-spacing:-.012em;
}

/* Spots */
.ayd-home-spots-section{
  background:
    radial-gradient(circle at 10% 10%, rgba(37,99,235,.06), transparent 20rem),
    linear-gradient(180deg,#f5f7fb 0%,#f1f5f9 100%);
}
.ayd-home-spots-section .row{align-items:stretch;}
.spot-card{
  min-height:100%;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(255,122,61,.08), transparent 13rem),
    linear-gradient(180deg,#141b38 0%,#11172e 100%) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 22px 58px rgba(15,23,42,.18) !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.spot-card:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 72px rgba(15,23,42,.24) !important;
  border-color:rgba(255,122,61,.22) !important;
}
.spot-card:before{
  opacity:.42 !important;
}
.spot-card .spot-title{
  font-size:1.02rem;
  line-height:1.25;
  color:#fff;
}
.spot-card .spot-content{
  color:rgba(255,255,255,.78);
  line-height:1.7;
}
.spot-tag{
  background:rgba(255,255,255,.10) !important;
  color:rgba(255,255,255,.88) !important;
  border:1px solid rgba(255,255,255,.08);
}

/* Plan CTA */
.ayd-home-plan-cta{
  background:
    radial-gradient(circle at 18% 10%, rgba(239,63,50,.18), transparent 20rem),
    radial-gradient(circle at 88% 28%, rgba(33,212,199,.12), transparent 20rem),
    linear-gradient(135deg,#111426 0%,#252456 56%,#161a33 100%) !important;
  border-top:1px solid rgba(255,255,255,.08);
}
.ayd-home-plan-cta h2{letter-spacing:-.035em;}
.ayd-home-plan-cta .btn{border-radius:14px;font-weight:900;}

@media(max-width:991.98px){
  .home-user-section{margin-top:0 !important;}
  .home-smart-row.no-survey .home-smart-column{grid-template-columns:1fr !important;}
  .ayd-hero h1{max-width:none;}
}
@media(max-width:767.98px){
  .ayd-hero{padding:3.6rem 0 3rem !important;}
  .ayd-home-flow{border-radius:18px;}
  .hero-stat{flex:1 1 calc(50% - .6rem);}
  .home-command-card{border-radius:22px !important;}
  .home-command-card .command-hero{padding:1rem !important;}
  .home-latest-column{border-radius:20px !important;}
}
@media(max-width:575.98px){
  .ayd-home-hero-actions .btn{width:100%;}
  .hero-stat{min-width:0;}
}