/*
Theme Name: Permacultura Club
Theme URI: https://permacultura.club
Author: wp-agency
Author URI: https://wp-agency
Description: Block theme (FSE) para permacultura.club -- Universidad de la Permacultura. Biblia de plantas, curso PDC y herramientas SaaS para disenadores. Diseniado con tokens de DESIGN.md: paleta verde hoja, tipografia Lora + Inter, espaciado aireado y field guide botanica.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: permacultura-club
Tags: full-site-editing, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, featured-images, translation-ready, education, science, accessibility-ready
*/

/* Importar tokens CSS exportados desde DESIGN.md */
@import url("./assets/css/tokens.css");

/* === Reset base === */

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* === Typography defaults (fallbacks si Google Fonts no carga) === */

h1, h2, h3, h4, h5, h6,
.wp-block-heading {
    font-family: 'Lora', Georgia, 'Times New Roman', serif;
}

body, p, ul, ol, li, figure, figcaption, blockquote, dl, dd {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* === Root padding para alignwide / alignfull === */

body {
    --wp--style--root--padding: 0;
}

/* === Elevation utilities (para uso en clases custom si se necesitan) === */

.has-elevation-card {
    box-shadow: 0 2px 8px rgba(93, 78, 55, 0.08);
}

.has-elevation-modal {
    box-shadow: 0 8px 32px rgba(93, 78, 55, 0.16);
}

.has-elevation-sticky {
    box-shadow: 0 2px 4px rgba(93, 78, 55, 0.12);
}

/* === Badge utility === */

.badge {
    display: inline-block;
    background-color: #E89B3C;
    color: #5D4E37;
    border-radius: 9999px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-family: 'Inter', sans-serif;
}

/* === Ficha-planta single: estructura de bloques A-R === */

.ficha-planta-single .wp-block-group {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

/* === Archive ficha-planta: layout 2 columnas === */

.ficha-planta-archive .wp-block-group {
    gap: 24px;
}

/* === Responsive: sidebar se colapsa en mobile === */

@media (max-width: 782px) {
    .ficha-planta-archive .wp-block-group > .wp-block-group {
        flex-direction: column;
    }
}

/* === Sticky header === */

.wp-block-template-part-header {
    position: sticky;
    top: 0;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(93, 78, 55, 0.12);
}

/* === Focus visible: accesibilidad === */

a:focus-visible,
button:focus-visible,
.wp-block-button__link:focus-visible {
    outline: 2px solid #4A7C3B;
    outline-offset: 4px;
}

/* === Selection === */

::selection {
    background-color: #4A7C3B;
    color: #FFFFFF;
}

/* === Scrollbar (decorativo, webkit) === */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F5F0E1;
}

::-webkit-scrollbar-thumb {
    background: #D4D0C5;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6B6B63;
}