/* Video / medya köşe yuvarlatma — site geneli (2026-09-18)
   Tek kaynak: --hc-radius-media (site dili 20 px; ≤600 px'te 14 px). Yüzeyler:
   1) içerikteki YouTube/Vimeo gömmeleri — functions.php hc_wrap_media() → .hc-video (16:9, ortalı)
   2) ana sayfa hero arka plan videosu — bölümün alt köşeleri
   3) ana sayfa YouTube kısa video kartları (#sliderinsta1)
   4) glightbox oynatıcı penceresi
   5) diğer şablonlardaki .videobox kutuları
   Google Maps iframe'leri kapsam dışı. Safari: transformlu çocuk (parallax/hover) köşeden taşmasın diye
   sarmalayıcıda isolation + translateZ(0); clip-path/mask kullanılmadı (gölgeyi keser). */

:root {
  --hc-radius-media: 20px;
  --hc-radius-media-sm: 14px;
  --hc-radius-hero: clamp(18px, 2.4vw, 36px);
}
@media only screen and (max-width: 600px) {
  :root { --hc-radius-media: 14px; --hc-radius-media-sm: 10px; }
}

/* ---------- 1) İçerik gömmeleri ---------- */
.hc-video {
  position: relative; display: block; width: 100%; max-width: 900px; margin: 28px auto;
  aspect-ratio: 16 / 9;
  border-radius: var(--hc-radius-media); overflow: hidden; isolation: isolate; transform: translateZ(0);
  background: #000; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.14);
}
.hc-video > iframe,
.hc-video > video {
  position: absolute; inset: 0; display: block;
  width: 100% !important; height: 100% !important; max-width: none !important;
  border: 0; border-radius: inherit;
}
@supports not (aspect-ratio: 16 / 9) {
  .hc-video { height: 0; padding-bottom: 56.25%; }
}
/* sarılmamış gömmeler (başka şablonlar, ileride eklenenler) */
.content iframe[src*="youtube"],
.content iframe[src*="youtu.be"],
.content iframe[src*="vimeo"],
.content video { max-width: 100%; border-radius: var(--hc-radius-media); }

/* ---------- 2) Ana sayfa hero videosu ---------- */
#home .sect20 {
  border-radius: 0 0 var(--hc-radius-hero) var(--hc-radius-hero);
  overflow: hidden; isolation: isolate;
}
#home .sect20 video { border-radius: inherit; }

/* ---------- 3) Ana sayfa YouTube kısa video kartları ---------- */
#home .sectinsta .slider a.item {
  border-radius: var(--hc-radius-media-sm);
  isolation: isolate; transform: translateZ(0);
}
#home .sectinsta .slider a.item img.back1 { border-radius: inherit; }

/* ---------- 4) glightbox oynatıcı ---------- */
.glightbox-container .gslide-video,
.glightbox-container .gslide-video .gvideo-wrapper { border-radius: var(--hc-radius-media); overflow: hidden; }
.glightbox-container .gslide-video iframe,
.glightbox-container .gslide-video video { border-radius: var(--hc-radius-media); }
.glightbox-container .gslide-video.fullscreen,
.glightbox-container .gslide-video.fullscreen .gvideo-wrapper,
.glightbox-container .gslide-video.fullscreen iframe,
.glightbox-container .gslide-video.fullscreen video { border-radius: 0; }

/* ---------- 5) Diğer şablonlar ---------- */
a.videobox { border-radius: var(--hc-radius-media); overflow: hidden; isolation: isolate; }
a.videobox img { border-radius: inherit; }