/*
Theme Name:     Plantas Express
Theme URI:      https://plantasexpress.do
Description:    Child theme de Storefront para Plantas Express. Brand v2 (Abril 2026): paleta Verde Plantas + Cream + Butter, tipografía Mont + Plus Jakarta Sans, logo PNG oficial. Componentes: hero slider, mega menú con sub-categorías, drop zone B2B, plant care quiz, blog Guía. Producción local, manos dominicanas.
Author:         Plantas Express
Author URI:     https://plantasexpress.do
Template:       storefront
Version:        1.0.0
License:        Proprietary
Text Domain:    plantas-express
Tags:           e-commerce, woocommerce, storefront-child, custom-colors, custom-menu, custom-logo
*/

/* ════════════════════════════════════════════════════════════════════════════
   PLANTAS EXPRESS — Child theme de Storefront
   ────────────────────────────────────────────────────────────────────────────

   Este archivo SOLO contiene el header del theme y los design tokens.
   Los estilos viven en assets/css/brand.css y assets/css/components.css
   (cargados desde functions.php para mejor caching).

   Brand reference: ~/Downloads/Plantas Express Design System (1)/
                   Plantas Express - Brand Guidelines.html

   Reglas de uso:
   - 60% green / 30% neutros / 10% accents
   - Logo siempre PNG, nunca recreado en código
   - Botones rounded-pill (999px)
   - No em dashes en copy
   - Voz: tutear como WhatsApp, no formal-corporate
   ──────────────────────────────────────────────────────────────────────────── */

/* ─── Brand tokens — paleta oficial v2 ────────────────────────────────────── */
:root {
  /* Greens */
  --pe-green-50:  #eef2ea;
  --pe-green-100: #dce5d4;
  --pe-green-300: #a9c09c;
  --pe-green-500: #6a8c5e;
  --pe-green-600: #4f7048;
  --pe-green-700: #3d5b39;  /* Verde Plantas — primario */
  --pe-green-800: #2b4524;
  --pe-green-900: #1f3320;  /* Verde Noche — footer */

  /* Neutros */
  --pe-paper:      #fbf9f3;  /* Background base — más aireado */
  --pe-cream:      #f4ecd8;  /* Surface cálido */
  --pe-cream-dark: #e4d6b5;
  --pe-ink:        #18231a;  /* Tinta default */

  /* Accents */
  --pe-butter: #eed882;  /* Acento amarillo, ≤10% */
  --pe-terra:  #b88a6a;  /* Terracota natural */
  --pe-clay:   #8c6849;
  --pe-error:  #a64a3a;  /* Forms validation + sale badge */

  /* Typography */
  --pe-font-display: 'Funnel Display', system-ui, sans-serif;
  --pe-font-sans:    'Plus Jakarta Sans', system-ui, sans-serif;

  /* Radii */
  --pe-radius-s:    6px;
  --pe-radius-m:    12px;
  --pe-radius-l:    22px;
  --pe-radius-pill: 999px;

  /* Shells */
  --pe-shell:  1380px;
  --pe-gutter: 1.5rem;
}

/* ─── Display font ────────────────────────────────────────────────────────
   Funnel Display se carga desde Google Fonts en inc/enqueue.php.
   Mont (proprietary) está disponible como upgrade futuro: si compran la
   licencia, descomenta los @font-face siguientes y añade 'Mont' al inicio
   de --pe-font-display. Los OTF de /assets/fonts/ son DEMO (con marca de
   agua "DEMO" en algunas letras), por eso hoy no se cargan.
   ──────────────────────────────────────────────────────────────────────── */
/*
@font-face {
  font-family: 'Mont';
  src: url('assets/fonts/Mont-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Mont';
  src: url('assets/fonts/Mont-Heavy.otf') format('opentype');
  font-weight: 800 900;
  font-style: normal;
  font-display: swap;
}
*/

.main-menu-item-container > .left-menu-item.left-report.ng-star-inserted {
    display: none !important;
}

.woocommerce-customer-details {
    margin-top: 2rem;
    display: flex;
}