/* ==========================================================================
   SUMMIT — Outdoor / athletic brand personality core (sm_)
   Signature: instrumentation. Parallax peak layers, altitude tickers in
   mono readouts, Barlow Condensed 900 display with outlined second line.
   ========================================================================== */

.eaa-summit {
    --wp--preset--color--primary:        #FF6B2C; /* Safety Orange */
    --wp--preset--color--primary-hover:  #E5551A;
    --wp--preset--color--background:     #081426; /* Night Alpine */
    --wp--preset--color--surface:        #0D1E38;
    --wp--preset--color--border:         rgba(255,255,255,0.09);
    --wp--preset--color--contrast:       #FFFFFF;
    --wp--preset--color--muted:          rgba(226,240,252,0.62);
    --wp--preset--color--success:        #4ADE80;
    --wp--preset--color--error:          #F87171;

    --sm-ice:   #E2F0FC;
    --sm-peak1: #12294A;
    --sm-peak2: #0C1D38;
    --sm-ease:  cubic-bezier(0.16,1,0.3,1);

    background-color: var(--wp--preset--color--background);
    color: var(--wp--preset--color--contrast);
    font-family: 'Barlow', system-ui, sans-serif;
}

.eaa-summit h1, .eaa-summit h2 {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -0.005em;
    line-height: 0.88;
    color: var(--wp--preset--color--contrast);
}
.eaa-summit h3, .eaa-summit h4 { font-family: 'Barlow Condensed', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: 0.02em; }
.eaa-summit p { color: var(--wp--preset--color--muted); line-height: 1.55; font-weight: 300; }

/* Outlined second display line */
.eaa-summit .sm-hollow {
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(226,240,252,0.55);
}

/* Parallax peaks — attach to hero */
.eaa-summit .sm-peaks-wrap { position: relative; overflow: hidden; }
.eaa-summit .sm-peak-back {
    position: absolute; bottom: 0; left: -4%; right: -4%; height: 42%;
    background: var(--sm-peak1);
    clip-path: polygon(0 100%,0 62%,14% 34%,26% 52%,40% 18%,52% 42%,66% 12%,78% 36%,90% 24%,100% 42%,100% 100%);
    animation: sm-sway1 13s ease-in-out infinite alternate;
}
.eaa-summit .sm-snowcap {
    position: absolute; bottom: 24%; left: -4%; right: -4%; height: 15%;
    background: rgba(226,240,252,0.14);
    clip-path: polygon(0 100%,0 62%,14% 34%,26% 52%,40% 18%,52% 42%,66% 12%,78% 36%,90% 24%,100% 42%,100% 100%);
}
.eaa-summit .sm-peak-front {
    position: absolute; bottom: 0; left: -4%; right: -4%; height: 31%;
    background: var(--sm-peak2);
    clip-path: polygon(0 100%,0 48%,18% 66%,32% 30%,48% 56%,60% 26%,76% 52%,88% 38%,100% 56%,100% 100%);
    animation: sm-sway2 13s ease-in-out infinite alternate;
}
@keyframes sm-sway1 { from { transform: translateX(0); } to { transform: translateX(-12px); } }
@keyframes sm-sway2 { from { transform: translateX(0); } to { transform: translateX(14px); } }
.eaa-summit .sm-above { position: relative; z-index: 1; }

/* Instrument readout (altitude / temp / distance) */
.eaa-summit .sm-readout {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.78rem; font-variant-numeric: tabular-nums;
    color: #FF9A66;
    border: 1px solid rgba(255,107,44,0.32);
    border-radius: 3px; padding: 4px 11px;
    background: rgba(255,107,44,0.05);
}

/* Buttons */
.eaa-summit .sm-btn {
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--wp--preset--color--primary); color: #fff;
    font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
    font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.09em;
    text-decoration: none; padding: 0.75rem 1.7rem; border-radius: 2px;
    transition: transform 0.15s var(--sm-ease), background 0.2s;
}
.eaa-summit .sm-btn:hover { transform: translateY(-2px); background: var(--wp--preset--color--primary-hover); }
.eaa-summit .sm-btn-ghost {
    display: inline-flex; align-items: center; justify-content: center;
    background: transparent; color: var(--wp--preset--color--contrast);
    border: 1px solid rgba(255,255,255,0.3);
    font-family: 'Barlow Condensed', sans-serif; font-weight: 800;
    font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.09em;
    text-decoration: none; padding: 0.75rem 1.7rem; border-radius: 2px;
    transition: border-color 0.2s, background 0.2s;
}
.eaa-summit .sm-btn-ghost:hover { border-color: var(--wp--preset--color--primary); background: rgba(255,107,44,0.08); }

/* Product / field-test cards */
.eaa-summit .sm-card {
    background: var(--wp--preset--color--surface);
    border: 1px solid var(--wp--preset--color--border);
    border-radius: 4px; overflow: hidden;
    transition: transform 0.25s var(--sm-ease), border-color 0.25s;
}
.eaa-summit .sm-card:hover { transform: translateY(-4px); border-color: rgba(255,107,44,0.4); }
.eaa-summit .sm-card-tag {
    display: inline-block;
    font-family: 'JetBrains Mono', monospace; font-size: 0.62rem;
    letter-spacing: 0.08em; text-transform: uppercase;
    color: #FF9A66; background: rgba(255,107,44,0.08);
    border: 1px solid rgba(255,107,44,0.22);
    border-radius: 2px; padding: 2px 7px;
}

/* Diagonal section divider */
.eaa-summit .sm-diag { height: 44px; background: var(--wp--preset--color--surface); clip-path: polygon(0 100%, 100% 0, 100% 100%); }

/* Entrance */
.eaa-summit .sm-rise { opacity: 0; transform: translateY(18px); transition: opacity .6s var(--sm-ease), transform .6s var(--sm-ease); }
.eaa-summit .sm-in .sm-rise { opacity: 1; transform: none; }
.eaa-summit .sm-in .sm-rise:nth-child(2) { transition-delay: .08s; }
.eaa-summit .sm-in .sm-rise:nth-child(3) { transition-delay: .16s; }
.eaa-summit .sm-in .sm-rise:nth-child(4) { transition-delay: .24s; }

@media (prefers-reduced-motion: reduce) {
    .eaa-summit .sm-peak-back, .eaa-summit .sm-peak-front { animation: none; }
    .eaa-summit .sm-rise { opacity: 1; transform: none; transition: none; }
}

/* Baseline bridge */
.eaa-summit {
    --eaa-dark: #081426; --eaa-light: #FFFFFF; --eaa-accent: #FF6B2C;
    --eaa-surface: #0D1E38; --eaa-border: rgba(255,255,255,0.09);
}

/* ── No-JS failsafe ─ if signature JS never adds .sm-in, force-reveal
   after 2.2s so content is never invisible. Later .sm-in rules still
   run first when JS is healthy. ── */
.eaa-summit .sm-rise{animation:sm-failsafe 0s 2.2s forwards}
@keyframes sm-failsafe{to{opacity:1;transform:none}}