/*!
Theme Name:  Elanco Child
Theme URI:   https://them.es/starter
Author:      Eikondigital
Author URI:  
Description: Tema hijo de Elanco. Permite personalizar el tema padre sin modificar sus archivos originales.
Version:     1.0.2
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
License:     GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Template:    elanco
Text Domain: elanco-child
*/

/*
 * ─────────────────────────────────────────────────────────────────────────────
 * ESTILOS PERSONALIZADOS DEL TEMA HIJO
 * Agrega aquí todos los estilos que quieras sobrescribir o añadir al tema padre.
 * ─────────────────────────────────────────────────────────────────────────────
 */



:root {
    /* Color primario */
    --elanco-blue: #0072ce;
    --elanco-blue-hover: #005ba3;
    /* estado hover — calculado, no viene del brand guide */
    --elanco-blue-20: #cce3f5;
    --elanco-blue-40: #99c7eb;

    /* Colores secundarios */
    --navy: #001149;
    --beige: #d5c4af;
    --beige-20: #f7f3ef;
    --teal: #0ec3a4;
    --teal-20: #cff3ed;
    --grey: #7f7f7f;
    --grey-20: #e5e5e5;
    --white: #ffffff;
    --text-dark: #1a1a1a;

    /* Color de error — NO viene del brand guide (Elanco no define semántica de error).
     Verificado WCAG AA: 6.57:1 vs blanco, 5.65:1 vs fondo tenue. Pendiente de
     aprobación formal del cliente; sustituir en un solo lugar si definen uno propio. */
    --error: #b42318;
    --error-20: #fbeae8;

    /* Niveles de catálogo (Oro/Plata/Bronce) — NO vienen del brand guide,
     Elanco no los define. Propuesta verificada WCAG AA, pendiente de
     aprobación formal del cliente. */
    --tier-bronze: #8c6a3f;
    --tier-bronze-20: #f3ece0;
    --tier-silver: #6b7280;
    --tier-silver-20: #eef0f2;
    --tier-gold: #8a6a08;
    --tier-gold-20: #f7f0d9;
    --tier-platinum: #4d6072;
    --tier-platinum-20: #eaedf0;

    /* Tipografía — Arial confirmado por el cliente como fuente de sistema digital */
    --font: Arial, Helvetica, sans-serif;

    /* Layout */
    --radius: 8px;
    --max-width: 1200px;
}

.btn-sm {
    padding: 10px 16px;
    font-size: 13px;
    min-height: 44px;
}

.btn-on-blue {
    background: var(--white);
    color: var(--elanco-blue);
}

.btn-on-blue:hover {
    background: var(--elanco-blue-20);
}

.btn-outline-on-blue {
    background: transparent;
    color: var(--elanco-blue) !important;
    border-color: var(--elanco-blue) !important;
}

.btn-outline-on-blue:hover {
    color: var(--white) !important;
    background: var(--elanco-blue) !important;
}

.btn-blue {
    background: var(--elanco-blue) !important;
    color: var(--white) !important;
}

.btn-blue:hover {
    background: var(--elanco-blue-hover) !important;
}

.main-register,
.main-login {
    height: calc(100vh - 60px);
}


body #user-registration #ur-frontend-form,
body .user-registration.ur-frontend-form {
    box-shadow: none !important;
}

body .ur-frontend-form .ur-form-row .ur-form-grid label {
    margin-bottom: 10px !important;
    font-weight: semi-bold;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow,
body .select2-container .select2-selection--single,
body .select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 38px;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 38px;
}


body .select2-container--default .select2-selection--single {
    border: 1px solid #e1e1e1;
}

body.user-registration-page .user-registration.ur-frontend-form form .ur-button-container {

    width: 100%;
}


.user-registration-MyAccount .user-registration-myaccount-notice-box {
    display: none;
}