/*
Theme Name: KKTC Kickboks Federasyonu
Theme URI: https://kktckickboks.org/
Author: KKTC Kickboks ve Muaythai Federasyonu
Description: KKTC Kickboks ve Muaythai Federasyonu için sayfa tabanlı kurumsal tema.
Version: 1.0.0
Text Domain: kktc-kickboks
*/

:root{--navy:#071d36;--navy-2:#0d3159;--red:#be1e2d;--red-dark:#8f1320;--ink:#152131;--muted:#607083;--paper:#fffdfa;--surface:#f4f6f8;--line:#dce2e8;--radius:1rem;--shadow:0 1.25rem 3.5rem rgba(7,29,54,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:.2rem solid var(--red);outline-offset:.2rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{top:1rem;left:1rem;z-index:99;padding:.75rem 1rem;background:#fff}.container{width:min(100% - 2rem,75rem);margin-inline:auto}.eyebrow{margin:0 0 .5rem;color:var(--red);font-size:.75rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.section-title{margin:0;color:var(--navy);font-family:Georgia,serif;font-size:clamp(1.9rem,4vw,3rem);line-height:1.05}.section-lede{max-width:44rem;color:var(--muted);margin:.75rem 0 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.text-link{color:var(--red-dark);font-size:.9rem;font-weight:800}.utility{background:var(--navy);color:#dce7f2;font-size:.79rem}.utility .container{min-height:2.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.utility-links{display:flex;gap:1.1rem}.utility a:hover{text-decoration:underline}.site-header{position:relative;z-index:4;background:rgba(255,253,250,.97);border-bottom:1px solid var(--line)}.brandbar{min-height:5.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.85rem}.brand img{width:3.75rem;height:3.75rem;object-fit:contain}.brand strong{display:block;color:var(--navy);font-size:.93rem;line-height:1.15}.brand span{display:block;margin-top:.2rem;color:var(--muted);font-size:.72rem}.main-nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem;margin:0;padding:0;list-style:none}.main-nav a{display:block;padding:.7rem .6rem;color:var(--navy);font-size:.8rem;font-weight:800}.main-nav a:hover{color:var(--red)}.ticker{background:var(--red);color:#fff;overflow:hidden}.ticker .container{height:2.9rem;display:flex;align-items:center;gap:1rem;white-space:nowrap}.ticker-label{display:inline-flex;align-items:center;flex:0 0 auto;height:1.55rem;padding:0 .55rem;background:#fff;color:var(--red-dark);font-size:.68rem;font-weight:900;letter-spacing:.1em}.ticker-track{overflow:hidden;position:relative;flex:1}.ticker-track p{margin:0;display:inline-block;min-width:100%;font-size:.88rem;font-weight:700;animation:ticker 22s linear infinite}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-45%)}}.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--navy);color:white}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,29,54,.96) 0%,rgba(7,29,54,.82) 49%,rgba(7,29,54,.42) 100%),url('assets/images/sampiyona.jpg') center/cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background:url('assets/images/kktc-flag.svg') center/105% auto no-repeat;mix-blend-mode:screen}.hero-grid{min-height:31rem;display:grid;align-content:center;grid-template-columns:minmax(0,38rem) 1fr;padding:5.5rem 0}.hero h1{max-width:12ch;margin:0;font-family:Georgia,serif;font-size:clamp(3rem,7vw,5.8rem);line-height:.9;letter-spacing:-.055em}.hero p:not(.eyebrow){max-width:36rem;margin:1.45rem 0;color:#e9eef5;font-size:1.06rem}.hero .eyebrow{color:#ff9ba5}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.65rem 1.05rem;border:1px solid transparent;border-radius:.2rem;background:var(--red);color:#fff;font-size:.84rem;font-weight:800;transition:transform .2s,background .2s}.button:hover{background:#d92738;transform:translateY(-2px)}.button.secondary{border-color:rgba(255,255,255,.55);background:transparent}.quicklinks{position:relative;z-index:3;margin-top:-2.5rem}.quicklinks-grid{display:grid;grid-template-columns:repeat(4,1fr);background:white;box-shadow:var(--shadow)}.quicklink{display:flex;align-items:center;gap:.8rem;min-height:6rem;padding:1.1rem;border-right:1px solid var(--line);transition:background .2s}.quicklink:hover{background:#fff5f5}.quicklink:last-child{border:0}.quick-icon{display:grid;place-items:center;flex:0 0 2.1rem;height:2.1rem;border-radius:50%;background:#f8e6e8;color:var(--red);font-weight:900}.quicklink span{display:block;font-size:.72rem;color:var(--muted)}.quicklink strong{display:block;color:var(--navy);font-size:.85rem}.news-section{padding:6rem 0 5rem}.news-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.25rem}.feature-story{position:relative;min-height:30rem;display:flex;align-items:end;overflow:hidden;background:var(--navy);color:white}.feature-story:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,17,31,.96),rgba(4,17,31,.04) 72%),url('assets/images/arda-demir.jpg') center/cover;transition:transform .4s}.feature-story:hover:before{transform:scale(1.04)}.story-content{position:relative;padding:2rem}.story-content h3{max-width:26rem;margin:.5rem 0;font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.05}.story-meta{display:flex;flex-wrap:wrap;gap:.75rem;color:#d8e2ee;font-size:.76rem}.source-link{position:relative;color:#fff;text-decoration:underline;text-underline-offset:.2rem}.small-stories{display:grid;gap:1.25rem}.small-story{display:grid;grid-template-columns:4.25rem 1fr;gap:1rem;padding:1.2rem;background:var(--surface);border-left:.22rem solid var(--red)}.story-date{display:flex;flex-direction:column;align-items:center;justify-content:center;height:4.25rem;background:white;color:var(--red-dark);font-size:.72rem;font-weight:800;text-align:center}.story-date strong{font-size:1.45rem;line-height:1}.small-story h3{margin:0;color:var(--navy);font-size:1.08rem;line-height:1.2}.small-story p{margin:.45rem 0 0;color:var(--muted);font-size:.88rem}.small-story .source-link{color:var(--red-dark);font-size:.78rem;font-weight:800}.notice-section{padding:5rem 0;background:var(--navy);color:white}.notice-section .section-title{color:white}.notice-section .section-lede{color:#bfcddd}.notice-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1.25rem}.notice-list{background:white;color:var(--ink)}.notice-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--line)}.notice-item:last-child{border:0}.notice-badge{color:var(--red-dark);font-size:.68rem;font-weight:900;letter-spacing:.06em}.notice-item h3{margin:.15rem 0 0;color:var(--navy);font-size:.98rem}.notice-item p{margin:.25rem 0 0;color:var(--muted);font-size:.78rem}.arrow{color:var(--red);font-size:1.3rem}.calendar-card{position:relative;padding:2rem;background:var(--red);overflow:hidden}.calendar-card:after{content:"2026";position:absolute;right:-.06em;bottom:-.35em;color:rgba(255,255,255,.12);font-family:Georgia,serif;font-size:9rem;font-weight:bold;line-height:1}.calendar-card h3{position:relative;margin:0;font-family:Georgia,serif;font-size:2rem}.calendar-card p{position:relative;max-width:28rem;color:#fff5f5}.calendar-card .button{position:relative;background:white;color:var(--red-dark)}.source-strip{padding:1.2rem 0;background:#e8edf2}.source-strip .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.8rem}.source-strip strong{color:var(--navy)}.site-footer{padding:3rem 0;background:#04101e;color:#c3cfdb}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:2rem}.footer-brand{display:flex;gap:1rem}.footer-brand img{width:4.5rem;height:4.5rem;object-fit:contain}.footer-brand h2{margin:0;color:white;font-family:Georgia,serif;font-size:1.15rem}.footer-brand p{margin:.5rem 0 0;font-size:.83rem}.footer-title{margin:0 0 .75rem;color:white;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}.footer-list{margin:0;padding:0;list-style:none;font-size:.85rem}.footer-list li{margin:.45rem 0}.footer-list a:hover{text-decoration:underline}.copyright{margin-top:2.4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.14);color:#8293a5;font-size:.75rem}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:780px){.utility .container{justify-content:center}.utility-links{display:none}.brandbar{padding:.75rem 0;align-items:flex-start}.main-nav{display:none}.hero-grid{min-height:33rem;padding:4.4rem 0}.quicklinks{margin-top:0}.quicklinks-grid{grid-template-columns:repeat(2,1fr);box-shadow:none}.quicklink:nth-child(2){border-right:0}.quicklink{min-height:5.2rem}.news-grid,.notice-grid,.footer-grid{grid-template-columns:1fr}.feature-story{min-height:25rem}.news-section,.notice-section{padding:4rem 0}.source-strip .container{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.hero:after{background-size:auto 85%}}@media (max-width:420px){.brand strong{font-size:.8rem}.brand span{font-size:.64rem}.brand img{width:3.2rem;height:3.2rem}.hero h1{font-size:3.1rem}.quicklinks-grid{grid-template-columns:1fr}.quicklink{border-right:0;border-bottom:1px solid var(--line)}.quicklink:last-child{border-bottom:0}.notice-item{grid-template-columns:auto 1fr}.notice-item .arrow{display:none}}

/* Mobile navigation visibility */
@media (max-width:780px){.brandbar{min-height:0!important;padding:.75rem 0 0!important;align-items:flex-start!important;flex-direction:column!important}.main-nav{display:block!important;width:100%;overflow-x:auto;border-top:1px solid var(--line)}.main-nav ul{width:max-content!important;justify-content:flex-start!important}.main-nav a{padding:.7rem .55rem}}

/* 2026 homepage enhancements */
.site-header{position:sticky!important;top:0;z-index:20;box-shadow:0 .45rem 1.2rem rgba(7,29,54,.12)}
body.admin-bar .site-header{top:32px}
.hero:before{background:linear-gradient(90deg,rgba(7,29,54,.97) 0%,rgba(7,29,54,.85) 43%,rgba(7,29,54,.26) 100%),url('assets/images/hero-kickboks-kktc.png') center/cover!important}
.feature-story:before{background:linear-gradient(0deg,rgba(4,17,31,.96),rgba(4,17,31,.04) 72%),var(--feature-image,url('assets/images/arda-demir.jpg')) center/cover!important}
.section-end{margin:2rem 0 0;text-align:center}.button-outline{border-color:var(--red);background:transparent;color:var(--red-dark)}.button-outline:hover{background:var(--red);color:#fff}.button-outline-light{border-color:rgba(255,255,255,.65);background:transparent;color:#fff}.button-outline-light:hover{background:#fff;color:var(--red-dark)}
@media (max-width:782px){body.admin-bar .site-header{top:46px}}


/* Resmî sosyal medya erişimi. */
.footer-social{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.social-link{display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .55rem;border:1px solid rgba(255,255,255,.22);border-radius:.2rem;color:#fff;font-size:.73rem;transition:background .2s,border-color .2s}.social-link:hover{border-color:#fff;background:rgba(255,255,255,.12)}.social-link span{display:grid;place-items:center;width:1rem;font-size:1rem;font-weight:900;line-height:1}
