/* =============================================================================
   ANTRANS - INNER PAGES POLISH
   Restrained enhancement layer for ALL subpages (everything except the front
   page). Loaded after main.css and scoped to body:not(.home). Calm, editorial
   feel - no aurora blobs, grids, gradient-border glows or sheen sweeps.
   Same brand system: trust navy + amber. CSS-only, no markup required.
   ============================================================================= */

body:not(.home) {
    --wow-amber:      #F2C94C;
    --wow-amber-soft: #F2C94C;
    --ease-fluid:     cubic-bezier(0.22, 1, 0.36, 1);
}

/* =============================================================================
   1. PAGE HERO - calm static depth
   ============================================================================= */
body:not(.home) .page-hero {
    background:
        radial-gradient(110% 120% at 82% -10%, #143a62 0%, transparent 56%),
        linear-gradient(160deg, #0d2742 0%, #0a1c30 100%);
}

/* Subtle static wash for depth (no grid, no animation) */
body:not(.home) .page-hero::before {
    background:
        radial-gradient(120% 90% at 70% 30%, rgba(13,81,149,0.22) 0%, transparent 70%);
}

/* Keep hero content above decorations (covers heroes without __inner too) */
body:not(.home) .page-hero > .container,
body:not(.home) .page-hero__inner,
body:not(.home) .page-hero > * { position: relative; z-index: 1; }

/* Quickinfo chips → subtle amber hover */
body:not(.home) .quickinfo-item {
    transition: transform var(--transition-base), border-color var(--transition-base), background var(--transition-base);
}
body:not(.home) a.quickinfo-item:hover,
body:not(.home) .quickinfo-item:hover {
    transform: translateY(-2px);
    border-color: rgba(242, 201, 76,0.4);
    background: rgba(255,255,255,0.08);
}

body:not(.home) .page-hero__overlay {
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(115deg, rgba(8,22,38,0.4) 0%, transparent 60%);
}

/* Photo hero - real image background + strong dark wash for legibility */
body:not(.home) .page-hero--photo::before { display: none; }
body:not(.home) .page-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}
body:not(.home) .page-hero__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
body:not(.home) .page-hero--photo .page-hero__overlay {
    z-index: 0;
    background:
        linear-gradient(100deg, rgba(8,20,34,0.93) 0%, rgba(8,20,34,0.66) 50%, rgba(8,20,34,0.42) 100%),
        linear-gradient(0deg, rgba(8,20,34,0.55) 0%, transparent 50%);
}

/* =============================================================================
   2. SECTION EYEBROW (available if added to markup)
   ============================================================================= */
body:not(.home) .section-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-family: var(--font-body);
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-accent-ink);
    margin-bottom: 0.85rem;
}
body:not(.home) .section-eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    border-radius: 2px;
    background: var(--color-accent);
}
body:not(.home) .section--dark .section-eyebrow,
body:not(.home) .section-eyebrow--light { color: var(--wow-amber-soft); }

/* =============================================================================
   3. LIGHT SURFACE CARDS - simple lift
   ============================================================================= */
body:not(.home) .value-card:hover,
body:not(.home) .service-card:hover,
body:not(.home) .benefit-card:hover,
body:not(.home) .collab-card:hover,
body:not(.home) .vehicle-card:hover,
body:not(.home) .contact-person-card:hover,
body:not(.home) .adr-course-card:hover,
body:not(.home) .group-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}
body:not(.home) .trailer-card:hover { transform: translateY(-3px); }
body:not(.home) .fleet-brand-card {
    transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
body:not(.home) .fleet-brand-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
    border-color: rgba(242, 201, 76,0.35);
}

/* =============================================================================
   4. DARK-SECTION CARDS - amber edge + lift
   ============================================================================= */
body:not(.home) .vehicle-feature,
body:not(.home) .service-banner__item {
    transition: transform var(--transition-base), background var(--transition-base), border-color var(--transition-base);
}
body:not(.home) .vehicle-feature:hover,
body:not(.home) .service-banner__item:hover {
    transform: translateY(-3px);
    background: rgba(255,255,255,0.08);
    border-color: rgba(242, 201, 76,0.4);
}

/* =============================================================================
   5. CAREER TABS - solid amber active indicator
   ============================================================================= */
body:not(.home) .career-tab {
    position: relative;
    border-bottom-color: transparent;
}
body:not(.home) .career-tab--active,
body:not(.home) .career-tab[aria-selected="true"] {
    border-bottom-color: transparent;
}
body:not(.home) .career-tab--active::after,
body:not(.home) .career-tab[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--color-accent);
}

/* =============================================================================
   6. ADR SCHEDULE TABLE - row hover highlight
   ============================================================================= */
body:not(.home) .adr-schedule-row:not(.adr-schedule-row--header) {
    transition: background var(--transition-fast);
}
body:not(.home) .adr-schedule-row:not(.adr-schedule-row--header):hover {
    background: rgba(242, 201, 76,0.05);
}

/* =============================================================================
   7. FORMS - focus ring
   ============================================================================= */
body:not(.home) .antrans-form__input,
body:not(.home) .antrans-form__select,
body:not(.home) .antrans-form__textarea {
    transition: border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}
body:not(.home) .antrans-form__input:focus,
body:not(.home) .antrans-form__select:focus,
body:not(.home) .antrans-form__textarea:focus {
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px rgba(13,81,149,0.12);
    outline: none;
}