/*
 *  PropertyVisibles — Design Tokens
 *  Source of truth: homepage-concept.html
 *  Shared across ALL pages
 */

/* ═══ COLOR TOKENS ═══ */
:root, [data-theme="light"] {
  --logo-dark:      #0D0C0B;
  --orange:         #D4620A;
  --orange-dark:    #B5540A;
  --orange-soft:    #F9EDE0;
  --orange-text:    #D4620A;
  --bg-primary:     #FFFFFF;
  --bg-secondary:   #F7F6F4;
  --bg-card:        #FFFFFF;
  --text-primary:   #1C1C1C;
  --text-secondary: #5A5550;
  --text-muted:     #A8A39D;
  --border:         #EBEBEB;
  --border-strong:  #D0CDC9;
  --nav-bg:         #FFFFFF;
  --switch-bg:      #EBEBEB;
  --switch-knob:    #FFFFFF;
  --tag-bg:         #EFEFED;
  --tag-text:       #5A5550;
  --shadow-card:    0 2px 12px rgba(0,0,0,.07);
  --shadow-hover:   0 10px 32px rgba(0,0,0,.11);
}

[data-theme="dark"] {
  --logo-dark:      #EEEAE4;
  --orange:         #D4620A;
  --orange-dark:    #B5540A;
  --orange-soft:    rgba(230,126,34,.12);
  --orange-text:    #E8782A;
  --bg-primary:     #1C1C1C;
  --bg-secondary:   #252320;
  --bg-card:        #2A2825;
  --text-primary:   #F0EDE8;
  --text-secondary: #A8A39D;
  --text-muted:     #6A6560;
  --border:         #333030;
  --border-strong:  #454240;
  --nav-bg:         #1C1C1C;
  --switch-bg:      #3A3530;
  --switch-knob:    #D4620A;
  --tag-bg:         #2A2825;
  --tag-text:       #A8A39D;
  --shadow-card:    0 2px 16px rgba(0,0,0,.3);
  --shadow-hover:   0 10px 40px rgba(0,0,0,.5);
}

/* ═══ RESET ═══ */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* ═══ BASE TYPOGRAPHY ═══ */
body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.5;
  transition: background .3s, color .3s;
}
a { text-decoration: none !important; color: inherit; }
a:hover, a:focus, a:active { text-decoration: none !important; }

/* Explicit overrides for UI elements (parent theme fight) */
.btn:hover, .btn-primary:hover, .btn-ghost:hover,
.nav a:hover, .nav-link:hover,
.pv-nav a:hover, .pv-nav-link:hover,
.hero a:hover, .hero-cta:hover,
.pv-foot-links a:hover, .foot-links a:hover,
.pv-foot-logo:hover, .foot-logo:hover,
.card a:hover, .feat-card a:hover {
  text-decoration: none !important;
}

/* Re-enable underline ONLY inside flowing article/post body text */
.entry-content a:hover,
.post-content a:hover,
article .content a:hover { text-decoration: underline !important; }

/* ═══ LAYOUT UTILITIES ═══ */
.wrap { max-width: 1280px; margin: 0 auto; padding: 0 2rem; }

/* ═══ SECTION PATTERN ═══ */
.section { padding: 3.5rem 0; border-bottom: 1px solid var(--border); transition: border-color .3s; }
.section:last-of-type { border-bottom: none; }
.section-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 1.8rem; }
.section-title { font-size: 1.05rem; font-weight: 600; letter-spacing: -.02em; color: var(--text-primary); transition: color .3s; }
.section-link { font-size: .71rem; font-weight: 500; color: var(--orange-text); transition: color .2s; }
.section-link:hover { color: var(--orange-dark); }
.section-meta { font-family: 'Inter', sans-serif; font-size: .7rem; color: var(--text-muted); transition: color .3s; }
.section-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: .6rem; font-weight: 500;
  letter-spacing: .15em; text-transform: uppercase;
  color: var(--orange-text); margin-bottom: .4rem;
  transition: color .3s;
}

/* ═══ BUTTON TOKENS ═══ */
.btn-cta {
  background: var(--orange); color: #fff !important; border: none;
  padding: .46rem 1.2rem; font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .72rem; font-weight: 500; cursor: pointer;
  border-radius: 3px; transition: background .2s; white-space: nowrap;
}
.btn-cta:hover { background: var(--orange-dark); color: #fff !important; }

/* ═══ PLACEHOLDER SVG ═══ */
.ph { opacity: .15; }
[data-theme="dark"] .ph { opacity: .1; }

/* ═══ WP / PLUGIN OVERRIDES ═══ */

/* Fix 3: Hide Estatik Search/Save Search overlay on featured cards */
/* WICHTIG: .js-es-search NICHT hier listen — das ist die Form-Klasse selbst! */
.ert-search__wrapper,
.ert-search__buttons,
.es-search__wrapper,
.es-search-bar,
.es-save-search-bar,
.es-save-search {
  display: none !important;
}
/* Save Search Button — nur im Hero-Panel ausblenden */
/* Den col-Wrapper targeten: .form-row .btn { display: flex } überschreibt sonst das none */
.hsp-form-wrap .js-es-popup-link,
.hsp-form-wrap .js-es-popup-link + *,
.hsp-form-wrap .form-row > .col:has(.js-es-popup-link),
.hsp-form-wrap .form-row > .ert-btn__wrap:has(.js-es-popup-link) {
  display: none !important;
}




/* Fix 4: Hide oversized parent-theme footer logo */
.footer-logo-lg,
.ert-footer .site-info img,
.ert-footer-logo {
  display: none !important;
}

/* Suppress parent-theme footer wrapper from interfering */
.ert-footer { background: transparent !important; border: none !important; }