/* ---------- Selector de idioma ---------- */
.geot-switcher { display: inline-block; position: relative; font-size: 15px; line-height: 1.4; }
.geot-switcher .geot-flag { margin-right: 4px; }

/* Lista */
.geot-switcher--list { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; }
.geot-switcher--list .geot-item a { text-decoration: none; opacity: .8; }
.geot-switcher--list .geot-item.geot-current a { font-weight: 700; opacity: 1; }

/* Desplegable */
.geot-switcher--dropdown .geot-toggle {
    display: inline-flex; align-items: center; gap: 4px;
    background: #fff; border: 1px solid #d5d5d5; border-radius: 6px;
    padding: 6px 12px; cursor: pointer; color: inherit; font: inherit;
}
.geot-switcher--dropdown .geot-menu {
    list-style: none; margin: 4px 0 0; padding: 6px 0;
    position: absolute; z-index: 9999; min-width: 160px;
    background: #fff; border: 1px solid #e0e0e0; border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    display: none;
}
.geot-switcher--dropdown.geot-open .geot-menu { display: block; }
.geot-switcher--dropdown .geot-menu li a {
    display: flex; align-items: center; gap: 6px;
    padding: 7px 14px; text-decoration: none; color: #222;
}
.geot-switcher--dropdown .geot-menu li a:hover { background: #f3f4f6; }
.geot-caret { font-size: 11px; }

/* ---------- Banner "esta página está disponible en tu idioma" ---------- */
.geot-banner {
    position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%);
    z-index: 99999; max-width: 92%;
    display: flex; align-items: center; gap: 12px;
    background: #1e293b; color: #fff;
    padding: 12px 16px; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    font-size: 15px; line-height: 1.4;
    animation: geot-in .3s ease;
}
@keyframes geot-in { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }
.geot-banner__flag { font-size: 20px; }
.geot-banner__text { flex: 1; }
.geot-banner__cta {
    background: #3b82f6; color: #fff; text-decoration: none;
    padding: 7px 14px; border-radius: 8px; white-space: nowrap; font-weight: 600;
}
.geot-banner__cta:hover { background: #2563eb; }
.geot-banner__close {
    background: transparent; border: 0; color: #cbd5e1;
    font-size: 22px; line-height: 1; cursor: pointer; padding: 0 4px;
}
.geot-banner__close:hover { color: #fff; }

@media (max-width: 480px) {
    .geot-banner { flex-wrap: wrap; bottom: 10px; }
    .geot-banner__text { flex-basis: 100%; }
}

/* ---- Base estructural del selector compatible con TranslatePress ----
   Solo posición y mostrar/ocultar. Los colores/bordes los pone TU CSS. */
.trp_language_switcher_shortcode { display: inline-block; }
.trp-language-switcher-container { position: relative; }
.trp-ls-shortcode-current-language { cursor: pointer; }
.trp-ls-shortcode-language {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    display: none;
}
.trp-language-switcher-container.trp-open .trp-ls-shortcode-language {
    display: block;
}
.trp-flag-image { display: inline-block; vertical-align: middle; }
