/*
Theme Name: Affiliate Simple Page
Author: Mateus de Medeiros Cordeiro
Author URI: https://github.com/mateusmcordeiro
Description: Tema de afiliados com cards de produtos, Custom Post Type e TailwindCSS. Ideal para sites de curadoria e divulgação de produtos.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: affiliate-simple-page
Tags: affiliate, tailwind, products, e-commerce, custom-post-type
*/

/* =============================================
   TIPOGRAFIA GLOBAL
   Fonte Inter carregada via functions.php
   ============================================= */
body {
    font-family: 'Inter', sans-serif;
}

/* =============================================
   CARDS DE PRODUTO — Animações de hover
   ============================================= */
.product-card {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1),
                0 8px 10px -6px rgba(0, 0, 0, 0.1);
}

/* =============================================
   MENU DE NAVEGAÇÃO DO WORDPRESS
   Remove estilos padrão gerados pelo wp_nav_menu
   ============================================= */
.asp-nav-menu {
    display: flex;
    gap: 2rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.asp-nav-menu li {
    margin: 0;
    padding: 0;
}

.asp-nav-menu-mobile {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.asp-nav-menu-mobile li {
    margin: 0;
    padding: 0;
}

/* =============================================
   ALTURA MÍNIMA DE PÁGINA
   Compensa o header fixo de 56px (h-14) para que
   páginas com pouco conteúdo nunca mostrem espaço em branco
   antes do footer. Usado via classe CSS em vez de inline style.
   ============================================= */
.asp-page-main {
    min-height: calc(100dvh - 56px);
}