/* ============================================================================
 * pitch-hero.css — Hero-Bild im Lead-Modal mit Kundenname-Overlay
 * Aspect 16:9 (1200×675 Source). Logo-Overlay-Position pro Tier kalibriert
 * auf die generierten Homepage-Bilder (Header oben links/mitte).
 * ========================================================================== */

.pitch-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    margin: 8px 0 6px 0;
    border: 1px solid #888;
    border-radius: 3px;
    overflow: hidden;
    background: #1a1a1a;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15);
}

.pitch-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    user-select: none;
    -webkit-user-drag: none;
}

/* Default-Position: passt für 'standard' (Logo links im Header).
 * Tier-Overrides unten justieren für 'premium' und 'cheap'. */
.pitch-hero-customer {
    position: absolute;
    top: 4.5%;
    left: 5.5%;
    width: 22%;
    height: 11%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.05;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Typografie: kompakt, lesbar, neutral */
    font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 700;
    font-size: clamp(9px, 1.15vw, 14px);
    color: #1f1f1f;
    text-shadow: 0 0 1px rgba(255,255,255,0.6);
    letter-spacing: 0.01em;
    pointer-events: none;
    overflow: hidden;
    /* Container-Query-fähig — Größe passt sich Modal-Breite an */
}

/* Tier-spezifische Overlay-Position (kalibriert per Bild-Inspektion) */
.pitch-hero[data-tier="standard"] .pitch-hero-customer {
    top: 1%;    left: 11.5%; width: 22%; height: 14.5%;
    color: #1f1f1f;
    font-size: clamp(7px, 0.85vw, 10px);
    line-height: 1.0;
}
.pitch-hero[data-tier="premium"] .pitch-hero-customer {
    top: 4.5%;  left: 38.5%; width: 22%; height: 9%;
    color: #2a2418;
    text-shadow: 0 0 1px rgba(255,240,200,0.7);
    /* Premium: serifige, gehobenere Anmutung */
    font-family: 'Cormorant Garamond', 'Georgia', 'Times New Roman', serif;
    font-weight: 600;
    letter-spacing: 0.04em;
}
.pitch-hero[data-tier="cheap"] .pitch-hero-customer {
    top: 1.5%;  left: 10%;  width: 22%; height: 13%;
    color: #222;
    /* Cheap: bewusst unauffällig, keine Custom-Typo (Default-System-Font) */
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: clamp(8px, 0.95vw, 12px);
    text-shadow: none;
}

/* Kompakt-Modus: kleinere Schriftgröße bei sehr engem Modal */
@media (max-width: 480px) {
    .pitch-hero-customer { font-size: clamp(8px, 2.2vw, 11px); }
}

/* ============================================================================
 * Lead-Modal Scrolling-Fix (v0.9.21.73)
 * ----------------------------------------------------------------------------
 * Das neue Hero-Bild macht das Lead-Modal hoch genug, dass es auf 1366×768-
 * Laptops unten abschneidet. Wir setzen max-height + overflow-y auf den
 * Body-Container, NICHT auf .modal selbst (Title-Bar soll fixiert bleiben).
 * Außerdem ein etwas kompakteres Hero-Aspect bei knappen Höhen.
 * ========================================================================== */

#lead-modal .modal {
    max-height: calc(100vh - 24px);
    display: flex;
    flex-direction: column;
}
#lead-modal .window-body {
    overflow-y: auto;
    overflow-x: hidden;
    /* Smooth scrolling auf Touchpads / Mausrädern */
    scrollbar-width: thin;
}
/* Hero auf engen Höhen leicht kompakter (max-height-Budget statt Aspect) */
@media (max-height: 800px) {
    .pitch-hero {
        aspect-ratio: auto;
        max-height: 22vh;
    }
}