/*
Theme Name: Salient Child — King of Men
Theme URI: https://kingofmen.life
Description: Child theme for kingofmen.life. Self-hosted Fixel + Newsreader (SIL OFL 1.1), V7 brand tokens, brand overrides. No external font requests.
Author: Very Serious Tools / Max
Template: salient
Version: 1.7.4
*/

:root {
  --kom-night: #0E0E0D; --kom-bone: #F1EADF; --kom-signal: #FF4B31; --kom-violet: #6657FF;
  --kom-blue: #2D6CFF; --kom-lime: #D9FF2F; --kom-bronze: #9B6045;
  --kom-voice: 'Newsreader', Georgia, 'Times New Roman', serif;
  --kom-display: 'Fixel Display', Arial, sans-serif;
  --kom-text: 'Fixel Text', Arial, sans-serif;
}

/* ---- Monument / Voice (V7: heavy caps answered by a serif italic in Signal Red) ---- */
body { -webkit-font-smoothing: antialiased; background: var(--kom-bone); }
h1, h2, h3, h4, .nectar-split-heading h1, .nectar-split-heading h2 {
  font-family: var(--kom-display) !important; font-weight: 700 !important; text-transform: uppercase;
  letter-spacing: -0.03em; line-height: .95 !important;
}
h1 { font-size: clamp(56px, 9vw, 150px) !important; letter-spacing: -0.035em; }
h2, .nectar-split-heading h2 { font-size: clamp(38px, 5.2vw, 76px) !important; }
h3 { font-size: clamp(24px, 2.6vw, 34px) !important; }
h4 { text-transform: none; }
h5, h6 { font-family: var(--kom-text) !important; }
h6 { font-weight: 600 !important; font-size: 12px !important; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 10px; }
.kom-monument { font-family: var(--kom-display); font-weight: 700; text-transform: uppercase; line-height: .92; font-size: clamp(56px, 10vw, 168px); letter-spacing: -0.035em; margin: 0; }
.kom-of, .kom-voice, .kom-voice p, .nectar-split-heading p.kom-voice, .wpb_text_column em, .wpb_text_column i, #footer-outer .kom-voice {
  font-family: var(--kom-voice) !important; font-weight: 400 !important; font-style: italic !important; text-transform: none; letter-spacing: -0.01em;
}
.kom-of { color: var(--kom-signal); font-size: .62em; vertical-align: baseline; margin: 0 .04em; }
.kom-voice { line-height: 1.05; color: var(--kom-signal); margin: .2em 0 0; }
.kom-voice .kom-red, .kom-red { color: var(--kom-signal); }
.light .kom-voice, .kom-cta-band .kom-voice { color: var(--kom-signal); }
.kom-cta-band .kom-voice { color: var(--kom-night); }
.kom-lead { font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; max-width: 44em; margin-top: 1.4em; }
.kom-small { font-size: 14px; opacity: .8; }
p, li { font-family: var(--kom-text); }

/* ---- Labels (STATE IS SPOKEN) ---- */
.kom-state { display: inline-block; font-family: var(--kom-text); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; padding: 7px 10px 6px; border: 1.5px solid currentColor; line-height: 1; }
.kom-state--live { background: var(--kom-lime); color: var(--kom-night); border-color: var(--kom-lime); }
.kom-state--red { background: var(--kom-signal); color: var(--kom-night); border-color: var(--kom-signal); }
.kom-kicker { margin-bottom: 28px; }
.kom-num { font-family: var(--kom-text); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; display: block; margin-bottom: 8px; }

/* ---- Four-beat bill ---- */
.kom-bill { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1.5px solid currentColor; margin-top: 28px; }
.kom-bill__cell { padding: 26px 24px 30px 0; border-bottom: 1.5px solid currentColor; }
.kom-bill__cell + .kom-bill__cell { border-left: 1.5px solid currentColor; padding-left: 24px; }
.kom-bill__cell div { font-size: 17px; line-height: 1.4; }
@media (max-width: 999px) { .kom-bill { grid-template-columns: 1fr 1fr; } .kom-bill__cell:nth-child(3) { border-left: 0; padding-left: 0; } }
@media (max-width: 690px) { .kom-bill { grid-template-columns: 1fr; } .kom-bill__cell + .kom-bill__cell { border-left: 0; padding-left: 0; } }

/* ---- Lists ---- */
ul.kom-list { list-style: none; margin: 18px 0 0; padding: 0; }
ul.kom-list li { padding: 14px 0 14px 34px; border-top: 1.5px solid currentColor; position: relative; line-height: 1.4; }
ul.kom-list li:last-child { border-bottom: 1.5px solid currentColor; }
ul.kom-list li::before { content: ''; position: absolute; left: 0; top: 20px; width: 14px; height: 14px; border: 2px solid var(--kom-signal); border-radius: 50%; }

/* ---- Salient horizontal list items (gates) ---- */
.nectar-hor-list-item { border-color: currentColor !important; }
.nectar-hor-list-item h3 { text-transform: uppercase; }
.nectar-hor-list-item p { margin: 0; }
.nectar-hor-list-item .nectar-list-item-btn, .nectar-hor-list-item .nectar-button { border-radius: 0 !important; }

/* ---- Buttons ---- */
.nectar-button, .btn, button, input[type=submit], .fluentform .ff-btn-submit { border-radius: 0 !important; text-transform: uppercase; letter-spacing: .08em; font-weight: 700 !important; font-family: var(--kom-text) !important; box-shadow: none !important; }
.nectar-button.extra-color-2, .nectar-button.extra-color-2 span { color: var(--kom-night) !important; }
.nectar-button.regular-button:hover, .fluentform .ff-btn-submit:hover { background-color: var(--kom-signal) !important; color: var(--kom-night) !important; }
.nectar-button.see-through-2:hover { background-color: var(--kom-signal) !important; border-color: var(--kom-signal) !important; color: var(--kom-night) !important; }
.kom-cta-band .nectar-button.regular-button, .kom-cta-band .nectar-button.regular-button span { background-color: var(--kom-night) !important; color: var(--kom-bone) !important; }
.kom-cta-band .nectar-button.regular-button:hover, .kom-cta-band .nectar-button.regular-button:hover span, .kom-cta-band .nectar-button.regular-button:focus-visible span { background-color: var(--kom-bone) !important; color: var(--kom-night) !important; }
.kom-cta-band .nectar-button.see-through-2 { border-color: var(--kom-night) !important; color: var(--kom-night) !important; }
.kom-cta-band .nectar-button.see-through-2:hover { background-color: var(--kom-night) !important; color: var(--kom-bone) !important; }
/* Accessibility: visible focus everywhere, honest link underlines in text */
a:focus-visible, button:focus-visible, .nectar-button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--kom-lime) !important; outline-offset: 3px; }
.kom-cta-band a:focus-visible, .kom-cta-band .nectar-button:focus-visible { outline-color: var(--kom-night) !important; }
.wpb_text_column a:not(.nectar-button) { text-decoration: underline; text-underline-offset: .15em; }
/* One menu on desktop: the off-canvas toggle only below the mobile breakpoint */
@media (min-width: 1000px) { #header-outer .slide-out-widget-area-toggle { display: none !important; } }

/* ---- Rows ---- */
.kom-hero .kom-kicker { margin-bottom: 36px; }
.kom-prow .nectar-split-heading p { color: var(--kom-bone); }

/* ---- Forms on Night ground ---- */
.kom-form-dark .fluentform input, .kom-form-dark .fluentform select, .kom-form-dark .fluentform textarea {
  background: transparent !important; color: var(--kom-bone) !important; border: 0 !important; border-bottom: 1.5px solid var(--kom-bone) !important; border-radius: 0 !important; padding-left: 0 !important; font-family: var(--kom-text);
}
.kom-form-dark .fluentform label, .kom-form-dark .fluentform .ff-el-input--label label { color: var(--kom-bone) !important; font-family: var(--kom-text); font-weight: 600; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.kom-form-dark .fluentform input:focus, .kom-form-dark .fluentform textarea:focus, .kom-form-dark .fluentform select:focus { border-bottom-color: var(--kom-lime) !important; outline: none; box-shadow: none !important; }
.kom-form-dark .fluentform select option { color: var(--kom-night); }
.kom-form-dark .fluentform .ff-btn-submit { background: var(--kom-lime) !important; color: var(--kom-night) !important; border: 0 !important; padding: 18px 28px; }
.kom-form-dark .fluentform .ff-el-form-check-label { color: var(--kom-bone); text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 14px; }
.kom-form-dark .ff-message-success { color: var(--kom-night); background: var(--kom-lime); border: 0; }

/* ---- WhatsApp ---- */
.kom-whatsapp { display: inline-block; padding: 16px 22px; border: 1.5px solid currentColor; text-decoration: none; font-family: var(--kom-text); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-size: 13px; color: inherit !important; }
.kom-whatsapp:hover { background: var(--kom-signal); border-color: var(--kom-signal); color: var(--kom-night) !important; }

/* ---- Concept-image label ---- */
.kom-concept { position: relative; }
.kom-concept::after { content: 'CONCEPT IMAGE'; position: absolute; left: 12px; bottom: 12px; z-index: 5; font-family: var(--kom-text); font-weight: 600; font-size: 10px; letter-spacing: .14em; color: var(--kom-bone); background: var(--kom-night); padding: 5px 7px 4px; pointer-events: none; }

/* ---- Header / nav ---- */
/* Brutalist weight: heavy caps in the nav, big lime button, larger wordmark (logo-height 42 set in Salient > Header) */
#header-outer nav > ul > li > a, #header-outer nav > ul > li > a .menu-title-text { font-family: var(--kom-display) !important; font-weight: 700 !important; font-size: 17px !important; letter-spacing: .02em !important; text-transform: uppercase; }
#header-outer nav > ul > li > a { padding: 0 14px !important; }
#header-outer .menu-item-btn a, #header-outer li.kom-nav-btn > a { background: var(--kom-lime); color: var(--kom-night) !important; padding: 16px 26px !important; margin-left: 18px; line-height: 1 !important; }
#header-outer li.kom-nav-btn > a:hover { background: var(--kom-signal); }
#header-outer .slide-out-widget-area-toggle a, #header-outer .slide-out-widget-area-toggle .label { font-family: var(--kom-display) !important; font-weight: 700 !important; font-size: 17px !important; text-transform: uppercase; }
#header-outer .slide-out-widget-area-toggle .lines-button { transform: scale(1.25); }
#header-outer #logo img { max-height: none; }
.nectar-button.regular-button.large, .nectar-button.see-through-2.large, .fluentform .ff-btn-submit { font-size: 16px !important; font-weight: 700 !important; padding: 20px 34px !important; }
.nectar-button.regular-button.medium, .nectar-button.see-through-2.medium { font-size: 14px !important; font-weight: 700 !important; padding: 16px 28px !important; }
.nectar-hor-list-item .nectar-list-item-btn, .kom-whatsapp { font-weight: 700 !important; }
#header-outer li.kom-nav-btn > a .menu-title-text { color: var(--kom-night) !important; }

/* ---- Footer ---- */
#footer-outer h4 { font-size: 12px !important; font-family: var(--kom-text) !important; font-weight: 600 !important; letter-spacing: .14em; }
#footer-outer .widget { border-top: 1.5px solid rgba(241,234,223,.35); padding-top: 22px; }
#footer-outer #copyright { border-top: 1.5px solid rgba(241,234,223,.35); }

/* ---- Reduced motion: respect it ---- */
@media (prefers-reduced-motion: reduce) { .nectar-scrolling-text, .nectar-split-heading { animation: none !important; } }

/* ---- Header: no search icon, wordmark hover ---- */
#header-outer #search-btn, #header-outer .nectar-search-btn, #mobile-menu .search-btn { display: none !important; }
#header-outer nav > ul > li.kom-nav-btn > a .menu-title-text { color: var(--kom-night) !important; }
/* Legal pages */
.kom-legal h6 { margin-top: 30px; }
.kom-legal p { max-width: 68ch; }
/* Horizontal list description column: regular weight */
.nectar-hor-list-item p { font-weight: 400 !important; }
/* Mobile monument */
@media (max-width: 690px) { .kom-monument, h1 { font-size: clamp(44px, 14vw, 72px) !important; } .kom-voice { font-size: clamp(22px, 7vw, 34px) !important; } }

/* ---- Magazine / blog (v1.5.0, 2026-09-07) ---- */
/* Fit-text split headings (magazine masthead): let Salient's fitty size the line, not the global h1 clamp */
.nectar-split-heading[data-has-fit-text="true"] h1, .nectar-split-heading[data-has-fit-text="true"] h2 { font-size: inherit !important; line-height: 1 !important; }
/* Single post header: article-sized title, not the monument */
.single-post #page-header-bg h1.entry-title, .single-post .section-title h1 { font-size: clamp(34px, 4.4vw, 68px) !important; line-height: 1 !important; max-width: 20ch; }
.single-post #page-header-bg .meta-author, .single-post #page-header-bg .meta-date, .single-post .post-meta { font-family: var(--kom-text); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; }
/* Post-grid cards: category chip as a label; card titles keep the global h3 clamp */
.nectar-post-grid-item .nectar-post-grid-item-category, .nectar-post-grid-item .category { font-family: var(--kom-text) !important; font-weight: 600 !important; letter-spacing: .14em; text-transform: uppercase; border-radius: 0 !important; }
/* Magazine section eyebrows / mixed-case section headings on the magazine page */
.page-id-825 .wpb_text_column h2, .page-id-825 .nectar-responsive-text h2 { text-transform: none; letter-spacing: -0.02em; }
.kom-newsletter-note { font-family: var(--kom-text); font-size: 15px; }
.kom-newsletter-note a { text-decoration: underline; text-underline-offset: .15em; }

/* =====================================================================
   v1.6.0 — 2026-09-07 — BRUTALIST SCALE + distinct components
   Max: "everything should give a feeling of brutalism". Bigger type, bigger
   elements, thick rules, hard edges, hard hover states. No soft anything.
   ===================================================================== */
:root { --kom-rule: 3px; }

/* ---- Type scale up ---- */
body, p, li, .wpb_text_column p, .wpb_text_column li { font-size: clamp(17px, 1.3vw, 20px); line-height: 1.5; }
.kom-lead { font-size: clamp(21px, 1.9vw, 30px); line-height: 1.35; max-width: 40em; }
h2, .nectar-split-heading h2 { font-size: clamp(44px, 6.4vw, 100px) !important; }
h3 { font-size: clamp(26px, 3.1vw, 44px) !important; }
h6 { font-size: 13px !important; letter-spacing: .16em; }
.kom-small { font-size: 15px; }
.kom-voice { font-size: clamp(28px, 4.2vw, 64px); }

/* ---- Rules: thin lines become slabs ---- */
.kom-bill { border-top-width: var(--kom-rule); margin-top: 40px; }
.kom-bill__cell { border-bottom-width: var(--kom-rule); padding: 34px 28px 40px 0; }
.kom-bill__cell + .kom-bill__cell { border-left-width: var(--kom-rule); padding-left: 28px; }
.kom-bill__cell div { font-size: clamp(17px, 1.35vw, 21px); }
ul.kom-list li { border-top-width: var(--kom-rule); padding: 22px 0 22px 44px; font-size: clamp(17px, 1.35vw, 21px); }
ul.kom-list li:last-child { border-bottom-width: var(--kom-rule); }
ul.kom-list li::before { width: 18px; height: 18px; border-width: 3px; top: 26px; }
.nectar-hor-list-item { border-top-width: var(--kom-rule) !important; border-bottom-width: var(--kom-rule) !important; padding-top: 34px !important; padding-bottom: 34px !important; }
.nectar-hor-list-item p { font-size: clamp(16px, 1.25vw, 19px) !important; }
#footer-outer .widget, #footer-outer #copyright { border-top-width: var(--kom-rule); }
#footer-outer .widget p, #footer-outer .widget li { font-size: 17px; }

/* ---- Labels ---- */
.kom-state { font-size: 13px; padding: 10px 13px 9px; border-width: 2px; letter-spacing: .16em; }
.kom-num { font-size: 13px; letter-spacing: .16em; }

/* ---- Buttons: bigger, squarer, louder ---- */
.nectar-button.regular-button.large, .nectar-button.see-through-2.large, .fluentform .ff-btn-submit { font-size: 18px !important; padding: 26px 44px !important; letter-spacing: .1em; }
.nectar-button.regular-button.medium, .nectar-button.see-through-2.medium { font-size: 15px !important; padding: 20px 34px !important; }
.nectar-button.see-through-2 { border-width: 3px !important; }
.nectar-button:hover { transform: translate(-3px,-3px); box-shadow: 4px 4px 0 currentColor !important; }
.kom-btn { display: inline-block; font-family: var(--kom-text); font-weight: 700; font-size: 18px; letter-spacing: .1em; text-transform: uppercase; padding: 26px 44px; text-decoration: none !important; margin: 0 16px 16px 0; transition: transform .12s, box-shadow .12s; }
.kom-btn--lime { background: var(--kom-lime); color: var(--kom-night) !important; }
.kom-btn--ghost { border: 3px solid currentColor; color: inherit; }
.kom-btn:hover { transform: translate(-3px,-3px); box-shadow: 4px 4px 0 currentColor; }
.kom-btn--lime:hover { background: var(--kom-signal); box-shadow: 4px 4px 0 var(--kom-bone); }
.kom-whatsapp { font-size: 15px; padding: 20px 28px; border-width: 3px; }
#header-outer li.kom-nav-btn > a { padding: 18px 30px !important; }

/* ---- Forms: slabs, not fields ---- */
.fluentform .ff-el-group { margin-bottom: 34px; }
.kom-form-dark .fluentform input, .kom-form-dark .fluentform select, .kom-form-dark .fluentform textarea { font-size: 20px !important; padding: 16px 0 !important; border-bottom-width: 3px !important; height: auto !important; }
.kom-form-dark .fluentform textarea { min-height: 160px; }
.kom-form-dark .fluentform label, .kom-form-dark .fluentform .ff-el-input--label label { font-size: 13px; letter-spacing: .16em; margin-bottom: 8px; }
.kom-form-dark .fluentform .ff-btn-submit { padding: 26px 44px !important; font-size: 18px !important; }
.kom-form-dark .fluentform .ff-el-form-check-label { font-size: 16px; }
.kom-form-dark .fluentform input[type=checkbox] { width: 22px; height: 22px; accent-color: var(--kom-lime); }

/* ---- Marquee: full width, calmer ---- */
.kom-marquee .nectar-scrolling-text { --nectar-scrolling-text-duration: 90s; }
.kom-marquee .nectar-scrolling-text-inner { animation-duration: 90s !important; }
.kom-marquee { overflow: hidden; }

/* ---- Footer copyright: legal links on the right ---- */
#copyright .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
#copyright .col.span_5 { width: 100% !important; margin: 0; }
#copyright .col.span_7 { display: none !important; }
#copyright .col.span_5 p { display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; font-size: 15px; }
.kom-legal-links { display: inline-flex; gap: 28px; margin-left: auto; }
.kom-legal-links a { font-family: var(--kom-text); font-weight: 600; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: var(--kom-bone) !important; }
.kom-legal-links a:hover { color: var(--kom-lime) !important; }

/* ---- NEXT: poster + bill (home) ---- */
.kom-next { display: grid; grid-template-columns: minmax(280px, 5fr) 7fr; gap: clamp(32px, 5vw, 80px); align-items: start; }
.kom-next__poster { border: var(--kom-rule) solid var(--kom-bone); box-shadow: 16px 16px 0 var(--kom-lime); background: var(--kom-night); }
.kom-next__poster img { display: block; width: 100%; height: auto; }
.kom-next__title { font-size: clamp(40px, 5.2vw, 84px) !important; margin: 18px 0 0; }
.kom-next__title .kom-of { color: var(--kom-signal); font-size: .7em; }
.kom-next__voice { font-size: clamp(24px, 3vw, 44px); margin: 6px 0 34px; }
.kom-next__facts { display: block; border-top: var(--kom-rule) solid var(--kom-bone); margin: 0 0 40px; }
.kom-next__facts > div { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 22px 0; border-bottom: var(--kom-rule) solid var(--kom-bone); }
.kom-next__facts dt { font-family: var(--kom-text); font-weight: 600; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; padding-top: 6px; opacity: .75; }
.kom-next__facts dd { margin: 0; padding: 0; font-size: clamp(18px, 1.5vw, 24px); line-height: 1.35; }
.kom-next__facts a { color: var(--kom-lime); text-decoration: underline; text-underline-offset: .15em; }
.kom-next__actions { margin: 0 0 20px; }
@media (max-width: 999px) { .kom-next { grid-template-columns: 1fr; } .kom-next__poster { max-width: 420px; } }
@media (max-width: 690px) { .kom-next__facts > div { grid-template-columns: 1fr; gap: 6px; } }

/* ---- GRID: who books us (events) ---- */
.kom-grid { display: grid; grid-template-columns: 1fr 1fr; border: var(--kom-rule) solid var(--kom-night); }
.kom-block { position: relative; display: block; padding: 40px 36px 56px; min-height: 300px; color: var(--kom-night) !important; text-decoration: none !important; border-right: var(--kom-rule) solid var(--kom-night); border-bottom: var(--kom-rule) solid var(--kom-night); transition: background .15s, color .15s; }
.kom-block:nth-child(2n) { border-right: 0; }
.kom-block:nth-last-child(-n+2) { border-bottom: 0; }
.kom-block h3 { margin: 18px 0 16px; text-transform: uppercase; font-size: clamp(28px, 3.4vw, 50px) !important; }
.kom-block p { margin: 0; max-width: 34em; }
.kom-block__arrow { position: absolute; right: 32px; bottom: 26px; font-size: 40px; line-height: 1; transition: transform .15s; }
.kom-block:hover { background: var(--kom-night); color: var(--kom-bone) !important; }
.kom-block:hover .kom-num { color: var(--kom-lime); }
.kom-block:hover .kom-block__arrow { transform: translateX(10px); color: var(--kom-lime); }
@media (max-width: 999px) { .kom-grid { grid-template-columns: 1fr; } .kom-block { border-right: 0 !important; border-bottom: var(--kom-rule) solid var(--kom-night) !important; min-height: 0; } .kom-block:last-child { border-bottom: 0 !important; } }

/* ---- TRACKS: listen (artist) ---- */
.kom-tracks { list-style: none; margin: 40px 0 0; padding: 0; border-top: var(--kom-rule) solid var(--kom-bone); }
.kom-tracks li { list-style: none !important; border-bottom: var(--kom-rule) solid var(--kom-bone); }
.kom-tracks a { display: grid; grid-template-columns: 70px 1fr auto; grid-template-areas: "n t p" "n m p"; align-items: center; column-gap: 28px; padding: 30px 0; color: var(--kom-bone) !important; text-decoration: none !important; }
.kom-tracks__n { grid-area: n; font-family: var(--kom-text); font-weight: 600; font-size: 13px; letter-spacing: .16em; align-self: start; padding-top: 10px; }
.kom-tracks__t { grid-area: t; font-family: var(--kom-display); font-weight: 700; text-transform: uppercase; font-size: clamp(30px, 4.4vw, 68px); line-height: .95; letter-spacing: -0.03em; transition: color .12s; }
.kom-tracks__m { grid-area: m; font-family: var(--kom-text); font-size: clamp(15px, 1.15vw, 18px); opacity: .8; margin-top: 10px; }
.kom-tracks__p { grid-area: p; font-family: var(--kom-text); font-weight: 700; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; border: 3px solid var(--kom-bone); padding: 16px 20px; white-space: nowrap; transition: background .12s, color .12s, border-color .12s; }
.kom-tracks a:hover .kom-tracks__t { color: var(--kom-signal); }
.kom-tracks a:hover .kom-tracks__p { background: var(--kom-lime); border-color: var(--kom-lime); color: var(--kom-night); }
@media (max-width: 690px) { .kom-tracks a { grid-template-columns: 44px 1fr; grid-template-areas: "n t" "n m" "n p"; } .kom-tracks__p { justify-self: start; margin-top: 16px; } }

/* ---- LEDGER: yes / not yet (artist routes) ---- */
.kom-ledger { display: grid; grid-template-columns: 1fr 1fr; border: var(--kom-rule) solid var(--kom-night); }
.kom-ledger__col { padding: clamp(32px, 4vw, 64px); }
.kom-ledger__col--no { background: var(--kom-night); color: var(--kom-bone); }
.kom-ledger__h { font-size: clamp(56px, 8vw, 130px) !important; line-height: .9 !important; margin: 0; }
.kom-ledger__h mark { background: var(--kom-lime); color: var(--kom-night); padding: 0 .12em; box-decoration-break: clone; }
.kom-ledger__col--no .kom-ledger__h mark { background: var(--kom-signal); }
.kom-ledger__sub { font-family: var(--kom-text); font-weight: 600; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; margin: 22px 0 34px; }
.kom-ledger ol { list-style: none; margin: 0; padding: 0; border-top: var(--kom-rule) solid currentColor; }
.kom-ledger li { list-style: none !important; display: grid; grid-template-columns: 56px 1fr; gap: 16px; padding: 22px 0; border-bottom: var(--kom-rule) solid currentColor; font-size: clamp(17px, 1.35vw, 21px); line-height: 1.4; }
.kom-ledger li span { font-family: var(--kom-text); font-weight: 600; font-size: 13px; letter-spacing: .16em; padding-top: 6px; }
.kom-ledger__note { font-family: var(--kom-voice); font-style: italic; font-size: clamp(20px, 2vw, 28px); color: var(--kom-signal); margin: 30px 0 0; }
@media (max-width: 999px) { .kom-ledger { grid-template-columns: 1fr; } }

/* =====================================================================
   v1.7.0 — 2026-09-07 — .kom-copy: contact data that copies, never links
   ===================================================================== */
.kom-copy { position: relative; display: inline-flex; align-items: center; gap: .45em; cursor: copy; text-decoration: none; border-bottom: 2px solid transparent; transition: border-color .12s, color .12s; }
.kom-copy::after { content: ''; width: 1em; height: 1em; flex: none; opacity: 0; transform: translateX(-4px); transition: opacity .12s, transform .12s; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round'><rect x='9' y='9' width='12' height='12'/><path d='M15 9V4H4v11h5'/></svg>") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linejoin='round'><rect x='9' y='9' width='12' height='12'/><path d='M15 9V4H4v11h5'/></svg>") center/contain no-repeat; }
.kom-copy:hover, .kom-copy:focus-visible { border-bottom-color: currentColor; }
.kom-copy:hover::after, .kom-copy:focus-visible::after, .kom-copy.is-copied::after { opacity: 1; transform: none; }
@media (hover: none) { .kom-copy::after { opacity: .7; transform: none; } }
.kom-copied { position: absolute; left: 0; top: calc(100% + 6px); font-family: var(--kom-text); font-weight: 700; font-size: 11px; letter-spacing: .16em; line-height: 1; padding: 6px 8px 5px; background: var(--kom-lime); color: var(--kom-night); pointer-events: none; white-space: nowrap; z-index: 5; opacity: 1 !important; animation: none !important; }
.kom-copy.is-copied { color: var(--kom-lime); }
.kom-copy--red.is-copied, .light-bg .kom-copy.is-copied, .kom-ledger__col--yes .kom-copy.is-copied { color: var(--kom-signal); }
/* copy element styled as a button (e.g. NEXT event) */
.kom-btn.kom-copy { cursor: copy; }
.kom-btn.kom-copy::after { width: 1.1em; height: 1.1em; }
.kom-btn--lime.kom-copy.is-copied { color: var(--kom-night) !important; background: var(--kom-signal); }
/* contact stacks (plan a night sidebar, footer, impressum) */
.kom-contact { font-size: clamp(18px, 1.5vw, 24px); line-height: 1.35; margin: 0 0 8px; }
.kom-contact .kom-copy { font-family: var(--kom-text); }

/* =====================================================================
   v1.7.3 — 2026-09-14 — CTA band button row (Trustpilot as a native button)
   Three equal buttons: enquiry + WhatsApp left, Trustpilot pushed right.
   Every button carries the 3px border so filled and outlined are the same height.
   ===================================================================== */
.kom-cta-band .kom-btn-row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; margin-top: 28px; }
.kom-cta-band .kom-btn-row .nectar-button { margin: 0 !important; display: inline-flex; align-items: center; justify-content: center; border: 3px solid var(--kom-night) !important; }
.kom-cta-band .kom-btn-row .kom-btn-tp { margin-left: auto !important; }
.kom-btn-tp .kom-ext { margin-left: .5em; font-size: 1.1em; line-height: 1; }
@media (max-width: 690px) { .kom-cta-band .kom-btn-row .nectar-button { width: 100%; } .kom-cta-band .kom-btn-row .kom-btn-tp { margin-left: 0 !important; } }
/* footer: review link is a plain text link like every other footer link */
#footer-outer .widget a.kom-tp-link { text-decoration: underline; text-underline-offset: .15em; }

/* 1.7.4 — single-author site: never show a byline anywhere (single post header, post grids, meta rows). Max, 2026-09-14 */
.meta-author, .meta-author-inner, .nectar-post-grid .meta-author, .post-meta .meta-author { display: none !important; }