/**
 * Papelarte Minorista - Estilos Visuales Independientes (Paleta Azul / Celeste)
 * Se aplica exclusivamente cuando el visitante navega en la tienda Minorista (body.site-minorista).
 */

/* ==========================================================================
   1. VARIABLES DE TEMA Y PALETA AZUL / CELESTE
   ========================================================================== */
body.site-minorista {
    --color-primary: #0284c7;
    --color-primary-hover: #0369a1;
    --color-sky: #38bdf8;
    
    --pa-red: #0284c7;
    --pa-red-dark: #0369a1;
    --pa-red-deep: #0c4a6e;
    --pa-blue: #38bdf8;
    
    --ppa-red: #0284c7;
    --ppa-red-dark: #0c4a6e;
    --ppa-red-btn: #0369a1;
}

/* ==========================================================================
   2. CABECERA, FRANJA SUPERIOR Y BUSCADOR
   ========================================================================== */
body.site-minorista .pa-utility {
    background: #0c4a6e !important; /* Azul marino profundo */
    color: #ffffff !important;
}

body.site-minorista .pa-utility__inner a,
body.site-minorista .pa-topbar-link {
    color: #bae6fd !important;
}
body.site-minorista .pa-utility__inner a:hover,
body.site-minorista .pa-topbar-link:hover {
    color: #ffffff !important;
}

body.site-minorista .pa-header {
    background: #0284c7 !important; /* Azul océano */
    box-shadow: 0 4px 18px rgba(2, 132, 199, 0.22) !important;
}

body.site-minorista .pa-account,
body.site-minorista .pa-cart {
    background: rgba(12, 74, 110, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
}
body.site-minorista .pa-account:hover,
body.site-minorista .pa-cart:hover {
    background: rgba(12, 74, 110, 0.55) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

body.site-minorista .pa-cart__count {
    background: #0c4a6e !important;
    color: #ffffff !important;
}

body.site-minorista .ppa-search-submit {
    background: #0284c7 !important;
}

body.site-minorista .ppa-search-item:hover,
body.site-minorista .ppa-search-item.is-selected {
    background: #f0f9ff !important;
}

body.site-minorista .ppa-search-sku {
    color: #0369a1 !important;
    background: #e0f2fe !important;
}

/* ==========================================================================
   3. NAVEGACIÓN Y MENÚS
   ========================================================================== */
body.site-minorista .pa-nav__all {
    background: #0369a1 !important;
    color: #ffffff !important;
}
body.site-minorista .pa-nav__all:hover {
    background: #0c4a6e !important;
}

body.site-minorista .pa-nav__link:hover,
body.site-minorista .pa-nav__link.is-active {
    color: #0284c7 !important;
}

body.site-minorista .pa-nav__link::after {
    background: #0284c7 !important;
}

/* ==========================================================================
   4. GRILLA DE PRODUCTOS, TARJETAS Y BADGES
   ========================================================================== */
body.site-minorista .pa-product-card__badge,
body.site-minorista .onsale {
    background: #0284c7 !important;
    color: #ffffff !important;
}

body.site-minorista .pa-product-card__title a:hover {
    color: #0284c7 !important;
}

body.site-minorista .pa-product-card__price {
    color: #0c4a6e !important;
}

body.site-minorista .pa-product-card__add,
body.site-minorista .woocommerce ul.products li.product .button,
body.site-minorista .woocommerce-page ul.products li.product .button,
body.site-minorista .woocommerce ul.products li.product .papelarte-shop-qty-form button[type="submit"],
body.site-minorista .woocommerce ul.products li.product .papelarte-shop-qty-form button.add_to_cart_button,
body.site-minorista .woocommerce ul.products li.product a.button {
    background: #0284c7 !important;
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
}

body.site-minorista .pa-product-card__add:hover,
body.site-minorista .woocommerce ul.products li.product .button:hover,
body.site-minorista .woocommerce-page ul.products li.product .button:hover,
body.site-minorista .woocommerce ul.products li.product .papelarte-shop-qty-form button[type="submit"]:hover,
body.site-minorista .woocommerce ul.products li.product .papelarte-shop-qty-form button.add_to_cart_button:hover,
body.site-minorista .woocommerce ul.products li.product a.button:hover {
    background: #0369a1 !important;
    background-color: #0369a1 !important;
    border-color: #0369a1 !important;
}

body.site-minorista .pa-qty__button:hover {
    color: #0284c7 !important;
    background: #f0f9ff !important;
}

/* ==========================================================================
   5. FICHA INDIVIDUAL DE PRODUCTO (SINGLE PRODUCT)
   ========================================================================== */
/* ppa-product-sku hereda el estilo editorial unificado de product.css para consistencia con Mayorista */

body.site-minorista .ppa-product-gallery__thumb.is-active img,
body.site-minorista .woocommerce-product-gallery__image--active img {
    border-color: #0284c7 !important;
}

body.site-minorista.single-product .summary form.cart .single_add_to_cart_button,
body.site-minorista.single-product form.cart .single_add_to_cart_button,
body.site-minorista .summary form.cart .single_add_to_cart_button,
body.site-minorista form.cart .single_add_to_cart_button,
body.site-minorista form.cart button[type="submit"],
body.site-minorista button.single_add_to_cart_button.button.alt,
body.site-minorista .single_add_to_cart_button,
body.site-minorista .papelarte-sticky-btn {
    background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%) !important;
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35) !important;
}

body.site-minorista.single-product .summary form.cart .single_add_to_cart_button:hover,
body.site-minorista.single-product form.cart .single_add_to_cart_button:hover,
body.site-minorista .summary form.cart .single_add_to_cart_button:hover,
body.site-minorista form.cart .single_add_to_cart_button:hover,
body.site-minorista form.cart button[type="submit"]:hover,
body.site-minorista button.single_add_to_cart_button.button.alt:hover,
body.site-minorista .single_add_to_cart_button:hover,
body.site-minorista .papelarte-sticky-btn:hover {
    background: linear-gradient(180deg, #0369a1 0%, #0c4a6e 100%) !important;
    background-color: #0369a1 !important;
    border-color: #0369a1 !important;
    box-shadow: 0 6px 18px rgba(2, 132, 199, 0.45) !important;
}

body.site-minorista .papelarte-stepper-btn:hover {
    color: #0284c7 !important;
    background: #f0f9ff !important;
}

/* Swatches de variación */
body.site-minorista .ppa-swatch.is-selected,
body.site-minorista .ppa-swatch:hover {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 2px rgba(2, 132, 199, 0.3) !important;
}

/* ==========================================================================
   6. CARRITO FLOTANTE Y SIDECART (DRAWER)
   ========================================================================== */
body.site-minorista #ppa-floating-cart-btn,
body.site-minorista .ppa-floating-cart-btn {
    background: #0284c7 !important;
    box-shadow: 0 10px 26px rgba(2, 132, 199, 0.35) !important;
}

body.site-minorista #ppa-floating-cart-btn:hover,
body.site-minorista .ppa-floating-cart-btn:hover {
    background: #0369a1 !important;
}

body.site-minorista .ppa-floating-cart-count,
body.site-minorista #ppa-floating-cart-btn .ppa-floating-cart-count {
    background: #0c4a6e !important;
    border-color: #ffffff !important;
}

body.site-minorista .ppa-sidecart-checkout,
body.site-minorista .ppa-sidecart-checkout-btn {
    background: #0284c7 !important;
    color: #ffffff !important;
}
body.site-minorista .ppa-sidecart-checkout:hover,
body.site-minorista .ppa-sidecart-checkout-btn:hover {
    background: #0369a1 !important;
}

body.site-minorista .ppa-shipping-progress__fill {
    background: linear-gradient(90deg, #38bdf8 0%, #0284c7 100%) !important;
}

/* ==========================================================================
   7. CHECKOUT Y FORMULARIOS
   ========================================================================== */
body.site-minorista .ppa-checkout-header {
    background: #0284c7 !important;
}

body.site-minorista #place_order,
body.site-minorista .woocommerce-checkout #payment button#place_order {
    background: #0284c7 !important;
    background-color: #0284c7 !important;
    border-color: #0284c7 !important;
}
body.site-minorista #place_order:hover,
body.site-minorista .woocommerce-checkout #payment button#place_order:hover {
    background: #0369a1 !important;
    background-color: #0369a1 !important;
    border-color: #0369a1 !important;
}

body.site-minorista form.woocommerce-checkout input.input-text:focus,
body.site-minorista form.woocommerce-checkout select:focus {
    border-color: #0284c7 !important;
    box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15) !important;
}

/* ==========================================================================
   8. PIE DE PÁGINA (FOOTER)
   ========================================================================== */
body.site-minorista .pa-footer {
    background: #0c4a6e !important; /* Azul marino profundo */
    color: #ffffff !important;
}

body.site-minorista .pa-footer a:hover {
    color: #38bdf8 !important;
}

body.site-minorista .pa-footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* ==========================================================================
   0. RESET ESTRUCTURAL DE CONTENEDOR PRINCIPAL
   Garantiza exactamente la misma escala, grilla y ancho que la tienda Mayorista
   ========================================================================== */
body.site-minorista .site-main,
body.site-minorista main#primary,
body.site-minorista main.site-main {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   9. BANNER Y SECCIONES DE PORTADA (HOME)
   ========================================================================== */
body.site-minorista .pa-banner {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f7f9fa !important;
    overflow: hidden !important;
}

body.site-minorista .pa-banner__frame {
    width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.site-minorista .pa-banner__copy {
    background: linear-gradient(90deg, rgba(224, 242, 254, 0.98) 0%, rgba(224, 242, 254, 0.92) 72%, rgba(224, 242, 254, 0) 100%) !important;
}

body.site-minorista .pa-banner h1 {
    color: #0c4a6e !important;
}

body.site-minorista .pa-button--primary {
    background: #0284c7 !important;
    color: #ffffff !important;
}
body.site-minorista .pa-button--primary:hover {
    background: #0369a1 !important;
    color: #ffffff !important;
}

body.site-minorista .pa-section-heading span {
    color: #0284c7 !important;
}

body.site-minorista .pa-section-heading>a {
    color: #0284c7 !important;
}
body.site-minorista .pa-section-heading>a:hover {
    color: #0369a1 !important;
}