/* =====================================================================
   İşlerimiz sayfası — scroll hero, marka şeridi, iş galerisi, video modalı
   Kurumsal palet: --navy / --orange (style.css token'ları)
   ===================================================================== */

/* ---------- scroll ile oynayan hero ---------- */
.wk-hero{
  position:relative;
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  height:260vh;                       /* scroll mesafesi = video süresi */
  background:#050b18;
}
.wk-hero-stage{
  position:sticky; top:0;
  height:100vh; height:100svh;
  overflow:hidden; isolation:isolate;
}
.wk-hero-video, .wk-hero-poster{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:65% 50%;
}
.wk-hero-poster{ z-index:0; }
.wk-hero-video{ z-index:1; opacity:0; transition:opacity .6s ease; }
.wk-hero.video-ready .wk-hero-video{ opacity:1; }
.wk-hero-shade{
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(5,11,24,.92) 0%, rgba(5,11,24,.72) 34%, rgba(5,11,24,.15) 62%, rgba(5,11,24,0) 80%),
    linear-gradient(0deg, rgba(5,11,24,.85) 0%, rgba(5,11,24,0) 28%);
}
.wk-hero-content{
  position:absolute; z-index:3; inset:0;
  display:flex; flex-direction:column; justify-content:center;
  padding:calc(var(--header-h) + 10px) 20px 120px;
  max-width:1240px; margin-inline:auto;
  color:#fff;
  will-change:transform, opacity;
}
@media (min-width:900px){ .wk-hero-content{ padding-inline:40px; } }
.wk-eyebrow{
  display:inline-flex; align-items:center; gap:10px; align-self:flex-start;
  font-family:'Archivo',sans-serif; font-weight:700; font-size:.78rem;
  letter-spacing:.18em; text-transform:uppercase; color:#ffb589;
  padding:7px 14px 7px 10px; border-radius:var(--radius-chip);
  background:rgba(243,117,43,.14); border:1px solid rgba(243,117,43,.35);
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
}
.wk-eyebrow i{
  width:8px; height:8px; border-radius:50%; background:var(--orange);
  box-shadow:0 0 0 0 rgba(243,117,43,.7); animation:wkPulse 1.8s ease-out infinite;
}
@keyframes wkPulse{ 0%{ box-shadow:0 0 0 0 rgba(243,117,43,.6);} 100%{ box-shadow:0 0 0 12px rgba(243,117,43,0);} }
.wk-hero h1{
  margin:22px 0 18px; max-width:15ch;
  font-family:'Archivo',sans-serif; font-weight:800;
  font-size:clamp(2.3rem, 5.6vw, 4.6rem); line-height:1.04; letter-spacing:-.02em;
  color:#fff;
}
.wk-hero h1 em{
  font-style:normal;
  background:linear-gradient(92deg, #ff9a52 0%, var(--orange) 45%, #ffcf9e 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.wk-hero-lead{
  max-width:46ch; margin:0; color:rgba(255,255,255,.78);
  font-size:clamp(1rem, 1.35vw, 1.15rem); line-height:1.65;
}
.wk-hero-stats{
  display:flex; flex-wrap:wrap; gap:14px 34px; margin-top:34px;
}
.wk-stat b{
  display:block; font-family:'Archivo',sans-serif; font-weight:800;
  font-size:clamp(1.7rem, 3vw, 2.4rem); line-height:1; color:#fff;
  font-variant-numeric:tabular-nums;
}
.wk-stat b sup{ font-size:.55em; color:var(--orange); margin-left:2px; top:-.7em; }
.wk-stat span{ display:block; margin-top:6px; font-size:.82rem; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.6); font-weight:600; }
.wk-hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.wk-btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:13px 22px; border-radius:var(--radius-chip);
  font-family:'Archivo',sans-serif; font-weight:700; font-size:.92rem;
  text-decoration:none; cursor:pointer; border:1px solid transparent;
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.wk-btn svg{ width:17px; height:17px; }
.wk-btn-primary{ background:var(--orange); color:#fff; box-shadow:0 12px 30px -12px rgba(243,117,43,.8); }
.wk-btn-primary:hover{ transform:translateY(-2px); background:#ff8640; }
.wk-btn-ghost{ color:#fff; border-color:rgba(255,255,255,.35); background:rgba(255,255,255,.06); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); }
.wk-btn-ghost:hover{ border-color:#fff; background:rgba(255,255,255,.14); }

/* scroll ilerleme çubuğu + ipucu */
.wk-hero-progress{
  position:absolute; z-index:4; left:0; bottom:0; height:3px; width:100%;
  background:rgba(255,255,255,.08);
}
.wk-hero-progress i{
  display:block; height:100%; width:100%; transform-origin:left center; transform:scaleX(0);
  background:linear-gradient(90deg, var(--navy), var(--orange));
}
.wk-scroll-cue{
  position:absolute; z-index:4; left:50%; bottom:28px; transform:translateX(-50%);
  display:flex; flex-direction:column; align-items:center; gap:8px;
  color:rgba(255,255,255,.7); font-size:.72rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700;
  transition:opacity .3s ease;
}
.wk-scroll-cue span{
  width:24px; height:38px; border-radius:14px; border:2px solid rgba(255,255,255,.5); position:relative;
}
.wk-scroll-cue span::after{
  content:""; position:absolute; left:50%; top:7px; width:4px; height:8px; margin-left:-2px; border-radius:2px;
  background:var(--orange); animation:wkWheel 1.6s ease-in-out infinite;
}
@keyframes wkWheel{ 0%{ transform:translateY(0); opacity:1;} 70%{ transform:translateY(12px); opacity:0;} 100%{ opacity:0;} }

/* ---------- marka şeridi (marquee) ---------- */
.wk-marquee{
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:var(--navy); color:#fff; overflow:hidden;
  border-block:1px solid rgba(255,255,255,.08);
  padding-block:18px;
}
.wk-marquee-track{
  display:flex; width:max-content; gap:0;
  animation:wkMarquee 70s linear infinite;
}
.wk-marquee:hover .wk-marquee-track{ animation-play-state:paused; }
.wk-marquee-track span{
  font-family:'Archivo',sans-serif; font-weight:700; font-size:.95rem; letter-spacing:.08em;
  white-space:nowrap; padding-inline:22px; display:inline-flex; align-items:center; gap:44px;
}
.wk-marquee-track span::after{ content:""; width:7px; height:7px; border-radius:50%; background:var(--orange); }
@keyframes wkMarquee{ to{ transform:translateX(-50%); } }

/* ---------- galeri başlığı ve filtreler ---------- */
.wk-section{ padding-block:72px 40px; }
.wk-section-head{
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:20px 40px;
  margin-bottom:28px;
}
.wk-kicker{
  font-family:'Archivo',sans-serif; font-weight:700; font-size:.78rem; letter-spacing:.16em;
  text-transform:uppercase; color:var(--orange-ink); margin:0 0 10px;
}
.wk-section-head h2{
  margin:0; font-family:'Archivo',sans-serif; font-weight:800;
  font-size:clamp(1.7rem, 3.4vw, 2.6rem); line-height:1.1; letter-spacing:-.015em; color:var(--ink);
}
.wk-section-head h2 em{ font-style:normal; color:var(--navy); }
.wk-section-head p{ margin:12px 0 0; color:var(--ink-soft); max-width:56ch; line-height:1.6; }

.wk-toolbar{
  position:sticky; top:calc(var(--header-h) - 1px); z-index:20;
  display:flex; flex-wrap:wrap; align-items:center; gap:12px;
  padding:14px; margin-bottom:26px;
  background:color-mix(in srgb, var(--surface) 88%, transparent);
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow-sm);
}
.wk-search{
  flex:1 1 260px; display:flex; align-items:center; gap:10px;
  background:var(--bg); border:1px solid var(--line); border-radius:var(--radius-chip);
  padding:0 16px; height:44px;
}
.wk-search svg{ width:18px; height:18px; color:var(--ink-faint); flex:0 0 auto; }
.wk-search input{
  flex:1; min-width:0; border:none; background:transparent; outline:none;
  font:inherit; font-size:.95rem; color:var(--ink);
}
.wk-search:focus-within{ border-color:var(--navy); box-shadow:0 0 0 3px var(--navy-soft); }
.wk-years{ display:flex; flex-wrap:wrap; gap:6px; }
.wk-chip{
  border:1px solid var(--line); background:var(--surface); color:var(--ink-soft);
  font-family:'Archivo',sans-serif; font-weight:600; font-size:.82rem;
  padding:8px 14px; border-radius:var(--radius-chip); cursor:pointer;
  transition:.15s ease;
}
.wk-chip:hover{ border-color:var(--navy); color:var(--navy); }
.wk-chip.active{ background:var(--navy); border-color:var(--navy); color:#fff; }
.wk-count{ margin-left:auto; font-size:.88rem; color:var(--ink-soft); white-space:nowrap; }
.wk-count b{ color:var(--ink); font-family:'Archivo',sans-serif; }

/* ---------- iş kartları ---------- */
.wk-grid{
  display:grid; gap:22px;
  grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr));
}
.wk-card{
  position:relative; display:flex; flex-direction:column;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-card);
  overflow:hidden; box-shadow:var(--shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.wk-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:color-mix(in srgb, var(--navy) 35%, var(--line)); }
.wk-card[hidden]{ display:none; }
.wk-thumb{
  position:relative; display:block; aspect-ratio:16/9; overflow:hidden;
  background:#0a1426; border:none; padding:0; width:100%; cursor:pointer;
}
.wk-thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1), filter .4s ease;
}
.wk-card:hover .wk-thumb img{ transform:scale(1.06); filter:brightness(.72); }
.wk-play{
  position:absolute; left:50%; top:50%; width:58px; height:58px; margin:-29px 0 0 -29px;
  border-radius:50%; background:var(--orange); color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 30px -8px rgba(243,117,43,.9);
  transform:scale(.75); opacity:0; transition:transform .3s ease, opacity .3s ease;
}
.wk-play svg{ width:22px; height:22px; margin-left:3px; }
.wk-card:hover .wk-play, .wk-thumb:focus-visible .wk-play{ transform:scale(1); opacity:1; }
.wk-date{
  position:absolute; left:12px; top:12px;
  background:rgba(5,11,24,.72); color:#fff; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  font-size:.72rem; font-weight:700; letter-spacing:.04em;
  padding:5px 10px; border-radius:var(--radius-chip);
}
.wk-body{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; flex:1; }
.wk-title{
  margin:0; font-family:'Archivo',sans-serif; font-weight:700; font-size:.98rem; line-height:1.3;
  color:var(--ink); letter-spacing:.01em;
}
.wk-desc{ margin:0; font-size:.85rem; color:var(--ink-soft); line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wk-artists{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:4px; }
.wk-artist{
  display:inline-flex; align-items:center; gap:6px;
  font-size:.78rem; font-weight:700; color:var(--navy); text-decoration:none;
  background:var(--navy-soft); padding:5px 10px 5px 6px; border-radius:var(--radius-chip);
  transition:.15s ease;
}
.wk-artist::before{
  content:""; width:16px; height:16px; border-radius:50%;
  background:var(--navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 3a3 3 0 0 0-3 3v6a3 3 0 0 0 6 0V6a3 3 0 0 0-3-3z'/%3E%3Cpath d='M19 11a7 7 0 0 1-14 0M12 18v3'/%3E%3C/svg%3E") center/10px no-repeat;
}
a.wk-artist:hover{ background:var(--navy); color:#fff; }
.wk-empty{ display:none; text-align:center; padding:60px 20px; color:var(--ink-soft); }
.wk-empty.show{ display:block; }
.wk-empty b{ display:block; color:var(--ink); font-family:'Archivo',sans-serif; font-size:1.1rem; margin-bottom:6px; }
.wk-sentinel{ height:1px; }

/* ---------- CTA ---------- */
.wk-cta{
  position:relative; overflow:hidden; isolation:isolate;
  margin-block:40px 70px; padding:clamp(34px, 5vw, 60px);
  border-radius:28px; color:#fff;
  background:linear-gradient(120deg, var(--navy-ink, #0a3d84) 0%, #0d4da4 55%, #1b5fc0 100%);
}
:root[data-theme="dark"] .wk-cta{ background:linear-gradient(120deg, #0a2654 0%, #0d3c80 60%, #154a96 100%); }
.wk-cta::before{
  content:""; position:absolute; z-index:-1; right:-120px; top:-140px; width:420px; height:420px; border-radius:50%;
  background:radial-gradient(circle, rgba(243,117,43,.55) 0%, rgba(243,117,43,0) 65%);
}
.wk-cta h2{ margin:0 0 10px; font-family:'Archivo',sans-serif; font-weight:800; font-size:clamp(1.5rem, 3vw, 2.2rem); line-height:1.15; max-width:22ch; color:#fff; }
.wk-cta p{ margin:0; max-width:52ch; color:rgba(255,255,255,.8); line-height:1.6; }
.wk-cta .wk-hero-actions{ margin-top:26px; }

/* ---------- video modalı ---------- */
.wk-modal{
  position:fixed; inset:0; z-index:3000; display:flex; align-items:center; justify-content:center;
  padding:24px; background:rgba(3,8,18,.86); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px);
  opacity:0; visibility:hidden; transition:opacity .25s ease, visibility 0s linear .25s;
}
.wk-modal.open{ opacity:1; visibility:visible; transition:opacity .25s ease; }
.wk-modal-box{ width:min(1100px, 100%); transform:translateY(16px) scale(.98); transition:transform .3s ease; }
.wk-modal.open .wk-modal-box{ transform:none; }
.wk-modal-frame{ position:relative; aspect-ratio:16/9; background:#000; border-radius:16px; overflow:hidden; box-shadow:0 40px 100px -30px rgba(0,0,0,.9); }
.wk-modal-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.wk-modal-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin-top:16px; color:#fff; }
.wk-modal-meta h3{ margin:0; font-family:'Archivo',sans-serif; font-size:1.15rem; }
.wk-modal-meta .wk-artist{ background:rgba(255,255,255,.12); color:#fff; }
.wk-modal-meta .wk-artist::before{ background-color:var(--orange); }
.wk-modal-close{
  position:absolute; top:18px; right:18px; width:44px; height:44px; border-radius:50%;
  border:1px solid rgba(255,255,255,.3); background:rgba(255,255,255,.08); color:#fff; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.wk-modal-close:hover{ background:rgba(255,255,255,.2); }
.wk-modal-close svg{ width:20px; height:20px; }

@media (max-width:640px){
  .wk-hero{ height:200vh; }
  .wk-hero-shade{ background:linear-gradient(0deg, rgba(5,11,24,.95) 0%, rgba(5,11,24,.55) 55%, rgba(5,11,24,.25) 100%); }
  .wk-hero-content{ justify-content:flex-end; padding-bottom:96px; }
  .wk-scroll-cue{ display:none; }
  .wk-count{ margin-left:0; }
}
@media (prefers-reduced-motion: reduce){
  .wk-hero{ height:100vh; }
  .wk-marquee-track{ animation:none; }
  .wk-card, .wk-thumb img{ transition:none; }
}
@media (max-width:480px){
  .wk-hero h1{ font-size:2.15rem; margin:16px 0 12px; }
  .wk-hero-lead{ font-size:.95rem; }
  .wk-hero-stats{ gap:10px 22px; margin-top:22px; }
  .wk-stat b{ font-size:1.55rem; }
  .wk-stat span{ font-size:.7rem; }
  .wk-hero-actions{ margin-top:22px; }
  .wk-btn{ padding:11px 18px; font-size:.86rem; }
}

/* ========================================================================
   TASARIM v2 — İşlerimiz: köşesiz, gölgesiz, ince çizgi ızgara
   ======================================================================== */
.wk-hero h1{ font-family:var(--font-display); font-stretch:87.5%; font-weight:800; letter-spacing:-.03em; line-height:.98; }
.wk-hero h1 em{ background:none; -webkit-background-clip:initial; background-clip:initial; color:var(--orange); }
.wk-hero-content{ border-left:0; }
.wk-hero-content > h1{ border-left:4px solid var(--orange); padding-left:clamp(16px,2vw,28px); margin-left:calc(-1 * clamp(20px,2vw,32px)); }
.wk-stat b{ font-family:var(--font-display); font-stretch:87.5%; }
.wk-stat span{ font-family:var(--font-mono); font-weight:500; letter-spacing:.12em; font-size:.72rem; }
.wk-hero-stats{ gap:0; }
.wk-stat{ padding:4px 28px 4px 0; margin-right:28px; border-right:1px solid rgba(255,255,255,.22); }
.wk-stat:last-child{ border-right:none; }
.wk-btn{ font-family:var(--font-body); padding:15px 24px; letter-spacing:.01em; transition:background .15s ease, color .15s ease, border-color .15s ease; }
.wk-btn-primary{ box-shadow:none; }
.wk-btn-primary:hover{ transform:none; background:#ff8640; }
.wk-btn-ghost{ border-color:rgba(255,255,255,.55); background:transparent; backdrop-filter:none; -webkit-backdrop-filter:none; }
.wk-btn-ghost:hover{ background:#fff; color:var(--navy-deep); border-color:#fff; }
.wk-btn:active{ transform:translateY(1px); }
.wk-hero-progress{ height:4px; }
.wk-hero-progress i{ background:var(--orange); }
.wk-scroll-cue{ display:none; }

.wk-marquee{ background:var(--navy-deep); border-block:none; padding-block:16px; }
.wk-marquee-track span{ font-family:var(--font-display); font-stretch:87.5%; font-weight:800; font-size:1rem; letter-spacing:.06em; text-transform:uppercase; }

.wk-section{ padding-block:64px 32px; }
.wk-kicker{ font-family:var(--font-mono); font-weight:500; letter-spacing:.16em; font-size:.72rem; }
.wk-section-head h2{ font-family:var(--font-display); font-stretch:87.5%; font-size:clamp(2rem,4.2vw,3.2rem); letter-spacing:-.03em; line-height:1; }

.wk-toolbar{ background:var(--surface); backdrop-filter:none; -webkit-backdrop-filter:none; border:1px solid var(--line); box-shadow:none; padding:0; gap:0; }
.wk-search{ height:54px; border:none; background:transparent; padding:0 18px; }
.wk-search:focus-within{ box-shadow:inset 0 -3px 0 var(--orange); }
.wk-count{ align-self:stretch; display:flex; align-items:center; padding:0 18px; border-left:1px solid var(--line); font-family:var(--font-mono); font-size:.78rem; }
.wk-count b{ font-family:var(--font-mono); }

.wk-grid{ gap:0; padding:1px 0 0 1px; }
.wk-card{ margin:-1px 0 0 -1px; border:1px solid var(--line); box-shadow:none; transition:border-color .15s ease; }
.wk-card::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:3px; background:var(--orange);
  transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease); pointer-events:none;
}
.wk-card:hover{ z-index:2; transform:none; box-shadow:none; border-color:var(--ink); }
.wk-card:hover::after{ transform:scaleX(1); }
.wk-card:hover .wk-thumb img{ transform:scale(1.04); filter:brightness(.78); }
.wk-play{ box-shadow:none; width:56px; height:56px; margin:-28px 0 0 -28px; }
.wk-body{ padding:16px 18px 18px; }
.wk-title{ font-family:var(--font-display); font-stretch:87.5%; font-weight:800; font-size:1.05rem; letter-spacing:0; }
.wk-artists{ gap:0; }
.wk-artist{ background:transparent; border:1px solid var(--line); margin:0 -1px -1px 0; padding:5px 10px 5px 6px; color:var(--navy); font-weight:600; }
a.wk-artist:hover{ position:relative; z-index:1; background:var(--navy); border-color:var(--navy); color:#fff; }
.wk-empty{ border:1px dashed var(--line); background:var(--surface); }

.wk-cta{ background:var(--navy-deep); border-left:6px solid var(--orange); padding:clamp(36px,5vw,64px); }
:root[data-theme="dark"] .wk-cta{ background:#030914; }
.wk-cta::before{ display:none; }
.wk-cta h2{ font-family:var(--font-display); font-stretch:87.5%; font-size:clamp(1.8rem,3.6vw,2.8rem); letter-spacing:-.025em; line-height:1.02; }

.wk-modal-frame{ box-shadow:none; }
.wk-modal-meta h3{ font-family:var(--font-display); font-stretch:87.5%; }
.wk-modal-meta .wk-artist{ border-color:rgba(255,255,255,.3); }
.wk-modal-close{ border-color:rgba(255,255,255,.4); }
.wk-modal-close:hover{ background:#fff; color:var(--navy-deep); }
@media (max-width:640px){
  .wk-stat{ padding-right:18px; margin-right:18px; }
  .wk-count{ border-left:none; border-top:1px solid var(--line); width:100%; padding:10px 18px; }
}
@media (max-width:640px){ .wk-hero-content{ padding-bottom:150px; } }

/* ---- köşe yuvarlamaları geri: aralıklı ızgara ---- */
.wk-grid{ gap:22px; padding:0; }
.wk-card{ margin:0; }
.wk-card:hover{ border-color:color-mix(in srgb, var(--navy) 45%, var(--line)); }
.wk-artists{ gap:6px; }
.wk-artist{ margin:0; }
.wk-toolbar{ padding:12px; gap:12px; }
.wk-search{ height:46px; background:var(--bg); border:1px solid var(--line); }
.wk-search:focus-within{ border-color:var(--navy); box-shadow:0 0 0 3px var(--navy-soft); }
.wk-count{ border-left:none; padding:0 6px; }
.wk-cta{ border-left:none; }
@media (max-width:640px){ .wk-count{ border-top:none; padding:0 6px; } }

/* Neler Yaparız: video hero içindeki yol çubuğu */
.wk-hero .breadcrumb{ color:rgba(255,255,255,.6); margin:0; }
.wk-hero .breadcrumb a{ color:rgba(255,255,255,.85); }
.wk-hero .breadcrumb span[aria-current]{ color:rgba(255,255,255,.72); }
@media (max-width:420px){
  .wk-hero .wk-stat{ padding-right:14px; margin-right:14px; }
  .wk-hero .wk-stat b{ font-size:1.6rem; }
}

/* Erişilebilirlik: turuncu butonda beyaz yazı okunur olsun diye turuncunun koyu tonu (kontrast 4.6:1) */
.wk-btn-primary{ background:#c25416; box-shadow:0 12px 30px -12px rgba(194,84,22,.8); }
.wk-btn-primary:hover{ background:#ae4e16; }

/* ---- Instagram işleri ve sanatçı filtresi (Kasım 2026) ---- */
.wk-thumb.wk-noimg{ background:linear-gradient(135deg, var(--navy) 0%, #071c3d 100%); }
.wk-thumb.wk-noimg::before{ content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 30%, rgba(243,117,43,.35), transparent 55%); }
.wk-ig .wk-play svg{ fill:none; }
.wk-modal-frame.wk-modal-ig{ aspect-ratio:auto; background:transparent; display:flex; justify-content:center; max-height:min(86vh, 980px); overflow:auto; }
.wk-modal-frame.wk-modal-ig iframe{ position:static; }
.wk-artist-note{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 16px; padding:12px 16px; border-radius:12px; background:var(--navy-soft, rgba(13,77,164,.08)); color:var(--ink); font-weight:600; font-size:.9rem; }
.wk-artist-note button{ font:inherit; font-weight:700; font-size:.82rem; padding:8px 14px; border-radius:999px; border:1px solid var(--navy); background:transparent; color:var(--navy); cursor:pointer; }
.wk-artist-note button:hover{ background:var(--navy); color:#fff; }
/* marka adları kendi yazımıyla (İ/I karışmasın): büyük harfe çevrilmez */
.wk-marquee-track span{ text-transform:none; }

/* ---- Tek model: YouTube + Instagram işleri aynı kart (Kasım 2026) ---- */
.wk-toolbar{ flex-wrap:wrap; }
.wk-years{ flex:1 1 100%; display:flex; flex-wrap:wrap; gap:6px; padding:2px 2px 0; border-top:1px solid var(--line); padding-top:10px; }
.wk-years .wk-chip{ font-family:var(--font-mono); font-size:.74rem; letter-spacing:.04em; padding:7px 12px; }
.wk-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:18px; }
.wk-brand{
  font-family:var(--font-mono); font-weight:600; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  color:#ad4912; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
:root[data-theme="dark"] .wk-brand{ color:#ff9d5c; }
.wk-src{ display:inline-flex; width:16px; height:16px; color:var(--ink-faint); flex:0 0 auto; }
.wk-src svg{ width:16px; height:16px; }
.wk-card:hover .wk-src{ color:var(--ink-soft); }
.wk-title{ font-size:1rem; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.wk-date{ font-family:var(--font-mono); font-weight:600; letter-spacing:.08em; font-size:.68rem; }
.wk-card .wk-play{ opacity:0; }
.wk-modal-title{ display:flex; flex-direction:column; gap:4px; flex:1 1 100%; }
.wk-modal-title .wk-brand{ color:#ff9d5c; }
.wk-modal-date{ font-family:var(--font-mono); font-size:.74rem; letter-spacing:.08em; color:rgba(255,255,255,.6); }
.wk-modal-meta{ align-items:flex-start; flex-direction:column; gap:12px; }
.wk-modal-frame.wk-modal-ig{
  aspect-ratio:auto; display:block; overflow:visible; background:transparent;
  width:min(100%, 560px); height:auto; max-height:84vh; margin:0 auto; border-radius:16px; overflow:auto; scrollbar-width:none;
}
.wk-modal-frame.wk-modal-ig iframe{ position:static; display:block; width:100%; height:620px; border:0; border-radius:16px; background:#fff; transition:height .25s ease; }
.wk-modal-ext{ color:rgba(255,255,255,.85); text-decoration:underline; text-underline-offset:3px; }
.wk-modal-ext:hover{ color:#fff; }
.wk-modal-box:has(.wk-modal-ig){ width:min(560px, 100%); }
@media (max-width:640px){
  .wk-modal{ padding:12px; align-items:flex-start; overflow:auto; }
  .wk-modal-frame.wk-modal-ig{ max-height:none; }
}