/*
Theme Name: Essentials Child
Theme URI: https://essentials.pixfort.com/
Author: PixFort
Template: essentials
Author URI: http://themeforest.net/user/pixfort
Description: Essentials child theme
Version: 1.0.2
License: Envato Marketplaces Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: essentials-child
Tags: header-builder, footer-builder, divider-builder, popup-builder, premium-design, translation-ready

*/
/* ============================= */
/* LOGIN COLEGIADOS - GENERAL */
/* ============================= */

.clpv-login-area {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Botón visible cuando NO está logueado */
.clpv-login-area .clpv-login-btn,
.clpv-login-btn,
a.clpv-login-btn {
    background-color: #b5c1a6 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block !important;
    border: none !important;
    line-height: 1.2 !important;
}

/* Botón Acceso Colegiados cuando SÍ está logueado */
.clpv-login-area .clpv-acceso-colegiados-btn,
.clpv-acceso-colegiados-btn,
a.clpv-acceso-colegiados-btn {
    background-color: #b5c1a6 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block !important;
    border: none !important;
    line-height: 1.2 !important;
}

/* Botón Logout */
.clpv-login-area .clpv-logout-btn,
.clpv-logout-btn,
a.clpv-logout-btn {
    background-color: #b5c1a6 !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: inline-block !important;
    border: none !important;
    line-height: 1.2 !important;
}

/* Hover */
.clpv-login-area .clpv-login-btn:hover,
.clpv-login-area .clpv-acceso-colegiados-btn:hover,
.clpv-login-area .clpv-logout-btn:hover,
.clpv-login-btn:hover,
.clpv-acceso-colegiados-btn:hover,
.clpv-logout-btn:hover,
a.clpv-login-btn:hover,
a.clpv-acceso-colegiados-btn:hover,
a.clpv-logout-btn:hover {
    opacity: 0.85 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* ============================= */
/* LOGIN COLEGIADOS - MÓVIL */
/* ============================= */

@media only screen and (max-width: 768px) {

    .clpv-login-area {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

    .clpv-login-area .clpv-login-btn,
    .clpv-login-area .clpv-acceso-colegiados-btn,
    .clpv-login-area .clpv-logout-btn,
    .clpv-login-btn,
    .clpv-acceso-colegiados-btn,
    .clpv-logout-btn,
    a.clpv-login-btn,
    a.clpv-acceso-colegiados-btn,
    a.clpv-logout-btn {
        background-color: #b5c1a6 !important;
        color: #ffffff !important;
        font-size: 13px !important;
        padding: 7px 13px !important;
        border-radius: 4px !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        border: none !important;
        line-height: 1.2 !important;
    }
}