/* Explicit SVG boxes avoid inherited icon-font baselines and heading padding. */
.sapanca-ui footer .sapanca-footer-icon,
.sapanca-ui footer .sapanca-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    min-width: 36px;
    padding: 0;
    border-radius: 50%;
    line-height: 1;
    color: var(--sapanca-green, #245c46);
    background: #e0e7dc;
}
.sapanca-ui footer .sapanca-social-link {
    border: 1px solid #d3ddcd;
    text-decoration: none;
}
.sapanca-ui footer .sapanca-social-link:hover {
    background: #d3dfd1 !important;
    border-color: #a9bda9;
}
.sapanca-ui footer .sapanca-social-link:focus-visible {
    outline: 3px solid #b99352;
    outline-offset: 3px;
}
.sapanca-ui footer .sapanca-footer-svg {
    display: block;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    margin: 0;
    padding: 0;
    overflow: visible;
    vertical-align: middle;
}
.sapanca-ui footer .footer-top a:has(> .sapanca-footer-icon) {
    min-height: 40px;
}

/* Keep every account action in view on narrow screens, including browsers
   whose scrollbar makes the usable page narrower than the viewport. */
@media (max-width: 575px) {
    .sapanca-ui .sapanca-header > .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .sapanca-ui .sapanca-header .header-content {
        gap: 8px;
    }
    .sapanca-ui .sapanca-header .header-content > div:first-child {
        flex: 1 1 auto;
        min-width: 0;
    }
    .sapanca-ui .sapanca-header .logo {
        min-width: 0;
        max-width: 100%;
        flex-shrink: 1;
    }
    .sapanca-ui .sapanca-header img.sitelogo {
        width: 110px !important;
        max-width: 100% !important;
    }
    .sapanca-ui .reservation-header-actions {
        flex: 0 0 auto;
        gap: 4px !important;
    }
    .sapanca-ui .header-account-link,
    .sapanca-ui .header-logout-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 36px;
        line-height: 1.2;
        white-space: nowrap;
    }
    .sapanca-ui .header-account-link {
        padding: 8px 7px;
        font-size: 11px;
    }
    .sapanca-ui .header-logout-link {
        padding: 8px 2px;
        font-size: 10.5px;
    }
    .sapanca-ui .mobile-menu-btn {
        width: 36px !important;
        height: 36px !important;
    }
    .sapanca-ui .mobile-menu-btn > svg {
        width: 23px;
        height: 23px;
    }
}