/*
Theme Name: Cenaze Nakil
Template: online-courses-fse
Description: Cenaze nakil hizmetleri için özel alt tema.
Version: 1.0
Text Domain: cenazenakil
*/
:root{--cn-navy:#14213d;--cn-navy2:#1d2f55;--cn-gold:#b08d57;--cn-gold2:#9a7745;--cn-cream:#f7f5f0;--cn-text:#26303d;--cn-muted:#5d6877;--cn-line:#e4dfd3;--cn-wa:#1f9d55}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--cn-text);background:#fff;line-height:1.7}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;color:var(--cn-navy);line-height:1.25}
a{color:var(--cn-gold2)}
.cn-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.cn-topbar{background:var(--cn-navy);color:#e9e4d8;font-size:14px}
.cn-topbar .cn-wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.cn-topbar a{color:#fff;text-decoration:none;font-weight:600}
.cn-header{background:#fff;border-bottom:1px solid var(--cn-line);position:sticky;top:0;z-index:50}
.cn-header .cn-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px}
.cn-header .wp-block-site-title{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:700}
.cn-header .wp-block-site-title a{color:var(--cn-navy);text-decoration:none}
.cn-header .wp-block-navigation a{color:var(--cn-navy);font-weight:600;font-size:16px;text-decoration:none}
.cn-header .wp-block-navigation a:hover{color:var(--cn-gold2)}
.cn-btn{display:inline-block;padding:14px 26px;border-radius:6px;font-weight:700;text-decoration:none!important;font-size:17px;line-height:1.2;border:2px solid transparent}
.cn-btn-call{background:var(--cn-gold);color:#fff!important}
.cn-btn-call:hover{background:var(--cn-gold2)}
.cn-btn-wa{background:var(--cn-wa);color:#fff!important}
.cn-btn-ghost{border-color:#fff;color:#fff!important}
.cn-hero{background:linear-gradient(135deg,var(--cn-navy) 0%,var(--cn-navy2) 100%);color:#fff;padding:90px 0 80px}
.cn-hero h1{color:#fff;font-size:clamp(32px,5vw,54px);margin:0 0 18px;max-width:780px}
.cn-hero p{font-size:19px;max-width:660px;color:#e3e6ee;margin:0 0 30px}
.cn-hero .cn-kicker{color:var(--cn-gold);letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:700;margin-bottom:14px}
.cn-btns{display:flex;gap:14px;flex-wrap:wrap}
.cn-sec{padding:72px 0}
.cn-sec.alt{background:var(--cn-cream)}
.cn-sec h2{font-size:clamp(26px,3.5vw,38px);margin:0 0 12px;text-align:center}
.cn-sec .cn-lead{text-align:center;color:var(--cn-muted);max-width:680px;margin:0 auto 40px}
.cn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.cn-card{background:#fff;border:1px solid var(--cn-line);border-radius:10px;padding:28px;text-decoration:none!important;color:var(--cn-text)!important;display:block;transition:.2s}
.cn-card:hover{border-color:var(--cn-gold);box-shadow:0 8px 24px rgba(20,33,61,.08);transform:translateY(-2px)}
.cn-card h3{margin:14px 0 8px;font-size:21px}
.cn-card p{margin:0;color:var(--cn-muted);font-size:16px}
.cn-ico{width:46px;height:46px;border-radius:50%;background:var(--cn-cream);display:flex;align-items:center;justify-content:center;color:var(--cn-gold2)}
.cn-ico svg{width:24px;height:24px}
.alt .cn-ico{background:#fff}
.cn-regions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.cn-regions a{padding:14px 30px;border:2px solid var(--cn-navy);border-radius:50px;font-weight:700;color:var(--cn-navy);text-decoration:none;font-size:18px}
.cn-regions a:hover{background:var(--cn-navy);color:#fff}
.cn-steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.cn-step{position:relative;padding:26px 24px 24px;background:#fff;border-radius:10px;border:1px solid var(--cn-line)}
.cn-step:before{counter-increment:s;content:counter(s);display:flex;width:38px;height:38px;border-radius:50%;background:var(--cn-navy);color:#fff;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px}
.cn-step h3{margin:0 0 6px;font-size:19px}.cn-step p{margin:0;color:var(--cn-muted);font-size:16px}
.cn-cta{background:var(--cn-navy);color:#fff;text-align:center;padding:64px 20px;border-radius:12px;margin:48px 0}
.cn-cta h2{color:#fff;margin:0 0 10px}.cn-cta p{color:#dfe3ec;max-width:560px;margin:0 auto 26px}
.cn-cta .cn-btns{justify-content:center}
.cn-sec .cn-cta{margin:0}
.cn-pagehead{background:var(--cn-navy);padding:54px 0}
.cn-pagehead h1{color:#fff;margin:0;font-size:clamp(28px,4vw,42px)}
.cn-content{max-width:820px;margin:0 auto;padding:48px 20px 24px;font-size:18px}
.cn-content h2{font-size:28px;margin:38px 0 12px}
.cn-content ul{padding-left:22px}.cn-content li{margin:6px 0}
.cn-footer{background:#0e1830;color:#cfd5e2;padding:60px 0 24px;font-size:16px}
.cn-footer h3{color:#fff;font-size:19px;margin:0 0 14px}
.cn-footer a{color:#cfd5e2;text-decoration:none}.cn-footer a:hover{color:var(--cn-gold)}
.cn-footer ul{list-style:none;padding:0;margin:0}.cn-footer li{margin:7px 0}
.cn-footer .cn-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:34px}
.cn-copy{border-top:1px solid #28345a;margin-top:36px;padding-top:20px;font-size:14px;color:#8d97ad;text-align:center}
.cn-float{display:none}
@media(max-width:700px){
.cn-sec{padding:52px 0}.cn-hero{padding:60px 0}
.cn-topbar .cn-wrap{justify-content:center;text-align:center}
.cn-header .cn-btn{display:none}
body{padding-bottom:62px}
.cn-float{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99;box-shadow:0 -2px 12px rgba(0,0,0,.18)}
.cn-float a{flex:1;text-align:center;padding:17px 8px;color:#fff;font-weight:700;text-decoration:none;font-size:17px}
.cn-float .c{background:var(--cn-gold2)}.cn-float .w{background:var(--cn-wa)}
}
.cn-faq{max-width:820px;margin:0 auto}
.cn-faq details{background:#fff;border:1px solid var(--cn-line);border-radius:10px;margin:0 0 12px;padding:0}
.cn-faq summary{cursor:pointer;padding:18px 22px;font-weight:700;color:var(--cn-navy);font-size:18px;list-style:none;position:relative;padding-right:52px}
.cn-faq summary::-webkit-details-marker{display:none}
.cn-faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--cn-gold2)}
.cn-faq details[open] summary:after{content:"−"}
.cn-faq details[open]{border-color:var(--cn-gold)}
.cn-faq details p{margin:0;padding:0 22px 20px;color:var(--cn-text);font-size:17px}
.cn-copy a{color:#8d97ad;margin:0 8px;text-decoration:underline}
.cn-cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:760px;margin:0 auto;background:var(--cn-navy);color:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 8px 30px rgba(0,0,0,.3);display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:15px;line-height:1.5}
.cn-cookie[hidden]{display:none}
.cn-cookie p{margin:0;flex:1 1 320px}
.cn-cookie a{color:var(--cn-gold)}
.cn-cookie-btns{display:flex;gap:10px}
.cn-cookie button{border:2px solid #fff;background:transparent;color:#fff;font-weight:700;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:15px}
.cn-cookie #cn-cookie-yes{background:var(--cn-gold);border-color:var(--cn-gold)}
@media(max-width:700px){.cn-cookie{bottom:74px}}