/**
 * Condalab Branding CSS
 * Basado en el Brandbook 2025
 *
 * Este archivo aplica la identidad visual de Condalab al tema de PrestaShop
 */

/* ===== VARIABLES CSS CORPORATIVAS ===== */
:root {
    /* Colores principales */
    --condalab-green: #009A17;
    --condalab-green-dark: #007A12;
    --condalab-green-light: #00B31B;
    --condalab-green-rgb: 0, 154, 23;
    --condalab-black: #000000;
    --condalab-white: #FFFFFF;

    /* Grises corporativos */
    --condalab-gray-20: #CCCCCC;
    --condalab-gray-70: #4D4D4D;
    --condalab-gray-light: #F5F5F5;

    /* Colores complementarios (del brandbook) */
    --condalab-yellow: #F2A900;      /* Pantone 130 C */
    --condalab-orange: #FF8200;      /* Pantone 151 C */
    --condalab-pink: #E0457B;        /* Pantone 205 C */
    --condalab-red: #E40046;         /* Pantone 192 C */
    --condalab-burgundy: #971B2F;    /* Pantone 7427 C */
    --condalab-purple: #642F6C;      /* Pantone 520 C */
    --condalab-blue: #1D428A;        /* Pantone 7687 C */
    --condalab-cyan: #00C1D5;        /* Pantone 3115 C */
    --condalab-teal: #00A499;        /* Pantone 3272 C */
    --condalab-dark-green: #00573F;  /* Pantone 7484 C */

    /* Estados UI */
    --condalab-success: #009A17;
    --condalab-error: #DC3545;
    --condalab-warning: #F2A900;
    --condalab-info: #1D428A;

    /* Tipografía */
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Verdana', Geneva, sans-serif;
    --font-mono: 'Courier New', monospace;
}

/* ===== TIPOGRAFÍA ===== */
body {
    font-family: var(--font-primary);
    color: var(--condalab-black);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary);
    color: var(--condalab-black);
    font-weight: 600;
}

/* ===== COLORES PRIMARIOS - OVERRIDE BOOTSTRAP ===== */

/* Links */
a {
    color: var(--condalab-green);
}

a:hover {
    color: var(--condalab-green-dark);
}

/* Botón primario */
.btn-primary {
    background-color: var(--condalab-green);
    border-color: var(--condalab-green);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--condalab-green-dark);
    border-color: var(--condalab-green-dark);
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--condalab-green-rgb), 0.5);
}

/* Botón success (usar verde corporativo) */
.btn-success {
    background-color: var(--condalab-green);
    border-color: var(--condalab-green);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: var(--condalab-green-dark);
    border-color: var(--condalab-green-dark);
}

/* Botón outline */
.btn-outline-primary {
    color: var(--condalab-green);
    border-color: var(--condalab-green);
}

.btn-outline-primary:hover {
    background-color: var(--condalab-green);
    border-color: var(--condalab-green);
    color: var(--condalab-white);
}

/* ===== FORMULARIOS ===== */
.form-control:focus,
.form-select:focus {
    border-color: var(--condalab-green);
    box-shadow: 0 0 0 0.2rem rgba(var(--condalab-green-rgb), 0.25);
}

/* Checkbox y radio */
.form-check-input:checked {
    background-color: var(--condalab-green);
    border-color: var(--condalab-green);
}

/* ===== BADGES ===== */
.badge.bg-primary,
.badge-primary {
    background-color: var(--condalab-green) !important;
}

.badge.bg-success,
.badge-success {
    background-color: var(--condalab-green) !important;
}

/* ===== ALERTAS ===== */
.alert-success {
    background-color: rgba(var(--condalab-green-rgb), 0.1);
    border-color: var(--condalab-green);
    color: var(--condalab-green-dark);
}

.alert-warning {
    background-color: rgba(242, 169, 0, 0.1);
    border-color: var(--condalab-yellow);
    color: #856404;
}

/* ===== PROGRESS BAR ===== */
.progress-bar {
    background-color: var(--condalab-green);
}

/* ===== SPINNERS ===== */
.spinner-border {
    color: var(--condalab-green);
}

/* ===== PRESTASHOP ESPECÍFICO ===== */

/* Header */
#header .header-nav {
    background-color: var(--condalab-white);
    border-bottom: 2px solid var(--condalab-green);
}

/* Logo área */
#header .logo {
    max-height: 60px;
}

/* Menú de navegación */
#header .top-menu a {
    color: var(--condalab-black);
}

#header .top-menu a:hover,
#header .top-menu .current > a {
    color: var(--condalab-green);
}

/* Carrito */
#header .blockcart .header {
    color: var(--condalab-black);
}

#header .blockcart .cart-products-count {
    background-color: var(--condalab-green);
    color: var(--condalab-white);
}

/* Footer - custom styles in cdl-footer.css */

/* Productos */
.product-miniature .product-title a {
    color: var(--condalab-black);
}

.product-miniature .product-title a:hover {
    color: var(--condalab-green);
}

.product-miniature .product-price-and-shipping .price {
    color: var(--condalab-green);
    font-weight: 600;
}

/* Ficha de producto */
.product-prices .current-price .price {
    color: var(--condalab-green);
}

.product-add-to-cart .btn-primary,
.product-add-to-cart .add-to-cart {
    background-color: var(--condalab-green);
    border-color: var(--condalab-green);
}

.product-add-to-cart .btn-primary:hover,
.product-add-to-cart .add-to-cart:hover {
    background-color: var(--condalab-green-dark);
    border-color: var(--condalab-green-dark);
}

/* Breadcrumb */
.breadcrumb a {
    color: var(--condalab-gray-70);
}

.breadcrumb a:hover {
    color: var(--condalab-green);
}

/* Paginación */
.pagination .page-item.active .page-link {
    background-color: var(--condalab-green);
    border-color: var(--condalab-green);
}

.pagination .page-link {
    color: var(--condalab-green);
}

.pagination .page-link:hover {
    color: var(--condalab-green-dark);
}

/* Carrito */
.cart-summary .cart-total .value {
    color: var(--condalab-green);
    font-weight: 700;
}

/* Checkout */
.checkout-step .step-title {
    color: var(--condalab-black);
}

.checkout-step.-current .step-title {
    color: var(--condalab-green);
}

.checkout-step.-complete .step-title {
    color: var(--condalab-green);
}

/* Mi cuenta */
.account-list a:hover {
    color: var(--condalab-green);
}

/* ===== UTILIDADES ===== */
.text-condalab {
    color: var(--condalab-green) !important;
}

.bg-condalab {
    background-color: var(--condalab-green) !important;
}

.border-condalab {
    border-color: var(--condalab-green) !important;
}

/* ===== ANIMACIONES ===== */
@keyframes condalab-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

.condalab-loading {
    animation: condalab-pulse 1.5s ease-in-out infinite;
}