/*
Theme Name: Casipop Live Rehberi
Description: casipoplive.com için bağımsız tema: gece mavisi sayfalar, başlıkların altında camgöbeği sinyal dalgası, yatay kayan konu şeritleri ve okuma süresini gösteren sinyal çubukları; kurumsal ana sayfa. Chakra Petch + Nunito Sans.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: casipoplive-tema
*/
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/chakra-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/chakra-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/chakra-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(assets/fonts/chakra-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/chakra-700-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/chakra-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* casipoplive.com: the signal. Night-indigo pages, one cyan waveform under each header, topics on horizontal rails with reading length as signal bars. Cyan only for the login button, the waveform and the lit bars. Chakra Petch for headings, Nunito Sans for text. */
:root{
	--night:#12102e;
	--surface:#1c1a44;
	--surface-2:#262359;
	--text:#ecebff;
	--muted:#a9a7d6;
	--cyan:#22d3ee;
	--cyan-ink:#062029;
	--line:#312e6b;
	--wrap:1200px;
	--measure:700px;
	--head:"Chakra Petch",system-ui,sans-serif;
	--sans:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
	color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--night);color:var(--text);font:400 18px/1.72 var(--sans)}
img{max-width:100%;height:auto}
a{color:var(--cyan);text-underline-offset:3px}
a:hover{color:var(--text)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}
.clv-skip{position:absolute;left:-999px;top:8px;background:var(--cyan);color:var(--cyan-ink);padding:8px 14px;z-index:10}
.clv-skip:focus{left:8px}
.clv-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--head);font-weight:700;letter-spacing:.005em}

/* Header */
.clv-top{border-bottom:1px solid var(--line)}
.clv-head{max-width:var(--wrap);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}
.clv-logo{display:block;flex:none;line-height:0}
.clv-logo img{width:122px}
.clv-nav{display:flex;gap:24px;margin-left:auto;font-size:15.5px;font-weight:700}
.clv-nav a{color:var(--muted);text-decoration:none}
.clv-nav a:hover{color:var(--text)}

/* Login button: cyan, clipped corner like a signal tab */
.clv-login{display:inline-block;background:var(--cyan);color:var(--cyan-ink);font-family:var(--head);font-weight:700;text-decoration:none;line-height:1.2;white-space:nowrap;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.clv-login:hover{background:#67e3f5;color:var(--cyan-ink)}
.clv-login-head{padding:10px 20px;font-size:15.5px}
.clv-login-cta{padding:15px 32px;font-size:18px}
.clv-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 0}
.clv-ghost{display:inline-block;padding:13px 24px;border:1px solid var(--muted);color:var(--text);font-family:var(--head);font-weight:600;font-size:17px;text-decoration:none}
.clv-ghost:hover{border-color:var(--cyan);color:var(--cyan)}

/* Waveform */
.clv-wave{display:block;width:100%;height:60px;color:var(--cyan)}
.clv-wave-page{height:40px;opacity:.85}
.clv-wave-foot{height:34px;opacity:.5;color:var(--muted)}

/* Front page hero */
.clv-hero{padding:64px 0 0}
.clv-hero-in{max-width:var(--wrap);margin:0 auto;padding:0 24px 30px}
.clv-hero h1{max-width:16ch;margin:0 0 20px;font-size:clamp(38px,5.6vw,72px);line-height:1;font-weight:700}
.clv-hero-lead{max-width:62ch}
.clv-hero-lead p{margin:0;color:#cfcdf5;font-size:19.5px;line-height:1.62}

/* Rails */
.clv-band{max-width:var(--wrap);margin:0 auto;padding:46px 0 0}
.clv-band-head{padding:0 24px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 22px;margin-bottom:16px}
.clv-band-head h2,.clv-guide>h2,.clv-faq h2,.clv-principles h2{margin:0;font-size:clamp(26px,3vw,36px);line-height:1.1}
.clv-band-head p{margin:0;color:var(--muted);font-size:16px}
.clv-rail{list-style:none;margin:0;padding:4px 24px 18px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-color:var(--line) transparent}
.clv-rail li{flex:0 0 250px;scroll-snap-align:start}
.clv-rail a{display:flex;flex-direction:column;gap:8px;height:100%;min-height:230px;padding:20px 20px 18px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none}
.clv-rail a:hover{border-color:var(--cyan);background:var(--surface-2)}
.clv-rail strong{margin-top:auto;font:700 21px/1.2 var(--head)}
.clv-rail span:not(.clv-bars){font-size:15px;line-height:1.5;color:var(--muted)}
.clv-rail small{font-size:13px;color:var(--muted)}
.clv-bars{display:inline-flex;align-items:flex-end;gap:3px;height:18px;vertical-align:-3px}
.clv-bars i{display:block;width:5px;background:var(--line)}
.clv-bars i:nth-child(1){height:6px}
.clv-bars i:nth-child(2){height:10px}
.clv-bars i:nth-child(3){height:14px}
.clv-bars i:nth-child(4){height:18px}
.clv-bars i.on{background:var(--cyan)}
.clv-legend{max-width:var(--wrap);margin:14px auto 0;padding:0 24px;font-size:14.5px;color:var(--muted)}

/* Guide */
.clv-guide{margin-top:60px;padding-top:44px;border-top:1px solid var(--line)}
.clv-guide .clv-prose{max-width:var(--measure)}
.clv-meta{margin:8px 0 18px;font-size:15px;line-height:1.55;color:var(--muted)}
.clv-meta a{color:var(--muted)}
.clv-toc{margin:0 0 30px}
.clv-toc>span{display:block;font-family:var(--head);font-size:14px;font-weight:600;color:var(--muted);margin-bottom:8px}
.clv-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.clv-toc a{display:inline-block;padding:6px 13px;border:1px solid var(--line);color:var(--text);font-size:15px;font-weight:700;text-decoration:none}
.clv-toc a:hover{border-color:var(--cyan);color:var(--cyan)}
.clv-toc-folded{margin:0 0 30px;border:1px solid var(--line);background:var(--surface);padding:0 18px}
.clv-toc-folded summary{cursor:pointer;padding:12px 0;font-family:var(--head);font-weight:600;font-size:16px}
.clv-toc-folded ol{display:block;padding:0 0 14px 22px;list-style:decimal}
.clv-toc-folded li{margin:4px 0;font-size:16px}
.clv-toc-folded a{display:inline;padding:0;border:0;color:var(--cyan);font-weight:600;text-decoration:underline}

/* Topic page */
.clv-page-head{background:linear-gradient(var(--surface),var(--night))}
.clv-page-head-in{max-width:calc(var(--measure) + 48px);margin:0 auto;padding:46px 24px 14px}
.clv-section-link{margin:0 0 12px;font-family:var(--head);font-size:15px;font-weight:600}
.clv-section-link a{color:var(--cyan);text-decoration:none}
.clv-page-head h1{margin:0 0 14px;font-size:clamp(31px,4.3vw,48px);line-height:1.06}
.clv-page-head .clv-cta{margin:20px 0 0}
.clv-article{max-width:calc(var(--measure) + 48px);margin:0 auto;padding:34px 24px 0}
.clv-prose>p:first-child{font-size:20.5px;line-height:1.6;color:#fff}
.clv-prose p{margin:0 0 18px}
.clv-prose h2{margin:46px 0 12px;font-size:28px;line-height:1.15}
.clv-prose h3{margin:28px 0 8px;font-size:21px;line-height:1.25}
.clv-prose strong{color:#fff}
.clv-prose ul,.clv-prose ol{margin:0 0 20px;padding-left:0}
.clv-prose ul{list-style:none}
.clv-prose ul li{position:relative;padding-left:24px;margin-bottom:8px}
.clv-prose ul li::before{content:"";position:absolute;left:2px;top:.72em;width:12px;height:2px;background:var(--cyan);box-shadow:0 -4px 0 -0px rgba(34,211,238,.35)}
.clv-prose ol{padding-left:28px}
.clv-prose ol li{margin-bottom:8px;padding-left:4px}
.clv-prose ol li::marker{font-family:var(--head);font-weight:700;color:var(--cyan)}
.clv-prose table{width:100%;border-collapse:collapse;margin:22px 0 26px;font-size:16px;line-height:1.5;display:block;overflow-x:auto}
.clv-prose th{background:var(--surface-2);text-align:left;font-family:var(--head);font-weight:600;padding:10px 14px;border-bottom:2px solid var(--cyan)}
.clv-prose td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.clv-prose .clv-not{margin:26px 0;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--cyan);font-size:17px}

/* FAQ */
.clv-faq{max-width:var(--measure);margin:46px 0 0}
.clv-article .clv-faq{margin-top:46px}
.clv-faq h2{margin-bottom:12px}
.clv-faq details{border-top:1px solid var(--line)}
.clv-faq details:last-of-type{border-bottom:1px solid var(--line)}
.clv-faq summary{list-style:none;position:relative;cursor:pointer;padding:16px 44px 16px 0;font-weight:800;font-size:18px;line-height:1.4}
.clv-faq summary::-webkit-details-marker{display:none}
.clv-faq summary::after{content:"+";position:absolute;right:4px;top:10px;font:600 26px/1 var(--head);color:var(--cyan)}
.clv-faq details[open] summary::after{content:"−"}
.clv-faq details>div{padding:0 0 14px;color:#d6d4f7}
.clv-faq details>div p{margin:0 0 10px}

/* Previous / next */
.clv-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:46px}
.clv-pager a{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);color:var(--text);text-decoration:none;font-family:var(--head);font-weight:600;font-size:17px;line-height:1.25}
.clv-pager a:hover{border-color:var(--cyan)}
.clv-pager .clv-forward{grid-column:2;justify-content:flex-end;text-align:right}
.clv-pager svg{flex:none;color:var(--cyan)}
.clv-pager small{display:block;font-family:var(--sans);font-weight:600;font-size:13px;color:var(--muted)}
.clv-more{margin-top:50px;border-top:1px solid var(--line)}

/* Principles */
.clv-principles{margin-top:60px;padding:36px 0 10px;border-top:1px solid var(--line)}
.clv-principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:18px}
.clv-principles h3{margin:0 0 6px;font-size:20px}
.clv-principles p{margin:0 0 10px;font-size:16px;line-height:1.6;color:var(--muted)}

/* Footer */
.clv-main{display:block;padding-bottom:70px}
.clv-foot{background:#0c0a22;color:var(--muted);font-size:15.5px}
.clv-foot-cols{max-width:var(--wrap);margin:0 auto;padding:30px 24px 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.clv-foot h2{margin:0 0 12px;font-size:17px;color:var(--text)}
.clv-foot ul{list-style:none;margin:0;padding:0}
.clv-foot li{margin:0 0 7px}
.clv-foot a{color:var(--muted);text-decoration:none}
.clv-foot a:hover{color:var(--cyan);text-decoration:underline}
.clv-foot-end{max-width:var(--wrap);margin:0 auto;padding:22px 24px 34px;border-top:1px solid var(--line)}
.clv-foot-end p{margin:0 0 8px;max-width:85ch;font-size:14.5px;line-height:1.6}
.clv-foot-copy{color:#7c79ad}

@media (max-width:980px){
	.clv-head{flex-wrap:wrap;gap:12px 18px}
	.clv-nav{order:3;width:100%;margin:0;overflow-x:auto;gap:18px;white-space:nowrap;padding-bottom:2px}
	.clv-login-head{margin-left:auto}
	.clv-principles-grid,.clv-foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	body{font-size:17px}
	.clv-head{padding:12px 16px}
	.clv-logo img{width:104px}
	.clv-login-head{padding:9px 16px;font-size:14.5px}
	.clv-hero{padding-top:38px}
	.clv-hero-in,.clv-band-head,.clv-legend,.clv-wrap{padding-left:16px;padding-right:16px}
	.clv-hero-lead p{font-size:17.5px}
	.clv-rail{padding:4px 16px 16px}
	.clv-rail li{flex-basis:78%}
	.clv-rail a{min-height:200px}
	.clv-page-head-in{padding:34px 16px 10px}
	.clv-article{padding:26px 16px 0}
	.clv-prose>p:first-child{font-size:18.5px}
	.clv-prose h2{font-size:25px}
	.clv-pager{grid-template-columns:1fr}
	.clv-pager .clv-forward{grid-column:1}
	.clv-principles-grid,.clv-foot-cols{grid-template-columns:1fr}
	.clv-cta .clv-login-cta,.clv-cta .clv-ghost{width:100%;text-align:center}
}