#site-header .magicpay-header-navigation { gap: 4px; min-width: 0; }
#site-header .magicpay-header-navigation > [data-desktop-menu] {
    display: flex; align-items: center; padding-inline: 0; margin-inline: 0; height: 100%;
}
#site-header .magicpay-header-navigation > [data-desktop-menu] > :is(button, summary) {
    min-height: 40px; height: auto; padding: 8px 12px; border-radius: 8px; white-space: nowrap;
}
#site-header .magicpay-header-navigation > [data-desktop-menu] > :is(button, summary):hover,
#site-header .magicpay-header-navigation > [data-menu-open="true"] > button,
#site-header .magicpay-header-navigation > details[open] > summary {
    background: hsl(var(--accent)); color: hsl(var(--foreground));
}
#site-header .magicpay-header-actions { gap: 12px; flex-shrink: 0; white-space: nowrap; }
#site-header .magicpay-header-login {
    display: inline-flex; align-items: center; justify-content: center; min-height: 36px;
    padding: 6px 10px; border: 1px solid hsl(var(--border)); border-radius: 8px;
    color: hsl(var(--foreground)); font-size: 13px; line-height: 1.5;
}
#site-header .magicpay-header-login:hover { background: hsl(var(--accent)); }
#site-header .magicpay-language-switcher > summary { min-height: 40px; }
#site-header .magicpay-language-panel { max-height: calc(100dvh - 112px); overflow-y: auto; }
.magicpay-header-theme {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    margin-block-start: 8px; padding: 12px 8px 2px; border-block-start: 1px solid hsl(var(--border));
    color: hsl(var(--foreground)); font-size: 13px; white-space: normal;
}
.magicpay-header-theme [data-theme-toggle] { flex-shrink: 0; min-width: 40px; min-height: 40px; border: 1px solid hsl(var(--border)); border-radius: 8px; }
.magicpay-header-theme [data-theme-toggle][aria-pressed="true"] { background: hsl(var(--accent)); }
#site-header :is(button, summary, a):focus-visible,
#mobile-menu :is(button, a):focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 3px; }
.magicpay-header-integration-link {
    display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 12px 16px;
    border-block-end: 1px solid hsl(var(--border)); color: hsl(var(--foreground));
    font-size: 14px; font-weight: 600; overflow-wrap: anywhere;
}
.magicpay-header-integration-link:hover, .magicpay-header-guides a:hover { background: hsl(var(--accent)); }
.magicpay-header-language-badge { font-size: 11px; color: hsl(var(--muted-foreground)); white-space: nowrap; }
.magicpay-header-guides { margin-block-end: 16px; padding-block-end: 12px; border-block-end: 1px solid hsl(var(--border)); }
.magicpay-header-subheading { margin: 0 0 6px; color: hsl(var(--muted-foreground)); font-size: 12px; font-weight: 600; }
.magicpay-header-guides a {
    display: flex; align-items: flex-start; gap: 12px; min-height: 44px; padding: 10px;
    border-radius: 8px; color: hsl(var(--foreground)); font-size: 14px; line-height: 1.5;
    text-align: start; overflow-wrap: anywhere;
}
.magicpay-header-guides a > span, .magicpay-header-integration-link > span { min-width: 0; }
.magicpay-header-guides a[aria-current="page"] { background: hsl(var(--muted)); }
#desktop-menu-developers { width: min(24rem, calc(100vw - 48px)); }
#mobile-panel-solutions > .magicpay-header-integration-link { margin-block-end: 16px; }
#mobile-panel-developers > .magicpay-header-guides { padding-block-start: 8px; }
[dir="rtl"] #mobile-menu [id^="mobile-panel-"] { padding-inline: 1rem 0; }
[dir="rtl"] #mobile-panel-solutions .mp-solutions-links { padding-inline: 0 12px; }
@media (min-width: 1280px) {
    #site-header > div { gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    #site-header .magicpay-header-navigation > [data-desktop-menu] > :is(button, summary),
    .magicpay-header-theme [data-theme-toggle] { transition: none; }
}