/* KKA — proje sayfası şablonu (panelden beslenen project.html)
   Tasarım referansı: tam ekran galeri + büyük başlık + açıklama + künye.
   Boyutlar "Site görünüm ayarları"ndaki --cms-* değişkenlerine bağlıdır. */
:root{
  --ef-ink:#111;
  --ef-muted:#666;
  --ef-line:rgba(17,17,17,.22);
  --ef-bg:#fff;
  --ef-stage:#f2f2f0;
  --ef-pad:clamp(18px,2.3vw,42px);
  --ef-header:76px;
  --ef-tools:60px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{background:var(--ef-bg);scroll-behavior:smooth}
body.ef-page{margin:0;background:var(--ef-bg);color:var(--ef-ink);font-family:'DM Sans',Arial,Helvetica,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.ef-page a{color:inherit}

/* Header */
.ef-header{height:var(--ef-header);padding:0 var(--ef-pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--ef-line);background:var(--ef-bg);position:relative;z-index:20}
.ef-brand{font-weight:800;font-size:26px;letter-spacing:-.06em;text-decoration:none}
.ef-back{font-size:13px;text-decoration:none}
.ef-lang{justify-self:end;border:0;background:none;font:inherit;font-size:13px;cursor:pointer;padding:10px;color:inherit}
.ef-back:hover,.ef-lang:hover{opacity:.6}

.ef-status{padding:var(--ef-pad);font-size:15px;color:var(--ef-muted)}

/* Slider */
.ef-slider{height:calc(100svh - var(--ef-header) - var(--ef-tools));min-height:480px;position:relative;background:var(--ef-stage);overflow:hidden}
.ef-slide{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:opacity .18s ease}
.ef-slider[data-fit="cover"] .ef-slide{object-fit:cover}
.ef-slider.is-changing .ef-slide{opacity:.25}
.ef-arrow{position:absolute;z-index:3;top:0;bottom:0;width:12%;min-width:72px;border:0;background:transparent;color:var(--ef-ink);font:inherit;font-size:clamp(34px,4vw,70px);font-weight:300;cursor:pointer;opacity:.78;transition:opacity .2s,background .2s}
.ef-arrow:hover{opacity:1;background:rgba(255,255,255,.18)}
.ef-arrow:focus-visible{outline:2px solid var(--ef-ink);outline-offset:-4px;opacity:1}
.ef-prev{left:0;text-align:left;padding-left:var(--ef-pad)}
.ef-next{right:0;text-align:right;padding-right:var(--ef-pad)}
.ef-counter{position:absolute;z-index:4;left:var(--ef-pad);bottom:18px;max-width:calc(100% - 2 * var(--ef-pad) - 140px);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:9px 12px;font-size:12px;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Araç çubuğu: açıklama · tüm görseller · tam ekran */
.ef-tools{height:var(--ef-tools);padding:0 var(--ef-pad);display:flex;justify-content:flex-end;align-items:center;gap:6px;background:var(--ef-bg)}
.ef-tool{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:#777;cursor:pointer;text-decoration:none;transition:color .2s}
.ef-tool:hover,.ef-tool:focus-visible{color:var(--ef-ink)}
.ef-tool:focus-visible{outline:2px solid var(--ef-ink);outline-offset:-2px}
.ef-slider:fullscreen{height:100vh;min-height:0;width:100vw}
.ef-slider.is-expanded{position:fixed;inset:0;z-index:60;height:100dvh;min-height:0}
body.ef-lock{overflow:hidden}

/* Tüm görseller (grid) */
.ef-grid{position:fixed;inset:0;z-index:70;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;padding:calc(var(--ef-pad) + 56px) var(--ef-pad) var(--ef-pad)}
.ef-grid-close{position:fixed;top:14px;right:calc(var(--ef-pad) - 6px);width:48px;height:48px;border:0;background:none;font:inherit;font-size:40px;font-weight:300;line-height:1;cursor:pointer;color:var(--ef-ink);z-index:2}
.ef-grid-items{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.2vw,22px)}
.ef-thumb{display:block;padding:0;border:0;background:#f2f2f0;cursor:pointer;aspect-ratio:16/10;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.08);opacity:.78;transition:opacity .2s,transform .2s}
.ef-thumb:hover,.ef-thumb:focus-visible,.ef-thumb.is-current{opacity:1}
.ef-thumb:hover{transform:translateY(-2px)}
.ef-thumb:focus-visible{outline:2px solid var(--ef-ink);outline-offset:2px}
.ef-thumb img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}
@media (max-width:1100px){.ef-grid-items{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){.ef-grid-items{grid-template-columns:repeat(2,1fr)}}

/* İçerik */
.ef-content{padding:clamp(var(--cms-section-min,64px),var(--cms-section-vw,8vw),var(--cms-section-max,132px)) var(--ef-pad) 0;scroll-margin-top:0}
.ef-title{font-size:clamp(calc(var(--cms-page-title-min,48px)*var(--ef-title-scale,1)),calc(var(--cms-page-title-vw,8vw)*var(--ef-title-scale,1)),calc(var(--cms-page-title-max,128px)*var(--ef-title-scale,1)));line-height:.92;letter-spacing:-.07em;font-weight:600;max-width:14ch;margin:0 0 clamp(72px,11vw,170px);overflow-wrap:anywhere}

.ef-description-grid{display:grid;grid-template-columns:minmax(170px,1fr) minmax(280px,720px) minmax(0,1fr);gap:clamp(24px,5vw,90px);align-items:start}
.ef-description-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;position:sticky;top:28px}
.ef-description{grid-column:2;font-size:clamp(calc(var(--cms-body-min,18px)*var(--ef-body-scale,1)),calc(var(--cms-body-vw,1.42vw)*var(--ef-body-scale,1)),calc(var(--cms-body-max,24px)*var(--ef-body-scale,1)));line-height:1.55;letter-spacing:-.018em}
.ef-description p{margin:0 0 1.5em}
.ef-description p.is-statement{font-size:1.18em;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin-top:2.5em}
.ef-description p.is-statement:first-child{margin-top:0}
.ef-description p.is-note{font-size:.86em;color:#555}
.ef-description a,.ef-meta-value a{text-decoration:underline;text-underline-offset:.18em}
.ef-description a:hover,.ef-meta-value a:hover{opacity:.6}

/* Künye */
.ef-meta{margin-top:clamp(96px,14vw,220px);border-top:1px solid var(--ef-line)}
.ef-meta-row{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:30px;padding:20px 0;border-bottom:1px solid var(--ef-line);font-size:clamp(15px,1.2vw,19px);line-height:1.4}
.ef-meta-label{color:var(--ef-muted)}
.ef-meta-value{max-width:980px}

.ef-footer{margin-top:100px;padding:30px 0 42px;display:flex;justify-content:space-between;align-items:flex-end}
.ef-footer strong{font-size:28px}
.ef-footer a{font-size:13px;text-decoration:none}

@media (max-width:760px){
  :root{--ef-header:66px;--ef-tools:52px}
  .ef-header{grid-template-columns:auto 1fr auto}
  .ef-back{justify-self:center}
  .ef-slider{height:72svh;min-height:430px}
  .ef-arrow{width:22%;min-width:56px;font-size:38px}
  .ef-prev{padding-left:16px}
  .ef-next{padding-right:16px}
    .ef-counter{max-width:calc(100% - 2 * var(--ef-pad))}
  .ef-content{padding-top:72px}
  .ef-title{font-size:clamp(calc(var(--cms-mobile-title,43px)*var(--ef-title-scale,1)),calc(14vw*var(--ef-title-scale,1)),calc(72px*var(--ef-title-scale,1)));max-width:11ch;margin-bottom:90px}
  .ef-description-grid{display:block}
  .ef-description-label{position:static;margin-bottom:38px}
  .ef-description{font-size:calc(var(--cms-mobile-body,18px)*var(--ef-body-scale,1))}
  .ef-meta{margin-top:96px}
  .ef-meta-row{grid-template-columns:1fr;gap:7px;padding:17px 0}
  .ef-meta-value{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ef-slide,.ef-arrow{transition:none}
}

/* V8.11 – panelden seçilen başlık / açıklama yeri */
html[data-ef-title-align="center"] .ef-title{margin-left:auto;margin-right:auto;text-align:center}
html[data-ef-title-align="right"] .ef-title{margin-left:auto;text-align:right}
@media (min-width:761px){
  html{--ef-cols:minmax(170px,1fr) minmax(280px,720px) minmax(0,1fr);--ef-desc-col:2}
  html[data-ef-body-pos="left"]{--ef-cols:minmax(170px,260px) minmax(280px,720px) minmax(0,1fr)}
  html[data-ef-body-pos="right"]{--ef-cols:minmax(170px,1fr) minmax(0,1fr) minmax(280px,720px);--ef-desc-col:3}
  html[data-ef-body-pos] .ef-description-grid{grid-template-columns:var(--ef-cols)}
  html[data-ef-body-pos] .ef-description{grid-column:var(--ef-desc-col)}
  /* Başlık, açıklama metninin sol kenarından başlar */
  html[data-ef-title-align="text"] .ef-content{display:grid;grid-template-columns:var(--ef-cols);column-gap:clamp(24px,5vw,90px)}
  html[data-ef-title-align="text"] .ef-content>*{grid-column:1/-1}
  html[data-ef-title-align="text"] .ef-title{grid-column:var(--ef-desc-col,2)/-1;max-width:none}
  html[data-ef-title-align="text"] .ef-description-grid{grid-template-columns:subgrid}
}

/* V8.15 – video slaytlar ve küçük resimler */
.ef-thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
video.ef-slide{width:100%;height:100%;object-fit:contain}
.ef-slider[data-fit="cover"] video.ef-slide{object-fit:cover}