/* TARLA TASARIMI (2026-11-04, owner: "site tasarımını değiştir"). Çiftçi kitlesi için açık, sıcak, okunaklı tema.
 * Yalnız :root[data-tasarim="tarla"] altında çalışır (kafa.php ayarlar); eski tema dokunulmadan kalır.
 * Renk: krem zemin, tarım yeşili ana renk, hasat sarısı vurgu. Koyu tercih edenler için gece (koyu toprak) karşılığı. */

/* ---- AÇIK (varsayılan) ---- */
:root[data-tasarim="tarla"]{
  --mavi:#2f7d32; --mavi-700:#1f5f24; --mavi-acik:#2f7d32; --cam:#b7780a;
  --zemin:#fbf8f1; --yuzey:#f4efe3; --yuzey2:#ffffff; --yuzey3:#ece5d3;
  --cam-dolgu:rgba(47,125,50,.05); --cam-dolgu2:rgba(47,125,50,.10);
  --panel:rgba(251,248,241,.94); --panel-kati:rgba(255,255,255,.96);
  --cizgi:rgba(70,58,24,.13); --cizgi2:rgba(70,58,24,.22);
  --yazi:#1f2a1c; --soluk:rgba(31,42,28,.76); --soluk2:rgba(31,42,28,.58);
  --etiket-yazi:#1f5f24; --vurgu-yazi:#1f5f24;
  --gol:0 18px 50px -26px rgba(60,48,14,.28); --gol-yumusak:0 6px 22px -12px rgba(60,48,14,.22);
  --hero-ust:linear-gradient(90deg,rgba(251,248,241,.96) 0%,rgba(251,248,241,.78) 20%,rgba(251,248,241,.30) 36%,rgba(251,248,241,0) 50%);
  --grad:linear-gradient(135deg,#2f7d32,#4f9a2c);
  --ar-yesil:#2f7d32; --ar-yesil-acik:#e0a526;
  --girdi-zemin:#ffffff; --alt-zemin:#1f2a1c;
  --iyi:#2f7d32; --uyari:#8a5a00;
  --r:16px; --r-sm:12px;
  --hasat:#e0a526; --hasat-koyu:#8a5a00;
  color-scheme:light;
}
:root[data-tasarim="tarla"] body{font-size:17px;line-height:1.7}

/* üst menü: her zaman dolu krem bant */
:root[data-tasarim="tarla"] .ust{background:var(--panel);box-shadow:0 1px 0 var(--cizgi)}
:root[data-tasarim="tarla"] .ust.dolu{background:var(--panel)}

/* başlıklar: büyük harf ve neon gölge yok, sıcak koyu yazı */
:root[data-tasarim="tarla"] h1,:root[data-tasarim="tarla"] h2,:root[data-tasarim="tarla"] h3{color:var(--yazi);letter-spacing:-.015em}
:root[data-tasarim="tarla"] .hero-ecu h1{text-transform:none;color:var(--yazi);text-shadow:none;letter-spacing:-1px;line-height:1.06;font-size:clamp(34px,5vw,58px)}
:root[data-tasarim="tarla"] .ar-hero h1 .g,:root[data-tasarim="tarla"] .hero-ecu h1 .g{color:var(--mavi-700);background:none;-webkit-text-fill-color:currentColor}
:root[data-tasarim="tarla"] .eyebrow{color:var(--hasat-koyu);letter-spacing:.12em}
:root[data-tasarim="tarla"] .ar-hero .hero-metin .eyebrow::before{background:var(--hasat)!important;box-shadow:none!important}
:root[data-tasarim="tarla"] .hero{background:var(--zemin)}
:root[data-tasarim="tarla"] .hero-kurs,:root[data-tasarim="tarla"] .bolum-alt{color:var(--soluk)}

/* düğmeler: ana eylem dolu yeşil, ikincil yeşil çerçeve */
:root[data-tasarim="tarla"] .btn-grad{background:var(--mavi);color:#fff;box-shadow:0 8px 20px -10px rgba(31,95,36,.6)}
:root[data-tasarim="tarla"] .btn-grad:hover{background:var(--mavi-700)}
:root[data-tasarim="tarla"] .btn-hayalet{background:#fff;border-color:rgba(47,125,50,.45);color:var(--mavi-700);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-tasarim="tarla"] .btn-hayalet:hover{border-color:var(--mavi);background:var(--cam-dolgu2)}
:root[data-tasarim="tarla"] .btn-wa{background:#25D366;color:#063b1b}
:root[data-tasarim="tarla"] .btn{border-radius:12px}

/* kartlar: beyaz, ince çerçeve, yumuşak gölge */
:root[data-tasarim="tarla"] .kart{background:#fff;border-color:var(--cizgi);box-shadow:var(--gol-yumusak)}
:root[data-tasarim="tarla"] a.kart:hover{border-color:rgba(47,125,50,.45);transform:translateY(-2px)}
:root[data-tasarim="tarla"] .ar-vurgu{border-color:var(--mavi)!important;box-shadow:0 0 0 1px rgba(47,125,50,.25),0 18px 40px -24px rgba(31,95,36,.45)}
:root[data-tasarim="tarla"] .ar-no{background:var(--hasat);color:#2b1d00}
:root[data-tasarim="tarla"] .ar-rehber-ozet{border-left-color:var(--hasat)}

/* bölüm zeminleri ve etiketler */
:root[data-tasarim="tarla"] .etiketler a{background:#fff;border-color:var(--cizgi);color:var(--yazi)}
:root[data-tasarim="tarla"] .etiketler a:hover{border-color:var(--mavi);color:var(--mavi-700)}
:root[data-tasarim="tarla"] details.sss{background:#fff;border-color:var(--cizgi)}
:root[data-tasarim="tarla"] details.sss summary{color:var(--yazi)}
:root[data-tasarim="tarla"] main a:not(.btn):not(.kart):not(.etiketler a){color:var(--mavi-700)}

/* alt bilgi: koyu zeytin, açık yazı */
:root[data-tasarim="tarla"] .alt{background:var(--alt-zemin);color:rgba(244,239,227,.78);border-top:0}
:root[data-tasarim="tarla"] .alt a{color:rgba(244,239,227,.9)}
:root[data-tasarim="tarla"] .alt a:hover{color:var(--hasat)}
:root[data-tasarim="tarla"] .alt h3,:root[data-tasarim="tarla"] .alt h4{color:var(--hasat)}

/* mobil alt çubuk: krem, WhatsApp yeşil */
:root[data-tasarim="tarla"] .mobil-bar{background:var(--panel-kati);border-top-color:var(--cizgi)}
:root[data-tasarim="tarla"] .mobil-bar a{color:var(--yazi)}
:root[data-tasarim="tarla"] .mobil-bar a+a{color:#0e7a3e}

/* ---- GECE (koyu tercih edildiğinde): koyu toprak + aynı yeşil/hasat ---- */
:root[data-tasarim="tarla"]:not([data-tema="acik"]){
  --mavi:#6dbb4a; --mavi-700:#4f9a2c; --mavi-acik:#8fd16b; --cam:#e0a526;
  --zemin:#11150e; --yuzey:#171c13; --yuzey2:#1d2418; --yuzey3:#242c1e;
  --panel:rgba(17,21,14,.92); --panel-kati:rgba(23,28,19,.96);
  --cizgi:rgba(224,214,180,.12); --cizgi2:rgba(224,214,180,.22);
  --yazi:#f1ecdd; --soluk:rgba(241,236,221,.72); --soluk2:rgba(241,236,221,.52);
  --etiket-yazi:#8fd16b; --vurgu-yazi:#8fd16b;
  --hero-ust:linear-gradient(90deg,rgba(17,21,14,.92) 0%,rgba(17,21,14,.6) 20%,rgba(17,21,14,.2) 38%,rgba(17,21,14,0) 50%);
  --alt-zemin:#0b0e09; --hasat-koyu:#e0a526;
  color-scheme:dark;
}
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .kart,
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .etiketler a,
:root[data-tasarim="tarla"]:not([data-tema="acik"]) details.sss,
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .btn-hayalet{background:var(--yuzey2)}
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .btn-hayalet{color:var(--mavi-acik)}
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .btn-grad{color:#0b1a07}
:root[data-tasarim="tarla"]:not([data-tema="acik"]) main a:not(.btn):not(.kart):not(.etiketler a){color:var(--mavi-acik)}

/* ---- GİRİŞ (hero-ecu): eski temada zorla koyu yapılan katmanlar ---- */
:root[data-tasarim="tarla"] .hero.hero-ecu{--yazi:#1f2a1c;--soluk:rgba(31,42,28,.78);--soluk2:rgba(31,42,28,.58);--cizgi:rgba(70,58,24,.13);--cizgi2:rgba(70,58,24,.22);--cam-cizgi:var(--cizgi);--cam-cizgi2:var(--cizgi2);--cam-dolgu:rgba(47,125,50,.05);--cam-dolgu2:rgba(47,125,50,.10)}
:root[data-tasarim="tarla"] .hero.hero-ecu .hero-bg,:root[data-tasarim="tarla"] .ar-hero .hero-bg{background:radial-gradient(900px 520px at 85% 10%,rgba(224,165,38,.16),transparent 60%),radial-gradient(760px 460px at 5% 95%,rgba(47,125,50,.12),transparent 60%),var(--zemin)!important}
:root[data-tasarim="tarla"] .hero.hero-ecu .hero-foto{display:none}
:root[data-tasarim="tarla"] .hero.hero-ecu .hx-rain{display:none}
:root[data-tasarim="tarla"] .hero.hero-ecu h1{color:var(--yazi);text-transform:none;text-shadow:none;letter-spacing:-1px;line-height:1.06;font-size:clamp(34px,5vw,58px)}
:root[data-tasarim="tarla"] .hero.hero-ecu h1 .g{background:none;-webkit-text-fill-color:currentColor;color:var(--mavi-700);animation:none}
:root[data-tasarim="tarla"] .hero.hero-ecu .hero-kurs{color:var(--soluk);text-shadow:none}
:root[data-tasarim="tarla"] .hero.hero-ecu .hero-metin .eyebrow{font-family:var(--font);letter-spacing:.08em;font-size:12.5px;color:var(--hasat-koyu);background:rgba(224,165,38,.12);border:1px solid rgba(224,165,38,.35);box-shadow:none}
:root[data-tasarim="tarla"] .hero.hero-ecu .hero-metin .eyebrow::before{background:var(--hasat)!important;box-shadow:none!important}
:root[data-tasarim="tarla"] .hero.hero-ecu .btn-hayalet{background:#fff;border-color:rgba(47,125,50,.45);color:var(--mavi-700)}
:root[data-tasarim="tarla"] .hero.hero-ecu .btn-hayalet:hover{background:var(--cam-dolgu2)}
:root[data-tasarim="tarla"] .ar-hero-gorsel{box-shadow:0 26px 60px -30px rgba(60,48,14,.45),0 0 0 1px var(--cizgi)}
:root[data-tasarim="tarla"] .ar-sahne{background:var(--yuzey3)}
:root[data-tasarim="tarla"] body:has(.hero-ecu) .ust:not(.dolu){color-scheme:light;--yazi:#1f2a1c;--soluk:rgba(31,42,28,.78);--soluk2:rgba(31,42,28,.58);--cam-dolgu:rgba(47,125,50,.05);--cam-dolgu2:rgba(47,125,50,.10);--cizgi:rgba(70,58,24,.13);--cizgi2:rgba(70,58,24,.22);--panel:rgba(251,248,241,.94);--logo-suz:none}
/* gece varyantında giriş */
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .hero.hero-ecu,:root[data-tasarim="tarla"]:not([data-tema="acik"]) body:has(.hero-ecu) .ust:not(.dolu){--yazi:#f1ecdd;--soluk:rgba(241,236,221,.75);--soluk2:rgba(241,236,221,.55);--cizgi:rgba(224,214,180,.12);--cizgi2:rgba(224,214,180,.22);--panel:rgba(17,21,14,.92);color-scheme:dark}
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .hero.hero-ecu .btn-hayalet{background:var(--yuzey2);color:var(--mavi-acik)}

/* ---- GİRİŞ SLAYTI (2026-11-04): fotoğraf slaytları + ileri/geri ok (tema bağımsız) ---- */
.ar-ok{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:#1f2a1c;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 4px;box-shadow:0 6px 18px -8px rgba(0,0,0,.55);opacity:0;transition:opacity .2s,transform .2s}
.ar-sahne:hover .ar-ok,.ar-ok:focus-visible{opacity:1}
.ar-ok:hover{transform:translateY(-50%) scale(1.06)}
.ar-ok-geri{left:12px}.ar-ok-ileri{right:12px}
@media (hover:none){.ar-ok{opacity:.85;width:36px;height:36px;font-size:26px}}
.ar-sahne.durgun .ar-ok,.ar-sahne.durgun .ar-fslayt{display:none}
.ar-fslayt picture,.ar-fslayt img{display:block;width:100%;height:100%;object-fit:cover}
:root[data-tasarim="tarla"] .ar-vbaslik{background:rgba(31,42,28,.8);color:#fbf8f1;font-weight:600}
:root[data-tasarim="tarla"] .ar-nokta[aria-current="true"]{background:var(--hasat);width:22px;border-radius:6px}

/* girişin altındaki 4'lü özellik şeridi (hx-feats): eski temada sabit koyu */
:root[data-tasarim="tarla"] .hx-feats{background:#fff;border-top:1px solid var(--cizgi);box-shadow:var(--gol-yumusak);border-radius:var(--r);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-tasarim="tarla"] .hx-feats::before{background:linear-gradient(90deg,transparent,var(--hasat) 30%,var(--mavi) 70%,transparent)}
:root[data-tasarim="tarla"] .hx-feat{border-right-color:var(--cizgi)}
:root[data-tasarim="tarla"] .hx-feat svg{stroke:var(--mavi)}
:root[data-tasarim="tarla"] .hx-feat b{color:var(--yazi)}
:root[data-tasarim="tarla"] .hx-feat small{color:var(--soluk)}
@media(max-width:720px){:root[data-tasarim="tarla"] .hx-feat:nth-child(-n+2){border-bottom-color:var(--cizgi)}}
:root[data-tasarim="tarla"]:not([data-tema="acik"]) .hx-feats{background:var(--yuzey2)}

/* marka sayfası: modelinizi seçin (2026-11-04) */
.ar-model .ar-model-foto{display:block;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:16/10}
.ar-model .ar-model-foto img{width:100%;height:100%;object-fit:cover}
.ar-seri a{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.25;padding:9px 14px}
.ar-seri a small{font-size:11.5px;color:var(--soluk);font-weight:500}
.ar-seri a:hover b{color:var(--mavi-700)}

/* ---- TEMA İYİLEŞTİRMELERİ (2026-11-04) ---- */
/* alt bilgi: yasal uyarı ve telif satırı koyu zeminde okunmuyordu (açık temanın --soluk değişkenleri) */
:root[data-tasarim="tarla"] .alt{--soluk:rgba(244,239,227,.72);--soluk2:rgba(244,239,227,.55);--cam-cizgi:rgba(244,239,227,.14);--cizgi:rgba(244,239,227,.14)}
:root[data-tasarim="tarla"] .alt .yasal{background:rgba(224,165,38,.08);border-color:rgba(224,165,38,.3);color:rgba(244,239,227,.72)}
:root[data-tasarim="tarla"] .alt .yasal b{color:var(--hasat)}
/* belirme animasyonu: hızlı kaydırmada boş sayfa görünmesin */
:root[data-tasarim="tarla"] .fade{transform:translateY(8px);transition:opacity .35s ease-out,transform .35s ease-out}
/* giriş: masaüstünde ekrana sığsın, mobilde başlık taşmasın */
:root[data-tasarim="tarla"] .hero.hero-ecu h1{font-size:clamp(30px,3.6vw,50px)}
:root[data-tasarim="tarla"] .hero.hero-ecu h1 .g{display:inline-block;font-size:.56em;line-height:1.22;letter-spacing:-.3px;margin-top:10px}
:root[data-tasarim="tarla"] .hero.hero-ecu .hero-kurs{font-size:16px;line-height:1.6;max-width:60ch}
:root[data-tasarim="tarla"] .hero.hero-ecu .prm-marka-aciklama{font-size:13.5px;color:var(--soluk2);max-width:62ch}
@media(max-width:720px){
  :root[data-tasarim="tarla"] .hero.hero-ecu .hero-metin .eyebrow{font-size:11px;letter-spacing:.05em;line-height:1.5}
  :root[data-tasarim="tarla"] .hero.hero-ecu .hero-kurs{font-size:15px}
  /* alt çubukta WhatsApp zaten var; sabit yuvarlak düğme içeriğin üstüne biniyordu */
  :root[data-tasarim="tarla"] body:has(.mobil-bar) .wa-sabit{display:none}
}
/* odak halkası: klavye ile gezinmede görünür */
:root[data-tasarim="tarla"] a:focus-visible,:root[data-tasarim="tarla"] button:focus-visible,:root[data-tasarim="tarla"] input:focus-visible,:root[data-tasarim="tarla"] select:focus-visible{outline:3px solid var(--hasat);outline-offset:2px;border-radius:6px}
