/*
Theme Name:   Smakoszyki
Theme URI:    https://smakoszyki.pl
Author:       BeAgency
Author URI:   https://beagency.pl
Description:  Motyw WooCommerce dla Smakoszyki.pl (grupa Poczta Kwiatowa) - delikatesy, słodycze premium i kosze prezentowe. Własne bloki strony głównej, naklejki produktowe, grupy cenowe, konta B2B/Hurt, negocjacja ceny (AI) - bez ACF i bez page-builderów.
Version:      0.3.5
Requires at least: 6.4
Tested up to: 7.0.3
Requires PHP: 8.0
WC requires at least: 8.0
WC tested up to: 11.1
Text Domain:  smakoszyki
*/

/*
UWAGA: Właściwy layout i cała stylistyka Tailwind są ładowane przez
functions.php (patrz inc/setup.php) — Tailwind Play CDN + konfiguracja
tokenów z DESIGN.md, 1:1 z zatwierdzonym prototypem.
Ten plik zawiera tylko reset/dopełnienia, których CDN nie pokrywa,
oraz zmienne CSS na wypadek przyszłego przejścia na kompilowany build.
*/

:root{
  --color-surface: #faf9fb;
  --color-surface-dim: #dbd9dc;
  --color-surface-bright: #faf9fb;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f5f3f5;
  --color-surface-container: #efedf0;
  --color-surface-container-high: #e9e8ea;
  --color-surface-container-highest: #e3e2e4;
  --color-on-surface: #1b1c1e;
  --color-on-surface-variant: #434937;
  --color-inverse-surface: #2f3032;
  --color-inverse-on-surface: #f2f0f3;
  --color-outline: #747965;
  --color-outline-variant: #c3c9b2;
  --color-primary: #486800;
  --color-on-primary: #ffffff;
  --color-primary-container: #78a714;
  --color-on-primary-container: #243600;
  --color-secondary: #84532f;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #fdbb8f;
  --color-tertiary: #7d562d;
  --color-tertiary-container: #bf9061;
  --color-error: #ba1a1a;
  --color-background: #faf9fb;
  --color-brand-lime-vibrant: #87BA14;
  --color-surface-cream-primary: #FBF9F5;
  --color-surface-cream-subtle: #F5F1E9;
  --color-surface-card-pure: #FFFFFF;
  --color-border-warm-line: #E8E2D7;
  --color-accent-gold-foil: #AE8433;
  --color-promo-fire-red: #C82229;
  --color-badge-citrus-orange: #F36E21;
  --color-text-muted-olive: #5E6852;

  --radius-sm: 0.25rem;
  --radius-default: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;
}

html,body{margin:0;padding:0;}
body{overscroll-behavior:none;}
img{max-width:100%;height:auto;}
.scrollbar-none::-webkit-scrollbar{display:none;}
.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none;}

/* Material Symbols - domyślny render (uniknięcie "migotania" nieostylowanej ikony) */
.material-symbols-outlined{
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;
  font-size: inherit;
  line-height: 1;
  vertical-align: middle;
}

/* Skip-link dostępności, niewidoczny w prototypie ale wymagany w produkcji */
.skip-link{
  position:absolute;left:-9999px;top:0;background:#1b1c1e;color:#fff;
  padding:.75rem 1rem;z-index:100000;border-radius:0 0 .5rem 0;
}
.skip-link:focus{left:0;}

/* Widoczny stan zaznaczonego pola w edytorze ACF (podgląd naklejki produktowej) */
.smk-badge-swatch{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:9999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}