/* Dibamed V114 — final compact buttons and header lock */

:root {
    --db-v114-header-h: 76px;
    --db-v114-header-btn-h: 38px;
    --db-v114-hero-btn-h: 42px;
}

@media (min-width: 981px) {
    html body .site-header {
        min-height: var(--db-v114-header-h) !important;
        height: auto !important;
        padding: 6px clamp(18px, 2vw, 28px) !important;
        align-items: center !important;
        row-gap: 0 !important;
    }

    html body .site-header .site-brand img {
        max-height: 52px !important;
        width: auto !important;
    }

    html body .site-header .header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: auto !important;
    }

    html body .site-header .header-actions a[href$="/ar"],
    html body .site-header .header-actions a[href$="/en"],
    html body .site-header .header-actions a[href*="/ar?"],
    html body .site-header .header-actions a[href*="/en?"] {
        box-sizing: border-box !important;
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        height: var(--db-v114-header-btn-h) !important;
        min-height: var(--db-v114-header-btn-h) !important;
        padding: 0 8px !important;
        gap: 5px !important;
        border-radius: 12px !important;
        font-size: 11.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        transform: none !important;
    }

    html body .site-header .header-actions a[href*="wa.me"],
    html body .site-header .header-actions a[href*="whatsapp"] {
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 158px !important;
        height: var(--db-v114-header-btn-h) !important;
        min-height: var(--db-v114-header-btn-h) !important;
        padding: 0 13px !important;
        gap: 6px !important;
        border-radius: 12px !important;
        font-size: 12.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    html body .site-header .header-actions a[href*="book-appointment"],
    html body .site-header .header-actions a[href$="#booking"],
    html body .site-header .header-actions a[href*="#booking?"] {
        box-sizing: border-box !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 174px !important;
        height: var(--db-v114-header-btn-h) !important;
        min-height: var(--db-v114-header-btn-h) !important;
        padding: 0 13px !important;
        gap: 6px !important;
        border-radius: 12px !important;
        font-size: 12.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        transform: none !important;
    }

    html body .site-header .header-actions svg,
    html body .site-header .header-actions img,
    html body .site-header .header-actions [class*="icon"] {
        width: 16px !important;
        min-width: 16px !important;
        max-width: 16px !important;
        height: 16px !important;
        min-height: 16px !important;
        max-height: 16px !important;
        margin: 0 !important;
        inset: auto !important;
        position: static !important;
        transform: none !important;
    }
}

html body .d77-hero a[href*="book-appointment"],
html body .d77-hero a[href$="#booking"],
html body .d77-hero a[href*="#booking?"],
html body .d77-hero a[href*="/services"],
html body .d77-hero__actions a,
html body .d77-hero__buttons a {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--db-v114-hero-btn-h) !important;
    min-height: var(--db-v114-hero-btn-h) !important;
    padding: 0 14px !important;
    gap: 7px !important;
    border-radius: 13px !important;
    font-size: 12.5px !important;
    line-height: 1 !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

html body .d77-hero a[href*="book-appointment"],
html body .d77-hero a[href$="#booking"],
html body .d77-hero a[href*="#booking?"] {
    max-width: 174px !important;
}

html body .d77-hero a[href*="/services"] {
    max-width: 160px !important;
}

html body .d77-hero__actions svg,
html body .d77-hero__buttons svg,
html body .d77-hero__actions [class*="icon"],
html body .d77-hero__buttons [class*="icon"] {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    margin: 0 !important;
}

@media (max-width: 980px) {
    :root {
        --db-v114-header-btn-h: 36px;
        --db-v114-hero-btn-h: 40px;
    }

    html body .site-header .header-actions a {
        font-size: 11px !important;
        padding-inline: 9px !important;
        border-radius: 11px !important;
    }

    html body .d77-hero__actions a,
    html body .d77-hero__buttons a {
        font-size: 11.5px !important;
        padding-inline: 11px !important;
        border-radius: 11px !important;
    }
}