/*!
Theme Name:   Efatelep Child
Theme URI:    https://efatelep.hu
Template:     storefront
Author:       Webground
Description:  Efatelep.hu WooCommerce webáruház – Storefront child theme. Egyedi dizájn a mockup alapján.
Version:      1.4.21
License:      GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  efatelep-child
Tags:         e-commerce, woocommerce, child-theme
*/

/* =============================================================================
   DESIGN TOKENS – CSS Custom Properties
   Minden szín, méret és tipográfiai változó itt van definiálva.
   Ebből dolgoznak az összes többi CSS szabály.
   ============================================================================= */

:root {
  /* --- Zöld paletta --- */
  --ef-green:        #00B342;
  --ef-green-dark:   #0f2d1a;
  --ef-green-mid:    #2a7a47;
  --ef-green-light:  #e8f5ee;

  /* --- Narancs (CTA) --- */
  --ef-orange:       #e8720c;
  --ef-orange-hover: #d4660a;

  /* --- Szürke skála --- */
  --ef-gray-50:  #fafaf8;
  --ef-gray-100: #f3f2ef;
  --ef-gray-200: #e5e4e0;
  --ef-gray-300: #cccbc6;
  --ef-gray-400: #a8a79f;
  --ef-gray-500: #7a7972;
  --ef-gray-700: #3a3935;
  --ef-gray-900: #1a1917;
  --ef-white:    #ffffff;

  /* --- Border radius --- */
  --ef-r:    5px;
  --ef-r-lg: 9px;
  --ef-r-xl: 14px;

  /* --- Spacing --- */
  --ef-gutter: clamp(20px, 4vw, 80px);
  --ef-section-py: 52px;

  /* --- Tipográfia --- */
  --ef-font-body:    'DM Sans', 'Segoe UI', system-ui, sans-serif;
  --ef-font-display: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;

  /* --- Árnyékok --- */
  --ef-shadow-sm:  0 2px 8px rgba(0,0,0,0.05);
  --ef-shadow-md:  0 4px 16px rgba(0,0,0,0.07);
  --ef-shadow-lg:  0 8px 32px rgba(0,0,0,0.10);

  /* --- Z-index rétegek --- */
  --ef-z-header:   100;
  --ef-z-nav:      200;
  --ef-z-mega:     300;
  --ef-z-overlay:  400;
}

/* =============================================================================
   GOOGLE FONTS IMPORT
   ============================================================================= */

/* A Google Fonts @import 2026-08-26-án megszűnt (kártya ca2d8b85). Ez egy
   MÁSODIK betűltési út volt ugyanarra az URL-re, a functions.php-beli enqueue
   mellett. Ha valaki csak az enqueue-t veszi ki, a betűk továbbra is a
   Google-ről jönnek, miközben a feladat késznek látszik. */

/* =============================================================================
   STOREFRONT OVERRIDE – alapértelmezett stílusok felülírása
   ============================================================================= */

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

/* Alap betűtípus felülírása */
body {
  font-family: var(--ef-font-body);
  color: var(--ef-gray-900);
  background: var(--ef-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Storefront header kikapcsolása – saját headert használunk */
.site-header {
  display: none !important;
}

/* Storefront navigáció kikapcsolása */
.main-navigation,
.storefront-primary-navigation {
  display: none !important;
}

/* Storefront breadcrumb eltávolítása a főoldalon */
.home .woocommerce-breadcrumb {
  display: none;
}

/* Főoldal full-width sablon – sidebaron kívüli tartalom */
.home .site-content .col-full {
  padding: 0;
  max-width: 100%;
}

/* WooCommerce üzenetek stílusozása */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  border-top-color: var(--ef-green);
}

/* =============================================================================
   BETÖLTŐ ASSET HIVATKOZÁSOK
   A tényleges komponens-stílusokat az efatelep-custom.css tartalmazza,
   amit a functions.php tölt be wp_enqueue_style-lal.
   ============================================================================= */