/*
 Theme Name:   Storefront Catálogo Child
 Theme URI:    https://catalogo.codiven.com
 Description:  Tema hijo de Storefront para el catálogo de ventas de Codiven.
 Author:       Codiven
 Template:     storefront
 Version:      1.0.0
 Text Domain:  storefront-catalogo-child
*/

/* ═══════════════════════════════════════════════════════════════
   LIMPIEZA GENERAL DE STOREFRONT
   Quitamos todo lo que no necesitamos en una página de catálogo.
═══════════════════════════════════════════════════════════════ */

/* ── Eliminar barra secundaria / top bar ──────────────────────── */
.site-header-cart,
.storefront-handheld-footer-bar,
#order_review_heading,
.woocommerce-breadcrumb {
    display: none !important;
}

/* ── Header limpio: solo logo centrado ───────────────────────── */
.site-header {
    background: #1C1C1E !important;
    padding: 14px 24px !important;
    border-bottom: none !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Logo */
.site-header .site-branding {
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
}
.site-header .site-branding .site-title a,
.site-header .site-branding .site-title {
    color: #fff !important;
    font-size: 20px !important;
    letter-spacing: 0.04em !important;
}
.site-header .site-branding .site-description {
    color: rgba(255,255,255,0.4) !important;
    font-size: 11px !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* Si tienes logo imagen */
.site-header .custom-logo {
    max-height: 44px !important;
    width: auto !important;
}

/* ── Ocultar navegación principal ────────────────────────────── */
.main-navigation,
.storefront-primary-navigation {
    display: none !important;
}

/* ── Quitar padding lateral del tema al <main> ───────────────── */
#main,
#primary,
.site-main {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
}

/* ── Quitar sidebar de WordPress si aparece ──────────────────── */
#secondary,
.widget-area {
    display: none !important;
}

/* ── Contenido a ancho completo ──────────────────────────────── */
.storefront-full-width-content #primary,
#page .col-full,
.col-full {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.entry-content,
.page-content {
    padding: 24px !important;
    max-width: 100% !important;
}

/* ── Footer minimalista ──────────────────────────────────────── */
.site-footer {
    background: #1C1C1E !important;
    color: rgba(255,255,255,0.35) !important;
    text-align: center !important;
    padding: 16px !important;
    font-size: 12px !important;
    border-top: none !important;
}
.site-footer a { color: rgba(255,255,255,0.5) !important; }
.site-footer .col-1,
.site-footer .col-2 {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
}

/* ── Quitar margen/padding extra del body ────────────────────── */
body.page-template-page-catalogo-ventas .hentry {
    margin: 0 !important;
    padding: 0 !important;
}
body.page-template-page-catalogo-ventas .entry-header {
    display: none !important; /* oculta el título H1 de la página */
}

/* ── Responsive: header en móvil ─────────────────────────────── */
@media (max-width: 680px) {
    .site-header {
        padding: 10px 16px !important;
    }
    .entry-content,
    .page-content {
        padding: 12px !important;
    }
}