/**
 * ATS Service - Extra pagina Amministrazione On-Line / Area Clienti
 * Caricato DOPO chi-siamo.css (page_css = ['chi-siamo','area-clienti']).
 */

/* ===== HERO: immagine a tutto schermo + maschera blu ===== */
.page-hero { position: relative; }
.page-hero::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 102, 0.60);
    z-index: 1;
}
.page-hero__inner { position: relative; z-index: 2; }
.page-hero__img {
    display: block;
    max-width: 460px;
    width: 100%;
    height: auto;
    margin: 0 auto var(--space-5);
}

/* ===== TASTI / AZIONI ===== */
.actions-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
}
.action-card {
    background: var(--bg-white);
    border: 1px solid var(--gray-200);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: var(--space-8);
    text-align: center;
    display: flex;
    flex-direction: column;
    transition: all var(--transition-base);
}
.action-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-xl); }
.action-card h3 { margin-bottom: var(--space-3); }
.action-card p {
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    font-size: var(--font-size-sm);
    margin-bottom: var(--space-6);
    flex: 1 1 auto;
}
.action-card .btn { align-self: center; }

/* ===== SEZIONE GEO / SEO ===== */
.geo-section { padding: var(--space-20) 0; }
.geo-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: var(--space-12);
    align-items: start;
}
.geo-text h2 { margin-bottom: var(--space-4); }
.geo-text p {
    color: var(--text-secondary);
    line-height: var(--line-height-relaxed);
    margin-bottom: var(--space-4);
}
.geo-text strong { color: var(--ats-primary); }

.geo-card {
    background: var(--gradient-primary);
    color: var(--text-white);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl);
    padding: var(--space-8);
}
.geo-card h3 { color: var(--text-white); margin-bottom: var(--space-4); }
.geo-card__hq {
    font-weight: var(--font-weight-semibold);
    margin: 0 0 var(--space-4);
    padding-bottom: var(--space-3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.geo-card ul {
    list-style: none;
    padding: 0;
    margin: 0 0 var(--space-6);
}
.geo-card li {
    padding: var(--space-3) 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-relaxed);
}
.geo-card li strong { display: block; color: var(--ats-secondary-light); margin-bottom: 2px; }
.geo-card li:last-child { border-bottom: none; }

@media (max-width: 900px) {
    .actions-grid { grid-template-columns: 1fr; }
    .geo-grid { grid-template-columns: 1fr; gap: var(--space-8); }
}