/* ==========================================================
   KONTAKT SÁV — Design Spec v1.0
   A lap legalján, navy háttér, fehér szöveg. 9pt SemiBold.
   ========================================================== */

.contact-bar {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;   /* tartalom felül, mint az education-grid */
    gap: var(--sp-sm);
    height: 22.75mm;               /* az education-grid VALÓS megjelenített magassága (a negatív margója miatt kevesebb a 26mm-nél) */
    box-sizing: border-box;
    overflow: hidden;
    padding: 3.2mm 0;              /* azonos felső távolság, mint az education-grid */
    background-color: var(--color-navy);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* a KPI-fejléccel (leadership-impact-head) AZONOS stílusú felirat-sor:
   arany vonal – felirat – arany vonal, középre. Közös segédosztály. */
.band-head {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--sp-md);
}

.band-head span {
    font-size: var(--fs-h4);
    font-weight: var(--fw-semibold);
    letter-spacing: 3px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--color-white);
}

.band-head .band-head-line {
    flex: none;
    height: 1px;
    width: 28mm;
    background: var(--color-gold);
    transform: translateZ(0);   /* azonos renderelés, mint a KPI vonalnál → egységes vastagság */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* az elérhetőségek vízszintes sora a fejléc alatt */
.contact-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.contact-item {
    display: flex;
    align-items: center;
    justify-content: center;   /* tartalom a hasáb közepén */
    gap: var(--sp-sm);
    font-size: var(--fs-small);
    font-weight: var(--fw-semibold);
    color: var(--color-white);
    white-space: nowrap;
    transition: color .15s;
}

/* hasáb-arány: 25-25-25-25 (egyenlő). flex-grow-val, a separátorok
   helyét leszámítva osztják el a sort. */
.contact-row .contact-item { flex: 1 1 0; min-width: 0; }

.contact-item:hover,
.contact-item:focus-visible {
    color: var(--color-gold);
}

.contact-separator {
    flex: none;
    width: 1px;
    height: 7mm;
    background: var(--color-gold);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.contact-icon {
    flex: none;
    width: 7mm;
    height: 7mm;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ha a kontakt-ikon KÉP (saját arany körrel), nincs CSS-háttérkör */
.contact-icon:has(img) {
    background: none;
}

.contact-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.contact-icon svg {
    width: 3.6mm;
    height: 3.6mm;
    fill: none;
    stroke: var(--color-gold);
    stroke-width: 1.8;
}