/* Referans (vaka) sahnesi: "SD | Tekil Referans" şablonu (Opus tasarım oturumu, 2026-10-18).
   Görünüm Elementor şablonunda; bu dosya yalnız Elementor'un vermediği küçük şeyler:
   (1) Post Content içindeki vaka blokları (.sd-vaka-adim numarası, ekran görüntüsü, videolar, galeri, mobil görünüm),
   (2) boş ACF alanının satırını/kutusunu gizleme (künye satırı, site çipi, teknoloji, yorum, sonuç rakamları).
   Spesifikasyon: tasarim/aktarim/opus/referans-sablon.md · blok örneği: referans-bloklar-e-iao.html · editör kopyası: referans-editor.css.
   UYARI (oturum 6): bu dosyadaki sınıflar sayfa bileşeni değildir; dönüştürücünün sahne taramasından hariç tutulmalı. */

/*== İÇERİK ==*/
/* Adım: numara otomatik (01, 02 …), sitenin dolu kırmızı adım dairesi */
.sd-vaka__govde{counter-reset:sd-adim}
.sd-vaka-adim{position:relative;margin:40px 0 0;padding-left:74px;counter-increment:sd-adim}
.sd-vaka-adim::before{content:counter(sd-adim,decimal-leading-zero);position:absolute;left:0;top:-6px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--g,var(--sd-red));color:#fff;font:800 1rem/1 var(--sd-font)}
.sd-vaka-adim>h2:first-child{margin-top:0}
/* Özet kutusu (core/group.sd-ozet; kutu kurumsal.css'te): ilk paragraf etiket */
.sd-vaka__govde .sd-ozet.sd-ozet>*{max-width:none;margin:0!important}
.sd-vaka__govde .sd-ozet>p:first-child{margin-bottom:8px!important;font:600 .72rem/1 var(--sd-font)!important;letter-spacing:.1em;text-transform:uppercase;color:#3A3F52!important}
.sd-vaka-hizmet-link a{color:var(--sd-red);font-weight:600;text-decoration:none}
.sd-vaka-hizmet-link a:hover{text-decoration:underline;text-underline-offset:3px}

/* Masaüstü ekran görüntüsü */
.sd-vaka-ekran{margin:28px 0;border-radius:14px;overflow:clip;background:#fff;box-shadow:var(--sd-shadow-card)}
.sd-vaka-ekran img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.sd-vaka-ekran figcaption{margin:0;padding:12px 16px;font-size:.875rem;text-align:left;color:#3A3F52}

/* Videolar: referans.js YouTube gömmelerini sitenin video kartına (.sd-vcard--sm) çevirir; JS yoksa gömme oynatıcı */
.sd-vaka-videolar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0}
.sd-vaka-videolar .wp-block-embed{margin:0}
.sd-vaka-videolar .sd-vcard{width:100%;margin:0}
.sd-vaka-videolar .wp-block-embed iframe{width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:14px}
.sd-vaka-videolar .wp-block-embed figcaption{margin:6px 0 0;font-size:.8125rem;color:#3A3F52}

/* Galeri (core/gallery): sitenin polaroid kartları */
.sd-vaka-galeri.wp-block-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0 10px;align-items:start}
.sd-vaka-galeri.wp-block-gallery>.wp-block-image{width:auto!important;margin:0;padding:10px 10px 14px;background:#fff;border-radius:4px;box-shadow:var(--sd-shadow-polaroid);rotate:-2deg;transition:rotate .5s var(--sd-ease-out)}
.sd-vaka-galeri.wp-block-gallery>.wp-block-image:nth-child(even){rotate:1.5deg}
.sd-vaka-galeri.wp-block-gallery>.wp-block-image:hover{rotate:0deg}
.sd-vaka-galeri.wp-block-gallery>.wp-block-image img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.sd-vaka-galeri.wp-block-gallery figcaption{position:static;margin:8px 0 0;padding:0;background:none;color:var(--sd-navy);font:600 .8125rem/1.3 var(--sd-font);text-align:center}

/* Mobil görünüm (core/media-text): telefonda kaydırılan video + açıklama */
.sd-vaka-mobil.wp-block-media-text{grid-template-columns:auto minmax(0,1fr)!important;gap:26px;margin:26px 0;align-items:center}
/* JS'siz yedek görünüm; referans.js videoyu bugünkü telefon (.sd-phone) ya da dikey video (.sd-vf--tall) çerçevesine alır */
.sd-vaka-mobil .wp-block-media-text__media>video,.sd-vaka-mobil .wp-block-media-text__media>img{max-width:260px;border:8px solid var(--sd-navy);border-radius:32px;background:var(--sd-navy)}
body .elementor .sd-vaka-mobil .sd-phone{height:420px;width:auto;max-width:100%}   /* bugünkü vaka sayfasıyla aynı: 420 px yükseklik, 9:19 */
.sd-vaka-mobil .wp-block-media-text__content{padding:0}

@media (max-width:720px){
  .sd-vaka-adim{padding-left:0}
  .sd-vaka-adim::before{position:static;margin-bottom:12px}
  .sd-vaka-videolar,.sd-vaka-galeri.wp-block-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-vaka-mobil.wp-block-media-text{grid-template-columns:minmax(0,1fr)!important}
  .sd-vaka-mobil .wp-block-media-text__media:has(.sd-vf){display:flex;justify-content:center}   /* dikey video: %112 kapak ekran dışına taşmasın */
}
/*== /İÇERİK ==*/

/*== ŞABLON ==*/
/* Künye satırı: etiket üstte, değer altta (renk ve tipografi Heading widget ayarlarında) */
.sd-kunye-satir{display:grid;gap:12px;margin:0 0 10px}
/* Boş ACF alanı → satır/kutu basılmaz (Elementor değeri boş Heading'i hiç yazmaz) */
.sd-kunye-satir:not(:has(.sd-kunye-deger .elementor-heading-title)),
.sd-vaka-url:not(:has(.elementor-heading-title)),
.sd-vaka-teknoloji:not(:has(.sd-vaka-teknoloji__deger .elementor-heading-title)),
.sd-vaka-yorum:not(:has(.sd-vaka-yorum__metin .elementor-heading-title)),
.sd-vaka-rakam:not(:has(.sd-vaka-rakam__deger .elementor-heading-title)){display:none}
/* Site çipi: kilit simgesi */
.sd-vaka-url .elementor-heading-title::before{content:"";width:13px;height:13px;flex:none;background:var(--sd-red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E") center/contain no-repeat}
/* Yorum metni tırnakla */
.sd-vaka-yorum__metin .elementor-heading-title::before{content:"\201C"}.sd-vaka-yorum__metin .elementor-heading-title::after{content:"\201D"}
/* Sonuç rakamları (künye kartının altında, ikili) */
.sd-vaka-rakamlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 18px}
/*== /ŞABLON ==*/