/* ============================================================================
   Kurumsal site teması — "Pamuk ve Ayçiçeği" (05.10.2026, docs/07)
   ----------------------------------------------------------------------------
   YALNIZCA kurumsal sitede (body.kamu, _PublicLayout). Extranet ve panel
   "Kooperatif Panosu" temasında kalır: orada kırmızı gecikme/hata anlamı
   taşır ve marka kırmızısıyla karışmamalı.

   HTML DEĞİŞMEDİ. Kurumsal sitenin koyu bileşenleri (menü, karşılama, pano,
   hızlı erişim) "ink" belirteçlerinden besleniyor; burada o belirteçler
   AÇIK tonlara, vurgu Tariş kırmızısına çevriliyor. Kalanı birkaç bileşen
   kuralı ve süsleme. Sabit renk YOK — hepsi tokens.css'teki --tr-* belirteçleri.
   ============================================================================ */

body.kamu{
  --ink-900:var(--paper-000);  --ink-800:var(--tr-krem-kart);  --ink-700:var(--paper-000);
  --ink-600:var(--tr-krem-vurgu); --ink-500:var(--tr-krem-cizgi);
  --on-ink-900:var(--tr-kahve-900); --on-ink-700:var(--tr-kahve-700); --on-ink-500:var(--tr-kahve-500);

  --accent-500:var(--tr-kirmizi); --accent-600:var(--tr-kirmizi-koyu);
  --accent-400:var(--tr-kirmizi-acik); --accent-050:var(--tr-kirmizi-050); --on-accent:var(--paper-000);

  --paper-050:var(--tr-krem); --paper-100:var(--tr-krem-100);
  --line-200:var(--tr-krem-cizgi); --line-300:var(--tr-krem-cizgi-2);
  --text-900:var(--tr-kahve-900); --text-700:var(--tr-kahve-700); --text-500:var(--tr-kahve-500);

  background:var(--paper-050); color:var(--text-700);
}

/* --- Üst şerit: bordo ------------------------------------------------------ */
.kamu .util{ background:var(--tr-bordo); border-bottom:0; color:var(--tr-bordo-uzerinde-700) }
.kamu .util a{ color:var(--tr-bordo-uzerinde-700) }
.kamu .util a:hover,.kamu .util a:focus-visible{ color:var(--tr-bordo-uzerinde-900) }
/* Oturum adi ve zil: bilesenler.css bunlari --on-ink-* ile boyuyor, ama bu
   temada --on-ink-* KOYU kahveye cevrildi (krem menu icin). Bordo serit
   uzerinde ad okunmuyordu (06.10.2026, ekran goruntusu). Burada acikca
   bordo-uzerinde tonlari. */
.kamu .util .oturum-ad,.kamu .util .kmenu-ad{ color:var(--tr-bordo-uzerinde-900) }
.kamu .util .zil{ color:var(--tr-bordo-uzerinde-700) }
.kamu .util .zil-var{ color:var(--tr-bordo-uzerinde-900) }

/* --- Menü: krem, altında altın çizgi; amblem logo kırmızısı ------------------ */
.kamu .nav{ background:var(--tr-krem-menu); border-bottom:1px solid var(--line-200); box-shadow:0 1px 0 var(--tr-altin) }
/* Gercek logo (img/logo/taris-logo.png): en-boy 541x860. */
.kamu .brand .logo{ height:57px; width:auto; flex:none }
/* Afişteki gibi: logo | dikey kırmızı çizgi | kurum adı */
.kamu .brand > span{ border-left:2px solid var(--tr-logo); padding-left:var(--sp-3) }

/* --- Karşılama: krem; yanlarda pamuk ve ayçiçeği --------------------------- */
.kamu .hero{
  background:
    radial-gradient(900px 420px at 18% 30%, var(--paper-000) 0, transparent 60%),
    linear-gradient(180deg, var(--tr-krem-hero-1) 0, var(--tr-krem-hero-2) 100%);
  border-bottom:0; min-height:520px;
}
/* Pamuk dalı — afişin en solundaki ~200 px ("Güçlü" yazısı dışarıda). Izgara
   dokusunu (bilesenler.css .hero::before) EZER. */
.kamu .hero::before{
  background:url('../img/kurumsal/afis-yatay.jpg') 0 0 / 1240px auto no-repeat;
  inset:0 auto 0 0; width:240px; opacity:.95;
  -webkit-mask-image:linear-gradient(90deg,#000 35%,transparent 95%);
          mask-image:linear-gradient(90deg,#000 35%,transparent 95%);
}
/* Ayçiçekleri — afişin en sağındaki ~160 px ("KOOPERATİF" yazısı dışarıda). */
.kamu .hero::after{
  content:""; position:absolute; top:0; right:0; bottom:0; width:230px; pointer-events:none;
  background:url('../img/kurumsal/afis-yatay.jpg') 100% 0 / 1500px auto no-repeat;
  -webkit-mask-image:linear-gradient(270deg,#000 50%,transparent);
          mask-image:linear-gradient(270deg,#000 50%,transparent);
}
@media(max-width:1279px){ .kamu .hero::before{ opacity:.25 } .kamu .hero::after{ opacity:.35 } }
/* Telefonda kırpmalar metnin arkasına düşer: yalnızca yanlarda boşluk olan ekranda. */
@media(max-width:899px){ .kamu .hero::before,.kamu .hero::after{ display:none } }

/* --- Güncel pano: beyaz kart, kırmızı üst çizgi ---------------------------- */
.kamu .panel{ border:1px solid var(--line-200); border-top:4px solid var(--accent-500); box-shadow:var(--tr-golge) }
.kamu .tag-s{ background:var(--tr-aycicek-050); color:var(--tr-aycicek-yazi) }

/* --- Hızlı erişim: bordo kumaş bandı, üstünde dalga ve altın çizgi ------------ */
.kamu .tiles{
  position:relative; border-bottom:0;
  background:linear-gradient(180deg, var(--tr-bordo), var(--tr-bordo-koyu));
}
/* Dalga ve çizgi SVG MASKESİYLE: rengi belirteçten gelsin (veri URI'sine
   CSS değişkeni yazılamaz). */
.kamu .tiles::before,.kamu .tiles::after{
  content:""; position:absolute; left:0; right:0; top:-46px; height:48px; pointer-events:none;
  -webkit-mask-size:100% 100%; mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
.kamu .tiles::before{
  background:var(--tr-bordo);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 240 0 480 0 760 22 S 1200 48 1440 14 V48 H0Z'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 240 0 480 0 760 22 S 1200 48 1440 14 V48 H0Z'/%3E%3C/svg%3E");
}
.kamu .tiles::after{
  background:var(--tr-altin);
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 240 0 480 0 760 22 S 1200 48 1440 14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 30 C 240 0 480 0 760 22 S 1200 48 1440 14' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}
.kamu .tiles .wrap{ background:color-mix(in srgb, var(--tr-bordo-uzerinde-900) 12%, transparent) }
.kamu .tile{ background:transparent }
.kamu .tile:hover,.kamu .tile:focus-visible{ background:color-mix(in srgb, var(--tr-bordo-uzerinde-900) 8%, transparent) }
.kamu .tile svg{ color:var(--tr-aycicek) }
.kamu .tile .t{ color:var(--tr-bordo-uzerinde-900) }
.kamu .tile .c{ color:var(--tr-bordo-uzerinde-500) }

/* --- Bölümler -------------------------------------------------------------- */
.kamu .feat{ border-top:4px solid var(--tr-aycicek) }
.kamu .chip.am{ background:var(--tr-aycicek-050); color:var(--tr-aycicek-yazi); border-color:var(--tr-aycicek-cizgi) }

/* --- KVKK ve alt bilgi: bordo ----------------------------------------------- */
.kamu .kvkk{ background:var(--tr-bordo-koyu) }
.kamu .kvkk h2{ color:var(--tr-bordo-uzerinde-900) }
.kamu .kvkk p{ color:var(--tr-bordo-uzerinde-700) }
/* Bordo zeminde birincil düğme ayçiçeği sarısı: kırmızı düğme bordoda kaybolur. */
.kamu .kvkk .btn{ background:var(--tr-aycicek); color:var(--tr-on-aycicek); border-color:var(--tr-aycicek) }
.kamu .kamu-alt{ background:var(--tr-bordo-gece); color:var(--tr-bordo-uzerinde-500); border-top:2px solid var(--tr-altin) }
.kamu .kamu-alt .b1,.kamu .kamu-alt h4{ color:var(--tr-bordo-uzerinde-900) }
.kamu .kamu-alt .logo-alt{ display:block; height:70px; width:auto; margin-bottom:var(--sp-3) }
.kamu .kamu-alt .ab{ color:var(--tr-bordo-uzerinde-700) }
.kamu .kamu-alt a:hover,.kamu .kamu-alt a:focus-visible{ color:var(--tr-aycicek) }

/* --- Giriş ve kimlik ekranları (body.kamu.kimlik, _KimlikLayout) ----------
   Kurumsal siteyle aynı: krem zemin, yanlarda pamuk ve ayçiçeği, kırmızı
   birincil düğme. Kart (card) zaten beyaz; belirteçler gerisini yapar. */
.kamu .kimlik-sayfa{
  position:relative; overflow:hidden;
  background:
    radial-gradient(700px 420px at 50% 20%, var(--paper-000) 0, transparent 65%),
    linear-gradient(180deg, var(--tr-krem-hero-1) 0, var(--tr-krem-hero-2) 100%);
}
.kamu .kimlik-sayfa::before,.kamu .kimlik-sayfa::after{
  content:""; position:absolute; top:0; bottom:0; pointer-events:none; z-index:0;
}
.kamu .kimlik-sayfa::before{
  /* Boy sinirli: afisin altindaki kirmizi kurdele (y > ~650) gorunmesin. */
  left:0; width:260px; bottom:auto; height:720px;
  background:url('../img/kurumsal/afis-yatay.jpg') 0 0 / 1300px auto no-repeat;
  /* Iki yonde silikles: saga dogru ve alta dogru (kesisim). */
  -webkit-mask-image:linear-gradient(90deg,#000 40%,transparent),linear-gradient(180deg,#000 75%,transparent);
          mask-image:linear-gradient(90deg,#000 40%,transparent),linear-gradient(180deg,#000 75%,transparent);
  -webkit-mask-composite:source-in; mask-composite:intersect;
}
.kamu .kimlik-sayfa::after{
  right:0; width:240px;
  background:url('../img/kurumsal/afis-yatay.jpg') 100% 0 / 1560px auto no-repeat;
  -webkit-mask-image:linear-gradient(270deg,#000 45%,transparent);
          mask-image:linear-gradient(270deg,#000 45%,transparent);
}
@media(max-width:899px){ .kamu .kimlik-sayfa::before,.kamu .kimlik-sayfa::after{ display:none } }
.kamu .kimlik-kutu,.kamu .kimlik-alt{ position:relative; z-index:1 }
.kamu .kimlik-marka .logo{ display:block; height:121px; width:auto; margin:0 auto var(--sp-3) }
.kamu .kimlik-marka .b2{ color:var(--tr-kahve-500) }
.kamu .kimlik-kutu .card{ border-top:4px solid var(--accent-500); box-shadow:var(--tr-golge) }
.kamu .kimlik-donus a{ color:var(--tr-kahve-700) }
.kamu .kimlik-alt{ color:var(--tr-kahve-500) }


/* --- Sosyal baglantilar (alt bilgi) — docs/07 ------------------------------ */
.kamu .kamu-alt .sosyal{ margin-top:var(--sp-5) }
.kamu .kamu-alt .sosyal ul{ flex-direction:row; flex-wrap:wrap; gap:var(--sp-2) var(--sp-4) }
.kamu .kamu-alt .sosyal a{
  display:inline-flex; align-items:center; gap:var(--sp-2);
  min-height:var(--tap-min); color:var(--tr-bordo-uzerinde-700);
}
.kamu .kamu-alt .sosyal svg{
  width:22px; height:22px; flex:none;
  fill:none; stroke:currentColor; stroke-width:1.8;
}
.kamu .kamu-alt .sosyal svg .dolu{ fill:currentColor; stroke:none }

/* --- Video kutusu (kurumsal sayfa) — docs/07 -------------------------------- */
.kamu .video-kutu{ margin:0 0 var(--sp-5) }
.kamu .video-kapak,.kamu .video-cerceve{
  display:flex; width:100%; aspect-ratio:16 / 9; border:0; border-radius:var(--radius);
}
.kamu .video-kapak{
  flex-direction:column; align-items:center; justify-content:center; gap:var(--sp-3);
  color:var(--tr-bordo-uzerinde-900); text-decoration:none;
  background:
    linear-gradient(0deg, var(--tr-perde), var(--tr-perde)),
    url('../img/kurumsal/afis-yatay.jpg') center / cover no-repeat;
  box-shadow:var(--tr-golge);
}
.kamu .video-oynat{
  display:grid; place-items:center; width:76px; height:76px; border-radius:50%;
  background:var(--tr-kirmizi); border:2px solid var(--tr-altin);
}
.kamu .video-oynat svg{ width:32px; height:32px; margin-left:4px; fill:var(--tr-bordo-uzerinde-900) }
.kamu .video-kapak:hover .video-oynat,.kamu .video-kapak:focus-visible .video-oynat{ background:var(--tr-kirmizi-koyu) }
.kamu .video-kapak:focus-visible{ outline:3px solid var(--tr-aycicek); outline-offset:3px }
.kamu .video-etiket{
  font-family:var(--font-display); font-weight:700; font-size:var(--fs-h3);
  text-transform:uppercase; letter-spacing:.04em;
}
.kamu .video-kutu figcaption{ margin-top:var(--sp-2); font-size:var(--fs-xs); color:var(--tr-kahve-500) }