/* =========================================
   RESPONSIVE.CSS
   Mobile-first breakpoints
   
   sm:  480px  → celular grande
   md:  768px  → tablet
   lg:  1024px → notebook
   xl:  1200px → desktop
   ========================================= */

/* =========================================
   TABLET — até 1024px
   ========================================= */
@media (max-width: 1024px) {

    /* Tipografia */
    h1, .hero__title        { font-size: var(--font-size-xl); }
    h2, .section__title     { font-size: var(--font-size-lg); }

    /* Hero */
    .hero__content          { max-width: 100%; }

    /* Grids de 4 → 2 colunas */
    .home-categories__grid  { grid-template-columns: repeat(2, 1fr); }
    .home-products__grid    { grid-template-columns: repeat(2, 1fr); }

    /* Diferenciais 3 → 2 colunas */
    .home-features__grid    { grid-template-columns: repeat(2, 1fr); }

    /* WooCommerce grid */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* =========================================
   TABLET PEQUENO / MOBILE GRANDE — até 768px
   ========================================= */
@media (max-width: 768px) {

    /* Container */
    .container { padding: 0 var(--spacing-md); }

    /* Seções */
    .section { padding: var(--spacing-xl) 0; }

    /* Hero */
    .hero { padding: var(--spacing-xl) 0; }

    .hero__title {
        font-size: 28px;
        line-height: 1.25;
    }

    .hero__subtitle { font-size: var(--font-size-base); }

    .hero__actions {
        flex-direction: column;
        width: 100%;
    }

    .hero__actions .btn {
        width: 100%;
        justify-content: center;
    }

    /* Trust bar */
    .trust-bar {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md);
    }

    /* Categorias */
    .home-categories__grid { grid-template-columns: repeat(2, 1fr); }

    /* Produtos */
    .home-products__grid { grid-template-columns: repeat(2, 1fr); }

    /* Diferenciais 2 → 1 coluna */
    .home-features__grid {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .home-features__text { max-width: 100%; }

    /* CTA final */
    .home-cta__box { padding: var(--spacing-xl) var(--spacing-md); }

    .home-cta__title { font-size: var(--font-size-lg); }

    /* Single product: 2 → 1 coluna */
    .single-product__main {
        grid-template-columns: 1fr;
    }

    /* Archive toolbar */
    .archive-page__toolbar {
        flex-direction: column;
        align-items: flex-start;
    }

    .archive-page__orderby { width: 100%; }
    .archive-page__orderby select { width: 100%; }

    /* WooCommerce grid */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* =========================================
   MOBILE — até 480px
   ========================================= */
@media (max-width: 480px) {

    /* Tipografia */
    .hero__title    { font-size: 24px; }
    .section__title { font-size: var(--font-size-lg); }

    /* Grids 2 → 1 coluna */
    .home-categories__grid  { grid-template-columns: 1fr; }
    .home-products__grid    { grid-template-columns: 1fr; }

    /* WooCommerce grid */
    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: 1fr;
    }

    /* Cards de produto full width */
    .home-product-card { width: 100%; }

    /* Buttons */
    .btn--lg {
        padding: 14px 20px;
        font-size: var(--font-size-base);
    }

    /* Archive */
    .archive-page { padding: var(--spacing-lg) var(--spacing-md); }
    .archive-page__title { font-size: var(--font-size-lg); }

    .archive-page__categories { gap: var(--spacing-xs); }

    .archive-page__cat-pill {
        padding: 5px 12px;
        font-size: 12px;
    }

    /* Single product */
    .single-product-page {
        padding: var(--spacing-lg) var(--spacing-md);
    }

    .single-product__title  { font-size: var(--font-size-lg); }
    .single-product__price  { font-size: var(--font-size-xl); }

    .single-product__trust  { gap: var(--spacing-xs); }

    .single-product__payment-icons {
        flex-wrap: wrap;
        gap: var(--spacing-xs);
    }

    /* WhatsApp CTA */
    .whatsapp-cta { padding: var(--spacing-xl) var(--spacing-md); }
    .whatsapp-cta__btn { width: 100%; justify-content: center; }

    /* WooCommerce checkout */
    .woocommerce-checkout #payment { padding: var(--spacing-md); }
}

/* =========================================
   PRINT — oculta elementos desnecessários
   ========================================= */
@media print {
    .hero,
    .trust-bar-section,
    .home-cta,
    .home-features,
    header,
    footer,
    .whatsapp-cta__btn { display: none !important; }

    /* =========================================
   HEADER RESPONSIVO
   ========================================= */
@media (max-width: 768px) {

    .site-header__nav {
        display: none;
    }

    .site-header__hamburger {
        display: flex;
    }
}

/* =========================================
   FOOTER RESPONSIVO
   ========================================= */
@media (max-width: 768px) {

    .site-footer__top {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
        padding: var(--spacing-xl) var(--spacing-md);
    }

    .site-footer__tagline { max-width: 100%; }

    .site-footer__bottom-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-md);
    }
}

}