/* =========================================================================
   Panamar footer
   ========================================================================= */

.panamar-footer {
    background: #eeeeee;
    padding: 32px 16px;
    font-family: 'Jost', system-ui, -apple-system, sans-serif;
    color: #161616;
}
@media (min-width: 640px) { .panamar-footer { padding: 32px 24px; } }
@media (min-width: 1024px) { .panamar-footer { padding: 32px 40px; } }

.panamar-footer__card {
    background: #ffffff;
    border-radius: 10px;
    padding: 32px 24px;
}
@media (min-width: 640px) { .panamar-footer__card { padding: 32px 40px; } }

/* Top section ---------------------------------------------------------- */
.panamar-footer__top {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (min-width: 1024px) {
    .panamar-footer__top {
        flex-direction: row;
        gap: 48px;
    }
}

.panamar-footer__logo {
    flex-shrink: 0;
    display: inline-block;
    color: #161616;
    text-decoration: none;
}
.panamar-footer__logo-img {
    display: block;
    width: 160px;
    height: auto; /* viewBox 187.319 × 125 → height auto-computes to ~107px */
}

.panamar-footer__cols {
    flex: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
}
@media (min-width: 640px) {
    .panamar-footer__cols { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
    .panamar-footer__cols { grid-template-columns: repeat(3, 1fr); }
}

.panamar-footer__col-title {
    margin: 0 0 16px;
    color: #3b3b3b;
    font-family: 'Spectral', Georgia, serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
}

.panamar-footer__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.panamar-footer__link {
    color: #808080;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    transition: color 0.2s ease;
}
.panamar-footer__link:hover { color: #161616; }

/* Contact column ------------------------------------------------------- */
.panamar-footer__contact {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.panamar-footer__contact p {
    margin: 0;
    color: #808080;
    font-size: 13px;
    line-height: 1.4;
}
.panamar-footer__contact-label {
    font-weight: 600;
    color: #808080;
}
.panamar-footer__contact-link {
    color: #808080;
    text-decoration: none;
    transition: color 0.2s ease;
}
.panamar-footer__contact-link:hover { color: #161616; }
.panamar-footer__contact-note {
    display: block;
    font-size: 11px;
    line-height: 1.3;
    color: #a0a0a0;
    margin-top: 1px;
}
.panamar-footer__contact-hours {
    font-weight: 600;
}

/* Bottom bar ----------------------------------------------------------- */
.panamar-footer__bottom {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
@media (min-width: 640px) {
    .panamar-footer__bottom {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.panamar-footer__bottom-title {
    margin: 0 0 12px;
    color: #3b3b3b;
    font-family: 'Spectral', Georgia, serif;
    font-size: 17px;
    font-weight: 400;
}

.panamar-footer__social {
    display: flex;
    align-items: center;
    gap: 12px;
}
.panamar-footer__social-link {
    color: #303030;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease, color 0.2s ease;
}
.panamar-footer__social-link:hover,
.panamar-footer__social-link:focus {
    color: #303030; /* pin dark — overrides Bootstrap's a:hover */
    opacity: 0.7;
}

.panamar-footer__bottom-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
@media (min-width: 640px) {
    .panamar-footer__bottom-copy {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }
}
.panamar-footer__bottom-copy p {
    margin: 0;
    color: #808080;
    font-size: 12px;
}
.panamar-footer__bottom-copy a {
    color: #808080;
    text-decoration: none;
    transition: color 0.2s ease;
}
.panamar-footer__bottom-copy a:hover { color: #161616; }