/* ==========================================
 * ONE-PAGER V2 OVERRIDES
 * Text changes from Lars - 2024-02-13
 * ========================================== */

/* ==========================================
 * HERO LOGO - Larger, no text
 * ========================================== */
/* Tighter hero spacing */
.one-pager--v2 .hero-section {
    padding-top: clamp(1.5rem, 4vh, 4rem);
    padding-bottom: clamp(1rem, 2.5vh, 2.5rem);
}

.one-pager--v2 .hero-logo--v2 {
    margin-bottom: 1.25rem;
}

.one-pager--v2 .hero-logo-img--v2 {
    height: clamp(72px, 13vh, 120px);
    width: auto;
    object-fit: contain;
    transition: opacity 0.15s ease;
}

/* Smaller hero headline */
.one-pager--v2 .hero-headline {
    font-size: clamp(1.4rem, 3vw, 2rem);
}

/* ==========================================
 * FORM HEADLINES - Smaller for 1-2 lines max
 * ========================================== */
.one-pager--v2 .form-tagline--v2 {
    font-size: clamp(1.1rem, 2.2vw, 1.4rem);
    line-height: 1.35;
    max-width: 95%;
}

/* Ensure both form sections have equal visual weight */
.one-pager--v2 .form-section--girls .form-tagline--v2,
.one-pager--v2 .form-section--partners .form-tagline--v2 {
    min-height: 2.6em; /* Reserve space for 2 lines */
}

/* ==========================================
 * FORM DESCRIPTION - Align heights
 * ========================================== */
.one-pager--v2 .form-section--girls .form-desc,
.one-pager--v2 .form-section--partners .form-desc {
    min-height: 3em; /* Ensure alignment */
}

/* ==========================================
 * MOBILE ADJUSTMENTS
 * ========================================== */
@media (max-width: 900px) {
    .one-pager--v2 .hero-logo-img--v2 {
        height: clamp(52px, 10.5vh, 84px);
    }

    .one-pager--v2 .hero-headline {
        font-size: clamp(1.2rem, 5vw, 1.6rem);
    }

    .one-pager--v2 .form-tagline--v2 {
        font-size: clamp(1rem, 4vw, 1.2rem);
        max-width: 100%;
    }

    .one-pager--v2 .form-section--girls .form-tagline--v2,
    .one-pager--v2 .form-section--partners .form-tagline--v2 {
        min-height: auto; /* Let it flow naturally on mobile */
    }

    .one-pager--v2 .form-section--girls .form-desc,
    .one-pager--v2 .form-section--partners .form-desc {
        min-height: auto;
    }
}

@media (max-width: 600px) {
    .one-pager--v2 .form-tagline--v2 {
        font-size: 1rem;
    }
}

/* ==========================================
 * HEADER HOVER - Red on hover
 * ========================================== */
.one-pager--v2 .est-badge:hover {
    color: #EF3340;
}

.one-pager--v2 .social-icon:hover {
    color: #EF3340;
}