/*
Theme Name: A Te Szentélyed — Spiri Artifacts
Theme URI: https://shecreatesdesign.com
Author: She Creates Design
Author URI: https://shecreatesdesign.com
Description: Egyedi, kozmikus szentély-esztétikájú WordPress + WooCommerce téma spirituális segítőknek és önismereti úton járóknak. Blog + digitális artifact-shop. Laza spiri hangulat, materialista, földhözragadt szemlélettel. A "Cosmic Precision" dizájnrendszerre épül.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.0
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: spiri-szentely
Tags: e-commerce, blog, custom-colors, custom-menu, featured-images, translation-ready
*/

/* =========================================================================
   0. DESIGN TOKENS  — forrás: design.md ("Cosmic Precision")
   ========================================================================= */
:root{
  /* Alap / felület */
  --void:#0D0B1A; --nebula:#1E1836; --cosmos:#2A1F4A; --card:#17122E;
  /* Szöveg */
  --foreground:#F0EBF8; --stardust:#8A7AA8; --secondary-foreground:#D4BBEE;
  /* Akcentus / brand */
  --rose:#C97190; --rose-light:#E8A8BE; --rose-dark:#9A4D6A;
  --lavender:#9B6FD0; --lavender-light:#C4A8E8;
  --gold:#D4A76A; --gold-light:#EDD4A0;
  /* Funkcionális */
  --destructive:#D4183D;
  --line:rgba(180,140,210,0.15); --line-soft:rgba(180,140,210,0.08);
  --ring:rgba(201,113,144,0.5);
  /* Tipográfia */
  --serif:'Playfair Display', Georgia, serif;
  --sans:'DM Sans', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --mono:'Geist Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Forma */
  --radius:12px; --radius-sm:8px; --radius-lg:16px;
  /* Layout */
  --wrap:1120px; --wrap-narrow:760px;
}

/* =========================================================================
   1. RESET / ALAP
   ========================================================================= */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--void); color:var(--foreground);
  font-family:var(--sans); font-weight:400; line-height:1.6;
  min-height:100vh; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(circle at 12% 12%, rgba(155,111,208,0.10), transparent 42%),
    radial-gradient(circle at 88% 8%,  rgba(201,113,144,0.08), transparent 48%),
    radial-gradient(circle at 75% 92%, rgba(212,167,106,0.06), transparent 46%),
    radial-gradient(1px 1px at 10% 20%, rgba(240,235,248,0.5) 50%, transparent 51%),
    radial-gradient(1px 1px at 30% 65%, rgba(155,111,208,0.5) 50%, transparent 51%),
    radial-gradient(1px 1px at 70% 30%, rgba(201,113,144,0.45) 50%, transparent 51%),
    radial-gradient(1px 1px at 85% 75%, rgba(212,167,106,0.45) 50%, transparent 51%),
    radial-gradient(1px 1px at 50% 10%, rgba(240,235,248,0.35) 50%, transparent 51%),
    radial-gradient(1px 1px at 22% 88%, rgba(240,235,248,0.3) 50%, transparent 51%),
    radial-gradient(1px 1px at 60% 55%, rgba(196,168,232,0.4) 50%, transparent 51%);
  background-attachment:fixed; background-repeat:no-repeat; background-size:cover;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--rose-light);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--rose)}
::selection{background:rgba(201,113,144,.3);color:var(--foreground)}
:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}

h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.25;letter-spacing:-0.01em}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.wrap--narrow{max-width:var(--wrap-narrow)}

.eyebrow{font-family:var(--mono);font-weight:400;letter-spacing:0.3em;
  text-transform:uppercase;font-size:11px;color:var(--lavender-light);display:block;margin-bottom:14px}
.lead{font-size:18px;color:var(--secondary-foreground);line-height:1.6}

/* gradiens címszöveg */
.gradient-text{
  background:linear-gradient(135deg,var(--foreground) 0%,var(--lavender-light) 45%,var(--rose-light) 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* rituális elválasztó vonal */
.divider{height:1px;border:0;margin:48px 0;
  background:linear-gradient(90deg,transparent,var(--rose) 50%,transparent)}

/* =========================================================================
   2. GOMBOK / CTA
   ========================================================================= */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);
  font-weight:500;font-size:15px;letter-spacing:.02em;padding:14px 30px;border-radius:var(--radius-sm);
  border:1px solid transparent;cursor:pointer;transition:all .25s ease;text-align:center}
.btn--primary{background:var(--rose);color:var(--void)}
.btn--primary:hover{background:var(--rose-light);color:var(--void)}
.btn--ghost{background:transparent;border-color:var(--rose);color:var(--rose-light)}
.btn--ghost:hover{background:rgba(201,113,144,.12);color:var(--rose-light)}
.btn--lav{background:var(--lavender);color:var(--void)}
.btn--lav:hover{background:var(--lavender-light);color:var(--void)}

/* =========================================================================
   3. FEJLÉC / NAVIGÁCIÓ
   ========================================================================= */
.site-header{position:sticky;top:0;z-index:100;
  background:rgba(13,11,26,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;
  gap:24px;height:74px}
.brand{display:flex;align-items:center;gap:12px;line-height:1}
.brand__mark{font-size:22px;color:var(--rose)}
.brand__name{font-family:var(--serif);font-weight:600;font-size:21px;color:var(--foreground)}
.brand__tag{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--stardust);display:block;margin-top:3px}
.brand:hover .brand__name{color:var(--rose-light)}

.main-nav ul{list-style:none;display:flex;align-items:center;gap:28px}
.main-nav a{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--secondary-foreground)}
.main-nav a:hover{color:var(--rose-light)}
.main-nav .current-menu-item > a,.main-nav .current_page_item > a{color:var(--rose-light)}

.header-actions{display:flex;align-items:center;gap:18px}
.cart-link{position:relative;display:inline-flex;align-items:center;gap:7px;
  font-size:14px;color:var(--secondary-foreground)}
.cart-link:hover{color:var(--rose-light)}
.cart-link .count{background:var(--rose);color:var(--void);font-size:11px;font-weight:600;
  min-width:19px;height:19px;border-radius:999px;display:inline-flex;align-items:center;
  justify-content:center;padding:0 5px}

.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius-sm);
  color:var(--foreground);width:42px;height:42px;font-size:18px;cursor:pointer}

@media (max-width:860px){
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .main-nav{position:absolute;top:74px;left:0;right:0;background:rgba(13,11,26,.97);
    backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
    max-height:0;overflow:hidden;transition:max-height .3s ease}
  .main-nav.open{max-height:70vh;overflow:auto}
  .main-nav ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 0}
  .main-nav li{border-bottom:1px solid var(--line-soft)}
  .main-nav a{display:block;padding:16px 24px}
}

/* =========================================================================
   4. HŐS / HERO
   ========================================================================= */
.hero{text-align:center;padding:clamp(56px,10vw,110px) 0 clamp(40px,7vw,72px)}
.hero h1{font-size:clamp(38px,7vw,58px);font-weight:600;line-height:1.08;margin-bottom:20px}
.hero p{font-size:clamp(16px,2.4vw,20px);color:var(--stardust);max-width:600px;
  margin:0 auto 32px;font-family:var(--serif);font-style:italic}
.hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.section{padding:clamp(48px,8vw,88px) 0}
.section__head{text-align:center;max-width:640px;margin:0 auto clamp(36px,5vw,52px)}
.section__head h2{font-size:clamp(28px,4.5vw,40px);font-weight:600;margin-bottom:14px}
.section__head p{color:var(--stardust);font-size:17px}

/* =========================================================================
   5. KÁRTYÁK / GRID  (artifact- és blog-kártyák, WooCommerce termékek)
   ========================================================================= */
.grid{display:grid;gap:26px}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.grid--3,.grid--2{grid-template-columns:1fr}}

.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);border-color:var(--line)}
.card__media{aspect-ratio:16/10;background:
  radial-gradient(circle at 30% 30%, rgba(155,111,208,.25), transparent 60%),
  radial-gradient(circle at 75% 70%, rgba(201,113,144,.22), transparent 60%),var(--nebula);
  display:flex;align-items:center;justify-content:center;position:relative}
.card__media img{width:100%;height:100%;object-fit:cover}
.card__sigil{font-size:40px;color:var(--rose-light);opacity:.85}
.card__body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.card__badge{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--lavender-light);margin-bottom:10px}
.card__title{font-size:21px;font-weight:500;margin-bottom:10px;line-height:1.3}
.card__title a{color:var(--foreground)}
.card__title a:hover{color:var(--rose-light)}
.card__excerpt{color:var(--stardust);font-size:14.5px;line-height:1.6;margin-bottom:18px;flex:1}
.card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
.card__price{font-family:var(--serif);font-size:20px;color:var(--gold-light)}
.card__meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--stardust)}

/* badge / kategóriajelölő */
.badge{display:inline-block;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;
  text-transform:uppercase;padding:5px 11px;border-radius:999px;
  background:rgba(155,111,208,.16);color:var(--lavender-light);border:1px solid var(--line-soft)}
.badge--gold{background:rgba(212,167,106,.15);color:var(--gold-light)}
.badge--rose{background:rgba(201,113,144,.15);color:var(--rose-light)}

/* idézet / affirmáció blokk */
blockquote,.quote{border-left:3px solid var(--rose);background:rgba(30,24,54,.5);
  padding:18px 24px;border-radius:0 var(--radius) var(--radius) 0;margin:24px 0;
  font-family:var(--serif);font-style:italic;font-size:18px;color:var(--secondary-foreground)}

/* info / tipp doboz */
.note{background:var(--cosmos);border:1px solid var(--line-soft);border-radius:var(--radius);
  padding:20px 24px;margin:24px 0;color:var(--lavender-light);font-size:15px}
.note strong{color:var(--foreground)}

/* =========================================================================
   6. "HOGYAN MŰKÖDIK" lépéssor
   ========================================================================= */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.step{position:relative;padding:28px 24px;background:rgba(23,18,46,.5);
  border:1px solid var(--line-soft);border-radius:var(--radius-lg)}
.step__num{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--rose);margin-bottom:14px}
.step h3{font-size:19px;margin-bottom:8px}
.step p{color:var(--stardust);font-size:14.5px;margin:0}

/* =========================================================================
   7. BLOG / TARTALOM (single, page, archive)
   ========================================================================= */
.page-head{text-align:center;padding:clamp(48px,8vw,80px) 0 clamp(28px,4vw,40px)}
.page-head h1{font-size:clamp(32px,5.5vw,48px);font-weight:600;margin-bottom:14px}
.page-head p{color:var(--stardust);max-width:560px;margin:0 auto}

.article{max-width:var(--wrap-narrow);margin:0 auto;padding:8px 0 64px}
.article__meta{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--stardust);margin-bottom:18px;display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.article__title{font-size:clamp(30px,5vw,44px);font-weight:600;text-align:center;margin-bottom:20px;line-height:1.15}
.article__hero{border-radius:var(--radius-lg);overflow:hidden;margin:32px 0;border:1px solid var(--line-soft)}

/* tartalom tipográfia */
.entry-content{font-size:17px;line-height:1.75;color:var(--foreground)}
.entry-content > *{margin-bottom:1.3em}
.entry-content h2{font-size:30px;font-weight:600;margin:1.6em 0 .5em}
.entry-content h3{font-size:23px;font-weight:500;margin:1.4em 0 .4em;color:var(--secondary-foreground)}
.entry-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rose-dark)}
.entry-content ul,.entry-content ol{padding-left:1.4em;margin-bottom:1.3em}
.entry-content li{margin-bottom:.5em}
.entry-content li::marker{color:var(--rose)}
.entry-content img{border-radius:var(--radius);margin:1.5em auto}
.entry-content strong{color:var(--foreground);font-weight:600}
.entry-content code{font-family:var(--mono);background:var(--nebula);padding:2px 7px;
  border-radius:5px;font-size:.9em;color:var(--rose-light)}
.entry-content hr{height:1px;border:0;margin:2em 0;
  background:linear-gradient(90deg,transparent,var(--rose) 50%,transparent)}

.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px}
.tag-row a{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 12px;border-radius:999px;background:rgba(23,18,46,.6);
  border:1px solid var(--line-soft);color:var(--stardust)}
.tag-row a:hover{border-color:var(--lavender);color:var(--lavender-light)}

/* lapozó */
.pager{display:flex;justify-content:center;gap:12px;margin:48px 0}
.pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;
  padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--line-soft);
  background:rgba(23,18,46,.5);color:var(--secondary-foreground);font-size:14px}
.pager .page-numbers.current{background:var(--rose);color:var(--void);border-color:transparent}
.pager .page-numbers:hover:not(.current){border-color:var(--lavender);color:var(--lavender-light)}

/* =========================================================================
   8. WOOCOMMERCE
   ========================================================================= */
/* WooCommerce tartalom-keret — levegő a sticky fejléc alatt és a lábléc előtt */
.woo-shell{padding-top:clamp(32px,5vw,56px);padding-bottom:clamp(48px,6vw,80px)}
.woocommerce-breadcrumb{font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--stardust);margin-bottom:32px}
.woocommerce-breadcrumb a{color:var(--lavender-light)}
/* boltcím / archív fejléc a breadcrumb után */
.woocommerce .woocommerce-products-header{margin-bottom:36px}
.woocommerce .woocommerce-products-header__title.page-title{font-family:var(--serif);
  font-weight:600;font-size:clamp(30px,5vw,44px);margin-bottom:10px}

/* terméklista grid */
.woocommerce ul.products{list-style:none;display:grid;gap:26px;margin:0;padding:0;
  grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.woocommerce ul.products{grid-template-columns:1fr}}
/* WooCommerce alap float-layout semlegesítése (különben a kártyák összenyomódnak) */
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width:auto!important;float:none!important;margin:0!important;clear:none!important}
.woocommerce ul.products li.product{background:var(--card);border:1px solid var(--line-soft);
  border-radius:var(--radius-lg);overflow:hidden;text-align:left;padding:0;
  display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);border-color:var(--line)}
/* képterület — sötét keret, egységes arány, placeholderhez is */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column}
.woocommerce ul.products li.product a img{margin:0!important;border-radius:0;width:100%;
  aspect-ratio:16/10;object-fit:cover;background:var(--nebula)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--serif);
  font-size:20px;font-weight:500;color:var(--foreground);padding:20px 22px 4px}
.woocommerce ul.products li.product .price{display:block;font-family:var(--serif);font-size:20px;
  color:var(--gold-light);padding:0 22px 4px;white-space:nowrap}
.woocommerce ul.products li.product .woocommerce-loop-product__title{flex:1}

/* kategória-szűrő chip-sor a bolt tetején */
.shop-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;
  padding-bottom:24px;border-bottom:1px solid var(--line-soft)}
.shop-filter__chip{font-family:var(--sans);font-size:14px;font-weight:500;color:var(--secondary-foreground);
  background:rgba(23,18,46,.55);border:1px solid var(--line-soft);border-radius:999px;
  padding:10px 18px;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease;line-height:1}
.shop-filter__chip:hover{border-color:var(--lavender);color:var(--foreground)}
.shop-filter__chip.is-active{background:var(--rose);border-color:transparent;color:var(--void)}
.shop-filter__chip .count{font-family:var(--mono);font-size:11px;color:var(--stardust)}
.shop-filter__chip:hover .count{color:var(--lavender-light)}
.shop-filter__chip.is-active .count{color:rgba(13,11,26,.7)}

/* rendezés legördülő + eredményszámláló (a bolt teteje) */
.woocommerce .woocommerce-result-count{font-family:var(--mono);font-size:11px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--stardust);margin:0 0 24px;padding-top:8px}
.woocommerce .woocommerce-ordering{margin:0 0 24px}
.woocommerce .woocommerce-ordering select,.woocommerce select{
  background:var(--nebula);color:var(--foreground);border:1px solid var(--line);
  border-radius:var(--radius-sm);padding:11px 14px;font-family:var(--sans);font-size:14px;cursor:pointer}
.woocommerce .woocommerce-ordering select option{background:var(--nebula);color:var(--foreground)}

/* lapozó a boltban */
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:10px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{
  background:rgba(23,18,46,.5);border:1px solid var(--line-soft);border-radius:var(--radius-sm);
  color:var(--secondary-foreground);min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0 12px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--rose);color:var(--void);border-color:transparent}
.woocommerce ul.products li.product .price del{color:var(--stardust);opacity:.6;margin-right:8px}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .button{margin:14px 22px 22px;align-self:flex-start}

/* WooCommerce gombok -> a téma gombstílusa */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce .button.alt,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  background:var(--rose)!important;color:var(--void)!important;font-family:var(--sans)!important;
  font-weight:500!important;border-radius:var(--radius-sm)!important;border:none!important;
  padding:13px 26px!important;font-size:15px!important;text-transform:none!important;
  transition:background .25s ease!important;cursor:pointer;line-height:1.2}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce .button.alt:hover,.woocommerce a.button.alt:hover{background:var(--rose-light)!important}
.woocommerce a.added_to_cart{color:var(--lavender-light)!important;padding-left:14px}

/* egy termék oldal */
.single-product div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:56px;align-items:start}
@media (max-width:860px){.single-product div.product{grid-template-columns:1fr;gap:28px}}
/* WooCommerce float-szélesség semlegesítése a galérián ÉS az összegzőn (különben összenyomódik a szöveg) */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary,
.single-product div.product .entry-summary,
.single-product div.product .woocommerce-product-gallery + .summary{
  width:auto!important;float:none!important;margin:0!important;clear:none!important}
.single-product div.product .entry-summary > *{max-width:46ch}
.single-product div.product .product_title,
.single-product div.product .entry-summary .price{max-width:none}
.single-product div.product .woocommerce-product-gallery{width:100%!important;margin:0!important;
  border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line-soft);position:sticky;top:96px}
.single-product div.product .woocommerce-product-gallery__wrapper{margin:0}
.single-product div.product .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery figure{margin:0}
.single-product div.product .woocommerce-product-gallery img{width:100%!important;height:auto;display:block}
.single-product div.product .product_title{font-size:clamp(28px,4vw,40px);font-weight:600;margin-bottom:14px}
.single-product div.product p.price,.single-product div.product span.price{
  font-family:var(--serif);font-size:28px;color:var(--gold-light);margin-bottom:18px;display:block}
.single-product div.product .woocommerce-product-details__short-description{color:var(--secondary-foreground);
  font-size:17px;line-height:1.65;margin-bottom:24px}
.single-product .product_meta{font-family:var(--mono);font-size:11px;letter-spacing:.06em;
  color:var(--stardust);margin-top:24px;border-top:1px solid var(--line-soft);padding-top:18px}
.single-product .product_meta a{color:var(--lavender-light)}

/* kapcsolódó / ajánlott termékek — markáns elválasztás és levegő */
.woocommerce .related.products,.woocommerce .upsells.products{
  clear:both;margin-top:clamp(64px,8vw,96px);padding-top:clamp(36px,4vw,52px);
  border-top:1px solid var(--line-soft)}
.woocommerce .related.products > h2,.woocommerce .upsells.products > h2{
  font-family:var(--serif);font-weight:600;font-size:clamp(24px,3.5vw,32px);margin-bottom:32px}
/* a fülek és a kapcsolódó termékek közti tér */
.woocommerce div.product .woocommerce-tabs{margin-bottom:8px}

/* fülek (leírás / használati útmutató) — a WC alap pill-stílusának teljes felülírása */
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:8px}
.woocommerce div.product .woocommerce-tabs ul.tabs{list-style:none;display:flex;gap:6px;flex-wrap:wrap;
  padding:0;margin:0 0 24px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none!important;border:0!important;content:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;
  border-radius:0!important;margin:0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important;border:0!important;content:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{display:inline-block;font-family:var(--sans);
  font-size:14px;font-weight:500;padding:12px 20px;color:var(--stardust);text-shadow:none;
  border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:var(--secondary-foreground)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--foreground);
  background:var(--card);border-color:var(--line-soft);margin-bottom:-1px}
.woocommerce div.product .woocommerce-tabs .panel{background:var(--card);border:1px solid var(--line-soft);
  border-radius:var(--radius);padding:28px 30px;color:var(--foreground);margin:0}
.woocommerce div.product .woocommerce-tabs .panel h2{font-family:var(--serif);font-size:24px;
  font-weight:500;margin-bottom:14px;color:var(--foreground)}
.woocommerce div.product .woocommerce-tabs .panel h3{font-family:var(--serif);font-size:19px;
  color:var(--secondary-foreground);margin:18px 0 8px}
.woocommerce div.product .woocommerce-tabs .panel p{margin-bottom:1em;line-height:1.7}
.woocommerce-Tabs-panel--how_to_use{line-height:1.7}
/* mennyiség mező */
.woocommerce .quantity input.qty{background:var(--nebula);border:1px solid var(--line);color:var(--foreground);
  border-radius:var(--radius-sm);padding:12px 8px;width:64px;text-align:center}
.single-product div.product form.cart{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.single-product div.product form.cart .single_add_to_cart_button{white-space:nowrap}

/* kosár / pénztár / űrlapok */
.woocommerce table.shop_table{background:rgba(23,18,46,.5);border:1px solid var(--line-soft);
  border-radius:var(--radius);border-collapse:separate;color:var(--foreground)}
.woocommerce table.shop_table th{font-family:var(--sans);color:var(--secondary-foreground)}
.woocommerce table.shop_table td{border-top:1px solid var(--line-soft)}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #payment{
  background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:8px 20px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce .quantity input,.select2-container--default .select2-selection--single{
  background:var(--nebula)!important;border:1px solid var(--line)!important;color:var(--foreground)!important;
  border-radius:var(--radius-sm)!important;padding:12px 14px!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews,p.no-comments{
  background:var(--cosmos);border-top:3px solid var(--rose);color:var(--foreground);border-radius:var(--radius-sm);padding:16px 20px}
.woocommerce-message::before,.woocommerce-info::before{color:var(--rose)}

/* részletes leírás listák a fülön */
.woocommerce-Tabs-panel ul{padding-left:1.3em}
.woocommerce-Tabs-panel li::marker{color:var(--rose)}

/* --- WooCommerce BLOKK kosár / pénztár (új blokk-alapú sablonok) --- */
.wc-block-components-button.contained,
.wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
  background:var(--rose)!important;color:var(--void)!important;border:none!important;
  border-radius:var(--radius-sm)!important;font-family:var(--sans)!important;font-weight:500!important;
  box-shadow:none!important;padding:15px 30px!important;text-decoration:none!important}
.wc-block-components-button.contained:hover,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover{
  background:var(--rose-light)!important}
.wc-block-components-button.contained .wc-block-components-button__text{color:var(--void)!important}
/* blokk szövegek, címsorok, totálok */
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout,
.wc-block-components-totals-item__value,.wc-block-cart__totals-title,
.wc-block-components-product-name{color:var(--foreground)!important}
.wc-block-components-product-name{color:var(--rose-light)!important}
.wc-block-cart-items__row,.wc-block-components-totals-wrapper{border-color:var(--line-soft)!important}
/* összesítő kártya — szellős, bőséges padding */
.wc-block-cart .wc-block-components-sidebar,
.wc-block-cart__sidebar > .wc-block-components-sidebar,
.wc-block-checkout__sidebar .wc-block-components-sidebar{
  background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  padding:clamp(24px,3vw,38px) clamp(22px,2.6vw,34px)!important}
/* belső függőleges ritmus a kártyán */
.wc-block-cart__sidebar .wc-block-components-totals-wrapper,
.wc-block-checkout__sidebar .wc-block-components-totals-wrapper{padding:20px 0!important;margin:0!important}
.wc-block-cart__sidebar .wc-block-components-totals-wrapper:first-child{padding-top:6px!important}
.wc-block-cart__sidebar .wc-block-cart__totals-title{margin-bottom:18px;display:block;letter-spacing:.06em}
.wc-block-cart__submit-container,.wc-block-cart__submit{padding-top:8px!important}
.wc-block-cart__submit-button{width:100%}
.wc-block-components-totals-item{padding:6px 0}
.wc-block-components-totals-coupon button,.wc-block-components-totals-coupon__button{color:var(--lavender-light)!important}
/* az egész kosár legyen levegősebb (a kétoszlopos elrendezés megtartásával) */
.wc-block-cart-items .wc-block-cart-items__row{padding:22px 0!important}
.wc-block-cart-items thead th{padding-bottom:16px!important}
/* blokk inputok */
.wc-block-components-text-input input,.wc-block-components-quantity-selector,
.wc-block-components-text-input input[type=text]{
  background:var(--nebula)!important;border:1px solid var(--line)!important;color:var(--foreground)!important;
  border-radius:var(--radius-sm)!important}
.wc-block-components-quantity-selector__button{color:var(--secondary-foreground)!important}
/* link-szerű (ghost) blokk gombok */
.wc-block-components-button.is-link{color:var(--rose-light)!important}

/* =========================================================================
   8/b. ŰRLAPOK (globális) — komment, keresés, pénztár, fiók
   ========================================================================= */
input[type=text],input[type=email],input[type=url],input[type=password],
input[type=search],input[type=tel],input[type=number],input[type=date],
textarea,select{
  width:100%;background:var(--nebula);color:var(--foreground);
  font-family:var(--sans);font-size:15px;line-height:1.5;
  border:1px solid var(--line);border-radius:var(--radius-sm);
  padding:13px 15px;transition:border-color .2s ease,box-shadow .2s ease}
textarea{min-height:140px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--stardust);opacity:.85}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--rose);
  box-shadow:0 0 0 3px var(--ring)}
select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--stardust) 50%),
  linear-gradient(135deg,var(--stardust) 50%,transparent 50%);
  background-position:calc(100% - 18px) center,calc(100% - 13px) center;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px;
  -webkit-appearance:none;appearance:none}
/* jelölőnégyzet / rádió — márkaszín */
input[type=checkbox],input[type=radio]{accent-color:var(--rose);width:18px;height:18px;cursor:pointer}
/* általános küldés gomb (komment stb.) */
input[type=submit],button[type=submit],.form-submit input,#submit{
  display:inline-flex;align-items:center;justify-content:center;width:auto;
  background:var(--rose);color:var(--void);font-family:var(--sans);font-weight:500;
  font-size:15px;letter-spacing:.02em;border:none;border-radius:var(--radius-sm);
  padding:14px 30px;cursor:pointer;transition:background .25s ease}
input[type=submit]:hover,button[type=submit]:hover,.form-submit input:hover,#submit:hover{
  background:var(--rose-light)}

/* --- KOMMENT-ŰRLAP --- */
#comments,.comment-respond{max-width:var(--wrap-narrow);margin:0 auto}
.comment-reply-title{font-family:var(--serif);font-weight:600;font-size:28px;margin-bottom:8px}
.comment-notes,.logged-in-as{color:var(--stardust);font-size:14px;margin-bottom:22px}
.comment-notes .required,.required{color:var(--rose)}
.comment-form{display:grid;gap:18px}
.comment-form label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--lavender-light);margin-bottom:8px}
.comment-form-comment{grid-column:1/-1}
.comment-form-author,.comment-form-email,.comment-form-url{margin:0}
@media (min-width:640px){
  .comment-form{grid-template-columns:1fr 1fr}
  .comment-form-url{grid-column:1/-1}
}
.comment-form-cookies-consent{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px}
.comment-form-cookies-consent label{font-family:var(--sans);font-size:14px;letter-spacing:0;
  text-transform:none;color:var(--stardust);margin:0}
.comment-form-cookies-consent input{width:18px;flex:0 0 auto;margin-top:1px}
.comment-form .form-submit{grid-column:1/-1;margin:0}
/* komment-lista */
.comment-list{list-style:none;margin:0 0 40px;padding:0}
.comment-list .comment-body{background:var(--card);border:1px solid var(--line-soft);
  border-radius:var(--radius);padding:20px 22px;margin-bottom:16px}
.comment-author .fn{font-family:var(--serif);color:var(--foreground)}
.comment-metadata,.comment-author .says{color:var(--stardust);font-size:12px}
.comment-list .reply a{font-family:var(--mono);font-size:11px;text-transform:uppercase;
  letter-spacing:.1em;color:var(--lavender-light)}

/* --- WOOCOMMERCE BLOKK PÉNZTÁR mezők --- */
.wc-block-components-text-input input,
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=tel],
.wc-block-checkout .wc-block-components-text-input input{
  background:var(--nebula)!important;border:1px solid var(--line)!important;color:var(--foreground)!important;
  border-radius:var(--radius-sm)!important;padding:24px 15px 8px!important}
.wc-block-components-text-input.is-active label,
.wc-block-components-text-input label{color:var(--stardust)!important}
.wc-block-components-text-input input:focus{border-color:var(--rose)!important;
  box-shadow:0 0 0 3px var(--ring)!important}
.wc-block-checkout__form .wc-block-components-checkout-step{
  background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);
  padding:clamp(20px,2.4vw,30px)!important;margin-bottom:24px}
.wc-block-components-checkout-step__title,.wc-block-components-title{color:var(--foreground)!important}
.wc-block-components-checkout-step__description,.wc-block-components-checkout-step__heading-content{
  color:var(--stardust)!important}
.wc-block-components-radio-control__option,.wc-block-components-checkbox{color:var(--foreground)!important}
.wc-block-components-radio-control__option{border-color:var(--line-soft)!important}
.wc-block-components-checkbox .wc-block-components-checkbox__mark,
.wc-block-components-checkbox__input{accent-color:var(--rose)}
.wc-block-components-select .wc-block-components-select__container,
/* Ország/Régió + Megye legördülő (WC blokk-combobox + Gutenberg base) — a fehér háttér eltüntetése */
.wc-block-components-combobox,
.wc-block-components-combobox-control,
.wc-block-components-combobox .components-combobox-control,
.wc-block-components-combobox .components-base-control,
.wc-block-components-combobox .components-flex,
.wc-block-checkout .components-form-token-field,
.wc-block-components-combobox .components-form-token-field{
  background:transparent!important;border:0!important;box-shadow:none!important}
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-combobox input.components-combobox-control__input,
.wc-block-checkout .components-form-token-field__input,
.wc-block-components-combobox .components-form-token-field{
  background:var(--nebula)!important;border:1px solid var(--line)!important;color:var(--foreground)!important;
  border-radius:var(--radius-sm)!important;padding:24px 15px 8px!important;box-shadow:none!important}
.wc-block-components-combobox input:focus{border-color:var(--rose)!important;box-shadow:0 0 0 3px var(--ring)!important}
/* a legördülő találati lista */
.components-form-token-field__suggestions-list,
.wc-block-components-combobox-control .components-form-token-field__suggestions-list,
.components-autocomplete__popover .components-popover__content{
  background:var(--cosmos)!important;color:var(--foreground)!important;
  border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important}
.components-form-token-field__suggestion{color:var(--secondary-foreground)!important}
.components-form-token-field__suggestion.is-selected,
.components-form-token-field__suggestion:hover{background:var(--rose)!important;color:var(--void)!important}
/* natív select-ek a pénztárban (ha mégis azok) */
.wc-block-checkout select,.wc-block-components-form select{
  background-color:var(--nebula)!important;color:var(--foreground)!important;border:1px solid var(--line)!important}

/* --- KLASSZIKUS WOOCOMMERCE űrlapok (fiók, jelszó, kupon) --- */
.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon,
.woocommerce .woocommerce-EditAccountForm,.woocommerce-account .woocommerce-MyAccount-content form{
  background:var(--card);border:1px solid var(--line-soft);border-radius:var(--radius);padding:28px 30px}
.woocommerce form .form-row label{font-family:var(--mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--lavender-light);margin-bottom:6px;display:block}
.woocommerce-form-login__rememberme span,.woocommerce-account .addresses .title h3{color:var(--foreground)}
.woocommerce-form__label-for-checkbox{font-family:var(--sans)!important;text-transform:none!important;
  letter-spacing:0!important;color:var(--stardust)!important}

/* =========================================================================
   9. LÁBLÉC
   ========================================================================= */
.site-footer{border-top:1px solid var(--line-soft);margin-top:64px;
  background:rgba(13,11,26,.6);padding:56px 0 36px}
.site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:40px}
@media (max-width:760px){.site-footer__grid{grid-template-columns:1fr;gap:28px}}
.site-footer h4{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--lavender-light);margin-bottom:16px;font-weight:400}
.site-footer ul{list-style:none}
.site-footer li{margin-bottom:9px}
.site-footer a{color:var(--stardust);font-size:14.5px}
.site-footer a:hover{color:var(--rose-light)}
.footer-brand .brand__name{font-size:22px}
.footer-brand p{color:var(--stardust);font-size:14px;margin-top:14px;max-width:320px}
.site-footer__base{text-align:center;border-top:1px solid var(--line-soft);padding-top:28px;
  font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(138,122,168,.7)}
.site-footer__base .lav{color:var(--lavender-light)}

/* =========================================================================
   10. KIEGÉSZÍTŐK
   ========================================================================= */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--rose);color:var(--void);
  padding:10px 16px;border-radius:0 0 var(--radius-sm) 0;z-index:200}
.skip-link:focus{left:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

.searchform{display:flex;gap:8px}
.searchform input[type=search]{flex:1;background:var(--nebula);border:1px solid var(--line);
  color:var(--foreground);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--sans)}
.searchform input[type=search]::placeholder{color:var(--stardust)}

.empty-state{text-align:center;padding:64px 20px;border:1px dashed var(--line-soft);
  border-radius:var(--radius-lg);max-width:560px;margin:0 auto}
.empty-state p{font-family:var(--serif);font-style:italic;color:var(--stardust);font-size:17px}