﻿/* =========================================================
   Discipline Strip
   ========================================================= */

.discipline-strip {
    position: relative;
    z-index: 5;
    height: 104px;
    color: var(--color-white);
    background: radial-gradient( circle at center, rgba(8, 37, 65, 0.56), transparent 60% ), var(--color-navy-deep);
    border-top: 1px solid rgba(214, 163, 61, 0.34);
    border-bottom: 1px solid rgba(214, 163, 61, 0.34);
}

.discipline-strip__inner {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    width: min(980px, calc(100% - 48px));
    height: 100%;
    margin-inline: auto;
}

.discipline-strip__item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    padding: 8px 12px;
    color: var(--color-white);
    text-align: center;
    transition: color var(--transition-fast), background-color var(--transition-fast);
}

    .discipline-strip__item:not(:last-child)::after {
        position: absolute;
        top: 25px;
        right: 0;
        width: 1px;
        height: 51px;
        content: "";
        background: linear-gradient( 180deg, transparent, rgba(214, 163, 61, 0.85), transparent );
    }

    .discipline-strip__item:hover {
        color: var(--color-gold-light);
        background: rgba(255, 255, 255, 0.018);
    }

.discipline-strip__icon {
    display: block;
    width: 52px;
    height: 52px;
    object-fit: contain;
    filter: saturate(1.15) brightness(1.12) drop-shadow(0 0 3px rgba(214, 163, 61, 0.18));
}

.discipline-strip__item:hover .discipline-strip__icon {
    transform: translateY(-2px) scale(1.04);
}

.discipline-strip__icon {
    transition: transform var(--transition-fast), filter var(--transition-fast);
}

.discipline-strip__label {
    font-family: var(--font-heading);
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.055em;
    line-height: 1;
    text-transform: uppercase;
}
