/*
 * Çelik İnşaat — Logo ve sosyal medya düzeltmeleri
 * Bu dosya en son yüklenir ve önceki stil dosyalarındaki ofsetli logo kurallarını ezer.
 * Logo artık kırpılmaz/kaydırılmaz: kutuya orantılı olarak sığdırılır (object-fit: contain).
 */

/* ---------- 1. LOGO: ortak kurallar ---------- */
.site-logo{overflow:visible!important;background:none!important;box-shadow:none!important;border-radius:0!important;display:flex!important;align-items:center;justify-content:flex-start;line-height:0}
.site-logo img{position:static!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;transform:none!important;display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain;object-position:left center;mix-blend-mode:normal!important;filter:none!important;image-rendering:auto}

/* Üst bant (masthead) logosu */
.masthead .brand.site-logo{flex:0 0 auto;width:250px!important;height:96px!important}
@media(max-width:1200px){.masthead .brand.site-logo{width:218px!important;height:86px!important}}
@media(max-width:900px){.masthead .brand.site-logo{width:196px!important;height:78px!important}}
@media(max-width:600px){.masthead .brand.site-logo{width:172px!important;height:68px!important}}

/* Kaydırınca görünen koyu menüdeki logo (açık renkli varyant, beyaz kutu yok) */
.sticky-brand.site-logo{height:54px!important}
.header-scrolled .sticky-brand.site-logo{flex:0 0 132px!important;width:132px!important;max-width:132px!important;height:54px!important;opacity:1}
@media(max-width:1199px){.sticky-brand.site-logo,.header-scrolled .sticky-brand.site-logo{flex:0 0 128px!important;width:128px!important;max-width:128px!important;height:52px!important;opacity:1}}
@media(max-width:600px){.sticky-brand.site-logo,.header-scrolled .sticky-brand.site-logo{flex:0 0 112px!important;width:112px!important;max-width:112px!important;height:46px!important}}

/* Mobil/tablet: üst bantta logo zaten görünürken koyu menüde ikinci kez gösterme; kaydırınca görünür */
@media(max-width:1199px){.header:not(.header-scrolled) .sticky-brand.site-logo{flex:0 0 0!important;width:0!important;max-width:0!important;opacity:0}}

/* Footer logosu (açık renkli varyant, koyu zemin üzerinde; beyaz kutu kaldırıldı) */
.footer-logo.site-logo{width:240px!important;height:auto!important;margin-bottom:22px;padding:0}
.footer-logo.site-logo img{height:auto!important;max-height:110px}
@media(max-width:600px){.footer-logo.site-logo{width:210px!important}}

/* ---------- 2. SOSYAL MEDYA: resmi renkler ve resmi logolar ---------- */
:root{
  --wa:#25D366;--wa-dark:#128C7E;
  --ig-grad:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
  --fb:#0866FF;--yt:#FF0000;--li:#0A66C2;--x:#000000;--tt:#000000;
}
.brand-icon,.brand-wa{fill:currentColor!important;stroke:none!important}

/* Sağdaki sabit hızlı iletişim butonları */
.fixed-actions>a.action-wa{background:var(--wa)!important;border-color:#ffffff55!important;color:#fff!important}
.fixed-actions>a.action-wa:hover{background:var(--wa-dark)!important}
.fixed-actions>a.action-instagram{background:var(--ig-grad)!important;border-color:#ffffff55!important;color:#fff!important}
.fixed-actions>a.action-facebook{background:var(--fb)!important;color:#fff!important}
.fixed-actions>a.action-youtube{background:var(--yt)!important;color:#fff!important}
.fixed-actions>a.action-linkedin{background:var(--li)!important;color:#fff!important}
.fixed-actions>a.action-x,.fixed-actions>a.action-tiktok{background:#000!important;color:#fff!important;border-color:#ffffff40!important}
.fixed-actions>a .brand-icon,.fixed-actions>a .brand-wa{fill:#fff!important;stroke:none!important;width:25px!important;height:25px!important;min-width:25px}
.fixed-actions>a.action-wa .brand-wa{width:27px!important;height:27px!important}

/* Footer sosyal medya ikonları */
.footer-social{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px}
.footer-social .social-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:#fff;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 3px 10px #0004}
.footer-social .social-btn svg{width:19px;height:19px;fill:#fff}
.footer-social .social-btn:hover,.footer-social .social-btn:focus-visible{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 7px 16px #0006}
.social-whatsapp{background:var(--wa)}
.social-instagram{background:var(--ig-grad)}
.social-facebook{background:var(--fb)}
.social-youtube{background:var(--yt)}
.social-linkedin{background:var(--li)}
.social-x,.social-tiktok{background:#000;border:1px solid #ffffff40}

/* WhatsApp butonları (detay sayfaları, iletişim) — resmi yeşil */
.button.outline .brand-wa,.action-link .brand-wa{color:var(--wa-dark)}

/* ---------- 3. FOOTER iletişim satırı (4 kalem: GSM, sabit/faks, e-posta, adres) ---------- */
.footer-contact-row.footer-contact-full{grid-template-columns:1fr 1fr 1.25fr 1.35fr}
.footer-contact-full .fc-item{display:flex;gap:14px;align-items:center;font-size:13px;line-height:1.75}
.footer-contact-full .fc-item a{color:inherit}
.footer-contact-full .fc-item a:hover{color:var(--gold)}
.footer-contact-full .fc-item small{font-size:12.5px;opacity:.85}
@media(max-width:1100px){.footer-contact-row.footer-contact-full{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.footer-contact-row.footer-contact-full{grid-template-columns:1fr}}

/* ---------- 4. Yasal sayfalar: okunabilir tipografi ---------- */
.legal h2{margin-top:34px}
.legal h2:first-child{margin-top:0}
.legal h3{font-size:17px;margin:22px 0 8px}
.legal ul,.legal ol{margin:12px 0 12px 22px;display:grid;gap:7px}
.legal li{line-height:1.7}
.legal table{width:100%;border-collapse:collapse;margin:16px 0 8px;font-size:14px}
.legal th,.legal td{border:1px solid #e4ddcf;padding:10px 12px;text-align:left;vertical-align:top}
.legal th{background:#f6f1e7;font-weight:600}
.legal .table-wrap{overflow-x:auto}
.legal .legal-meta{font-size:13px;color:#6e6b65;border-top:1px solid #e9e1d2;padding-top:14px;margin-top:30px}
.corporate-split ul.quality-list{margin:14px 0 18px 20px;display:grid;gap:8px}
.corporate-split ul.quality-list li{line-height:1.65}
.legal a:not(.button):not(.text-link){color:#8a6a2f;text-decoration:underline;text-underline-offset:3px}
.legal a:not(.button):not(.text-link):hover{color:#5f4618}

/* Gri yazılı logo koyu zeminlerde beyaz kart içinde gösterilir */
.sticky-brand.site-logo{background:#fff!important;border-radius:6px!important;padding:4px 8px!important;box-sizing:border-box}
.footer-logo.site-logo{background:#fff!important;border-radius:8px!important;padding:12px 16px!important;box-sizing:border-box;box-shadow:0 4px 16px #0004!important;width:250px!important}
@media(max-width:600px){.footer-logo.site-logo{width:220px!important}}