/*
Theme Name:        Oggi Farma — Tema personalizado
Theme URI:         https://oggifarmacias.com/
Template:          storefront
Version:           1.0.218
Requires at least: 6.0
Requires PHP:      7.4
Tested up to:      6.9
Author:            Miguel Medina
Author URI:        https://oggifarmacias.com/
Description:       Child theme de Storefront para la tienda online de Oggi Farma. El home es el de la demo 2026 en un solo shortcode, [oggi_home]: mosaico, promos bancarias, 4 carruseles de productos, banners horizontales, tarjetas de categoría y mosaico de promos, cada bloque editable desde el panel "Oggi Home" sin tocar código, con las placas servidas tal cual se suben (sin recomprimir). Identidad propia: navy + lima + Poppins. Respeta WooCommerce + Storefront sin parchear ni hookear de más.
License:           GNU General Public License v3 or later
License URI:       https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:       storefront-child
Tags:              e-commerce, woocommerce, custom-menu, custom-logo, threaded-comments, sticky-post, translation-ready
*/

/* Aplicar solo en Desktop (Móviles no necesitan sticky) */
@media (min-width: 768px) {

    /* 1. FIX DE CONTENEDORES (Versión Segura) */
    /* Solo desbloqueamos los contenedores internos de Storefront. 
       Quitamos 'body' y 'html' para no romper el diseño general ni el header. */
    #page, 
    .site-content, 
    .col-full {
        overflow: visible !important;
    }

    /* 2. CONFIGURACIÓN DEL SIDEBAR STICKY */
    #secondary {
        /* Activamos el modo pegajoso */
        position: -webkit-sticky;
        position: sticky;
        
        /* DISTANCIA AL TECHO:
           Esto evita que se corte arriba. 
           Si tu menú mide 80px, esto le da 30px de aire extra.
           Si sigue tocando, aumentá este número a 130px o 140px. */
        top: 110px; 
        
        /* Truco para Flexbox (evita que se estire al 100% de altura) */
        align-self: flex-start; 
        
        /* Asegura que el contenido dicte la altura */
        height: auto; 
        
        /* Permitir ver el contenido del widget */
        overflow-y: visible;
        
        /* Capa intermedia (por debajo del menú, por encima del fondo) */
        z-index: 90; 
    }

    /* 3. PROTECCIÓN DEL HEADER (Para que no se rompa) */
    /* Aseguramos que el menú siempre esté POR ENCIMA del sidebar */
    .site-header {
        position: relative; 
        z-index: 999 !important;
    }

    /* 4. AJUSTE SI ESTÁS LOGUEADO (Barra negra de WordPress) */
    /* Si estás editando, la barra negra empuja todo, esto lo compensa */
    .admin-bar #secondary {
        top: 142px; /* 110px originales + 32px de la barra negra */
    }
}