/*
Theme Name: Astra Child – David M. Patel
Theme URI: https://davidmpatel.com/
Description: Code-basiertes Child-Theme von Astra. Das vollständige Navy+Gold-Designsystem liegt in assets/dmp-design.css (1:1 aus 01-Website). Diese Datei mappt nur die Astra/Elementor-Chrome (Fonts, Header, Footer, Buttons). Keine Elementor-Bearbeitung.
Author: Christian Brandstötter
Template: astra
Version: 0.4.0
*/

/* Tokens (Fallback; identisch zu dmp-design.css) */
:root {
  --navy: #26273D; --navy-2: #1E1F30; --ink: #26273D; --ink-soft: #5b6472;
  --bg: #ffffff; --bg-soft: #f6f7f9; --accent: #c9a85a; --gold: #E0C37B;
  --gold-dark: #c9a85a; --brand-dark: #15162a; --line: #e7e9ee;
  --hfont: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* =====================================================================
   Astra-Integration — globaler Look auf Astra/Elementor-Markup.
   font-family mit !important, um Astras dynamisches Inline-CSS zu schlagen.
   ===================================================================== */

body, button, input, select, textarea, .ast-container, .entry-content {
  font-family: var(--font) !important;
  color: var(--ink);
}
body { line-height: 1.7; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6, .entry-title, .site-title {
  font-family: var(--hfont) !important;
  color: var(--ink);
}

/* Astra-Header / Site-Title (nur dort wo Astra-Header genutzt wird) */
.ast-primary-header-bar, .main-header-bar {
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--line);
}
.site-title a, .ast-site-identity .site-title a { color: var(--navy) !important; font-weight: 800; }
.main-header-menu .menu-link, .ast-builder-menu .menu-link {
  color: var(--navy) !important; font-weight: 600;
}
.main-header-menu .menu-link:hover, .ast-builder-menu .menu-link:hover { color: var(--accent) !important; }

/* Astra/Core/Block-Buttons → Navy (unsere .btn werden von dmp-design.css gestylt) */
.ast-button, .button, button.button, input[type="submit"], .wp-block-button__link {
  background: var(--navy) !important; color: #fff !important; border: 0 !important;
  border-radius: 8px !important; font-family: var(--hfont) !important; font-weight: 700 !important;
}
.ast-button:hover, .button:hover, input[type="submit"]:hover, .wp-block-button__link:hover {
  background: var(--brand-dark) !important; color: #fff !important;
}

/* Mobile-Nav-Toggle: Astra-Button-Styles fernhalten */
.nav-toggle { background: none !important; border: 0 !important; box-shadow: none !important; padding: 0; color: var(--navy) !important; }

/* Astra-Footer (nur falls Astra-Footer genutzt wird) */
.ast-small-footer { background: #1b1c2b !important; color: #9aa3b2 !important; }
.ast-small-footer a { color: #cfd5e0 !important; }

/* =====================================================================
   Funnel 2-Step "Claim Your Bonus" (Step 1 Review optional / Step 2 Form)
   ===================================================================== */
.funnel-claim .claim-hero { background: linear-gradient(160deg,#26273D 0%,#33344f 100%); color:#fff; padding:54px 0 44px; text-align:center; }
.funnel-claim .claim-hero h1 { color:#fff; font-size:clamp(1.7rem,3.4vw,2.4rem); margin:0 0 10px; font-weight:800; }
.funnel-claim .claim-hero p.sub { font-style:italic; font-size:1.2rem; color:#dfe3ea; margin:0 0 22px; }
.funnel-claim .claim-hero .claim-cover { max-height:150px; width:auto; margin:0 auto; border-radius:6px; box-shadow:0 16px 40px rgba(0,0,0,.45); }

.step-block { max-width:680px; margin:0 auto; }
.step-block + .step-block { margin-top:18px; padding-top:30px; border-top:1px solid var(--line); }
.step-head { font-family:var(--hfont); font-size:clamp(1.4rem,3.2vw,1.85rem); line-height:1.5; font-weight:800; color:var(--ink); margin:0 0 16px; }
.step-head .hl { background:#ffe79e; box-decoration-break:clone; -webkit-box-decoration-break:clone; padding:3px 8px; border-radius:2px; }
.step-head em { font-style:italic; }
.step-block p { color:var(--ink); font-size:1.08rem; }
.step-block p .book { font-style:italic; font-weight:700; }

/* roter Amazon-Review-Button (wie Referenz) */
.btn-review-red { background:#b1241f; color:#fff !important; font-size:1.05rem; box-shadow:0 8px 22px rgba(177,36,31,.3); text-align:center; line-height:1.3; }
.btn-review-red:hover { background:#8e1a16; color:#fff !important; transform:translateY(-2px); }
.btn-review-red .stars { display:block; color:#f5c33b; letter-spacing:3px; font-size:1.05rem; margin-top:2px; }