/*
 * Ç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}}

/* ---------- 5. SLIDER ----------
 * Slider görselinde logo ve slogan zaten bulunduğu için yazı kartı kaldırıldı.
 * Başlık (H1) ekranda görünmez ama Google ve ekran okuyucular için sayfada kalır.
 */
.ref-hero .ref-hero-content{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;
  white-space:nowrap!important;border:0!important;background:none!important;box-shadow:none!important;
}

/* ---------- 6. Hizmet detayı: ek görseller (galeri) ---------- */
.service-gallery-main{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:inherit}
.service-gallery-main img{display:block;width:100%;height:auto}
.service-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:12px 0 4px}
.service-gallery button{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:8px;overflow:hidden;aspect-ratio:4/3}
.service-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.service-gallery button:hover img,.service-gallery button:focus-visible img{transform:scale(1.04)}

/* ---------- 7. Proje videoları ---------- */
.project-video-badge{position:absolute;top:12px;right:12px;z-index:2;background:#000c;color:#fff;font-style:normal;font-size:12px;font-weight:600;padding:5px 10px;border-radius:20px;pointer-events:none}
.project-video{margin:26px 0}
.project-video h3{margin:0 0 12px}
.project-video video,.project-video-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border-radius:10px;object-fit:contain}
.project-videos{margin-top:46px}
.project-videos-title{font-size:clamp(22px,2.2vw,30px);margin:0 0 18px}
.project-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr));gap:24px}
.project-video-card{display:grid;gap:10px}
.project-video-card .action-link{font-weight:600}

/* ---------- 8. Proje kartları (Projeler sayfası, Benzer Projeler, Tüm Projeler) ----------
 * Eski altın renkli örtü kaldırıldı: görsel tamamen görünür, başlık görselin altında beyaz alanda.
 */
.project-grid .project-visual{position:relative!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid #e9e1d2;border-radius:10px;overflow:hidden!important;box-shadow:0 4px 18px #0000000f;transition:transform .3s,box-shadow .3s}
.project-grid .project-visual::after,.project-grid .project-visual::before{display:none!important;content:none!important}
.project-grid .project-visual>img{position:static!important;display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;transform:none!important;transition:filter .3s}
.project-grid .project-visual .project-cover,
.project-grid .project-visual:hover .project-cover,
.project-grid .project-visual:focus-within .project-cover{position:static!important;inset:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;background:#fff!important;opacity:1!important;transform:none!important;padding:18px 20px 20px!important;margin:0!important;text-shadow:none!important;color:#1b1f1f!important}
.project-grid .project-visual .project-cover::after{content:"";position:absolute;inset:0;z-index:1}
.project-grid .project-visual .project-cover h3{color:#1b1f1f!important;font-size:18px!important;line-height:1.4!important;text-transform:none!important;margin:0!important;transform:none!important}
.project-grid .project-visual .project-cover>span{display:none!important}
.project-grid .project-visual .project-cover>b{display:inline-block!important;opacity:1!important;max-height:none!important;padding:0!important;margin:8px 0 0!important;background:none!important;color:#a8843f!important;font-size:14px!important;font-weight:600}
.project-grid .project-visual:hover,.project-grid .project-visual:focus-within{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}
.project-grid .project-visual:hover>img{filter:brightness(1.06)}
.project-grid .project-visual:hover .project-cover h3{color:#a8843f!important}
.project-grid .project-video-badge{z-index:2}

/* ---------- 9. Slider: karartma katmanı kaldırıldı, görsel net görünür ---------- */
.ref-hero .ref-slide::after,.ref-hero .ref-slide:after{display:none!important;background:none!important}
.ref-hero .ref-slide img{filter:none!important;opacity:1!important}

/* ---------- 10. Vizyon & Misyon sayfası ---------- */
.vision-section{padding-top:80px;padding-bottom:90px}
.vision-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:start}
.vision-layout.no-media{grid-template-columns:minmax(0,1fr);max-width:860px;margin:0 auto}
.vision-main h2{font-size:clamp(28px,3vw,44px);line-height:1.2;margin:6px 0 30px}
.vision-text p{font-size:16.5px;line-height:1.85;color:#4c4b46;margin:0 0 18px}
.vision-quote{position:relative;margin:34px 0;padding:28px 32px 28px 36px;background:#1d2122;color:#fff;border-left:4px solid #b49353;border-radius:0 12px 12px 0;font-size:clamp(17px,1.5vw,20px);line-height:1.65;font-weight:600}
.vision-quote::before{content:"“";position:absolute;top:-14px;right:22px;font-size:90px;line-height:1;color:#b49353;opacity:.55;font-family:Georgia,serif}
.vision-text .story-sign{margin-top:30px;padding-top:20px;border-top:1px solid #e4ddcf;font-size:17px;font-weight:700;color:#a8843f}
.vision-media{position:sticky;top:110px;padding:22px 22px 70px 0}
.vision-media::before{content:"";position:absolute;top:0;right:0;width:62%;height:62%;border:2px solid #b49353;border-radius:12px}
.vision-media img{position:relative;display:block;border-radius:12px;object-fit:cover;height:auto!important;max-width:none!important;margin:0!important;float:none!important;transform:none!important}
.vision-media .vm-main{width:calc(100% - 22px)!important;aspect-ratio:4/5;box-shadow:0 18px 40px #0002;z-index:1}
.vision-media .vm-second{position:absolute!important;left:-34px;bottom:0;width:50%!important;aspect-ratio:4/3;border:8px solid #fff;box-sizing:content-box;box-shadow:0 14px 30px #0003;z-index:2}
.vision-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px;margin-top:80px}
.vision-card{position:relative;overflow:hidden;background:#1d2122;color:#fff;padding:44px 40px;border-radius:14px}
.vision-card::after{content:"";position:absolute;right:-60px;bottom:-60px;width:180px;height:180px;border:2px solid #b4935355;border-radius:50%}
.vision-card .eyebrow{color:#c9a865}
.vision-card h3{color:#fff;font-size:clamp(22px,2vw,28px);line-height:1.3;margin:0 0 16px}
.vision-card p{color:#ffffffcc;line-height:1.8;margin:0 0 12px;position:relative;z-index:1}
@media(max-width:960px){
  .vision-layout{grid-template-columns:1fr;gap:50px}
  .vision-media{position:relative;top:auto;max-width:520px;margin:0 auto;padding:18px 18px 60px 30px}
  .vision-media .vm-second{left:0}
  .vision-section{padding-top:50px;padding-bottom:60px}
  .vision-card{padding:34px 26px}
}


/* ---------- 11. Proje detayı: modern fotoğraf slaytı ---------- */
.detail-carousel{background:#0f1213!important;border-radius:16px;overflow:hidden;box-shadow:0 22px 50px #00000029;margin-bottom:16px!important}
.detail-slides{height:clamp(300px,50vw,620px)!important}
.detail-slide{position:relative;overflow:hidden;background:#0f1213!important;cursor:zoom-in}
.detail-slide::before{content:"";position:absolute;inset:-40px;background:var(--bg) center/cover no-repeat;filter:blur(30px) brightness(.5) saturate(1.1);transform:scale(1.08)}
.detail-slide img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 30px #0007)}
.detail-prev,.detail-next{z-index:3;width:52px!important;height:52px!important;border-radius:50%;background:#ffffffe0!important;color:#1d2122!important;font-size:20px!important;box-shadow:0 6px 18px #0004;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,color .25s,transform .25s}
.detail-prev{left:20px!important}
.detail-next{right:20px!important}
.detail-prev:hover,.detail-next:hover,.detail-prev:focus-visible,.detail-next:focus-visible{background:#b49353!important;color:#fff!important;transform:translateY(-50%) scale(1.06)}
.detail-count{position:absolute;left:20px;bottom:18px;z-index:3;background:#000000a6;color:#fff;font-size:13px;font-weight:600;letter-spacing:.04em;padding:6px 14px;border-radius:20px;pointer-events:none}
.detail-carousel .ref-demo{z-index:3}
.detail-thumbs{display:flex!important;gap:12px!important;overflow-x:auto;margin:0 0 44px!important;padding:2px 2px 8px;scrollbar-width:thin}
.detail-thumbs button{flex:0 0 auto;width:118px!important;height:82px!important;border-radius:10px;border:2px solid transparent!important;overflow:hidden;opacity:.55;transition:opacity .25s,border-color .25s,transform .25s;cursor:pointer}
.detail-thumbs button.active,.detail-thumbs button:hover{opacity:1;border-color:#b49353!important}
.detail-thumbs button.active{transform:translateY(-2px)}
@media(max-width:700px){
  .detail-carousel{border-radius:12px}
  .detail-prev,.detail-next{width:40px!important;height:40px!important;font-size:16px!important}
  .detail-prev{left:10px!important}.detail-next{right:10px!important}
  .detail-count{left:12px;bottom:12px;font-size:12px}
  .detail-thumbs button{width:86px!important;height:62px!important}
}
@media print{.detail-slides{height:280px!important}.detail-slide::before,.detail-count,.detail-thumbs{display:none!important}}