/* =====================================================================
   BİÇİM MÜHENDİSLİK — LARAVEL EKLERİ
   site.css ve ic.css tasarımın (bicimmuhendislik/ mockup) dosyalarıdır, olduğu gibi kopyalanır; bu dosya
   yalnız Laravel sürümünde olan parçaların stilidir: formun gönderim durumu ve yedek bağlantıları, boş
   durumlar, duyurular, uzun metin (yazı) tipografisi ve yasal sayfalar. Değişkenler site.css'tendir.
   ===================================================================== */

/* ---------- Üst menü: Araç Filosu ve Referanslar ikincil bağlantıdır; 1280 px altında menüye sığmadığı için
   yalnız mobil menüde ve alt bilgide yer alır ---------- */
@media (max-width:1279.98px){.nav a.nav__ikincil{display:none}}
/* Menü sekiz bağlantıya çıkınca: üstteki telefon (künye şeridinde de var) geniş ekrana kadar gizlenir, aralık daralır */
@media (max-width:1535.98px){.baslik--genis-menu .baslik__tel{display:none}}
@media (min-width:1280px){.baslik--genis-menu .nav{gap:clamp(16px,1.5vw,30px)}}

/* ---------- Teklif formu: sunucudan gelen sonuç ve "WhatsApp / e-postayla gönderin" yedeği ---------- */
.form-durum--basari{color:#1A5326;background:#EBF6EE;border-left:3px solid var(--green);padding:12px 14px}
.form-durum:focus{outline:none}
.form-alternatif{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:14px 0 0}
.form-alternatif[hidden]{display:none}
.form-alternatif .btn--wa{background:#1DA851;color:#fff}   /* ic.css'teki kuralın anasayfadaki karşılığı */
.form-alternatif .btn--wa .ikon{width:20px;height:20px}
.form-alternatif [hidden]{display:none}
form[aria-busy="true"] [type=submit]{opacity:.6;cursor:progress}

/* ---------- Boş durum (henüz proje / duyuru yokken) ---------- */
.bos-durum{margin:0;max-width:42em}

/* ---------- Sayfa başı kartında ikincil not (ör. "4 dk okuma") ---------- */
.banner__not{display:inline-flex;align-items:center;min-height:44px;font:500 12px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate);text-transform:uppercase}

/* ---------- Duyuru kartları (ilgili__kart ızgarası; görselsiz duyuruda düz zemin) ---------- */
.duyuru-izgara .ilgili__kart::before{background:var(--g-turuncu)}
.duyuru-izgara .ilgili__gorsel:empty{background:linear-gradient(135deg,var(--zemin-2,#EBF0F2),var(--line))}
.duyuru-izgara .ilgili__kod time{white-space:nowrap}

/* ---------- Uzun metin: duyuru ve yasal metinler ---------- */
.yazi{font:400 17px/1.75 var(--f-govde);color:var(--on-surface);min-width:0}
.yazi>:first-child{margin-top:0}
.yazi h2{font:700 clamp(22px,2.4vw,28px)/1.25 var(--f-baslik);letter-spacing:-.01em;color:var(--ink);margin:44px 0 14px;scroll-margin-top:calc(var(--hdr) + 72px)}
.yazi h3{font:700 19px/1.35 var(--f-baslik);color:var(--ink);margin:30px 0 10px;scroll-margin-top:calc(var(--hdr) + 72px)}
.yazi p{margin:0 0 16px;max-width:42em}
.yazi ul,.yazi ol{margin:0 0 18px;padding-left:1.25em;max-width:42em}
.yazi li{margin:0 0 8px;padding-left:.25em}
.yazi ul li::marker{color:var(--orange)}
.yazi ol li::marker{font:600 15px/1 var(--f-mono);color:var(--slate)}
.yazi a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.yazi a:hover{color:var(--primary)}
.yazi strong{font-weight:700;color:var(--ink)}
.yazi blockquote{margin:24px 0;padding:16px 20px;background:#fff;border-left:3px solid var(--orange);max-width:42em}
.yazi blockquote p{margin:0}
.yazi img{max-width:100%;height:auto;display:block;margin:24px 0}
.yazi hr{border:0;border-top:1px solid var(--line);margin:32px 0}

/* Duyuru: metin + yan sütun (iletişim kartı) */
.yazi-duzen{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}   /* tek sütun içeriğe göre genişlemesin (mobil) */
@media (min-width:1024px){
  .yazi-duzen{grid-template-columns:minmax(0,1fr) 360px;gap:64px;align-items:start}
  .yazi-yan{position:sticky;top:calc(var(--hdr) + 24px)}
}
.yazi-yan .iletisim-kart{margin-top:0}
.yazi-yan__geri{margin:20px 0 0}

/* ---------- Yasal sayfalar: yan menü + metin ---------- */
.yasal-duzen{display:grid;gap:32px}
@media (min-width:1024px){
  .yasal-duzen{grid-template-columns:280px minmax(0,1fr);gap:64px;align-items:start}
  .yasal-yan{position:sticky;top:calc(var(--hdr) + 24px)}
}
.yasal-menu{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.yasal-menu a{display:flex;align-items:center;min-height:44px;padding:8px 14px;background:#fff;color:var(--ink);font:500 15px/1.3 var(--f-govde);text-decoration:none;box-shadow:inset 3px 0 0 transparent;transition:box-shadow .2s var(--ease),background-color .2s var(--ease)}
.yasal-menu a[aria-current="page"]{font-weight:700;box-shadow:inset 3px 0 0 var(--orange)}
@media (hover:hover) and (pointer:fine){.yasal-menu a:not([aria-current]):hover{box-shadow:inset 3px 0 0 var(--line)}}
.yasal-guncelleme{margin:0 0 24px;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.yasal-kunye{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0 0 18px;padding:18px 20px;background:#fff;max-width:42em}
.yasal-kunye dt{font:500 11px/1.9 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.yasal-kunye dd{margin:0;font:500 15px/1.6 var(--f-govde);color:var(--ink)}
.yasal-tablo-sar{overflow-x:auto;margin:0 0 18px;max-width:100%}
.yasal-tablo{width:100%;border-collapse:collapse;background:#fff;font:400 14px/1.5 var(--f-govde)}
.yasal-tablo th{text-align:left;font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate);padding:12px 14px;border-bottom:1px solid var(--line)}
.yasal-tablo td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
@media (max-width:640px){
  .yasal-kunye{grid-template-columns:1fr;gap:2px 0}
  .yasal-kunye dd+dt{margin-top:10px}
  .yasal-tablo thead{display:none}
  .yasal-tablo tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}
  .yasal-tablo td{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;border:0;padding:6px 14px}
  .yasal-tablo td::before{content:attr(data-etiket);font:500 10px/1.6 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
}

@media print{
  .yasal-yan,.yazi-yan{display:none}
  .yazi{font-size:12pt}
}

/* ---------- Referans logoları (anasayfa şeridi ve Referanslar sayfası; Referanslar modülü) ---------- */
.referans-izgara{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media (min-width:640px){.referans-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.referans-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
.referans{background:#fff;min-width:0}
.referans__bag{display:flex;flex-direction:column;align-items:center;gap:14px;height:100%;padding:24px 16px;color:var(--ink);text-decoration:none}
.referans__logo{display:flex;align-items:center;justify-content:center;width:100%;height:72px}
.referans__logo img{max-width:min(100%,180px);max-height:72px;object-fit:contain}
.referans__harf{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--line);font:700 20px/1 var(--f-baslik);color:var(--slate)}
.referans__ad{display:flex;flex-direction:column;gap:2px;max-width:100%;font:500 14px/1.35 var(--f-govde);text-align:center;overflow-wrap:anywhere}
.referans__ad small{font:500 11px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
a.referans__bag{transition:box-shadow .2s var(--ease)}
@media (hover:hover) and (pointer:fine){a.referans__bag:hover{box-shadow:inset 0 -3px 0 var(--orange)}}
a.referans__bag:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}

/* ---------- Hizmet sayfası: teknik değerler bandı (hizmet formundaki "Teknik Değerler") ve ayrıntılar kartı ---------- */
.hizmet-degerler{margin-top:clamp(36px,5vw,56px)}
.ayrinti-kart{display:grid;gap:16px;padding:24px;background:#fff;box-shadow:inset 3px 0 0 var(--renk,var(--orange))}
.ayrinti-kart .etiket-baslik{margin:0}
.ayrinti-kart .btn--wa{justify-content:center;white-space:normal;text-align:center}

/* ---------- Araç filosu kartları (Araç Filosu modülü; proje kartının yapısı) ---------- */
.filo-izgara{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4vw,48px) 24px}
@media (min-width:640px){.filo-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.filo-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}}
.filo-kart h3{margin:6px 0 0;font:700 19px/1.3 var(--f-baslik);color:var(--ink)}
.filo-kart[hidden]{display:none}
.filo-kart__bos{display:grid;place-items:center;width:100%;height:100%;padding:16px;text-align:center;font:500 12px/1.4 var(--f-mono);letter-spacing:var(--ls-etiket);color:var(--slate)}
.filo-kart__aciklama{margin:12px 0 0;font:400 15px/1.6 var(--f-govde);color:var(--on-surface)}