/* SANATLA — cila katmanı (en son yüklenir).
   Amaç: kaynağın görünümünü bozmadan tutarlılık ve modern dokunuş.
   Bileşenler beş ayrı köşe yarıçapı, üç ayrı gölge ve dört ayrı kart dolgusu kullanıyordu;
   burada tek bir ölçeğe oturtulur. Renk, düzen ve bölüm sırası DEĞİŞMEZ. */

:root{
  /* köşe ölçeği */
  --snt-r-sm:10px;      /* çip, düğme, küçük kutu */
  --snt-r-md:14px;      /* kart */
  --snt-r-lg:20px;      /* büyük pano */
  /* gölge ölçeği */
  --snt-sh-0:0 1px 2px rgba(15,15,15,.04);
  --snt-sh-1:0 2px 10px rgba(15,15,15,.05);
  --snt-sh-2:0 14px 34px rgba(136,0,163,.10);
  /* kenarlık */
  --snt-line:1px solid rgba(136,0,163,.11);
  --snt-line-soft:1px solid rgba(15,15,15,.07);
  /* geçiş */
  --snt-ge:.28s cubic-bezier(.2,.7,.3,1);
}

/* ---------- kart ailesi: tek köşe, tek kenarlık, tek gölge ---------- */
.snt-veri__kart,
.snt-cozum__kart,
.snt-hedef__kutu,
.snt-map__kutu,
.snt-circle__kutu,
.snt-info__blok,
.snt-team__kart,
.snt-timeline__kart,
.snt-akordeon__kutu{
  border-radius:var(--snt-r-md);
  transition:box-shadow var(--snt-ge), transform var(--snt-ge), border-color var(--snt-ge);
}
.snt-veri__kart,
.snt-cozum__kart,
.snt-team__kart{
  border:var(--snt-line);
  box-shadow:var(--snt-sh-0);
}
.snt-hedef__kutu,
.snt-map__kutu,
.snt-circle__kutu{
  border:var(--snt-line);
  box-shadow:var(--snt-sh-1);
  border-radius:var(--snt-r-lg);
}
/* kaynaktaki dağınık ışık yerine derli toplu yükselme */
.snt-veri__kart:hover,
.snt-cozum__kart:hover,
.snt-team__kart:hover{
  box-shadow:var(--snt-sh-2);
  border-color:rgba(136,0,163,.24);
  transform:translateY(-3px);
}

/* ---------- okunabilirlik: kart içi gövde metni ---------- */
.snt-veri__metin,
.snt-cozum__metin,
.snt-hedef__govde,
.snt-team__gorev{
  font-size:15.5px;
  line-height:1.72;
  color:var(--kreatus-text-light);
}
.snt-veri__baslik,
.snt-cozum__baslik{
  font-size:19px;
  line-height:1.35;
  letter-spacing:-.01em;
}
/* "1." gibi sıra numaraları gövdeyle karışmasın */
.snt-cozum__no{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:26px;height:26px;border-radius:999px;
  background:var(--kreatus-primary-tint);color:var(--kreatus-primary);
  font-size:13px;font-weight:700;letter-spacing:0;
}

/* ---------- bölüm ritmi ---------- */
/* kaynakta 100px sabitti; geniş ekranda ferah, dar ekranda sıkışıktı */
.snt-pad--normal{padding-block:clamp(56px, 6.2vw, 96px)}
.snt-pad--buyuk{padding-block:clamp(72px, 8vw, 128px)}
.snt-pad--kucuk{padding-block:clamp(34px, 3.6vw, 56px)}
/* art arda gelen aynı zeminli bölümler iki kat boşluk bırakmasın */
.snt-section--white + .snt-section--white{padding-top:0}

/* ---------- başlık ritmi ---------- */
:where(.site-sanatla h1,.site-sanatla .snt-h1){letter-spacing:-.02em}
:where(.site-sanatla h2,.site-sanatla .snt-h2){letter-spacing:-.015em}
:where(.site-sanatla h3){letter-spacing:-.01em}
.snt-intro{margin-bottom:clamp(26px,3vw,40px)}

/* ---------- düğme ve çip ---------- */
.snt-btn{border-radius:var(--snt-r-sm);font-weight:600;
  transition:background-color var(--snt-ge),color var(--snt-ge),border-color var(--snt-ge),transform var(--snt-ge),box-shadow var(--snt-ge)}
.snt-btn--purple{box-shadow:0 2px 10px rgba(136,0,163,.18)}
.snt-btn--purple:hover{box-shadow:0 8px 22px rgba(136,0,163,.26);transform:translateY(-2px)}
.snt-btn--orange{box-shadow:0 2px 10px rgba(255,139,30,.24)}
.snt-btn--orange:hover{box-shadow:0 8px 22px rgba(255,139,30,.3);transform:translateY(-2px)}
.snt-timeline__cip,.snt-post-list__cip{border-radius:999px;transition:all var(--snt-ge)}

/* ---------- görsel ---------- */
.snt-card__media,.snt-timeline__medya,.snt-gallery__oge{border-radius:var(--snt-r-md);overflow:hidden}
.snt-card__img,.snt-timeline__gorsel{transition:transform .7s cubic-bezier(.2,.7,.3,1)}

/* ---------- erişilebilirlik: görünür odak halkası ---------- */
.site-sanatla :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid rgba(136,0,163,.45);
  outline-offset:2px;
  border-radius:6px;
}
/* fareyle tıklamada halka çıkmasın */
.site-sanatla :where(a,button):focus:not(:focus-visible){outline:none}

/* ---------- metin seçimi marka rengiyle ---------- */
.site-sanatla ::selection{background:rgba(136,0,163,.16);color:var(--kreatus-text-strong)}

/* ---------- yumuşak çapa kaydırma ---------- */
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}

/* ---------- mobil nefes payı ---------- */
@media(max-width:640px){
  .snt-veri__kart,.snt-cozum__kart,.snt-team__kart{padding:22px 20px}
  .snt-hedef__kutu,.snt-map__kutu,.snt-circle__kutu{padding:26px 20px;border-radius:var(--snt-r-md)}
  .snt-info__kart{padding:28px 20px}
  .snt-veri__baslik,.snt-cozum__baslik{font-size:18px}
  .snt-intro{margin-bottom:24px}
}

/* ---------- kalan köşe aykırılıkları ---------- */
.snt-akordeon__madde{border-radius:var(--snt-r-sm);overflow:hidden}
.snt-akordeon__madde + .snt-akordeon__madde{margin-top:10px}
.snt-news__kart,.snt-card,.snt-post-card{border-radius:var(--snt-r-md);overflow:hidden}
.snt-post-card,.snt-card,.snt-news__kart{transition:transform var(--snt-ge),box-shadow var(--snt-ge)}
.snt-post-card:hover,.snt-card:hover,.snt-news__kart:hover{transform:translateY(-3px);box-shadow:var(--snt-sh-2)}
/* liste kartlarının başlık altı çizgisi hover'da belirsin, sürekli durmasın */
.snt-post-card__baslik a,.snt-card__title a{text-decoration:none;
  background-image:linear-gradient(currentColor,currentColor);
  background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size var(--snt-ge),color var(--snt-ge)}
.snt-post-card:hover .snt-post-card__baslik a,
.snt-card:hover .snt-card__title a{background-size:100% 1.5px}

/* ---------- akordeon açma düğmesi ---------- */
.snt-akordeon__bas{transition:background-color var(--snt-ge)}
.snt-akordeon__bas:hover{background:rgba(136,0,163,.04)}
.snt-akordeon__arti{transition:transform var(--snt-ge),background-color var(--snt-ge)}
.snt-akordeon__bas[aria-expanded="true"] .snt-akordeon__arti{transform:rotate(45deg)}

/* ---------- liste kartı iç ritmi ---------- */
.snt-post-card__baslik,.snt-card__title{line-height:1.4;letter-spacing:-.005em}
.snt-post-card__tarih,.snt-card__date{
  display:inline-block;margin-top:2px;
  font-size:13px;font-weight:500;color:var(--kreatus-text-light);letter-spacing:.01em}
/* kart ızgarasında kartlar aynı yüksekliğe otursun, tarih hep altta kalsın */
.snt-post-list__izgara>*{display:flex}
.snt-post-card{flex:1 1 auto;display:flex;flex-direction:column}
.snt-post-card__govde{display:flex;flex-direction:column;flex:1 1 auto}
.snt-post-card__tarih{margin-top:auto;padding-top:10px}

/* ---------- veri kartı ızgarası biraz nefes alsın ---------- */
.snt-veri{gap:22px}

/* ---------- galeri ---------- */
.snt-gallery__oge{transition:transform var(--snt-ge),box-shadow var(--snt-ge)}
.snt-gallery__oge:hover{transform:translateY(-3px);box-shadow:var(--snt-sh-2)}
.snt-gallery__gorsel{transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.snt-gallery__oge:hover .snt-gallery__gorsel{transform:scale(1.04)}

/* ---------- zaman çizelgesi: ortak köşe ölçeği ---------- */
.snt-timeline__kart{border-radius:var(--snt-r-md);border:var(--snt-line);box-shadow:var(--snt-sh-0)}
.snt-timeline__oge:hover .snt-timeline__kart{box-shadow:var(--snt-sh-2);border-color:rgba(136,0,163,.24)}

/* ---------- yan panel ---------- */
.snt-panel__govde{border-radius:var(--snt-r-lg) 0 0 var(--snt-r-lg);box-shadow:-24px 0 60px rgba(15,15,15,.18)}
.snt-panel__satir{transition:color var(--snt-ge)}

/* ---------- video oynatıcı ---------- */
.snt-video-grid__oynatici,.snt-video-grid__video{border-radius:var(--snt-r-md)}

/* ---------- ekip kartı ikonu ---------- */
.snt-team__ikon{transition:transform var(--snt-ge),border-color var(--snt-ge),background-color var(--snt-ge)}
.snt-team__kart:hover .snt-team__ikon{transform:scale(1.06);border-color:var(--kreatus-primary)}

/* ---------- görsel yüklenirken zıplama olmasın ---------- */
.site-sanatla img{max-width:100%;height:auto}