/* RC42: per-button caption choices. Auto deliberately preserves the old look. */
.md-header-added-label,.md-header-added-icon{display:none}
.md-label-control{gap:6px;align-items:center}
.md-label-control .md-header-original-label,.md-label-control .md-header-added-label{white-space:normal;overflow-wrap:anywhere}
.md-label-control .md-cart-count,.md-label-control .md-wishlist-count{flex-shrink:0}
.md-language-icon{display:none}
.md-label-control.md-label-language .md-language-icon{display:none}
/* Unspecified / auto keeps each original component styling unchanged. */
@media (min-width:1025px){
 .md-label-desktop-icon .md-header-original-label,.md-label-desktop-icon .md-header-added-label{display:none!important}
 .md-label-desktop-both .md-header-original-label,.md-label-desktop-both .md-header-added-label{display:inline!important}
 .md-label-desktop-icon .md-header-added-icon,.md-label-desktop-both .md-header-added-icon{display:inline-flex!important}
 .md-label-desktop-both.md-action-button,.md-label-desktop-both.md-topbar-action,.md-label-desktop-both.md21-icon-button,.md-label-desktop-both.md21-cart-classic,.md-label-desktop-both.md21-pill{width:auto!important;max-width:100%;padding-inline:11px!important;grid-auto-flow:column;gap:6px}
 .md-label-desktop-both .md-language-icon{display:inline-flex!important}
}
@media (min-width:768px) and (max-width:1024px){
 .md-label-tablet-icon .md-header-original-label,.md-label-tablet-icon .md-header-added-label{display:none!important}
 .md-label-tablet-both .md-header-original-label,.md-label-tablet-both .md-header-added-label{display:inline!important}
 .md-label-tablet-icon .md-header-added-icon,.md-label-tablet-both .md-header-added-icon{display:inline-flex!important}
 .md-label-tablet-both.md-action-button,.md-label-tablet-both.md-topbar-action,.md-label-tablet-both.md21-icon-button,.md-label-tablet-both.md21-cart-classic,.md-label-tablet-both.md21-pill{width:auto!important;max-width:100%;padding-inline:9px!important;grid-auto-flow:column;gap:6px}
 .md-label-tablet-both .md-language-icon{display:inline-flex!important}
}
@media (max-width:767px){
 .md-label-mobile-icon .md-header-original-label,.md-label-mobile-icon .md-header-added-label{display:none!important}
 .md-label-mobile-both .md-header-original-label,.md-label-mobile-both .md-header-added-label{display:inline!important}
 .md-label-mobile-icon .md-header-added-icon,.md-label-mobile-both .md-header-added-icon{display:inline-flex!important}
 .md-label-mobile-both.md-action-button,.md-label-mobile-both.md-topbar-action,.md-label-mobile-both.md21-icon-button,.md-label-mobile-both.md21-cart-classic,.md-label-mobile-both.md21-pill{width:auto!important;max-width:100%;padding-inline:8px!important;grid-auto-flow:column;gap:6px}
 .md-label-mobile-both .md-language-icon{display:inline-flex!important}
}
@media (max-width:1024px){
 #md-mobile-drawer .md-label-drawer-icon .md-header-original-label,#md-mobile-drawer .md-label-drawer-icon .md-header-added-label{display:none!important}
 #md-mobile-drawer .md-label-drawer-both .md-header-original-label,#md-mobile-drawer .md-label-drawer-both .md-header-added-label{display:inline!important}
 #md-mobile-drawer .md-label-drawer-icon .md-header-added-icon,#md-mobile-drawer .md-label-drawer-both .md-header-added-icon{display:inline-flex!important}
 #md-mobile-drawer .md-label-drawer-both .md-language-icon{display:inline-flex!important}
 .md-header-actions,.md21-actions{max-width:100%;min-width:0;flex-wrap:wrap}
}
.md-lang-select{max-width:130px;min-width:60px;cursor:pointer}
.md-label-language{align-items:center;gap:5px}
.md-label-control .md-header-added-label{font-size:inherit;line-height:1.3}
@media(max-width:767px){.md-label-control .md-header-added-label,.md-label-control .md-header-original-label{font-size:clamp(10px,2.7vw,13px)}}

/* Header 21's original responsive span rule also targets the SVG wrapper.
   Keep the chosen icons independently of caption visibility. */
@media(max-width:1120px){.md21-pill>.md-svg-icon,.md21-icon-button>.md-svg-icon{display:inline-flex!important}}
/* Icon-only language still opens the real native selector, with its selectable
   options; the invisible select covers the visible globe, not a fake link. */
.md-label-language{position:relative}
@media(min-width:1025px){
 .md-label-desktop-icon.md-label-language{min-width:40px;min-height:40px;justify-content:center}
 .md-label-desktop-icon.md-label-language .md-language-icon{display:inline-flex!important}
 .md-label-desktop-icon.md-label-language .md-lang-select{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:100%!important;opacity:0;cursor:pointer}
}
@media(min-width:768px) and (max-width:1024px){
 .md-label-tablet-icon.md-label-language{min-width:40px;min-height:40px;justify-content:center}
 .md-label-tablet-icon.md-label-language .md-language-icon{display:inline-flex!important}
 .md-label-tablet-icon.md-label-language .md-lang-select{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:100%!important;opacity:0;cursor:pointer}
}
@media(max-width:767px){
 .md-label-mobile-icon.md-label-language{min-width:40px;min-height:40px;justify-content:center}
 .md-label-mobile-icon.md-label-language .md-language-icon{display:inline-flex!important}
 .md-label-mobile-icon.md-label-language .md-lang-select{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:100%!important;opacity:0;cursor:pointer}
}
@media(max-width:1024px){
 #md-mobile-drawer .md-label-drawer-icon.md-mobile-language .md-header-original-label{display:none!important}
 #md-mobile-drawer .md-drawer-search-submit.md-label-drawer-both{width:auto;min-width:44px;padding-inline:12px;gap:5px;display:inline-flex;align-items:center}
}