/*
Theme Name: UCCIB Tema
Author: UCCIB
Description: Belçika İslam Kültür Merkezleri Birliği kurumsal teması. Ayarlar: panelde "UCCIB Ayarları". Menü: Görünüm → Menüler.
Version: 1.8
Text Domain: uccib
*/
:root{
--c:#1f9e96;--cd:#0f6b66;--cl:#e8f5f4;--t:#33393b;--tm:#5f6769;--g:#f5f7f7;--w:#fff;--line:#e3e8e8;
--fs-body:17px;--fs-small:14px;
--fs-h1:clamp(28px,1.6rem + 1.6vw,42px);
--fs-h2:clamp(24px,1.3rem + 1vw,34px);
--fs-h3:clamp(20px,1.1rem + .5vw,24px);
--fs-h4:clamp(18px,1rem + .3vw,20px);
--ff-body:"Open Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
--ff-head:"Noto Serif",Georgia,"Times New Roman",serif;
}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;font-family:var(--ff-body);font-size:var(--fs-body);line-height:1.7;color:var(--t);background:var(--w);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--cd);text-decoration:none}a:hover{color:var(--c)}
img{max-width:100%;height:auto;display:block}
iframe,video,embed,object{max-width:100%}
p{margin:0 0 1.1em}
h1,h2,h3,h4,h5,h6{font-family:var(--ff-head);color:var(--cd);line-height:1.25;font-weight:700;margin:0 0 .6em;overflow-wrap:break-word}
h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4,h5,h6{font-size:var(--fs-h4)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
@media(max-width:600px){.wrap{padding:0 16px}}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:999}
:focus-visible{outline:3px solid var(--c);outline-offset:2px}

/* üst bar */
.topbar{background:var(--cd);color:#fff;font-size:var(--fs-small)}
.topbar .wrap{display:flex;justify-content:flex-end;align-items:center;gap:22px;min-height:40px}
.topbar a{color:#fff;display:inline-flex;align-items:center;gap:7px}
.topbar svg{width:15px;height:15px;fill:#fff;flex:none}
.lang{display:flex;align-items:center;font-size:14px}
.lang select{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:4px;padding:3px 6px;font-size:14px;cursor:pointer}.lang select option{color:#222}
.lang .gt_selector,.lang .gtranslate_wrapper{color:#fff}.lang a{opacity:.75;margin-left:8px}.lang a.on{opacity:1;font-weight:700}
@media(max-width:600px){.topbar .wrap{justify-content:center;gap:16px}.topbar .t-mail span{display:none}}

/* header */
.hdr{background:#fff;border-bottom:4px solid var(--c);position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.admin-bar .hdr{top:32px}@media(max-width:782px){.admin-bar .hdr{top:0}}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:24px}
.logo{flex:none}.logo img{height:64px;width:auto;max-width:280px;object-fit:contain}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.nav li{position:relative}
.nav a{display:block;padding:10px 11px;font-weight:600;font-size:15px;letter-spacing:.1px;color:var(--t);white-space:nowrap;border-bottom:2px solid transparent}
.nav a:hover,.nav .current-menu-item>a,.nav .current_page_item>a{color:var(--c);border-bottom-color:var(--c)}
.nav .sub-menu{display:none;position:absolute;left:0;top:100%;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12);min-width:230px;flex-direction:column;padding:6px 0;z-index:60}
.nav li:hover>.sub-menu,.nav li:focus-within>.sub-menu{display:flex}
.nav .sub-menu a{border:0;padding:9px 18px;white-space:normal}
.burger{display:none;background:none;border:0;padding:10px;cursor:pointer;margin-right:-10px}
.burger span{display:block;width:26px;height:3px;background:var(--cd);margin:5px 0;border-radius:2px;transition:.25s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
@media(max-width:1180px){
 .hdr .wrap{min-height:76px}.logo img{height:52px;max-width:220px}
 .burger{display:block}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);max-height:calc(100vh - 120px);overflow-y:auto}
 .nav.open{display:block}
 .nav ul{flex-direction:column;padding:8px 16px 16px}
 .nav a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:16px;white-space:normal}
 .nav a:hover,.nav .current-menu-item>a{border-bottom-color:var(--line)}
 .nav .sub-menu{position:static;display:flex;box-shadow:none;padding:0 0 0 16px;min-width:0}
}
@media(max-width:400px){.logo img{height:44px;max-width:180px}}

/* slider */
.slider{position:relative;height:min(600px,70vh);min-height:300px;overflow:hidden;background:#2d3436}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}
.slide.on{opacity:1}
.slide picture{display:block;width:100%;height:100%}
.slide img{width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:767px){.slider{height:min(520px,72vh)}.slide img{object-position:var(--mpos,center)}}
.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.45))}
.slide-txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;z-index:2;padding:24px}
.slide-txt h1{color:#fff;font-size:clamp(26px,1.2rem + 2.6vw,50px);margin:0 0 12px;text-shadow:0 2px 12px rgba(0,0,0,.35);max-width:1000px}
.slide-txt p{font-size:clamp(17px,1rem + .6vw,24px);margin:0;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.dots{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:3}
.dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}
.dots button.on{background:#fff}

/* bölümler */
.sec{padding:clamp(48px,6vw,84px) 0}.sec.alt{background:var(--g)}
.sec-title{text-align:center;margin:0 0 clamp(28px,4vw,48px)}
.sec-title:after{content:"";display:block;width:70px;height:3px;background:var(--c);margin:16px auto 0}
.btn{display:inline-block;background:var(--c);color:#fff;padding:12px 28px;border-radius:30px;font-weight:600;font-size:16px;line-height:1.3;transition:.2s;text-align:center}
.btn:hover{background:var(--cd);color:#fff}
.btn.line{background:transparent;color:var(--c);border:2px solid var(--c)}.btn.line:hover{background:var(--c);color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,60px);align-items:center}
.two h2{font-size:clamp(26px,1.3rem + 1.4vw,40px);margin:0}
.lead{font-size:18px;color:var(--tm)}
@media(max-width:820px){.two{grid-template-columns:1fr}}
.notice{background:var(--cl);border-left:5px solid var(--c);padding:clamp(20px,3vw,32px);border-radius:4px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:6px}
@media(max-width:820px){.gallery{grid-template-columns:repeat(2,1fr)}}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 16px rgba(0,0,0,.07);display:flex;flex-direction:column;transition:.2s}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}
.card .ph{display:block;aspect-ratio:16/10;background:var(--cl);overflow:hidden}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .bd{padding:22px;flex:1;display:flex;flex-direction:column}
.card time{font-size:var(--fs-small);color:var(--tm)}
.card h3{font-size:20px;margin:8px 0 16px;line-height:1.35}
.card .more{margin-top:auto;font-weight:600;font-size:15px}
.center{text-align:center;margin-top:40px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,50px);align-items:center;margin-bottom:clamp(40px,6vw,70px)}
.feat:last-child{margin-bottom:0}
.feat:nth-child(even) .feat-img{order:2}
.feat-img img{border-radius:8px;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
@media(max-width:820px){.feat{grid-template-columns:1fr}.feat:nth-child(even) .feat-img{order:0}}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 clamp(40px,6vw,70px)}
.quick a{background:var(--c);color:#fff;text-align:center;padding:30px 14px;border-radius:8px;font-weight:700;font-size:18px;transition:.2s;display:flex;flex-direction:column;align-items:center;gap:12px}
.quick a:hover{background:var(--cd);transform:translateY(-3px);color:#fff}
.quick svg{width:40px;height:40px;fill:#fff}
@media(max-width:820px){.quick{grid-template-columns:repeat(2,1fr);gap:14px}.quick a{padding:22px 10px;font-size:16px}}

/* iç sayfalar */
.page-hero{background:var(--cd);color:#fff;padding:clamp(36px,5vw,60px) 0}
.page-hero h1{color:#fff;margin:0}.page-hero p{margin:8px 0 0;opacity:.85}
.content{padding-top:clamp(36px,5vw,60px);padding-bottom:clamp(36px,5vw,60px)}
.content.full{max-width:none;padding:0}
.entry{max-width:820px}
.entry img,.entry figure{border-radius:6px}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry td,.entry th{border:1px solid var(--line);padding:10px}
.entry ul,.entry ol{padding-left:1.3em}
.pagination,.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.page-numbers{padding:8px 14px;border:1px solid var(--line);border-radius:4px}.page-numbers.current{background:var(--c);color:#fff;border-color:var(--c)}

/* Elementor sayfalarını kurumsal yazı ölçüsüne uyumla (tüm sayfalar) */
body[class*="elementor-kit-"]{font-family:var(--ff-body)!important;font-size:var(--fs-body)!important;line-height:1.7!important;color:var(--t)}
#main .elementor-widget-text-editor,
#main .elementor-widget-text-editor p,#main .elementor-widget-text-editor span,#main .elementor-widget-text-editor li,
#main .elementor-widget-text-editor div,#main .elementor-widget-text-editor font,
#main .elementor-widget-text-editor h1,#main .elementor-widget-text-editor h2,#main .elementor-widget-text-editor h3,
#main .elementor-widget-text-editor h4,#main .elementor-widget-text-editor h5,#main .elementor-widget-text-editor h6,
#main .elementor-icon-list-text,#main .elementor-image-box-description,#main .elementor-icon-box-description{
 font-family:var(--ff-body)!important;font-size:var(--fs-body)!important;line-height:1.75!important;
 letter-spacing:normal!important;word-spacing:normal!important;font-weight:400;color:var(--t)}
#main .elementor-widget-text-editor strong,#main .elementor-widget-text-editor b{font-weight:700}
#main .elementor-widget-text-editor p{margin:0 0 1em}
#main .elementor-widget-text-editor{hyphens:auto;-webkit-hyphens:auto;max-width:100%}
#main h1.elementor-heading-title{font-family:var(--ff-head)!important;font-size:var(--fs-h1)!important;line-height:1.25!important}
#main h2.elementor-heading-title{font-family:var(--ff-head)!important;font-size:var(--fs-h2)!important;line-height:1.25!important}
#main h3.elementor-heading-title{font-family:var(--ff-head)!important;font-size:var(--fs-h3)!important;line-height:1.3!important}
#main :is(h4,h5,h6,p,div,span).elementor-heading-title{font-family:var(--ff-head)!important;font-size:var(--fs-h4)!important;line-height:1.4!important}
#main .elementor-heading-title{letter-spacing:normal!important;word-spacing:normal!important}
#main .elementor-button{font-family:var(--ff-body)!important;font-size:16px!important;line-height:1.3!important;letter-spacing:normal!important}
#main .elementor-icon-box-title,#main .elementor-image-box-title{font-family:var(--ff-head)!important;font-size:var(--fs-h4)!important;line-height:1.35!important}
#main .elementor-widget-image img{height:auto;max-width:100%}
#main .elementor-widget-video iframe,#main .elementor-widget-google_maps iframe{width:100%}
#main .elementor-section.elementor-section-boxed>.elementor-container,#main .e-con-boxed>.e-con-inner{max-width:1200px}
@media(max-width:1024px){#main .elementor-section .elementor-container,#main .e-con{padding-left:16px!important;padding-right:16px!important}}
@media(max-width:767px){#main .elementor-widget-text-editor{text-align:left!important}#main .elementor-column{width:100%!important}}

/* Taşmaları engelle (bağış formu, gömülü içerikler) */
#main{overflow-x:clip;max-width:100vw}
#main iframe,#main embed,#main object,#main video{max-width:100%!important}
#main .give-form-wrap,#main .give-embed-form-wrapper,#main .give-embed-form,#main form.give-form,#main .give-form-templates{max-width:100%!important;width:100%!important;box-sizing:border-box}
#main .give-embed-form-wrapper iframe{width:100%!important;min-width:0!important}
#main .give-donation-levels-wrap{display:grid!important;grid-template-columns:repeat(2,1fr);gap:10px;padding:0!important;margin:0 0 16px!important}
#main .give-donation-levels-wrap li{margin:0!important;width:auto!important;list-style:none}
#main .give-donation-levels-wrap .give-donation-level-btn{width:100%!important;margin:0!important}
#main .elementor-widget-shortcode,#main .elementor-shortcode{max-width:100%;overflow:hidden}

/* footer */
.ftr{background:#2d3436;color:#cfd6d6;padding:clamp(44px,6vw,64px) 0 0;font-size:15px;line-height:1.7}
.ftr .cols{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
@media(max-width:820px){.ftr .cols{grid-template-columns:1fr;gap:28px}}
.ftr h4{color:#fff;font-family:var(--ff-body);font-size:17px;margin:0 0 14px;letter-spacing:.3px}
.ftr a{color:#cfd6d6}.ftr a:hover{color:#fff}
.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin-bottom:8px}
.ftr .flogo{filter:grayscale(1) brightness(2);height:56px;width:auto;margin-bottom:18px;opacity:.8}
.ftr table{border-collapse:collapse}.ftr table td{padding:3px 14px 3px 0;vertical-align:top}
.ftr-bottom{border-top:1px solid #444b4d;margin-top:44px;padding:18px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px 20px;font-size:var(--fs-small)}
.ftr-bottom nav{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:640px){.ftr-bottom{flex-direction:column;text-align:center;align-items:center}}
.cookie{position:fixed;bottom:0;left:0;right:0;background:#222;color:#eee;padding:14px 16px;display:none;justify-content:center;align-items:center;gap:16px;z-index:999;font-size:var(--fs-small);flex-wrap:wrap;text-align:center}
.cookie.show{display:flex}.cookie a{color:#8fd6d0}
.cookie button{background:var(--c);color:#fff;border:0;padding:9px 24px;border-radius:20px;cursor:pointer;font-weight:600;font-size:15px}