/* Country switcher dropdown (views/partials/country_switcher.php). */
.et-cs { position: relative; display: inline-block; }
.et-cs-btn { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; background: none; border: 0; padding: 6px 8px; font: inherit; color: inherit; line-height: 1.2; }
.et-cs-btn:focus-visible, .et-cs-search:focus-visible { outline: 2px solid #0eaaa6; outline-offset: 2px; }
.et-cs-flag { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; flex: none; }
.et-cs-badge { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 16px; border-radius: 3px; background: #e6f6f5; color: #0b6f6c; font-size: 10px; font-weight: 700; letter-spacing: .3px; flex: none; }
.et-cs-badge[hidden], .et-cs-flag[hidden] { display: none; }
.et-cs-panel { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1060; width: 280px; max-width: calc(100vw - 24px); background: #fff; color: #1f2d3d; border: 1px solid #dfe6ec; border-radius: 10px; box-shadow: 0 10px 30px rgba(16, 38, 54, .16); padding: 8px; text-align: left; }
.et-cs-panel[hidden] { display: none; }
.et-cs-search { width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid #cfd8df; border-radius: 8px; font-size: 14px; margin-bottom: 6px; }
.et-cs-list { list-style: none; margin: 0; padding: 0; max-height: 280px; overflow-y: auto; overscroll-behavior: contain; }
.et-cs-option { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; cursor: pointer; font-size: 14px; }
.et-cs-option[hidden] { display: none; }
.et-cs-option span:not(.et-cs-badge) { flex: 1; }
.et-cs-option.is-active { background: #eef7f7; }
.et-cs-option.is-current { font-weight: 600; color: #0b6f6c; }
.et-cs-option .fa-check { color: #0eaaa6; }
.et-cs-empty { margin: 8px 10px; font-size: 13px; color: #6b7c8a; }
.et-cs-empty[hidden] { display: none; }
@media (max-width: 575px) {
    .et-cs-panel { position: fixed; top: 64px; left: 12px; right: 12px; width: auto; max-width: none; }
    .et-cs-list { max-height: 55vh; }
    .et-cs-option { padding: 11px 10px; }
}