/*=========================================================
=                        LOCATION                         =
=========================================================*/

/*---------- Section ----------*/

.location{
    position:relative;
}

/*---------- Container ----------*/

.location__container{}

/*---------- Header ----------*/

.location__header{
    max-width:34rem;
    margin-bottom:var(--space-4);
    text-align:center;
    margin-inline:auto;
}

.location__title{}

.location__description{
    margin-top:var(--space-2);
}

/*---------- Branches ----------*/

.location__branches{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--space-3);
    margin-bottom:var(--space-3);
}

.location-branch{
    border-radius:var(--radius-lg);
    background:var(--surface);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
    transition:box-shadow var(--transition), transform var(--transition-slow);
}

.location-branch:hover{
    box-shadow:var(--shadow-md);
    transform:translateY(-4px);
}

.location-branch__map{
    position:relative;
    aspect-ratio:16/10;
    background:var(--bg-alt);
}

.location__iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
    filter:grayscale(.15) contrast(1.02);
}

.location-branch__info{
    position:relative;
    padding:var(--space-3);
    border-top:3px solid var(--sunflower);
}

.location-branch__eyebrow{
    display:block;
    margin-bottom:.35rem;
    font-family:var(--font-title);
    font-size:.72rem;
    font-weight:var(--fw-medium);
    letter-spacing:.15em;
    text-transform:uppercase;
    color:var(--accent);
}

.location-branch__address{
    font-size:1.1rem;
    text-transform:uppercase;
    letter-spacing:.02em;
    color:var(--primary-dark);
}

.location-branch__city{
    margin-top:.2rem;
    color:var(--text-soft);
}

/*---------- Info bar ----------*/

.location__info-bar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:var(--space-3);
    padding:var(--space-3);
    border-radius:var(--radius-lg);
    background:var(--surface);
    box-shadow:var(--shadow-sm);
}

.location__info-bar .location-item{
    flex:1 1 200px;
    padding-left:1.6rem;
    border-left:2px solid var(--border-strong);
    position:relative;
}

.location__info-bar .location-item::before{
    content:"";
    position:absolute;
    left:-5px;
    top:.35rem;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--accent);
}

.location__info-bar .location-item:last-child{
    flex:0 0 auto;
    border-left:none;
    padding-left:0;
}

.location-item__title{
    margin-bottom:.35rem;
    font-size:1rem;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:var(--primary-dark);
}

.location-item__description{
    color:var(--text-soft);
}

/*---------- Responsive ----------*/

@media(max-width:820px){

    .location__branches{
        grid-template-columns:1fr;
    }

    .location__info-bar{
        flex-direction:column;
        align-items:flex-start;
    }

    .location__info-bar .location-item:last-child{
        align-self:stretch;
    }

    .location__info-bar .location-item:last-child .btn{
        width:100%;
    }

}