/* ==================================================================
   ZOSCLIENT 1.1.6 — Buscador del área de clientes + login polish
   - Corrige la alineación interna del texto/placeholder del buscador.
   - Reubica y ordena el texto "ZOSHOSTING · CLIENTES" en el panel login.
   ================================================================== */

/* Buscador del topbar: más aire a la izquierda y alineación vertical correcta */
body.wilo-authenticated .wilo-command-search {
    padding: 0 14px 0 52px !important;
    align-items: center !important;
}

body.wilo-authenticated .wilo-command-search > i {
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

body.wilo-authenticated .wilo-command-search input {
    height: 44px !important;
    margin: 0 !important;
    padding: 0 8px 0 0 !important;
    line-height: 44px !important;
    color: #f5f3f8 !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

body.wilo-authenticated .wilo-command-search input::placeholder {
    color: #8e8896 !important;
    opacity: 1 !important;
}

/* Login: mejor ubicación del badge/eyebrow superior */
body.wilo-template-login .zos-login-v102__story-top {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    grid-template-areas:
        "brand eyebrow"
        "title title"
        "copy copy"
        "benefits benefits" !important;
    align-items: center !important;
    column-gap: 18px !important;
}

body.wilo-template-login .zos-login-v102__brand {
    grid-area: brand !important;
    margin-bottom: 26px !important;
}

body.wilo-template-login .zos-login-v102__eyebrow {
    grid-area: eyebrow !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 0 26px !important;
    white-space: nowrap !important;
    color: #bfb8ca !important;
    font-size: 10px !important;
    letter-spacing: .10em !important;
}

body.wilo-template-login .zos-login-v102__story-top > h1 {
    grid-area: title !important;
}

body.wilo-template-login .zos-login-v102__story-top > p {
    grid-area: copy !important;
}

body.wilo-template-login .zos-login-v102__story-top > .zos-login-v102__benefits {
    grid-area: benefits !important;
}

@media (max-width: 991px) {
    body.wilo-template-login .zos-login-v102__story-top {
        display: block !important;
    }

    body.wilo-template-login .zos-login-v102__brand {
        margin-bottom: 18px !important;
    }

    body.wilo-template-login .zos-login-v102__eyebrow {
        display: inline-flex !important;
        margin: 0 0 16px !important;
    }
}