/* Yenimahalle Belediyesi Spor Kulübü — clean modern bundle v2 */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{margin:0;padding:0;max-width:100vw;overflow-x:hidden}
body{font-family:'Roboto','Roboto Condensed',system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6;color:#222;background:#f7f8fb}
img{max-width:100%;height:auto;display:block;border:0}
a{color:#1a3a8c;text-decoration:none;transition:color .2s}
a:hover{color:#dd3333}
h1,h2,h3,h4,h5,h6{font-family:'Oswald','Roboto Condensed',system-ui,sans-serif;font-weight:700;color:#0e2769;margin:0 0 14px;line-height:1.2}
h1{font-size:clamp(28px,5vw,42px)}
h2{font-size:clamp(22px,3.5vw,32px)}
h3{font-size:clamp(18px,2.6vw,24px)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
hr{border:0;border-top:1px solid #e3e7ef;margin:24px 0}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}

/* ===== HEADER ===== */
.stm-header{background:#fff;border-bottom:3px solid #1a3a8c;box-shadow:0 2px 12px rgba(20,40,100,.08);position:sticky;top:0;z-index:1000}
.stm-header-inner{padding:0}
.stm-header-container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:10px 16px;max-width:1180px;margin:0 auto}
.logo-main{flex:0 0 auto}
.logo-main .bloglogo{display:inline-block}
.logo-main img{width:auto !important;height:64px;max-height:72px;display:block}
.stm-main-menu{flex:1 1 auto;display:flex;justify-content:flex-end}
.stm-main-menu-unit{width:100%;display:flex;justify-content:flex-end}
ul.header-menu{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0;align-items:center;justify-content:flex-end}
ul.header-menu>li{position:relative;list-style:none}
ul.header-menu>li>a{display:inline-flex;align-items:center;padding:14px 14px;color:#0e2769;font-family:'Oswald',sans-serif;font-weight:600;font-size:13.5px;letter-spacing:.4px;text-transform:uppercase;border-radius:6px;min-height:44px}
ul.header-menu>li>a:hover,ul.header-menu>li.current-menu-item>a{background:#1a3a8c;color:#fff}
ul.header-menu>li>a span{display:inline-block}

/* dropdown */
ul.header-menu .sub-menu{position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid #e3e7ef;border-top:3px solid #dd3333;box-shadow:0 8px 24px rgba(0,0,0,.12);list-style:none;margin:0;padding:8px 0;display:none;z-index:1500;border-radius:0 0 8px 8px}
ul.header-menu>li:hover>.sub-menu,ul.header-menu>li:focus-within>.sub-menu{display:block}
ul.header-menu .sub-menu li{list-style:none}
ul.header-menu .sub-menu li a{display:block;padding:10px 18px;color:#0e2769;font-size:14px;font-family:'Roboto',sans-serif;font-weight:500;min-height:44px;line-height:1.4}
ul.header-menu .sub-menu li a:hover{background:#f0f3fa;color:#dd3333}

/* Mobile header — show toggle, hide desktop menu */
.stm-header-mobile{display:none}
.stm-mobile-menu-unit{display:none}

@media (max-width:900px){
  .stm-header{position:sticky}
  .stm-header-container{display:none}
  .stm-main-menu{display:none}
  .stm-header-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;gap:12px}
  .stm-header-mobile .logo-main img{height:52px}
  .stm-menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;align-items:center;cursor:pointer;border:1px solid #dde2ed;border-radius:6px;background:#fff;padding:0}
  .stm-menu-toggle span{display:block;width:22px;height:2px;background:#0e2769;border-radius:2px}
  .stm-mobile-menu-unit{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #e3e7ef;box-shadow:0 12px 24px rgba(0,0,0,.1);padding:8px 0;max-height:80vh;overflow-y:auto;z-index:1400}
  .stm-mobile-menu-unit.open{display:block}
  ul.stm-mobile-menu-list{list-style:none;margin:0;padding:0}
  ul.stm-mobile-menu-list li{list-style:none;border-bottom:1px solid #f0f2f7}
  ul.stm-mobile-menu-list li a{display:block;padding:14px 18px;color:#0e2769;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;min-height:44px}
  ul.stm-mobile-menu-list .sub-menu{list-style:none;padding:0 0 0 12px;background:#f7f8fb;margin:0}
  ul.stm-mobile-menu-list .sub-menu li a{font-size:13px;font-weight:500;text-transform:none;padding:10px 18px}
}

/* ===== PAGE / SECTIONS ===== */
#wrapper{min-height:50vh}
.page-title-section{padding:48px 16px !important;background:#fff;text-align:center;border-bottom:1px solid #eef1f7}
.page-title-section h1{color:#0e2769;margin:0 0 12px}
.page-title-section p{max-width:780px;margin:0 auto;color:#4a5266;font-size:clamp(15px,2vw,18px)}

#main{padding:0 !important;background:#f7f8fb}
.vc_row,.wpb_row{display:block;padding:24px 0}
.wpb_column,.vc_column_container{display:block;width:100%}
.wpb_wrapper>*{margin-bottom:14px}
.wpb_text_column{padding:0 16px;max-width:1180px;margin:0 auto}

/* generic content grid for image+text rows */
.wpb_row,.vc_row{padding-left:0;padding-right:0}

/* Cards-y feel for images embedded in posts */
.wpb_single_image,.vc_single_image-wrapper{margin:0 auto 16px}
.wpb_single_image img{max-width:100%;height:auto}

/* Article content */
article,.entry-content,.post-content,.page-content{background:#fff;border-radius:10px;padding:28px;margin:24px auto;max-width:1180px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
@media(max-width:768px){article,.entry-content,.post-content,.page-content{padding:18px 14px;margin:14px;border-radius:8px}}

/* Cards grid for news / branches */
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0 16px;max-width:1180px;margin:24px auto}
.card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(20,40,100,.06);transition:transform .2s,box-shadow .2s;border:1px solid #eef1f7}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,40,100,.12)}
.card img{width:100%;height:200px;object-fit:cover}
.card-body{padding:16px 18px}
.card-body h3{font-size:18px;margin:0 0 6px}
.card-body p{font-size:14px;color:#5a6273;margin:0}

/* Responsive embeds */
iframe,table{max-width:100%}
table{display:block;overflow-x:auto;border-collapse:collapse;width:100%}

/* ===== FOOTER ===== */
.site-footer,#stm-footer{background:#0e2769;color:#cdd4e6;padding:40px 16px 0;margin-top:48px}
.site-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.site-footer h4{color:#fff;font-family:'Oswald',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px;border-bottom:2px solid #dd3333;padding-bottom:8px;display:inline-block}
.site-footer a{color:#cdd4e6}
.site-footer a:hover{color:#fff}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{padding:5px 0;font-size:14px}
.site-footer-bottom{margin-top:32px;padding:16px;text-align:center;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#9aa6c4}

/* Strip random WP gunk */
.wp-block-pullquote,.recentcomments{display:none}
/* Hide Revolution Slider error placeholder + empty rev sliders */
.rs-p-wp-fix,.tp-banner-container,.rev_slider_wrapper,
[id^="rev_slider"],
.tp-loader,
.forcefullwidth_wrapper_tp_banner{display:none !important}

/* Use flex order to push page-title-section below header even if it appears earlier in DOM */
/* Layout: wrapper as flex column so deeply-nested .stm-footer goes to bottom */
#wrapper{display:flex;flex-direction:column;min-height:100vh}
#wrapper > .stm-header,.stm-header{order:1}
#wrapper > #main,#main{order:3;flex:1 0 auto}
#wrapper > .page-title-section,.page-title-section{order:2}
#wrapper > .stm-footer,.stm-footer,#wrapper > #stm-footer{order:99;margin-top:auto}

/* Header sticky */
.stm-header{position:sticky;top:0;z-index:1000}
.stm-footer{background:#0e2769;color:#cdd4e6;padding:32px 16px 0;margin-top:48px;width:100%}
.stm-footer .container{max-width:1180px;margin:0 auto}
#stm-footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px}
#stm-footer-bottom .clearfix{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.footer-bottom-left-text{color:#cdd4e6;font-size:14px}
.footer-socials-unit{display:flex;align-items:center;gap:12px}
.footer-socials-title{color:#fff;font-size:14px;font-family:'Oswald',sans-serif;font-weight:600;margin:0}
.footer-bottom-socials{display:flex;gap:10px;list-style:none;padding:0;margin:0}
.footer-bottom-socials li{list-style:none}
.footer-bottom-socials a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgba(255,255,255,.12);border-radius:50%;color:#fff;font-size:16px;transition:background .2s}
.footer-bottom-socials a:hover{background:#dd3333}
.stm-social-facebook a i:before{content:"\f39e"}
.stm-social-twitter a i:before{content:"\f099"}
.stm-social-instagram a i:before{content:"\f16d"}
.fa,.fab,.fas{font-family:"Font Awesome 6 Brands","Font Awesome 6 Free"}
.vc_message_box{padding:16px 20px;background:#eef3fb;border-left:4px solid #1a3a8c;border-radius:6px}

/* Buttons */
.btn,.stm-button,a.vc_btn3{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;background:#dd3333;color:#fff !important;font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;border-radius:6px;border:0;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s}
.btn:hover,.stm-button:hover,a.vc_btn3:hover{background:#0e2769;transform:translateY(-1px)}

/* Visibility safety — kill the lazy opacity:0 traps */
.wpb_animate_when_almost_visible,.elementor-element,.e-con,.e-parent,
[data-elementor-type],[data-aos],.stm-animate{opacity:1 !important;visibility:visible !important}

/* ===== Responsive helpers ===== */
@media (max-width:480px){
  body{font-size:15px}
  .page-title-section{padding:28px 14px !important}
  ul.header-menu{display:none}
}