/**
 * Homepage — .am-* migration bridge (index.html only)
 * Legacy selectors retain visual parity; additive classes only.
 */

/* Hero: .am-section must not replace hero padding/layout */
.page-index .hero.heitec-hero.am-section--hero-legacy,
.page-index .index-hero-premium.am-section--hero-legacy {
    padding: 0;
}

.page-index .index-hero-premium .heitec-hero-content.am-container,
.page-index .index-hero-premium .hero-content.am-container {
    max-width: none;
    width: auto;
    margin: 0;
    padding: 0;
}

.page-index .index-hero-premium .am-title--hero {
    max-width: 32rem;
    line-height: 1.18;
    margin-bottom: clamp(1rem, 2.5vw, 1.45rem);
}

.page-index .index-hero-premium .am-subtitle {
    max-width: 34rem;
    line-height: 1.68;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}

.page-index .index-hero-premium .service-circles.am-flex {
    margin-bottom: clamp(1.2rem, 2.8vw, 1.65rem);
}

/* Warum section: glass/glow restored in index-cinematic-visuals.css (not unset here) */
.page-index .section--after-hero .card.am-card--feature:hover {
    transform: translateY(-8px);
    border-color: var(--am-color-gold-a-400);
}

.page-index .section--after-hero .section-header .am-title--section {
    margin-bottom: 16px;
}

.page-index .section--after-hero .section-header .am-subtitle {
    font-size: 1rem;
    color: inherit;
}

.page-index .section--after-hero .am-card__meta {
    font-size: 0.7rem;
    margin-top: 8px;
}

/* Service cards: surfaces in index-cinematic-visuals.css; layout stays legacy .service-card */
.page-index #angebote a.service-card.am-card--interactive:hover {
    transform: translateY(-8px);
}

.page-index #angebote .services-grid.am-grid {
    display: grid;
}

.page-index #angebote .home-all-services-link__btn.am-btn.am-btn--secondary {
    display: inline-flex;
    min-height: unset;
    padding: 13px 20px 13px 24px;
    border-radius: var(--am-radius-pill);
    background: rgba(20, 25, 40, 0.72);
    border: 1px solid rgba(0, 232, 200, 0.38);
    color: #f1f5f9;
}

body.light-mode .page-index #angebote .home-all-services-link__btn.am-btn.am-btn--secondary {
    color: #1e293b;
    background: rgba(255, 255, 255, 0.94);
}

/* FAB: preserve gold gradient (component .am-glass must not override) */
.page-index .amheitec-fab-stack .amheitec-fab.am-glass {
    background: linear-gradient(145deg, #fce8a6 0%, #00E8C8 48%, #c97f16 100%);
    border: 2px solid rgba(255, 255, 255, 0.42);
}