/* Location page. */
.location-address {
    font-size:1.15rem;
    color:#cdd3da;
    margin:0 0 1.25rem;
}

.map-wrap {
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    border-radius:10px;
    overflow:hidden;
    border:2px solid var(--accent);
    box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.map-wrap iframe {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    border:0;
}

.directions {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:1rem;
    margin-top:1.5rem;
}

.btn-directions {
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    font-family:'Montserrat', system-ui, sans-serif;
    font-weight:700;
    font-size:1.1rem;
    letter-spacing:.1em;
    text-transform:uppercase;
    color:var(--silver-bright) !important;
    background:linear-gradient(180deg, var(--royal-line), var(--royal));
    border:1px solid var(--royal-line);
    padding:.8rem 1.6rem;
    border-radius:6px;
    text-decoration:none;
    box-shadow:inset 0 0 0 1px rgba(205,211,218,.45);
    transition:transform .15s ease, box-shadow .2s ease;
}
.btn-directions:hover {
    transform:translateY(-1px);
    box-shadow:inset 0 0 0 1px rgba(238,242,246,.8), 0 4px 16px rgba(47,107,255,.45);
}

/* Hours table */
.hours-title {
    margin-top:2.5rem;
    color:var(--accent);
}
.hours {
    width:100%;
    max-width:420px;
    border-collapse:collapse;
    font-size:1.05rem;
}
.hours th,
.hours td {
    padding:.7rem .25rem;
    border-bottom:1px solid rgba(47,107,255,.18);
    text-align:left;
}
.hours th { font-weight:600; color:var(--fg); }
.hours td { text-align:right; color:#cdd3da; }
.hours td.is-closed { color:#8b93a0; font-style:italic; }
.hours tr.is-today th,
.hours tr.is-today td {
    color:var(--accent-soft);
    font-weight:700;
}
.hours tr.is-today th::before {
    content:"●";
    color:var(--accent);
    font-size:.7em;
    margin-right:.5rem;
    vertical-align:middle;
}

/* Apple Maps variant: chrome/neutral to differentiate from the primary button. */
.btn-apple {
    background:linear-gradient(180deg, #3a4252, #232a36);
    border-color:#4a5466;
}
.btn-apple:hover {
    box-shadow:inset 0 0 0 1px rgba(238,242,246,.7), 0 4px 16px rgba(47,107,255,.35);
}