/* ==========================================================================
   Meridyen — home-soft.css  ·  "V4 Soft" İKİNCİ GÖRÜNÜM
   ?v4=1 ile yüklenir, body.skin-soft kapsamında uygulanır.
   Mevcut görünüm KORUNUR (bu dosya yalnız soft skin'de devreye girer).
   Font: Meridyen'in kendi fontu (Plus Jakarta Sans) — DEĞİŞMEZ.
   İlke: kart border'ları → geniş-blur yumuşak gölge (div sonunda KESİN KENAR yok).
   ========================================================================== */

/* ---- Token override (logo paleti + yuvarlak + yumuşak gölge) ---- */
body.skin-soft{
  --navy:#2b3d66; --navy-700:#34467a; --navy-900:#1a2742; --navy-50:#eaedf5;
  --red:#ca2628;  --red-600:#a81f21;
  --yellow:#f0a92b;
  --ink:#1d2230;  --muted:#6b7180; --line:#e8e5dd; --line-2:#efece4;
  --bg:#f5f3ee;   --bg-soft:#ffffff; --bg-3:#eeeae1; --bg-navy:#2b3d66;
  --radius-sm:12px; --radius:16px; --radius-lg:22px; --radius-xl:30px;
  /* geniş blur + negatif spread → gölge yumuşak biter, sert hat oluşmaz */
  --shadow-sm:0 14px 34px -22px rgba(43,61,102,.22);
  --shadow:0 24px 54px -28px rgba(43,61,102,.26);
  --shadow-lg:0 38px 84px -40px rgba(43,61,102,.34);
  /* DÜZ sıcak — washsız. Header/body/hero/section hepsi AYNI renk → hiçbir yerde renk basamağı yok. */
  background:var(--bg);
}

/* ============================================================
   SOLDAN YAPIŞMA FIX — yatay kaydırmalı tüm şeritler
   scroll-snap (mandatory/start) yüklemede ilk kartı snapport başına (gutter'ı
   saymadan = sol kenara) zorla yapıştırıyordu. scroll-padding-inline ile snapport'u
   gutter kadar içeri al → ilk kart artık gutter'da (metinle hizalı), yapışma yok.
   ============================================================ */
body.skin-soft :is(.programs__grid,.uni-dest__list,.m-altrows,.m-country__tabs){
  scroll-padding-inline:var(--gutter);
}

/* ---- Sıcak/ferah zemin; hero arka planı body'den akar (aşağıda transparent) ---- */

/* ---- KESİN KENAR yok: bordered kartlar → şeffaf kenar + yumuşak gölge ---- */
body.skin-soft :is(.hero__card,.hero-search__card,.content-slogan,.m-cards__item,
  .m-altrows__item,.post-card a,.faq-item,.service-card a,.ik-card,
  .m-logos__item:not(.m-logos__item--photo)){
  border-color:transparent !important;
  box-shadow:var(--shadow-sm);
  background:#fff;
}
body.skin-soft .m-cards__item::before{ display:none; }            /* sert renkli üst şerit kalksın */
body.skin-soft .hero__card-foot{ border-top-color:rgba(43,61,102,.10); }
body.skin-soft .hero__card-rating{ border-color:transparent; background:var(--navy-50); box-shadow:none; }

/* ---- Yumuşak, akışkan hover kalkışı ---- */
body.skin-soft :is(.m-cards__item,.m-altrows__item,.post-card a,.service-card a,.m-logos__item,.hero__card){
  transition:transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s;
}
body.skin-soft :is(.m-cards__item,.m-altrows__item,.post-card a,.service-card a):hover{
  transform:translateY(-4px); box-shadow:var(--shadow); border-color:transparent !important;
}

/* ---- Butonlar → tam pill + yumuşak gölge ---- */
body.skin-soft .btn{ border-radius:var(--radius-pill); }
body.skin-soft .btn--primary{ box-shadow:0 16px 32px -16px rgba(43,61,102,.50); }

/* ---- Başlık aksan çizgisi yuvarlak, görseller daha yuvarlak ---- */
body.skin-soft .content-section__rule{ height:5px; border-radius:999px; }
body.skin-soft :is(.program-card,.m-logos__item--photo,.m-grid__item--photo,
  .m-country__media,.uni-dest__media,.m-cards__item,.post-card a){ border-radius:var(--radius-xl); }
body.skin-soft .moments__collage li{ border-radius:var(--radius-lg); }

/* ---- FAQ → yumuşak beyaz kart, açıkken yumuşak gölge ---- */
body.skin-soft .faq-item{ background:#fff; }
body.skin-soft .faq-item[open]{ box-shadow:var(--shadow); }
body.skin-soft .faq-item>summary::after{ background-color:var(--bg-3); }

/* ---- Ülke seçici sekmeleri → yumuşak pill ---- */
body.skin-soft .m-country__tab{ border-color:transparent; background:#fff; box-shadow:var(--shadow-sm); }
body.skin-soft .m-country__tab.is-active{ background:var(--navy); box-shadow:none; }

/* ---- content-slogan & üniversite başlık çizgisi yumuşat ---- */
body.skin-soft .content-slogan{ background:#fff; }
body.skin-soft .uni-dest__region{ border-bottom-color:var(--line); }

/* ---- Header yumuşak ---- */
body.skin-soft .site-header{ box-shadow:0 10px 30px -22px rgba(43,61,102,.30); }

/* ---- Mobil dokunma alanı: butonlar zaten pill, gölgeler hafifler ---- */
@media (max-width:600px){
  body.skin-soft{ --shadow-sm:0 10px 26px -18px rgba(43,61,102,.18); --shadow:0 18px 42px -24px rgba(43,61,102,.22); }
}

/* ============================================================
   ÜST MENÜ → V4 yüzen pill nav (navy üst bant kalkar). Yardımcı linkler
   (BLOG/İLETİŞİM/KURUMSAL/ENGLISH) artık sol dikey ray'da (core.css .side-nav);
   soft palet token'ları (muted/navy) otomatik uygulanır, ek kural gerekmez.
   ============================================================ */
/* Header: ÜST opak warm (body ile birebir aynı renk) → ALTA doğru şeffaflaşır.
   Body düz warm olduğundan opak kısım da, şeffaf kısmın arkasındaki içerik/hero de aynı warm.
   → scroll=0'da hiç kenar yok; kaydırınca içerik bu warm bandın altına girip yumuşakça çıkar. Blur YOK. */
body.skin-soft .site-header{
  background:linear-gradient(180deg, #f5f3ee, #f5f3ee 78%, rgba(245,243,238,0));
  box-shadow:none; padding:1.25rem clamp(.7rem,2.5vw,1.6rem) 1.5rem;
}
/* V4 beyaz yüzen pill nav (geri getirildi). Asıl "mavi gölge" sorunu hero__bg navy
   glow'uydu; o kapatıldı. Pill solid beyaz + yumuşak gölge (blur YOK → mavi bant riski yok). */
body.skin-soft .mainbar__inner{
  background:#fff; border-radius:var(--radius-pill);
  box-shadow:0 12px 32px -16px rgba(43,61,102,.18);
  min-height:62px;
}
/* Header düzeni: logo (sol) · menü (MUTLAK ORTALI) · aksiyonlar (sağ) */
body.skin-soft .mainbar__inner{ position:relative; }
body.skin-soft .mainbar__nav{
  flex:1 1 auto; min-width:0; display:flex; align-items:center; justify-content:center;
}
body.skin-soft .header-actions{ margin-left:0; }
/* Logo — iki görsel üst üste biner; her biri 5 sn görünür, sonra transform ile yer değiştirir. */
body.skin-soft .mainbar .logo{
  position:relative; z-index:5; display:grid; align-items:center; justify-items:start;
  gap:0; margin:0 .8rem; padding:0; background:none; box-shadow:none; transform:none;
}
body.skin-soft .mainbar .logo:hover{ transform:none; box-shadow:none; }
body.skin-soft .mainbar .logo > img{
  grid-area:1 / 1;
  animation-duration:10s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
  will-change:opacity,transform;
}
body.skin-soft .mainbar .logo__main{
  width:auto; height:35px;
  animation-name:soft-logo-main;
}
body.skin-soft .mainbar .logo__year{
  width:auto; height:35px;
  animation-name:soft-logo-year;
}
@keyframes soft-logo-main{
  0%,45%{ opacity:1; transform:translate3d(0,0,0) scale(1); }
  50%,95%{ opacity:0; transform:translate3d(0,-10px,0) scale(.96); }
  100%{ opacity:1; transform:translate3d(0,0,0) scale(1); }
}
@keyframes soft-logo-year{
  0%,45%{ opacity:0; transform:translate3d(0,10px,0) scale(.96); }
  50%,95%{ opacity:1; transform:translate3d(0,0,0) scale(1); }
  100%{ opacity:0; transform:translate3d(0,-10px,0) scale(.96); }
}
@media (prefers-reduced-motion:reduce){
  body.skin-soft .mainbar .logo > img{ animation:none; transform:none; }
  body.skin-soft .mainbar .logo__main{ opacity:1; }
  body.skin-soft .mainbar .logo__year{ opacity:0; }
}
body.skin-soft .primary-nav .menu>li>a{ text-transform:none; font-size:.80rem; letter-spacing:0; border-radius:var(--radius-pill); padding:.48rem .7rem; }
/* Orta genişlik (1280–1460): büyük logo + 9 menü öğesi + Bilgi Al sığsın diye
   logo/menü biraz küçülür (çakışma yok). ≥1460'ta tam boy. */
@media (min-width:1280px) and (max-width:1520px){
  body.skin-soft .primary-nav .menu>li>a{ font-size:.75rem; padding-inline:.26rem; }
}
/* En dar desktop / yüksek-DPI ölçekleme (1280–1370): öğeler ÜST ÜSTE BİNMESİN diye
   logo+menü en kompakt; nav öğeleri kırpılmadan tek satırda sığar. */
@media (min-width:1280px) and (max-width:1370px){
  body.skin-soft .primary-nav .menu>li>a{ font-size:.7rem; padding-inline:.18rem; }
  body.skin-soft .mainbar__nav{ gap:0; }
}
/* Mobil/tablet (<1280, desktop nav gizli): logo DÜZ — beyaz çember/scale yok */
@media (max-width:1279px){
  body.skin-soft .mainbar .logo{ background:none; box-shadow:none; transform:none; padding:0; margin:0 .35rem 0 0; }
  body.skin-soft .mainbar .logo:hover{ transform:none; box-shadow:none; }
}
body.skin-soft .primary-nav .menu>li>a:hover,
body.skin-soft .primary-nav .menu>li.current-menu-item>a{ background:var(--navy-50); color:var(--navy); }
/* Bilgi Al — logo ile simetri için biraz daha iri */
body.skin-soft .header-cta{ box-shadow:0 14px 28px -14px rgba(202,38,40,.5); font-size:.94rem; }

/* ============================================================
   DESKTOP MEGA MENÜ — TAM GENİŞLİK (kenardan kenara), kaydırmasız.
   Yapı walker'dan (inc/mega-menu.php): panel = sol kapak kartı
   (.mega__feature: kategori görseli + başlık + açıklama + CTA) + sağda
   .mega__groups-inner grup kolonları. Çok dolu menüler zengin, az dolu
   menüler de tam genişlikle boş durmaz. Tüm linkler DOM'da → SEO güvenli.
   Bileşen iskeleti core.css'te (.mega__*); burada soft palet + tam genişlik.
   ============================================================ */
body.skin-soft .primary-nav .menu>li>.sub-menu.mega__panel{
  position:fixed; top:var(--mega-top,78px); left:0; right:0; z-index:60;
  width:auto; min-width:0; max-width:none;
  display:flex; align-items:stretch; gap:2.4rem;
  padding:1.85rem max(1.25rem,calc((100% - 1480px)/2)) 2rem;
  max-height:min(80vh,660px); overflow:auto; overscroll-behavior:contain;
  background:#fff; border:0; border-top:1px solid var(--line); border-radius:0;
  box-shadow:0 26px 44px -26px rgba(13,21,48,.32);
}
/* Sol kapak kartı — soft köşe yuvarlama (görsel+degrade+metin core.css'te). */
body.skin-soft .mega__feature{ flex:0 0 clamp(240px,20vw,296px); border-radius:var(--radius-lg); }

/* Sağ: grup kolonları */
body.skin-soft .mega__groups{ flex:1 1 auto; min-width:0; }
body.skin-soft .mega__groups-inner{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:1.9rem 2.8rem; margin:0; padding:0; list-style:none; }
body.skin-soft .mega__groups-inner>li{ flex:1 1 220px; min-width:0; }
/* Grup başlığı — kırmızı alt vurgu (soft imzası) */
body.skin-soft .mega__groups-inner>li>a{
  display:inline-flex; align-items:center; position:relative;
  font-size:.8rem; font-weight:800; letter-spacing:.005em; text-transform:none;
  color:var(--navy); border:0; padding:0 0 .62rem; margin:0 0 .82rem; white-space:nowrap;
}
body.skin-soft .mega__groups-inner>li>a::after{ content:""; position:absolute; left:0; bottom:0; width:24px; height:3px; border-radius:3px; background:var(--red); }
body.skin-soft .mega__groups-inner>li>a:hover{ color:var(--red); }
/* Link listesi — ≥5 öğe 2 alt-kolon; nokta imli, hover pill (soft). */
body.skin-soft .mega__groups-inner>li>.sub-menu{ columns:1; }
body.skin-soft .mega__groups-inner>li>.sub-menu:has(>li:nth-child(5)){ columns:2; column-gap:2rem; }
body.skin-soft .mega__groups-inner>li>.sub-menu>li{ break-inside:avoid; }
body.skin-soft .mega__groups-inner>li>.sub-menu a{
  display:block; position:relative; padding:.42rem 1rem .42rem .7rem; margin-bottom:.04rem;
  font-size:.82rem; font-weight:500; color:var(--muted);
  white-space:normal; line-height:1.4; letter-spacing:0; text-transform:none;
  border-radius:var(--radius-sm); transition:color var(--dur) var(--ease),background var(--dur) var(--ease);
}
body.skin-soft .mega__groups-inner>li>.sub-menu a::before{
  content:""; position:absolute; left:.1rem; top:.92em; width:0; height:5px; border-radius:50%;
  background:var(--red); transition:width var(--dur) var(--ease);
}
body.skin-soft .mega__groups-inner>li>.sub-menu a:hover{ color:var(--navy); background:var(--navy-50); }
body.skin-soft .mega__groups-inner>li>.sub-menu a:hover::before{ width:5px; }
/* Açık kategori → top-level pill navy dolu (hangi panelin açık olduğu net) */
body.skin-soft .primary-nav .menu>li.menu-item-has-children:hover>a,
body.skin-soft .primary-nav .menu>li.menu-item-has-children:focus-within>a{ background:var(--navy); color:#fff; }

/* ============================================================
   SERT RENK GEÇİŞLERİNİ KALDIR — her şey sıcak zemin, kartlar yüzer
   ============================================================ */
/* Hero TAMAMEN şeffaf → body ambiyansı kesintisiz akar; hero başlangıç/bitiş kenarı yok */
body.skin-soft .hero{ border-bottom:0; background:transparent; }
/* GERÇEK "mavi gölge" kaynağı: .hero__bg içindeki navy radial glow (rgba(28,44,143,.12) @ sağ üst),
   hero üst kenarında kesilip keskin mavi bant yapıyordu → tamamen kapat. */
body.skin-soft .hero__bg{ display:none; }
body.skin-soft .content-section--soft{ background:transparent; }   /* beyaz bantlar kalkar → yatay sert çizgi yok */
body.skin-soft .hero-search{ background:transparent; border-bottom:0; }

/* Mobil sabit action bar → yüzen yumuşak (sert üst kenar yok) */
body.skin-soft .actionbar{ border-top:0; background:#fff;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  box-shadow:0 -12px 34px -18px rgba(43,61,102,.30); }

/* ============================================================
   FOOTER → premium NAVY kart: sayfayı toparlayan koyu zemin, üstü yuvarlak +
   yumuşak gölge (warm bg üzerinde kart gibi → sert bant yok). Marka bölgesi +
   akreditasyon için beyaz iç kart.
   ============================================================ */
body.skin-soft .site-footer{
  background:linear-gradient(168deg, var(--navy), var(--navy-900));
  color:#c5cbea;
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  box-shadow:0 -38px 84px -48px rgba(43,61,102,.5);
  margin-top:var(--sp-7);
}
body.skin-soft .site-footer a{ color:#fff; }
body.skin-soft .site-footer a:hover{ color:var(--yellow); }
/* Sol kolon: marka (üst) + şubeler (alt) dikey yığın */
body.skin-soft .footer-top__left{ display:grid; align-content:start; gap:var(--sp-5); }
/* Marka bölgesi — logo mührü + slogan (artık sol kolonun üstü; üst boşluğu grid sağlar) */
body.skin-soft .footer-brand{
  display:flex; align-items:center; gap:1.3rem; flex-wrap:wrap;
  padding-bottom:1.5rem;
  border-bottom:1px solid rgba(255,255,255,.1);
}
body.skin-soft .footer-logo{
  display:inline-flex; align-items:center; flex:none;
  padding:0; background:none; border-radius:0; box-shadow:none;
}
body.skin-soft .footer-logo .logo__main{ width:auto; height:40px; filter:brightness(0) invert(1); }
body.skin-soft .footer-logo .logo__year{ display:none; }
body.skin-soft .footer-brand__tag{ flex:1 1 300px; margin:0; color:#aeb5dd; font-size:1.02rem; line-height:1.45; }
/* Şubeler / sosyal / menüler — navy üstünde açık metin */
body.skin-soft .footer-branches__title{ color:#fff; }
body.skin-soft .footer-branches__count{ color:var(--yellow); }
body.skin-soft .footer-branch a{ color:#c5cbea; }
body.skin-soft .footer-branch a:hover{ color:var(--yellow); }
body.skin-soft .footer-branch a .mrd-icon{ color:rgba(255,255,255,.32); }
body.skin-soft .footer-branch a:hover .mrd-icon{ color:var(--yellow); }
body.skin-soft .footer-branch__hq{ background:var(--yellow); color:var(--navy-900); }
body.skin-soft .footer-branches__all{ color:#fff; }
body.skin-soft .footer-branches__all:hover{ color:var(--yellow); }
/* #ELTBenimle logosu: navy zeminli görsel → kare gölge/kutu YOK, footer'a kaynaşır */
body.skin-soft .footer-social__promo img{ box-shadow:none; border-radius:0; }
body.skin-soft .footer-social__icons a{ opacity:.72; }
body.skin-soft .footer-social__icons img{ box-shadow:none; }
body.skin-soft .footer-social__icons a:hover{ opacity:1; transform:translateY(-3px); }
body.skin-soft .footer-menus{ border-top-color:rgba(255,255,255,.1); }
body.skin-soft .footer-menu-col__title{ color:#fff; }
body.skin-soft .footer-menu a{ color:#a7aed6; }
/* Akreditasyon — navy footer üstünde BEYAZ yuvarlak iç kart (renkli logolar okunur) */
body.skin-soft .footer-accred{ background:transparent; border-top:0; padding-block:.4rem 1.8rem; }
body.skin-soft .footer-accred .container{
  background:#fff; border-radius:var(--radius-lg);
  box-shadow:0 26px 54px -32px rgba(0,0,0,.5);
  padding-inline:clamp(1.4rem,3vw,2.4rem);
}
body.skin-soft .footer-accred__title{ color:var(--muted); }
body.skin-soft .footer-bottom{ border-top-color:rgba(255,255,255,.1); }
body.skin-soft .footer-copyright{ color:#878fc2; }

/* ============================================================
   İÇ ŞABLONLAR (landing/detay/iletişim/blog) soft cilası
   ============================================================ */
/* Cover (landing hero band) → açık tipografik kapak (home.css) soft'ta da geçerli;
   navy band override'ı kaldırıldı. Yalnız görsel kartına ekstra yumuşaklık. */
body.skin-soft .cover__figure{ box-shadow:0 28px 56px -30px rgba(43,61,102,.55); }
/* Sol-sabit indeks (detay sayfası) → yumuşak kart */
body.skin-soft .solsabit__nav, body.skin-soft .sticky-index, body.skin-soft .toc{ border-color:transparent; }
/* Blog: öne çıkan görsel + içerik kartları yumuşak */
body.skin-soft .entry__thumb{ box-shadow:var(--shadow); }
body.skin-soft :is(.entry-card,.blog-card,.archive-card) a{ border-color:transparent; box-shadow:var(--shadow-sm); }
/* İletişim form/harita yumuşak */
body.skin-soft .contact-map :is(iframe,img){ box-shadow:var(--shadow-sm); }

/* ============================================================
   Üniversite destinasyonları → mobilde YATAY şerit + GÖRÜNÜR 3-satır açıklama
   (SEO: metin gizlenmez; bölgeye göre gruplu şeritler)
   ============================================================ */
@media (max-width:720px){
  body.skin-soft .uni-dest__list{ display:flex; grid-template-columns:none; overflow-x:auto;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;
    gap:.7rem; margin-inline:calc(-1 * var(--gutter)); padding:.2rem var(--gutter) .6rem; }
  body.skin-soft .uni-dest__list::-webkit-scrollbar{ display:none; }
  body.skin-soft .uni-dest__item{ flex:0 0 76%; max-width:272px; min-width:0; scroll-snap-align:start; }
  body.skin-soft .uni-dest__link{ flex-direction:column; gap:.55rem; padding:0; }
  body.skin-soft .uni-dest__media{ width:100%; max-width:none; aspect-ratio:16/10; }
  body.skin-soft .uni-dest__body{ padding:0 .15rem; gap:.3rem; }
  body.skin-soft .uni-dest__name{ font-size:1.05rem; }
  body.skin-soft .uni-dest__desc{ display:-webkit-box; -webkit-line-clamp:3; min-height:4.1em; }
  body.skin-soft .uni-dest__go{ display:inline-flex; opacity:1; transform:none; }
}

/* ============================================================
   Kampanyalı dil okulları → mobilde YATAY kaydırmalı şerit
   (üniversite grid'ini TEKRAR ETMEZ — farklı dil)
   ============================================================ */
@media (max-width:600px){
  body.skin-soft .m-altrows{ display:flex; grid-template-columns:none; overflow-x:auto;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none;
    gap:.7rem; margin-inline:calc(-1 * var(--gutter)); padding:.2rem var(--gutter) .7rem; }
  body.skin-soft .m-altrows::-webkit-scrollbar{ display:none; }
  body.skin-soft .m-altrows>li{ flex:0 0 74%; max-width:265px; min-width:0; scroll-snap-align:start; }
  body.skin-soft .m-altrows__item{ height:100%; flex-direction:column; align-items:stretch; gap:.6rem; padding:.55rem; }
  body.skin-soft .m-altrows__img{ width:100%; height:142px; border-radius:var(--radius); }
  body.skin-soft .m-altrows__desc{ -webkit-line-clamp:3; min-height:3.95em; }  /* 3 satır, kartlar hizalı; metin DOM'da tam (SEO) */
  body.skin-soft .m-altrows__item::after{ display:none; }
}

/* M3 — Sertifika sayfası: altrows mobilde yatay-şerit (kenardan kesik carousel) yerine
   düz tek-kolon kart yığını -> diğer landing'lerle tutarlı, kesilme/affordance sorunu yok. */
@media (max-width:600px){
  body.skin-soft.page-template-page-sertifika .m-altrows{
    display:grid; grid-template-columns:1fr; gap:.9rem;
    margin-inline:0; padding-inline:0; overflow:visible; scroll-snap-type:none; }
  body.skin-soft.page-template-page-sertifika .m-altrows>li{ flex:none; width:auto; max-width:none; }
}

/* Footer marka: mobilde logo + slogan yan yana kalsın (soft skin wrap'ini kapat) */
@media (max-width:768px){
  body.skin-soft .footer-brand{ flex-wrap:nowrap; gap:1rem; }
  body.skin-soft .footer-brand__tag{ flex:1 1 auto; font-size:.9rem; }
}