/* OpenSmile — dynamic bits layered on the client's template
   (dropdown toggles, locale/account menus, subscribe form).
   Kept minimal; the template's own CSS drives all the visual design. */

/* ---- Header dropdowns (language + account) ---- */
/* Lift the top-bar section above the main-menu section so the language/account
   dropdowns overlay the menu below instead of being painted over by it.
   Selector specificity matches Elementor's post-35.css (which sets z-index:2 on
   both sections) so this wins the cascade. */
.elementor-35 .elementor-element.elementor-element-7f30746 { position: relative; z-index: 20; }
.elementor-35 .elementor-element.elementor-element-2da5450 { position: relative; z-index: 10; }

.dropdown-country { position: relative; }
.os-lang-toggle,
.os-account-toggle { cursor: pointer; }

.os-lang-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 190px;
    margin: 0;
    padding: 8px;
    list-style: none;
    background: #fff;
    border: 1px solid #eef0f4;
    border-radius: 12px;
    box-shadow: 0 16px 40px rgba(5, 42, 68, 0.14);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(6px);
    transition: opacity .16s ease, transform .16s ease;
    z-index: 1200;
}
.dropdown-country.is-open .os-lang-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.os-lang-menu li { display: block; width: 100%; }
.os-lang-menu li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 8px;
    color: #052A44;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .15s ease;
}
.os-lang-menu li a:hover { background: #EBF5FF; }
.os-lang-menu li a.active { background: #E3FBFA; color: #1BB0AB; }
.os-lang-menu li a img { width: 20px; height: 15px; object-fit: cover; border-radius: 2px; }

/* Account menu reuses the same panel; items are plain links / a logout button */
.os-account { position: relative; }
.os-account-menu .os-lang-menu { min-width: 210px; }
.os-account-list li a,
.os-account-list .os-logout-btn {
    display: block;
    width: 100%;
    padding: 9px 12px;
    border-radius: 8px;
    color: #052A44;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    text-decoration: none;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: background-color .15s ease;
}
.os-account-list li a:hover,
.os-account-list .os-logout-btn:hover { background: #EBF5FF; }
.os-account-list form { margin: 0; }
.os-account-toggle .elementor-button-icon { margin-right: 6px; }
.os-account-toggle .fa-user-circle { font-size: 18px; }

/* ---- Footer subscribe form ---- */
.os-subscribe-form { display: flex; gap: 10px; flex-wrap: wrap; }
.os-subscribe-form .mf-input { flex: 1 1 180px; }