/* The world behind every content page, and the homepage's dark-glass language on top of it (2026-10-11).
   Loaded in <head> before each page's own inline styles; every rule is prefixed `body` to outrank `#tkp …`. */
html{background:#060907}
body{margin:0;background:#060907 radial-gradient(120% 80% at 50% 100%,#3b2414 0%,#101a2c 45%,#04060b 100%) fixed;color:#f4efe4}
#tkbg{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;opacity:0;transition:opacity 1.4s ease;pointer-events:none}
#tkbg.on{opacity:1}
@media (prefers-reduced-motion:reduce){#tkbg{transition:none}}
body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.5) 100%)}
body #tkp{position:relative;z-index:1;background:transparent;color:#f4efe4;font-family:Manrope,"Inter",system-ui,-apple-system,sans-serif;--ink:#f4efe4;--muted:rgba(244,239,228,.72);--gd:#ffd98a;--g:#e3ad3f;--gl:#f2c45f;--gold:#e3ad3f;--cream:rgba(255,255,255,.04)}
body #tkp a{color:#ffd98a}
body #tkp h1,body #tkp h2,body #tkp h3,body #tkp summary,body #tkp .ladder .rung h3,body #tkp .card h3{font-family:Fraunces,"Iowan Old Style",Georgia,serif;font-weight:600;letter-spacing:-.01em}
body #tkp h1{font-weight:900}
body #tkp h2{color:#ffd98a}
body #tkp h3,body #tkp .card h3,body #tkp .ladder .rung h3,body #tkp .seasons b,body #tkp ol.steps b,body #tkp .pledge .p b,body #tkp .price .amt{color:#fff}
body #tkp .kick{color:#e3ad3f}
body #tkp .hd{background:rgba(5,8,7,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,217,138,.22)}
body #tkp .hero{background:linear-gradient(180deg,rgba(4,7,6,.10) 0%,rgba(4,7,6,.30) 70%,rgba(4,7,6,.0) 100%);padding-top:72px;padding-bottom:84px}
body #tkp .hero h1{text-shadow:0 2px 24px rgba(0,0,0,.55);font-size:clamp(38px,6.6vw,70px)}
body #tkp .hero .sub{color:rgba(244,239,228,.92);text-shadow:0 1px 14px rgba(0,0,0,.5)}
body #tkp .btn{border-radius:999px}
body #tkp .btn-gold,body #tkp .wpforms-submit,body #tkp .btn-green{background:linear-gradient(135deg,#ffe19a,#e3ad3f 55%,#b87f1c);color:#1a1205;box-shadow:0 10px 30px rgba(227,173,63,.35),inset 0 1px 0 rgba(255,255,255,.6)}
body #tkp .btn-line{border:1px solid rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
body #tkp .btn-line:hover{border-color:#ffd98a;color:#ffd98a}
body #tkp .trust{color:rgba(244,239,228,.85)}
body #tkp section{background:rgba(10,16,13,.58);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,217,138,.16);max-width:1180px;margin:22px auto;border-radius:26px;box-shadow:0 30px 80px rgba(0,0,0,.45)}
body #tkp section.alt{background:rgba(14,22,17,.62)}
body #tkp section.dark{background:rgba(6,10,8,.66)}
body #tkp section.band{background:linear-gradient(135deg,rgba(227,173,63,.22),rgba(10,16,13,.7));border-color:rgba(255,217,138,.35)}
body #tkp section p,body #tkp .sec p,body #tkp .intro p,body #tkp .card p,body #tkp details p,body #tkp .ladder .rung p,body #tkp .seasons small,body #tkp .liar .q p,body #tkp .ft,body #tkp figcaption{color:rgba(244,239,228,.84)}
body #tkp .card,body #tkp .pledge .p,body #tkp .liar .q,body #tkp ol.steps li,body #tkp .ladder .rung,body #tkp .seasons div,body #tkp .price,body #tkp .review,body #tkp .sim,body #tkp .formcard{background:rgba(255,255,255,.055);border:1px solid rgba(255,217,138,.18);box-shadow:none;color:#f4efe4}
body #tkp .card,body #tkp .ladder .rung,body #tkp .seasons div{border-top:3px solid #e3ad3f}
body #tkp a.card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}
body #tkp .pledge .p i,body #tkp .card .n{color:#ffd98a}
body #tkp .card .n,body #tkp ol.steps li:before{background:rgba(227,173,63,.18);color:#ffd98a;border:1px solid rgba(255,217,138,.4)}
body #tkp .liar .q{border-left-color:#e01224}
body #tkp .liar .q q{color:#ff9a8c}
body #tkp details{border-bottom:1px solid rgba(255,217,138,.16)}
body #tkp summary{color:#ffd98a}
body #tkp .rel a{border-color:rgba(255,217,138,.4);color:#ffd98a}
body #tkp .rel a:hover{background:#e3ad3f;color:#1a1205}
body #tkp ul.ticks li:before{background:#e3ad3f;color:#1a1205}
body #tkp .intro img,body #tkp figure img,body #tkp .post img.lead{border:1px solid rgba(255,217,138,.25);box-shadow:0 20px 50px rgba(0,0,0,.5)}
body #tkp .pricebox{background:rgba(6,10,8,.7);border:1px solid rgba(255,217,138,.3)}
body #tkp .price{border-top:3px solid #e01224}
body #tkp .price .tag{background:#e01224}
body #tkp .redband{background:linear-gradient(135deg,rgba(224,18,36,.85),rgba(120,10,20,.9));max-width:1180px;margin:22px auto;border-radius:26px}
body #tkp .review .stars{color:#ffd98a}
body #tkp .sim svg{background:linear-gradient(#0f1a2c,#1c2f40 70%,#15301b 70%,#0d2114);border:1px solid rgba(255,217,138,.2)}
body #tkp .sim input[type=range]{accent-color:#e3ad3f}
body #tkp .sim output,body #tkp .sim figcaption b{color:#ffd98a}
body #tkp .sim .good{color:#9be3a8}body #tkp .sim .bad{color:#ff9a8c}
body #tkp .ft{background:rgba(5,8,7,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,217,138,.3);margin-top:22px}
body #tkp .ft h3{color:#ffd98a;font-family:Manrope,sans-serif}
body #tkp .ft a:hover{color:#ffd98a}
body #tkp .ft .copy{color:rgba(244,239,228,.45)}
/* forms */
body #tkp .wpforms-form input[type=text],body #tkp .wpforms-form input[type=email],body #tkp .wpforms-form input[type=tel],body #tkp .wpforms-form textarea,body #tkp .wpforms-form select{background:rgba(255,255,255,.08);border:1px solid rgba(255,217,138,.3);color:#fff;border-radius:10px}
body #tkp .wpforms-form input:focus,body #tkp .wpforms-form textarea:focus,body #tkp .wpforms-form select:focus{outline:2px solid #e3ad3f;outline-offset:1px}
body #tkp .wpforms-field-label{color:#f4efe4}
body #tkp .formcard .wpforms-confirmation-container-full{background:rgba(227,173,63,.16);color:#ffd98a;border:1px solid rgba(255,217,138,.4)}
body #tkp .tk-form-err{color:#ff9a8c}
body #tkp .wpforms-required-label{color:#ff9a8c}
/* leaflet map (treemap) stays readable */
body #tkp .leaflet-container{border-radius:16px;border:1px solid rgba(255,217,138,.3)}
/* the floating call button over dark pages */
.tk-call span{background:rgba(5,8,7,.85);color:#ffd98a;border:1px solid rgba(255,217,138,.35)}
@media (max-width:760px){
 body #tkp section,body #tkp .redband{margin:12px 8px;border-radius:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 body #tkp .hero{padding-top:52px;padding-bottom:60px}
}
/* Phone header (2026-10-13): one-line call button; the language link moves to the footer (as on tkp.css pages). */
@media (max-width:480px){
 body #tkp .hd .lang{display:none}
 body #tkp .hd .btn{white-space:nowrap;font-size:14px;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center}
}
@media (max-width:340px){body #tkp .hd .btn{font-size:12.5px;padding:9px 11px}body #tkp .hd .w{gap:8px}}
@media (prefers-reduced-transparency:reduce){
 body #tkp section{background:rgba(10,16,13,.96)}
}
/* old light boxes left white under the dark theme (2026-10-12): price tables, estimate form, business cards, species chips */
body #tkp table.pr{background:rgba(255,255,255,.055);border:1px solid rgba(255,217,138,.18);box-shadow:none}
body #tkp table.pr th{background:rgba(227,173,63,.18);color:#ffd98a}
body #tkp table.pr th,body #tkp table.pr td{border-bottom:1px solid rgba(255,217,138,.14);color:#f4efe4}
body #tkp table.pr s{color:rgba(244,239,228,.62)}
body #tkp table.pr strong{color:#ff6b5e}
body #tkp table.pr a{color:#ffd98a}
body #tkp #tk-est{background:rgba(255,255,255,.055);border:1px solid rgba(255,217,138,.18);box-shadow:none;color:#f4efe4}
body #tkp .biz{background:rgba(255,255,255,.055);box-shadow:none;color:#f4efe4}
body #tkp .biz p{color:rgba(244,239,228,.84)}
body #tkp .biz .addr{color:#f4efe4}
body #tkp .biz .tag{background:rgba(227,173,63,.18);color:#ffd98a}
body #tkp .biz .ph{background:rgba(255,255,255,.06);border-color:rgba(255,217,138,.18)}
body #tkp .tsp li{background:rgba(255,255,255,.07);border-color:rgba(255,217,138,.2);color:#f4efe4}
/* The form button on the newer pages (tkp.css .formcard) was gold text on gold: dark text, same as every other gold button (2026-10-13) */
body #tkp .formcard .wpforms-submit{background:linear-gradient(135deg,#ffe19a,#e3ad3f 55%,#b87f1c);color:#1a1205}

/* Review strip above "Ready to get started?" on service/town pages (2026-10-13) */
body #tkp .reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
body #tkp .review{border-radius:12px;padding:20px;line-height:1.5}
body #tkp .review .stars{letter-spacing:2px;margin-bottom:6px}
body #tkp .review small{display:block;color:rgba(244,239,228,.72);margin-top:8px}
body #tkp .revnote{margin-top:14px}

/* Images carry width/height so phones reserve their space while loading (2026-10-14); keep their real proportions */
body #tkp img[height]{height:auto}

/* "How did you find us?" select (2026-10-15): full width like the inputs, readable options on the dark form */
body #tkp .wpforms-form select{width:100%;min-height:48px;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#e3ad3f 50%),linear-gradient(135deg,#e3ad3f 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:36px}
body #tkp .wpforms-form select option{color:#111;background:#fff}
