/* CTS marketing pages — block-editor content styled with Automatic.css variables (with fallbacks). */
:root{
	/* Brand (from the CallTrackingServices logo): royal blue, navy, cyan */
	--cts-action:#1f5bd8;
	--cts-accent:#1ab3f0;
	--cts-base:#0b1d3f;
	--cts-tint:#eef5ff;
	--cts-radius:var(--radius,1em);
	--cts-max:1140px;
}

body{color:var(--cts-base)}
/* Bricks default template: let CTS pages run full width; hide auto title when the page has its own hero */
body.cts-page #brx-content{max-width:none;width:100%;padding:0;margin:0}
body.cts-page #brx-content>h1{max-width:var(--cts-max);margin:2.5em auto .5em;padding:0 1.25em;box-sizing:border-box}
body.cts-page #brx-content:has(>.cts-hero)>h1{display:none}
body.single-post #brx-content{max-width:760px;margin:0 auto;padding:3em 1.25em;line-height:1.7}
body.single-post #brx-content h2{margin-top:1.8em}
.cts-section,.cts-hero,.cts-cta{padding:clamp(3em,7vw,6em) 1.25em;box-sizing:border-box}
.cts-section>*,.cts-hero>*,.cts-cta>*{max-width:var(--cts-max);margin-left:auto!important;margin-right:auto!important}
.cts-alt{background:var(--cts-tint)}

/* Hero */
.cts-hero{background:radial-gradient(1200px 500px at 80% -10%,rgba(26,179,240,.35),transparent 60%),linear-gradient(160deg,var(--cts-base) 0%,#12306b 100%);color:#fff;text-align:center}
.cts-hero .cts-hero-title{color:#fff;font-size:clamp(2.2em,5vw,3.6em);line-height:1.1;max-width:900px;margin:.5em auto 1.25em}
.cts-hero .cts-lead{color:rgba(255,255,255,.85);max-width:760px}
.cts-hero .wp-block-buttons{justify-content:center}
.cts-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.85em;font-weight:700;color:var(--cts-action)}
.cts-hero .cts-eyebrow{color:var(--cts-accent)}

/* Type */
.cts-section h2,.cts-cta h2{font-size:clamp(1.7em,3vw,2.4em);line-height:1.2;margin-bottom:.75em}
.cts-section h3{font-size:1.25em;margin:.25em 0 .5em}
.cts-lead{font-size:1.15em;line-height:1.6;opacity:.9;max-width:780px}
.cts-small{font-size:.9em;opacity:.75}
.cts-center{text-align:center}
.cts-section p,.cts-section li{line-height:1.65}
.cts-section ul{padding-left:1.2em}
.cts-section li{margin:.35em 0}

/* Buttons (core button block) */
.cts-section .wp-block-button__link,.cts-hero .wp-block-button__link,.cts-cta .wp-block-button__link{
	background:var(--cts-action);color:#fff;border-radius:999px;padding:.85em 1.6em;font-weight:600;text-decoration:none;border:2px solid var(--cts-action);font-size:1em
}
.cts-hero .is-style-outline .wp-block-button__link{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.cts-section .is-style-outline .wp-block-button__link,.cts-cta .is-style-outline .wp-block-button__link{background:transparent;color:var(--cts-action)}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:.75em;margin-top:1.5em}

/* Cards / columns */
.cts-cards{gap:1.25em!important;margin-top:1.25em}
.cts-card-block{background:#fff;border:1px solid rgba(10,36,52,.1);border-radius:var(--cts-radius);padding:1.5em!important;height:100%;box-sizing:border-box}
.cts-card-block>*{max-width:none!important}
.cts-more a{color:var(--cts-action);font-weight:600;text-decoration:none}
.cts-steps h3{color:var(--cts-action)}
.cts-section .wp-block-button__link:hover,.cts-hero .wp-block-button__link:hover,.cts-cta .wp-block-button__link:hover{filter:brightness(1.1)}
.wp-block-columns{display:flex;gap:2em;flex-wrap:wrap}
.wp-block-column{flex:1 1 260px;min-width:0}

/* FAQ (details block) */
.cts-faq{border-bottom:1px solid rgba(10,36,52,.12);padding:1em 0}
.cts-faq summary{cursor:pointer;font-weight:600;font-size:1.05em;list-style:none;position:relative;padding-right:2em}
.cts-faq summary::-webkit-details-marker{display:none}
.cts-faq summary::after{content:"+";position:absolute;right:0;top:0;color:var(--cts-action);font-size:1.3em;line-height:1}
.cts-faq[open] summary::after{content:"–"}
.cts-faq p{margin:.75em 0 0}

/* Comparison table */
.cts-compare table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--cts-radius);overflow:hidden}
.cts-compare th,.cts-compare td{padding:.8em 1em;border-bottom:1px solid rgba(10,36,52,.08);text-align:center}
.cts-compare th:first-child,.cts-compare td:first-child{text-align:left}
.cts-compare thead th{background:var(--cts-base);color:#fff}
.cts-compare{overflow-x:auto}

/* CTA band */
.cts-cta{background:var(--cts-base);color:#fff;text-align:center}
.cts-cta h2{color:#fff}
.cts-cta .cts-lead{color:rgba(255,255,255,.85)}
.cts-cta .wp-block-buttons{justify-content:center}
.cts-cta .is-style-outline .wp-block-button__link{color:#fff;border-color:rgba(255,255,255,.7)}

/* Narrow wrapper (signup) */
.cts-narrow{max-width:640px;margin:3em auto;padding:0 1.25em}

/* Legal + blog readable width */
.cts-prose{max-width:760px;margin:3em auto;padding:0 1.25em;line-height:1.7}
.cts-prose h2{margin-top:2.25em}

@media (max-width:700px){
	.wp-block-columns{flex-direction:column}
	.cts-compare th,.cts-compare td{padding:.6em .5em;font-size:.9em}
}

/* Blog index / archives (Bricks default loop) */
body.blog #brx-content,body.archive #brx-content{max-width:var(--cts-max);margin:0 auto;padding:3em 1.25em}
body.blog #brx-content article,body.archive #brx-content article{background:#fff;border:1px solid rgba(10,36,52,.1);border-radius:var(--cts-radius);padding:1.5em}
body.blog #brx-content a,body.archive #brx-content a{color:var(--cts-base);text-decoration:none}
body.blog #brx-content a:hover,body.archive #brx-content a:hover{color:var(--cts-action)}

/* ===== Header (Bricks template "CTS Header") ===== */
.cts-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 1px 12px rgba(11,29,63,.06);border-bottom:1px solid rgba(11,29,63,.08);padding:0 1.25em!important}
.admin-bar .cts-header{top:32px}
.cts-header__inner{max-width:var(--cts-max);margin:0 auto;width:100%;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:1.5em;min-height:76px}
.cts-header__logo img{height:52px;width:auto;display:block}
.cts-header__nav{flex:1;display:flex;justify-content:center}
.cts-header__nav .bricks-nav-menu{gap:.25em}
.cts-header__nav .bricks-nav-menu>li>a{white-space:nowrap;color:var(--cts-base);font-weight:500;font-size:1em;padding:.5em .8em;border-radius:8px;text-decoration:none}
.cts-header__nav .bricks-nav-menu>li>a:hover,.cts-header__nav .bricks-nav-menu>li.current-menu-item>a{color:var(--cts-action);background:var(--cts-tint)}
.cts-header__actions{display:flex!important;flex-direction:row!important;align-items:center;gap:1em;white-space:nowrap;flex-shrink:0}
.cts-header__login{color:var(--cts-base);font-weight:600;text-decoration:none;font-size:1em}
.cts-header__login:hover{color:var(--cts-action)}
.cts-header__cta{background:var(--cts-action)!important;color:#fff!important;border-radius:999px!important;padding:.7em 1.3em!important;font-weight:600;font-size:1em!important;border:0}
.cts-header__cta:hover{filter:brightness(1.1)}
/* Bricks mobile menu (hamburger) */
.cts-header .bricks-mobile-menu-toggle{color:var(--cts-base)}
.cts-header .bricks-mobile-menu-wrapper{background:var(--cts-base)}
.cts-header .bricks-mobile-menu>li>a{color:#fff;font-size:1.2em;padding:.6em 1.5em}
@media (max-width:991px){
	.cts-header__nav{flex:0;order:3}
	.cts-header__login{display:none}
	.cts-header__logo img{height:38px}
}
@media (max-width:480px){.cts-header__cta{padding:.55em 1em!important;font-size:.9em!important}}

/* ===== Footer (Bricks template "CTS Footer") ===== */
.cts-footer{background:var(--cts-base);color:rgba(255,255,255,.75);padding:4em 1.25em 1.5em!important}
.cts-footer__grid{max-width:var(--cts-max);margin:0 auto;width:100%;display:grid!important;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:2.5em}
.cts-footer__brand img{height:48px;width:auto;margin-bottom:1em}
.cts-footer__brand p{max-width:340px;line-height:1.6;font-size:.95em}
.cts-footer h4{color:#fff;font-size:.8em;letter-spacing:.12em;text-transform:uppercase;margin:0 0 1em}
.cts-footer .bricks-nav-menu{flex-direction:column!important;gap:.55em;display:flex;padding:0!important;margin:0!important;list-style:none}
.cts-footer .bricks-nav-menu li{margin:0!important;padding:0!important}
.cts-footer .bricks-nav-menu a{padding:0!important}
.cts-footer .bricks-nav-menu a,.cts-footer a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.95em}
.cts-footer .bricks-nav-menu a:hover,.cts-footer a:hover{color:var(--cts-accent)}
.cts-footer__col p{margin-top:1em;font-size:.9em}
.cts-footer__bottom{max-width:var(--cts-max);margin:3em auto 0;width:100%;border-top:1px solid rgba(255,255,255,.12);padding-top:1.5em}
.cts-footer__bottom p{font-size:.85em;margin:0}
@media (max-width:900px){.cts-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cts-footer__grid{grid-template-columns:1fr}}
.cts-hero .cts-lead,.cts-cta .cts-lead,.cts-hero .cts-hero-title{margin-left:auto!important;margin-right:auto!important}
.cts-header .bricks-mobile-menu-wrapper,.cts-header .bricks-mobile-menu-wrapper:before{background-color:var(--cts-base)!important}
.cts-header.show-mobile-menu .bricks-mobile-menu-toggle,.cts-header .show-mobile-menu .bricks-mobile-menu-toggle,.show-mobile-menu .cts-header__nav .bricks-mobile-menu-toggle{color:#fff!important}
.cts-header .bricks-mobile-menu>li>a:hover{color:var(--cts-accent)}
.cts-signup-intro{max-width:760px;margin:3em auto 0;padding:0 1em}
.cts-signup-intro h1{font-size:clamp(2em,4vw,2.6em);margin:0 0 .3em}
body.cts-page #brx-content:has(.cts-signup-intro)>h1{display:none}