:root { --country-panel: #102936; --country-hover: #143443; --country-edge: #285064; --country-accent: #72c7e8; }
/* 22Bet country network */
.country-switch { position: relative; flex: none; z-index: 1001; color: #fff; font-family: inherit; }
.country-switch summary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 5px 9px; border: 1px solid var(--country-edge); border-radius: 10px; background: var(--country-panel); color: #fff; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; white-space: nowrap; list-style: none; }
.country-switch summary::-webkit-details-marker { display: none; }
.country-switch summary::marker { content: ''; }
.country-switch summary:hover, .country-switch[open] summary { border-color: var(--country-accent); background: var(--country-hover); }
.country-switch summary:focus-visible, .country-switch a:focus-visible, .country-footer-link:focus-visible { outline: 2px solid var(--country-accent); outline-offset: 3px; }
.country-flag { display: block; width: 27px; height: 27px; flex: none; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; object-fit: cover; }
.country-chevron { width: 7px; height: 7px; margin-left: 1px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .18s ease; }
.country-switch[open] .country-chevron { transform: rotate(225deg) translateY(-1px); }
.country-menu { position: absolute; top: calc(100% + 7px); right: 0; z-index: 1002; display: grid; gap: 2px; min-width: 103px; padding: 7px; border: 1px solid var(--country-edge); border-radius: 13px; background: var(--country-panel); box-shadow: 0 14px 32px rgba(0,0,0,.28); }
.country-menu a { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 39px; padding: 5px 7px; border-radius: 8px; color: #fff; font-size: 13px; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap; }
.country-menu a:hover { background: var(--country-hover); color: #fff; }
.country-footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 22px 0 18px; padding: 20px 0 2px; border-top: 1px solid var(--country-edge); }
.country-footer-link { display: inline-flex; align-items: center; gap: 9px; min-height: 43px; padding: 6px 12px; border: 1px solid var(--country-edge); border-radius: 999px; background: var(--country-panel); color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.country-footer-link:hover, .country-footer-link.is-current { border-color: var(--country-accent); background: var(--country-hover); color: #fff; }
.country-footer-link:hover { transform: translateY(-2px); }
.country-footer-link .country-flag { width: 27px; height: 27px; }
@media (max-width: 600px) { .country-switch summary { gap: 5px; padding: 4px 7px; font-size: 12px; } .country-flag { width: 24px; height: 24px; } .country-footer { justify-content: flex-start; gap: 8px; } .country-footer-link { font-size: 12px; padding: 5px 9px; } }


.header-inner { grid-template-columns: minmax(150px, 200px) minmax(0, 1fr) auto auto; gap: 12px; }
.site-footer > .country-footer { width: min(100%, 1600px); margin: 20px auto 0; padding-inline: 30px; }
@media (max-width: 960px) { .header-inner { grid-template-columns: 1fr auto auto; } }
@media (max-width: 700px) { .site-footer > .country-footer { padding-inline: 16px; } }