/*
Theme Name: İsmet Eşelioğlu Hukuk Bürosu
*/

*{margin:0;padding:0;box-sizing:border-box;}

body{
font-family:Arial,Helvetica,sans-serif;
background:#f5f5f5;
overflow-x:hidden;
}

a{text-decoration:none !important;color:inherit;}

/* ÜST BAR */
.top-bar{background:#1d3f74;color:white;font-size:14px;}
.top-bar-inner{
max-width:1200px;margin:auto;padding:8px 15px;
display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;
}

/* HEADER */
.site-header{
background:#fff;border-bottom:1px solid #ddd;
position:sticky;top:0;z-index:999;
}
.header-inner{
max-width:1200px;margin:auto;
display:flex;align-items:center;justify-content:center;
padding:15px;position:relative;flex-wrap:wrap;
}
.logo{position:absolute;left:0;}
.logo img{height:90px;max-width:100%;}

.menu ul{
list-style:none;
display:flex;
gap:25px;
flex-wrap:wrap;
justify-content:center;
text-align:center;
}
.menu a{color:#1d3f74;font-weight:bold;}

/* HERO */
.hero-slider{
height:260px;position:relative;overflow:hidden;display:flex;align-items:center;
}
.hero-slide{
position:absolute;width:100%;height:100%;
background-size:cover;background-position:center;
opacity:0;transition:1s;
}
.hero-slide.active{opacity:1;}

.hero-inner{
position:relative;z-index:5;color:white;
margin-left:120px;background:rgba(0,0,0,0.4);
padding:20px;border-radius:8px;max-width:90%;
}

.hero-btn{
background:white;color:#1d3f74 !important;
padding:10px 20px;border-radius:6px;
display:inline-block;margin-top:10px;
}

/* BAŞLIK */
.section-title{text-align:center;margin:60px 0 30px;font-size:28px;}

/* GRID */
.faaliyetler,
.hizmet-grid{
max-width:1200px;margin:auto;
display:grid;gap:30px;padding:20px;
grid-template-columns:repeat(4,1fr);
}

.faaliyet-kutu,
.hizmet-kutu{
background:#2f5597;color:white;
border-radius:10px;text-align:center;
}

.faaliyet-kutu{padding:40px;}
.hizmet-kutu{height:120px;display:flex;align-items:center;justify-content:center;}

/* ================= SLIDER ================= */

.haber-slider-wrapper{
max-width:1200px;margin:auto;
position:relative;overflow:hidden;padding:0 60px;
}

.haber-slider{
display:flex;
gap:20px;
transition:transform 0.4s ease;
}

.haber-link{
flex:0 0 calc((100% - 20px)/2);
max-width:calc((100% - 20px)/2);
}

.haber-kutu{
background:#2f5597;
border-radius:10px;
height:170px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:15px;
}

/* yazı beyaz */
.haber-kutu,
.haber-kutu *{color:#fff !important;}

.haber-ok{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:999;
width:45px;height:45px;
border-radius:50%;
background:#1d3f74;
color:white;border:none;
cursor:pointer;
}
.haber-ok.sol{left:10px;}
.haber-ok.sag{right:10px;}

/* LINKS */
.links{text-align:center;margin:50px 0;}
.links a{
display:inline-block;background:#1d3f74;
color:#fff !important;padding:12px 20px;
border-radius:6px;margin:8px;font-weight:bold;
}

/* FOOTER */
.site-footer{
background:#1d3f74;color:white;
padding:40px;margin-top:60px;
}
.footer-inner{
max-width:1200px;margin:auto;
display:grid;grid-template-columns:1fr 1fr 1fr;
gap:30px;
}
.footer-inner *{color:white !important;}

/* ================= MOBILE ================= */

@media(max-width:768px){

body{overflow-x:hidden;}

/* header */
.logo{
position:relative;
left:auto;
text-align:center;
margin-bottom:10px;
}

/* menu */
.menu ul{
flex-direction:column;
align-items:center;
}

/* grid */
.faaliyetler,
.hizmet-grid{
grid-template-columns:1fr;
}

/* 🔥 SLIDER */
.haber-link{
flex:0 0 100% !important;
max-width:100% !important;
}

/* 🔥 WORDPRESS KOLON FIX */
.wp-block-columns{
display:flex !important;
flex-direction:column !important;
}

.wp-block-column{
width:100% !important;
flex:0 0 100% !important;
}

/* iframe */
iframe{
width:100% !important;
height:auto !important;
}

/* hero */
.hero-inner{
margin-left:0;
text-align:center;
}

/* footer */
.footer-inner{
grid-template-columns:1fr;
text-align:center;
}

}
/* ================================== */
/* 🔥 MOBİL TAŞMA + KOLON KIRMA FINAL */
/* ================================== */

html, body{
overflow-x:hidden !important;
width:100% !important;
}

/* TÜM WORDPRESS SAYFA GENİŞLİĞİNİ KİLİTLE */
.wp-site-blocks,
.wp-block-group,
.entry-content,
main{
max-width:100% !important;
overflow-x:hidden !important;
}

/* 🔥 ASIL SORUN: WP COLUMNS */
.wp-block-columns{
display:flex !important;
flex-wrap:wrap !important;
gap:20px;
}

.wp-block-column{
flex:1 1 100% !important;
max-width:100% !important;
width:100% !important;
}

/* içindeki her şey taşmasın */
.wp-block-column *{
max-width:100% !important;
}

/* FORM ÖZEL FIX */
form{
width:100% !important;
display:block !important;
}

/* GOOGLE MAP */
iframe{
width:100% !important;
max-width:100% !important;
height:auto !important;
}

/* 🔥 MOBİLDE KESİN ALT ALTA */
@media(max-width:768px){

.wp-block-columns{
flex-direction:column !important;
}

.wp-block-column{
flex:0 0 100% !important;
}

/* ekstra güvenlik */
body, html{
overflow-x:hidden !important;
}

}
/* ================================= */
/* 🔥 GERÇEK FİX (GRID + BLOK) */
/* ================================= */

@media(max-width:768px){

/* 1️⃣ INDEX.PHP GRID FIX */
div[style*="grid-template-columns:repeat(3,1fr)"]{
display:grid !important;
grid-template-columns:1fr !important;
}

/* 2️⃣ WORDPRESS BLOCK FIX */
.wp-block-columns{
display:block !important;
}

.wp-block-column{
width:100% !important;
display:block !important;
}

/* 3️⃣ TÜM İÇERİK TAŞMASIN */
body, html{
overflow-x:hidden !important;
}

/* 4️⃣ FORM GARANTİ */
form{
width:100% !important;
}

/* 5️⃣ HARİTA */
iframe{
width:100% !important;
height:auto !important;
}

}
/* ================================= */
/* 🔥 BİZE ULAŞIN FINAL FIX */
/* ================================= */

@media(max-width:768px){

/* iletişim sayfası kolonlarını kır */
.contact,
.iletisim,
.contact-wrapper,
.iletisim-wrapper,
.row,
.columns{
display:flex !important;
flex-direction:column !important;
}

/* sağdaki form zorla aşağı */
.contact form,
.iletisim form,
.contact-wrapper form,
.iletisim-wrapper form{
width:100% !important;
display:block !important;
margin-top:20px;
}

/* tüm çocuklar tam genişlik */
.contact > *,
.iletisim > *,
.contact-wrapper > *,
.iletisim-wrapper > *{
width:100% !important;
max-width:100% !important;
}

}
/* ================================= */
/* 🔥 FORCE BREAK - FORMU ZORLA ALTTA GÖSTER */
/* ================================= */

@media(max-width:768px){

/* tüm sayfa bloklarını tek kolon yap */
main,
.entry-content,
.wp-site-blocks{
display:block !important;
}

/* tüm blokları alt alta zorla */
main > *,
.entry-content > *,
.wp-site-blocks > *{
display:block !important;
width:100% !important;
max-width:100% !important;
}

/* formu zorla görünür yap */
form{
display:block !important;
width:100% !important;
max-width:100% !important;
clear:both !important;
margin-top:20px;
}

/* iframe (harita veya form) */
iframe{
display:block !important;
width:100% !important;
max-width:100% !important;
}

/* float varsa öldür */
*{
float:none !important;
}

}
/* ========================= */
/* 🔥 İLETİŞİM FINAL FIX */
/* ========================= */

.iletisim-wrap{
display:flex;
gap:60px;
align-items:flex-start;
max-width:1200px;
margin:auto;
padding:20px;
}

.iletisim-sol{
flex:1;
max-width:500px;
}

.iletisim-sag{
flex:1;
max-width:600px;
}

/* 🔥 MOBİL */
@media(max-width:768px){

.iletisim-wrap{
flex-direction:column !important;
}

.iletisim-sol,
.iletisim-sag{
max-width:100% !important;
width:100% !important;
}

}