/* Przełącznik kraju (wersja EN) – styl jak przełącznik walut na DE:
   ciemne zaokrąglone tło, białe napisy, okrągła flaga po lewej, aktywny ciemniejszy. */
.deerhorn-cs{display:inline-flex;align-items:center;gap:10px;position:relative;font-size:14px;line-height:1.2}
.deerhorn-cs__label{color:inherit;white-space:nowrap}
.deerhorn-cs__form{position:relative;margin:0}
.deerhorn-cs__toggle,.deerhorn-cs__item{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:8px 14px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:background .2s ease;text-decoration:none;box-shadow:none}
.deerhorn-cs__toggle{background:#595959;border-radius:8px;padding:6px 10px 6px 8px;gap:6px}
.deerhorn-cs__toggle:hover,.deerhorn-cs__toggle:focus-visible,.deerhorn-cs__item:hover,.deerhorn-cs__item:focus-visible{background:#6b6b6b;color:#fff;outline:none}
.deerhorn-cs__item.is-active{background:#212121}
.deerhorn-cs__flag{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:block}
.deerhorn-cs__name{white-space:nowrap}
.deerhorn-cs__chevron{width:12px;height:12px;flex:0 0 12px;margin-left:2px;transition:transform .2s ease}
.deerhorn-cs.is-open .deerhorn-cs__chevron{transform:rotate(180deg)}
.deerhorn-cs__list{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:10000;min-width:100%;margin:0;padding:3px;list-style:none;background:#595959;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.deerhorn-cs__list li{margin:0;padding:0}
.deerhorn-cs.is-open .deerhorn-cs__list,
.deerhorn-cs:not(.deerhorn-cs--js) .deerhorn-cs__form:focus-within .deerhorn-cs__list{display:block}
.deerhorn-cs--right .deerhorn-cs__list{left:auto;right:0}
/* Przodkowie przełącznika z własnym kontekstem warstw (na Deerhorn: kolumny Kadence
   Blocks w widżecie nagłówka, position:relative; z-index:1) chowały otwartą listę pod
   wierszem menu (też z-index:1, dalej w DOM). Przy otwarciu JS nadaje klasę każdemu
   przodkowi z z-index ≠ auto aż do <header>; :has() to zapas dla ścieżki bez JS. */
.deerhorn-cs-host--open{z-index:100001 !important}
.wp-block-kadence-column:has(.deerhorn-cs.is-open),
.wp-block-kadence-header-row:has(.deerhorn-cs.is-open),
.wp-block-kadence-column:has(.deerhorn-cs:not(.deerhorn-cs--js) .deerhorn-cs__form:focus-within),
.wp-block-kadence-header-row:has(.deerhorn-cs:not(.deerhorn-cs--js) .deerhorn-cs__form:focus-within){position:relative;z-index:100001 !important}
/* wariant list_names="no": siatka samych flag (po regułach otwierania, żeby display:flex wygrało z block) */
.deerhorn-cs__list--flags{display:none;flex-wrap:wrap;gap:2px;width:140px;min-width:0}
.deerhorn-cs.is-open .deerhorn-cs__list--flags,
.deerhorn-cs:not(.deerhorn-cs--js) .deerhorn-cs__form:focus-within .deerhorn-cs__list--flags{display:flex}
.deerhorn-cs__list--flags li{flex:0 0 auto}
.deerhorn-cs__list--flags .deerhorn-cs__item{width:auto;padding:6px}
@media only screen and (max-width:1024px){
  .deerhorn-cs{font-size:12px;gap:8px}
  .deerhorn-cs__toggle,.deerhorn-cs__item{padding:5px 10px;gap:8px}
  .deerhorn-cs__toggle{padding:5px 8px 5px 6px;gap:5px}
  .deerhorn-cs__list--flags{width:124px}
  .deerhorn-cs__flag{width:16px;height:16px;flex-basis:16px}
}