/*
Theme Name: Astra Child
Theme URI: https://cubacellsa.com/
Description: Child theme de Astra con branding Cubacell (azul / amarillo / negro).
Author: Cubacell
Author URI: https://cubacellsa.com/
Template: astra
Version: 1.1.0
Text Domain: astra-child
*/

:root {
    --cb-blue: #1A4DD9;
    --cb-blue-dark: #0F3AA8;
    --cb-yellow: #FFD400;
    --cb-yellow-dark: #E6BF00;
    --cb-black: #0A0A0A;
    --cb-gray: #f3f4f6;
    --cb-lime: #A8D200;
}

/* ---------- Header ---------- */
.site-header,
.ast-primary-header-bar,
.ast-above-header,
.ast-below-header,
.main-header-bar {
    background-color: var(--cb-blue) !important;
}

.main-header-menu a,
.ast-builder-menu a,
.main-header-bar a,
.ast-builder-menu .menu-item > a,
.site-title a,
.site-description {
    color: #ffffff !important;
}

.main-header-menu a:hover,
.ast-builder-menu a:hover,
.main-header-menu .current-menu-item > a,
.ast-builder-menu .current-menu-item > a {
    color: var(--cb-yellow) !important;
}

.main-header-bar .ast-search-icon,
.ast-cart-menu-wrap,
.ast-header-account-wrap,
.ast-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Logo: forzar contraste sobre azul */
.site-branding .site-title {
    color: #ffffff !important;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -0.5px;
}

/* ---------- Footer ---------- */
.site-footer,
.footer-adv,
.footer-sml-layout,
.footer-adv-overlay,
[data-section="section-footer-builder"] .site-footer,
.site-below-footer-wrap,
.site-primary-footer-wrap {
    background-color: var(--cb-blue) !important;
    color: #ffffff !important;
}

.site-footer p,
.site-footer li,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #ffffff !important;
}

.site-footer a,
.footer-adv a {
    color: var(--cb-yellow) !important;
    text-decoration: none;
}

.site-footer a:hover,
.footer-adv a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ---------- Botones globales (Gutenberg + Astra) ---------- */
.wp-block-button__link,
.ast-button,
.ast-custom-button {
    background-color: var(--cb-blue) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    transition: background .2s ease;
}

.wp-block-button__link:hover,
.ast-button:hover {
    background-color: var(--cb-blue-dark) !important;
    color: #ffffff !important;
}

/* ---------- WooCommerce ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce ul.products li.product .button {
    background-color: var(--cb-blue) !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: var(--cb-blue-dark) !important;
    color: #ffffff !important;
}

/* Badge "Oferta" */
.woocommerce span.onsale {
    background-color: var(--cb-yellow) !important;
    color: var(--cb-black) !important;
    font-weight: 800 !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 4px 10px !important;
}

/* Precios */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: var(--cb-black) !important;
    font-weight: 800 !important;
}

.woocommerce ul.products li.product .price del {
    color: #888 !important;
    font-weight: 400 !important;
}

.woocommerce ul.products li.product .price ins {
    color: var(--cb-blue) !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}

/* Cards de producto */
.woocommerce ul.products li.product {
    border-radius: 8px;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
    background: #ffffff;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(26, 77, 217, 0.12);
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: var(--cb-blue) !important;
    font-weight: 700 !important;
}

/* ---------- Tipografía Cubacell ---------- */
h1, h2, h3 {
    font-weight: 800 !important;
    letter-spacing: -0.5px;
}

h1 mark, h2 mark, h3 mark {
    background-color: var(--cb-yellow);
    color: var(--cb-black);
    padding: 0 8px;
    border-radius: 3px;
}

/* ---------- Links body ---------- */
a { color: var(--cb-blue); }
a:hover { color: var(--cb-blue-dark); }

/* ---------- Buscador estilo Novicompu ---------- */
.ast-search-menu-icon.slide-search .search-form,
.search-form input[type="search"] {
    border-radius: 999px !important;
    border: none !important;
    background: #ffffff !important;
}

.search-submit, .search-form button {
    background-color: var(--cb-lime) !important;
    color: var(--cb-black) !important;
    border-radius: 999px !important;
}

/* ---------- WhatsApp flotante (opcional, requiere markup) ---------- */
.cb-whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background: #25D366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
}

/* ---------- Mejoras móvil ---------- */
@media (max-width: 768px) {
    .wp-block-cover h1 { font-size: 36px !important; }
    .wp-block-cover h2 { font-size: 28px !important; }
}