/* =========================================================
   InmoPanama - Header
   Estilos exclusivos de ib_header.php
   ========================================================= */

/* i18n Fase 1 — switcher de banderas (SVG) en el top bar */
.ib-lang-switcher-item {
    display: flex;
    align-items: center;
    gap: 6px;
}
.ib-lang-flag {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
    border-radius: 2px;
    overflow: hidden;
    opacity: 0.75;
    transition: opacity 0.15s, box-shadow 0.15s;
}
a.ib-lang-flag:hover {
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(245,185,28,0.8);
}
.ib-lang-flag--current {
    opacity: 1;
    box-shadow: 0 0 0 2px #F5B91C;
    cursor: default;
    pointer-events: none;
}
.ib-lang-flag--disabled {
    opacity: 0.28;
    cursor: not-allowed;
    pointer-events: none;
}
.ib-lang-flag-sep {
    color: rgba(255,255,255,0.25);
    font-size: 10px;
    user-select: none;
}
/* Switcher mobile sidebar */
.ib-lang-switcher-mobile {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid rgba(7,59,58,0.15);
}
.ib-lang-switcher-mobile .ib-lang-flag {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    text-decoration: none;
    border-radius: 3px;
    overflow: hidden;
    opacity: 0.7;
    transition: opacity 0.15s, box-shadow 0.15s;
}
.ib-lang-switcher-mobile a.ib-lang-flag:hover {
    opacity: 1;
    box-shadow: 0 0 0 1px rgba(245,185,28,0.8);
}
.ib-lang-switcher-mobile .ib-lang-flag--current {
    opacity: 1;
    box-shadow: 0 0 0 2px #F5B91C;
    cursor: default;
    pointer-events: none;
}
.ib-lang-switcher-mobile .ib-lang-flag--disabled {
    opacity: 0.25;
    cursor: not-allowed;
    pointer-events: none;
}
.ib-lang-switcher-mobile .ib-lang-flag-sep {
    color: rgba(7,59,58,0.3);
    font-size: 12px;
}
/* SSO — botón Panel/Dashboard cuando hay sesión (Sept 2026) */
/* Reutiliza el mismo estilo visual que .signin (Iniciar sesión) */
.signin--member {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.signin--member:hover {
    color: var(--ztc-text-text-5, #F5C400);
}
/* Ícono usuario móvil activo: relleno amarillo de marca cuando hay sesión */
.circle-button.user-icon--active svg path {
    fill: var(--ib-amarillo, #F5C400) !important;
}
/* Favoritos en header — enlace con corazón + badge de conteo (Sept 2026) */
.ib-nav-fav {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    white-space: nowrap;
}
.ib-nav-fav:hover { color: var(--ztc-text-text-5, #F5C400); }
.ib-nav-fav svg { flex-shrink: 0; }
.ib-nav-fav__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: #e53935;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}
/* Favoritos — ícono circular en header móvil (Sept 2026) */
.circle-button.fav-icon { position: relative; }
.circle-button.fav-icon svg { fill: #073B3A; }
.circle-button.fav-icon--has-badge::after {
    content: '';
    position: absolute;
    top: 4px; right: 4px;
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #e53935;
    border: 1.5px solid #fff;
}