/* ===== cap-bolt: a termekracsok egysegesitese (minden listaban) =====
   - a cim mindig 2 sornyi helyet foglal (1 soros cimnel is), igy az arak egy vonalban;
   - a kategoria egy sor, "..." -tal;
   - mobilon/tableten a csempe egyforma magas, a gomb legalul.
*/
/* a termekkep mindig negyzetes (kulonbozo aranyu kepeknel is egy vonalban a nev es az ar) */
.wd-products .wd-product .wd-product-img-link img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #fff;
}
/* a termekkep kerete: 1px, a WoodMart lekerekitesevel (Attiro, 2026-09-25) — minden listaban.
   2026-09-27: szin #ccc → #bdbdbd (Windows 125%-os nagyitasnal a #ccc helyenkent eltunt). Kiprobalt es elvetett:
   ::after (a WoodMart betoltes-jelzoje, rejtett), ::before-reteg (Chrome-ban az overflow lecsipte az also vonalat),
   outline (Chrome-ban a lekerekitett sarkoknal elvekonyodott) → marad a valodi border: kivul esik az overflow
   vagasan, a sarkot a bongeszo helyesen rajzolja.
   2026-09-27 (Attiro): 1px → 1.5px — a Chrome egesz kepernyopixelre kerekit lefele: 100/125%-on 1 px marad,
   136/150%-on 2 px (stabilabb, a levagas nem tunteti el). Szin: #efecec (Attiro dontese, 2026-09-27). */
.wd-products .wd-product .wd-product-thumb {
  border: 1.5px solid #efecec;
  overflow: hidden;
}
/* „hatterrel” (wd-products-with-bg: kosar ajanlosav, regi [products] listak, pl. /stoloni-capsuni/)
   a WoodMart a kepet szogletesre veszi, a kartya lekerekitett sarka pedig levagja a keretet →
   ugyanaz a lekerekites, mint a kategoria-oldalakon (Attiro, 2026-09-26) */
.wd-products-with-bg .wd-product {
  /* a WoodMart ebbol veszi; hatterrel egy erosebb szabaly 0-ra allitja → !important */
  --wd-thumb-brd-radius: var(--wd-brd-radius, 10px) !important;
}

/* cimbetu (Attiro, 2026-09-27): Montserrat ExtraBold a WoodMart-opciokbol (primary-font 800). Az epito-
   szkriptek az Elementor-cimekre sajat font-weight: 700-at irtak (pl. hero H1) — az is a tema cimvastagsagat kovesse */
:is(h1, h2, h3, h4, h5, h6).elementor-heading-title { font-weight: var(--wd-title-font-weight, 800) !important; }

/* a hover-kep csak egermutataskor toltodik (functions.php) — amig nincs kesz, a reteg ne takarja
   el a fokepet feher/ures lappal (2026-09-27) */
.wd-product .hover-img:has(img.cap-hover-kep:not(.cap-betoltve)) { opacity: 0 !important; }

[class*=title-line-] .wd-product .wd-entities-title {
  min-height: calc(var(--wd-line-count, 1) * var(--wd-line-height, 1.4em));
}
.wd-product .wd-product-cats {
  font-size: 11.5px;   /* kisebb (Attiro, 2026-09-28; elotte 12.8 px, mobilon nagyobb) */
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* kontraszt (PageSpeed, 2026-09-28): a WoodMart #a5a5a5-je a bezs alapon 2.3 → #6e6e6e 4.9 */
.wd-product .wd-product-cats,
.wd-product .wd-product-cats a { color: #6e6e6e; }
/* gomb nelkuli csempe (a „Citește mai mult” rejtve, pl. elfogyott, ertesito nelkul): a WoodMart
   „buttons on hover” ne tartson helyet a gombnak — kulonben a kategoria es az ar a csempe ala
   csuszik, levagva (2026-09-25) */
.wd-product.wd-hover-buttons-on-hover:has(.wd-product-footer .add-to-cart-loop:not(.add_to_cart_button)):not(:has(.nstoc-loop-btn, .cap-cere-oferta)) {
  --wd-trans-h: 0px;
}

/* akcios ar: az uj (zold) elol, a regi athuzott utana, 20%-kal kisebb — mindenhol */
.price:has(> del) {
  display: inline-flex !important;   /* a WoodMart .wd-product .price-ra block-ot ad */
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: .4em;
}
.price:has(> del) > ins { order: 1; }
.price:has(> del) > del { order: 2; font-size: 80%; }

/* kiemelt ar a terméklistákban (Attiro, 2026-09-28): Manrope 700, 22 px, a szin marad (WoodMart #8cbc67);
   a „lei” kisebb; az arsav marad (mobilon 2 sorba torhet — Attiro: jo igy; a „de la” elvetve); nincs ,00 es ezres-pont */
.wd-product .price { font-size: 22px; font-weight: 700; line-height: 1.25; }
.wd-product .price .woocommerce-Price-currencySymbol { font-size: .72em; font-weight: 600; margin-left: 1px; }
.wd-product .price del { color: #8a8a8a; font-weight: 600; }
/* a regi ar athuzasa EGY folytonos vonal (Attiro, 2026-09-30): a bongeszo kulon huzta at a szamot es a kisebb „lei”-t
   (eltero magassagban, kozte hezag, a „lei” alatt alahuzasnak latszott) → a del sajat vonala a szam kozepen, vegig */
.price del { position: relative; text-decoration: none !important; }
.price del * { text-decoration: none !important; }
.price del::after {
  content: ""; position: absolute; left: -1px; right: -1px; top: 58%;
  border-top: 1.5px solid currentColor; pointer-events: none;
}

/* „Cere ofertă” (ajanlatkeros termek): feher, zold keret — mint a Notificare stoc */
.cap-cere-oferta {
  --cap-gomb-zold: var(--btn-accented-bgcolor, #8cbc67);
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 5px !important;
  box-shadow: inset 0 0 0 1.25px var(--cap-gomb-zold) !important;
  background: #fff !important;
  color: var(--cap-gomb-zold) !important;
  font-size: 13px;
  font-weight: 600;
}
.cap-cere-oferta:hover { background: var(--cap-gomb-zold) !important; color: #fff !important; }
.cap-cere-oferta svg { width: 16px; height: 16px; }
.wd-product .cap-cere-oferta { width: 100%; }
.cap-cere-oferta-sor { margin: 4px 0 8px; }
.cap-cere-oferta-sor .cap-cere-oferta { width: 100%; min-height: 46px !important; padding: 0 28px !important; font-size: 15px !important; }
/* ajanlatkeros termeken nincs „Stoc epuizat” / akcios cimke */
.cap-oferta .product-labels .out-of-stock,
.cap-oferta .product-labels .onsale,
body.cap-oferta .cap-termek-info .product-labels { display: none !important; }

/* gombok: nincs Nagy Kezdobetu (a WoodMart capitalize-t ad) */
.button, button, input[type="submit"], .btn, .wd-btn, .nstoc-loop-btn { text-transform: none !important; }

/* „Citeste mai mult” sehol (Attiro): a kep es a nev ugyis a termekre visz.
   Csak a nem kosarazhato gomb tunik el; a kosar- es a valtozat-gomb (add_to_cart_button) marad. */
.wd-product .wd-product-footer:has(.add-to-cart-loop:not(.add_to_cart_button)) { display: none !important; }

/* „Notificare stoc”: ugyanakkora, mint a kosar-gomb, feher alapon zold keret */
.wd-product .nstoc-loop-btn {
  --cap-gomb-zold: var(--btn-accented-bgcolor, #8cbc67);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 36px;
  padding: 0 12px;
  /* a tortpixeles border 136%-os nagyitasnal oldalankent mas vastag lett -> inset arnyek, az egyenletes */
  border: 0;
  box-shadow: inset 0 0 0 1.25px var(--cap-gomb-zold);
  border-radius: 5px;
  background: #fff;
  color: var(--cap-gomb-zold);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  transition: background .2s, color .2s;
}
.wd-product .nstoc-loop-btn:hover { background: var(--cap-gomb-zold); color: #fff; }
/* asztalon a „buttons on hover” mod a gomb-savot --wd-trans-h-val (gap + 36 px) a csempe
   ala rejti es hoverre csusztatja fel — mint a kosar-gombot. A keretes Notificare gombnal
   a tortpixeles kerekites miatt az also vonal levagodott -> +4 px ratartas */
.wd-product.wd-hover-buttons-on-hover:has(.nstoc-loop-btn) {
  --wd-trans-h: calc(var(--wd-prod-gap) + var(--btn-accented-height, 36px) + 4px);
}
/* ...a +4 px-et a csempe alja adja (ures hely a gomb alatt), kulonben az ar also 4 px-e
   vagodna le (2026-09-25) */
.wd-product.wd-hover-buttons-on-hover:has(.nstoc-loop-btn) .product-element-bottom {
  padding-bottom: 4px;
}

/* sorkoz a termekracsokban (Attiro, 2026-09-27): 20 px-en nem latszott, melyik csempehez tartozik az ar →
   asztalon 44 px, mobilon 32 px; az oszlopkoz marad 20 px. Minden termeklistara ervenyes. */
.wd-products.wd-grid-g { row-gap: 44px; }
@media (max-width: 767px) { .wd-products.wd-grid-g { row-gap: 32px; } }

@media (max-width: 1024px) {
  .wd-products.wd-grid-g { align-items: stretch; }
  .wd-products .wd-product .wd-product-wrapper { height: 100%; }
  .wd-products .wd-product .product-element-bottom { flex: 1 1 auto; }
  .wd-products .wd-product :is(.wd-product-footer, .nstoc-loop-btn) { margin-top: auto; }
  /* (2026-09-30, Attiro: „rendezetlen”) a Notificare-s csempe alja is 15 px (a 4 px csak az asztali hover-modhoz kell) →
     a gomb egy vonalban a kosar-gombbal */
  /* (2026-10-01) fix 15 px helyett a WoodMart sajat erteke — a termekoldal „Produse similare”-jaban 0 volt, ott a 15 px feljebb tolta a gombot */
  .wd-product.wd-hover-buttons-on-hover:has(.nstoc-loop-btn) .product-element-bottom { padding-bottom: var(--wd-prod-bg-cont-sp, 0); }
  /* (Attiro, 2026-10-01, kereses) a WoodMart „hatterrel” listai (wd-products-with-bg: /produs/, kategoriak, kereses, kosar-ajanlo)
     a teljes CSS betoltese utan a kep alatti reszt 15 px-szel beljebb toltak (vendegkent az elso erintesre ugrott is) →
     a nev/ar/gomb a kep szelevel egy vonalban. CSAK oldalt 0: fent/lent 15 px marad (a 0 felul a nevet a kep keretere csusztatta,
     alul a gomb a csempe vagasi hataran ult — Attiro, 10-01). Fixen 15px 0, hogy a used CSS-es elso nezetben se ugorjon. (0,4,1) */
  body .wd-products-with-bg .wd-product.wd-hover-buttons-on-hover .product-element-bottom { padding: 15px 0; }
  body .wd-products-with-bg .wd-product.wd-hover-buttons-on-hover .wd-product-wrapper { gap: 0; } /* a teljes CSS is 0-t ad; a used CSS 10 px-et → az elso erintesre 10 px-et ugrott */
  /* kosar-gomb teteje (Attiro, 10-01: „le van vagva a teteje”): a gomb tarolója legfelul es nem vag (a gomb SAJAT overflow-ja marad,
     az rejti a kosar-ikont); erintokepernyon a WoodMart „replace” gombjanak beragadt hovere felcsusztatta a feliratot → ott nincs csuszas */
  .wd-product .wd-product-footer, .wd-product .wd-product-footer .wd-add-btn { position: relative; z-index: 2; overflow: visible; }
}
@media (max-width: 767px) {
  /* keskeny csempen (es nagyitasnal) ne torjon ket sorba: kisebb ikon, kisebb oldalso ter, egy sor */
  .wd-product .nstoc-loop-btn { white-space: nowrap; padding: 0 6px; gap: 5px; font-size: 12.5px; overflow: hidden; }
  .wd-product .nstoc-loop-btn svg { width: 14px; height: 14px; flex: none; }
}
@media (max-width: 360px) {
  .wd-product .nstoc-loop-btn { font-size: 12px; }
  .wd-product .nstoc-loop-btn svg { display: none; }
}

/* Kosar/penztar osszesito: a sorcim („Sub-Total”) ne torjon ket sorba (2026-09-26) */
.cart_totals .shop_table th,
.woocommerce-checkout-review-order-table tfoot th { white-space: nowrap; }
/* a Sub-Total osszege zold, mint a Total (Attiro, 2026-09-26) */
.cart-subtotal td .amount,
.cart-totals-inner table .cart-subtotal td .amount { color: #8cbc67; font-weight: 600; }

/* Kosar mobilon: a Preț / Cantitate / Subtotal sorok kozott 10 px felul-alul (Attiro, 2026-09-26) */
@media (max-width: 767px) {
  .woocommerce-cart-form .cart_item :is(td.product-price, td.product-quantity, td.product-subtotal) {
    padding-top: 10px !important; padding-bottom: 10px !important;
  }
}

/* Lepesjelzo (Coșul meu → Detalii comandă → Comanda finalizată; WoodMart wd_wc_checkout_steps,
   layout #825 / #836): „B2” modell (Attiro, 2026-09-26) — ikonos korok, osszekoto vonal.
   Kosar / kitoltendo lista / pipa ikon (Tabler, SVG-maszk); kesz lepes: halvanyzold kor, zold
   ikon; aktualis: zold kor, feher ikon; hatralevo: szurke keretes kor. A HTML valtozatlan. */
.wd-checkout-steps {
  --cap-kor: 44px; --cap-ikon: 22px; --cap-li: 150px;
  gap: 0 !important; align-items: flex-start; justify-content: center !important;
  font-size: 15px !important; text-transform: none !important;
}
.wd-checkout-steps li {
  --cap-be: #d6d6d6; --cap-ki: #d6d6d6;
  position: relative; flex: 0 0 var(--cap-li); display: block !important; text-align: center;
  background:
    linear-gradient(var(--cap-be), var(--cap-be)) left calc(var(--cap-kor) / 2 - 1px) / calc(50% - var(--cap-kor) / 2 - 6px) 2px no-repeat,
    linear-gradient(var(--cap-ki), var(--cap-ki)) right calc(var(--cap-kor) / 2 - 1px) / calc(50% - var(--cap-kor) / 2 - 6px) 2px no-repeat;
}
.wd-checkout-steps li:first-child { --cap-be: transparent; }
.wd-checkout-steps li:last-child { --cap-ki: transparent; }
/* kesz (az aktualis elotti) lepes, es a vonal az aktualisig */
.wd-checkout-steps li:has(~ .step-active) { --cap-be: #8cbc67; --cap-ki: #8cbc67; }
.wd-checkout-steps li.step-active { --cap-be: #8cbc67; }
.wd-checkout-steps li:first-child { --cap-be: transparent; }
.wd-checkout-steps li.step-inactive { display: block !important; }
/* a WoodMart nyila (li::after) ki; a kor + ikon a LINKBEN van (a / span), igy a korre kattintva
   is lep (Attiro: a korre kattintva nem vitt sehova) */
.wd-checkout-steps li::after,
.wd-checkout-steps li:not(:last-child)::after { content: none !important; display: none !important; }
.wd-checkout-steps li > :is(a, span) {
  position: relative; display: block !important; padding-top: calc(var(--cap-kor) + 8px);
  opacity: 1 !important; color: #888; text-decoration: none !important; line-height: 1.3;
}
.wd-checkout-steps li > :is(a, span)::before {
  content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: var(--cap-kor); height: var(--cap-kor); border-radius: 50%; box-sizing: border-box;
  background: #fff; border: 1.5px solid #cccccc; transition: box-shadow .15s;
}
.wd-checkout-steps li > :is(a, span)::after {
  content: ""; position: absolute; top: calc((var(--cap-kor) - var(--cap-ikon)) / 2); left: 50%;
  transform: translateX(-50%); width: var(--cap-ikon); height: var(--cap-ikon); background: #999;
  -webkit-mask: var(--cap-svg) center / contain no-repeat; mask: var(--cap-svg) center / contain no-repeat;
}
.wd-checkout-steps li:has(~ .step-active) > :is(a, span)::before { background: #eef5e8; border-color: #eef5e8; }
.wd-checkout-steps li:has(~ .step-active) > :is(a, span)::after { background: #73935e; }
.wd-checkout-steps li.step-active > :is(a, span)::before { background: #8cbc67; border-color: #8cbc67; box-shadow: 0 0 0 5px #eef5e8; }
.wd-checkout-steps li.step-active > :is(a, span)::after { background: #fff; }
.wd-checkout-steps li > a:hover::before { box-shadow: 0 0 0 5px #eef5e8; }
.wd-checkout-steps li:has(~ .step-active) > :is(a, span) { color: #73935e; }
.wd-checkout-steps li.step-active > :is(a, span) { color: var(--wd-title-color, #242424); font-weight: 600; }
.wd-checkout-steps li a:hover { color: #73935e; }
.wd-checkout-steps .step-cart { --cap-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M15 19a2 2 0 1 0 4 0a2 2 0 1 0 -4 0'/%3E%3Cpath d='M17 17h-11v-14h-2'/%3E%3Cpath d='M6 5l14 1l-1 7h-13'/%3E%3C/svg%3E"); }
.wd-checkout-steps .step-checkout { --cap-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z'/%3E%3Cpath d='M9 12l.01 0'/%3E%3Cpath d='M13 12l2 0'/%3E%3Cpath d='M9 16l.01 0'/%3E%3Cpath d='M13 16l2 0'/%3E%3C/svg%3E"); }
.wd-checkout-steps .step-complete { --cap-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E"); }
@media (max-width: 767px) {
  .wd-checkout-steps { --cap-kor: 36px; --cap-ikon: 18px; --cap-li: 112px; font-size: 12px !important; }
}
/* a lepesjelzo „ragados” (sticky) — kosar + penztar (Attiro, 2026-09-26). A rogzulo fejlec ala:
   asztalon --wd-header-sticky-h (65 px), mobilon/tableten a mobil fejlec 60 px (merve).
   A penztarban a layout-csomagolo (.elementor-836, csak 152 px) display: contents, kulonben a
   sticky a kupon-sor utan veget erne. */
.elementor:has(> .e-con .wd-checkout-steps) { display: contents; }
.e-con.e-parent:has(.wd-checkout-steps) {
  position: sticky; top: 60px; z-index: 30;
  background: #faf8f5; padding-top: 10px !important; padding-bottom: 10px !important;
  transition: box-shadow .2s;
}
/* az also arnyek csak ragadt allapotban (gorgeteskor) — a .cap-ragad osztalyt functions.php JS-e adja */
.e-con.e-parent.cap-ragad:has(.wd-checkout-steps) { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .12); }
@media (min-width: 1025px) {
  .e-con.e-parent:has(.wd-checkout-steps) { top: var(--wd-header-sticky-h, 65px); }
}
/* A fejlec „gorgetesre felfele” ragados (whb-scroll-stick): lefele gorgetve eltunik, ilyenkor a lepessav a kepernyo tetejere
   ragad (kulonben 60–65 px-es resben kilatszott alatta az urlap — Attiro, 2026-10-07); ha a fejlec latszik (.whb-sticked), alatta. */
body:has(.whb-header.whb-scroll-stick:not(.whb-sticked)) .e-con.e-parent:has(.wd-checkout-steps) { top: 0; }
.e-con.e-parent:has(.wd-checkout-steps) { transition: box-shadow .2s, top .25s; }
/* Mobil/tablet (Attiro, 2026-10-07): a lepessav kulon feher savban (vonallal elvalik a fejlectol), a 3 lepes a teljes
   szelessegen, nagyobb kor + betu; alatta rogzitett kis koz (Firefoxban nagy hezag volt az „Ai deja un cont?” folott). */
@media (max-width: 1024px) {
  .e-con.e-parent:has(.wd-checkout-steps) {
    background: #fff; border: 1px solid #ebe6dd; border-radius: 14px;
    margin-top: -26px !important; margin-bottom: 14px !important; padding-top: 14px !important; padding-bottom: 12px !important;
  }
  .wd-checkout-steps {
    --cap-kor: 46px; --cap-ikon: 22px; font-size: 14px !important;
    width: 100%; max-width: 520px; margin: 0 auto !important; padding: 0 6px !important; justify-content: space-between !important;
  }
  .wd-checkout-steps li { flex: 1 1 0; min-width: 0; }
  /* penztar: alatta a belepes-kartya kontenere maga is ad ~12 px-t → itt kisebb also margo (a kosarban marad 14) */
  .e-con.e-parent:has(.wd-checkout-steps):has(+ .e-con .wd-checkout-login) { margin-bottom: 2px !important; }
  .e-con.e-parent:has(.wd-checkout-steps) + .e-con { margin-top: 0 !important; padding-top: 0 !important; }
  .e-con.e-parent:has(.wd-checkout-steps) + .e-con :is(.wd-checkout-login, .wd-checkout-coupon, .wd-wc-notices, .wd-el-hook) { margin-top: 0 !important; }
}

/* Penztar teteje: „Ai deja un cont?” + „Ai un cupon?” — „A” vazlat (Attiro, 2026-09-26): ket feher
   kartya (mint a lenti Detalii facturare doboz), bal oldalt ikon halvanyzold korben, cim + rovid
   elony-mondat, jobbra a link; kattintasra a kartyan belul nyilik le az urlap. Asztalon egymas
   mellett, mobilon egymas alatt. A cim/elony-mondat HTML-je: functions.php (login/coupon message). */
.woocommerce-checkout .e-con:has(> .e-con-inner > :is(.wd-checkout-login, .wd-checkout-coupon)) {
  --margin-bottom: 25px; margin-bottom: 25px !important; padding-bottom: 0;
}
.woocommerce-checkout .e-con-inner:has(> :is(.wd-checkout-login, .wd-checkout-coupon)) { row-gap: 12px; }
.woocommerce-checkout .e-con-inner:has(> :is(.wd-checkout-login, .wd-checkout-coupon)) > .elementor-element { margin-bottom: 0; }
.woocommerce-checkout :is(.wd-checkout-login, .wd-checkout-coupon):has(.woocommerce-info) {
  background: #fff; border-radius: var(--wd-brd-radius, 10px); padding: 14px 18px;
}
/* a belepes-widget tarolojan a WoodMart 10 px also margot hagy → a ket kartya egyforma magas legyen */
.woocommerce-checkout :is(.wd-checkout-login, .wd-checkout-coupon) > .elementor-widget-container { margin: 0 !important; }
.woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info {
  display: grid !important; grid-template-columns: 40px 1fr auto; grid-template-rows: auto auto;
  column-gap: 12px; align-items: center; margin: 0; padding: 0; text-align: left;
  background: none; border: 0; color: inherit;
}
.woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info::before {
  content: "" !important; grid-row: 1 / 3; grid-column: 1; width: 40px; height: 40px; border-radius: 50%;
  position: static !important; margin: 0 !important; font-family: inherit !important;
  background: #eef5e8 var(--cap-tg-ikon) center / 20px no-repeat;
}
.woocommerce-checkout .woocommerce-form-login-toggle { --cap-tg-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373935e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'/%3E%3Cpath d='M6.168 18.849a4 4 0 0 1 3.832 -2.849h4a4 4 0 0 1 3.834 2.855'/%3E%3C/svg%3E"); }
.woocommerce-checkout .woocommerce-form-coupon-toggle { --cap-tg-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373935e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l0 2'/%3E%3Cpath d='M15 11l0 2'/%3E%3Cpath d='M15 17l0 2'/%3E%3Cpath d='M5 5h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-3a2 2 0 0 0 0 -4v-3a2 2 0 0 1 2 -2'/%3E%3C/svg%3E"); }
.woocommerce-checkout .cap-tg-cim { grid-column: 2; grid-row: 1; font-weight: 600; color: var(--wd-title-color, #242424); line-height: 1.3; }
.woocommerce-checkout .cap-tg-sub { grid-column: 2; grid-row: 2; font-size: .88em; color: #888; line-height: 1.3; }
.woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info > a {
  grid-column: 3; grid-row: 1 / 3; color: #73935e; font-weight: 600; text-decoration: none; white-space: nowrap;
}
.woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info > a::after { content: " ›"; }
.woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info > a:hover { text-decoration: underline; }
/* mobilon a link a szoveg ala kerul: az elony-mondatnak igy teljes szelesseg jut, es a ket kartya
   egyforma magas marad (kulonben eltero sorszamra tort: 104 vs 87 px) */
@media (max-width: 767px) {
  .woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info {
    grid-template-columns: 40px 1fr; grid-template-rows: auto auto auto; align-items: start;
  }
  .woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info::before { grid-row: 1 / 4; align-self: center; }
  .woocommerce-checkout :is(.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle) .woocommerce-info > a { grid-column: 2; grid-row: 3; margin-top: 4px; }
}
/* a lenyilo urlap a kartyan belul, sajat keret nelkul */
.woocommerce-checkout .wd-checkout-login form.woocommerce-form-login,
.woocommerce-checkout .wd-checkout-coupon form.checkout_coupon {
  border: 0 !important; box-shadow: none !important; margin: 14px 0 0 !important; padding: 14px 0 0 !important;
  border-top: 1px solid #eee !important; border-radius: 0 !important; max-width: none;
}
@media (min-width: 768px) {
  .woocommerce-checkout .e-con:has(> .e-con-inner > :is(.wd-checkout-login, .wd-checkout-coupon)) {
    /* az Elementor az iranyt valtozobol veszi (.e-con.e-flex > .e-con-inner, kesobb toltodik) */
    --flex-direction: row; --flex-wrap: wrap; --row-gap: 0px; --column-gap: 20px; --align-items: flex-start;
  }
  .woocommerce-checkout .e-con-inner:has(> :is(.wd-checkout-login, .wd-checkout-coupon)) { column-gap: 20px; row-gap: 0; align-items: flex-start; }
  .woocommerce-checkout .e-con-inner:has(> :is(.wd-checkout-login, .wd-checkout-coupon)) > .elementor-element { flex: 0 0 100%; }
  .woocommerce-checkout .e-con-inner:has(> :is(.wd-checkout-login, .wd-checkout-coupon)) > :is(.wd-checkout-login, .wd-checkout-coupon) { flex: 1 1 0; width: auto; min-width: 0; }
}

/* Szallitasi modok (kosar-osszesito + penztar „Comanda ta”): kulon, kattinthato kartyak
   (Attiro, 2026-09-26). A „Livrare” felirat folul, alatta teljes szelessegben a modok; radio
   mindig balra, nev balra, ar jobbra; a kivalasztott zold. A Capsuni Shipping Packages plugin
   rejtett inputjat + rajzolt koret itt visszaallitjuk valodi radiora (a plugin erintetlen). */
/* az osszesito tablazat flex-sorokkal (igy a szallitasi sor kitoltheti a teljes szelesseget;
   egy blokk-sor a tablazatban osszeugrana) — a tobbi sor: cimke balra, ertek jobbra, mint eddig */
/* a penztar „Comanda ta” tablazata mobilon sem reszponziv (ket oszlop marad) → ott MINDEN
   szelessegen flex-sorok, igy a „Livrare” a kartyak folott all mobilon is (Attiro, 2026-09-26) */
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table > :is(thead, tbody, tfoot) { display: block; width: 100%; }
.woocommerce-checkout-review-order-table tr { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 12px; }
.woocommerce-checkout-review-order-table tr > th { flex: 0 0 auto; }
.woocommerce-checkout-review-order-table tr > td { flex: 1 1 0; text-align: right; }
.woocommerce-checkout-review-order-table tr > :is(td, th) { border-bottom: 0; }
.woocommerce-checkout-review-order-table tr:not(:last-child) { border-bottom: 1px solid var(--brdcolor-gray-300, #e6e6e6); }
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > :is(th, td) { flex: 1 1 100%; width: 100%; text-align: left; padding-left: 0; padding-right: 0; }
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th { padding-bottom: 8px; }
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > td { padding-top: 0; }
/* a kosar-osszesito csak ≥768 px: mobilon a WoodMart sajat reszponziv tablazata marad (data-title) */
@media (min-width: 768px) {
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table),
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table) > :is(thead, tbody, tfoot) { display: block; width: 100%; }
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table) tr {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; column-gap: 12px;
  }
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table) tr > th { flex: 0 0 auto; }
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table) tr > td { flex: 1 1 0; text-align: right; }
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table) tr > :is(td, th) { border-bottom: 0; }
  :is(.cart_totals .shop_table, .woocommerce-checkout-review-order-table) tr:not(:last-child) { border-bottom: 1px solid var(--brdcolor-gray-300, #e6e6e6); }
  :is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals > :is(th, td) {
    flex: 1 1 100%; width: 100%; text-align: left; padding-left: 0; padding-right: 0;
  }
  :is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals > th { padding-bottom: 8px; }
  :is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals > td { padding-top: 0; }
}
/* mobilon: a „Livrare” (data-title) felirat a kartyak folott, a kartyak teljes szelessegben */
@media (max-width: 767px) {
  :is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals > td { text-align: left; }
  :is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals > td::before {
    display: block !important; float: none !important; margin-bottom: 8px; text-align: left;
  }
}
#shipping_method.woocommerce-shipping-methods { display: flex !important; flex-direction: column !important; gap: 10px; margin: 0; padding: 0; }
#shipping_method.woocommerce-shipping-methods li {
  display: flex; align-items: flex-start; gap: 10px; margin: 0 !important; padding: 0;
  text-align: left; background: #fff; border: 1px solid #cccccc; border-radius: 8px;
  transition: border-color .15s, background-color .15s;
}
#shipping_method.woocommerce-shipping-methods li:has(input:checked) { border-color: #8cbc67; background: #f4f9f0; }
/* a plugin <head>-stilusa kesobb jon, !important-tal → erosebb szelektor kell */
ul#shipping_method.woocommerce-shipping-methods li > input.shipping_method,
ul#shipping_method.woocommerce-shipping-methods li:has(.capsuni-shipping-breakdown) > input.shipping_method {
  position: static !important; opacity: 1 !important; pointer-events: auto !important;
  width: 16px !important; height: 16px !important; flex: 0 0 16px; order: 0;
  margin: 14px 0 0 14px !important; accent-color: #73935e; cursor: pointer;
}
#shipping_method.woocommerce-shipping-methods li > label {
  order: 1; flex: 1 1 auto; margin: 0 !important; padding: 11px 14px 11px 0; cursor: pointer;
  display: flex !important; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
#shipping_method li:has(.capsuni-shipping-breakdown) > label .capsuni-shipping-line:first-child::before { content: none !important; }
#shipping_method .capsuni-shipping-breakdown { flex: 1 1 100%; }
ul#shipping_method.woocommerce-shipping-methods .capsuni-shipping-line,
ul#shipping_method.woocommerce-shipping-methods .capsuni-shipping-total strong { display: flex !important; justify-content: space-between; gap: 12px; }
#shipping_method .capsuni-bag-line { color: #777; } /* teljes meret: az ar egyforma a tobbivel (Attiro) */
#shipping_method .capsuni-shipping-total { border-top-color: #e2e2e2 !important; margin-top: 8px !important; padding-top: 6px !important; }
#shipping_method .cap-livrare-gratuit { color: #73935e; font-weight: 600; }
#shipping_method .cap-saci { color: #888; font-weight: 400; margin-right: 4px; }
/* 74 kg felett: „se calculează ulterior” — narancs jelzes, a Flexible Shipping duplikalt
   (sotetvoros) leirasa rejtve; kivalasztva narancs kartya (Attiro, 2026-09-26) */
#shipping_method li:has(.capsuni-shipping-breakdown) .shipping-method-description { display: none !important; }
#shipping_method .cap-ulterior-ar { color: #b86a12; font-weight: 600; white-space: nowrap; }
#shipping_method .cap-ulterior-nota { display: block; margin-top: 6px; font-size: .88em; line-height: 1.4; color: #8a6a45; }
#shipping_method.woocommerce-shipping-methods li:has(.cap-transport-ulterior):has(input:checked) { border-color: #f0b37e; background: #fff4e8; }
ul#shipping_method.woocommerce-shipping-methods li:has(.cap-transport-ulterior) > input.shipping_method { accent-color: #b86a12; }
/* 2 colet bontasa (livrare-vegyes, transport-rasad 2026-11-09): kulon sorban a cim + ar alatt, nem melleje szorulva */
#shipping_method .cap-ket-colet-nota { flex: 1 1 100%; margin-top: 6px; margin-bottom: 6px; }
/* soronkent (livrare-vegyes 11-15): egyforma, szellosebb sorkoz (Attiro: „tul kozel, nem egyformak”) */
#shipping_method .cap-ket-colet-nota .cap-kc-sor { line-height: 1.5; }
#shipping_method .cap-ket-colet-nota .cap-kc-sor + .cap-kc-sor { margin-top: 4px; }
:is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals .woocommerce-shipping-destination,
:is(.cart_totals, .woocommerce-checkout-review-order-table) tr.woocommerce-shipping-totals td > p {
  margin: 10px 0 0; font-size: .9em; color: #888; text-align: left;
}

/* Contul meu: a jobb oldali „Înregistrare” / „Autentificare” valto gomb olyan, mint a bal oldali
   zold „Autentificare” gomb — teljes szelesseg, zold (Attiro, 2026-09-26) */
.col-register-text .btn.wd-switch-to-register {
  display: flex; width: 100%;
  background-color: var(--btn-accented-bgcolor, #8cbc67); color: var(--btn-accented-color, #fff);
  box-shadow: none;
}
.col-register-text .btn.wd-switch-to-register:hover {
  background-color: var(--btn-accented-bgcolor-hover, #7aa857); color: var(--btn-accented-color-hover, #fff);
}

/* Ures kosar: „Ai nevoie de ajutor?” doboz (a regi kosar-oldal tartalma, functions.php) */
.cap-ajutor {
  display: flex; gap: 30px; align-items: center;
  max-width: 900px; margin: 40px auto 0; padding: 24px;
  background: #fff; border: 1px solid #cccccc; border-radius: 10px;
}
.cap-ajutor-kep { flex: 0 0 280px; width: 280px; height: auto; border-radius: 8px; }
.cap-ajutor-szoveg { flex: 1 1 auto; }
.cap-ajutor-szoveg p { margin-bottom: 14px; }
.cap-ajutor-tel { color: #73935e; font-weight: 700; font-size: 1.15em; white-space: nowrap; }
.cap-ajutor .wpcf7 { margin-bottom: 14px; }
.cap-ajutor-program { margin-bottom: 0 !important; }
@media (max-width: 767px) {
  .cap-ajutor { flex-direction: column; align-items: stretch; gap: 18px; padding: 18px; margin-top: 28px; }
  .cap-ajutor-kep { width: 100%; flex-basis: auto; }
}

/* ===== AKADALYMENTESSEG — kontraszt (PageSpeed, Attiro: „javits ki mindent, lassam”, 2026-09-28) =====
   Minden tetel kulon sor → egyenkent visszaforditható. WCAG: normal szoveg 4.5, nagy (≥18.66 px felkover) 3.0.
   1. lista-ar #8cbc67 (2.08) → #4a7a2e (4.8; a „lei” is atmegy); athuzott regi ar #8a8a8a (3.3) → #6e6e6e */
.wd-product .price, .wd-product .price ins, .wd-product .price .amount { color: #4a7a2e; }
.wd-product .price del, .wd-product .price del .amount { color: #6e6e6e; }
/* 2. zold gombok (Kosarba, Autentificare…): feher a #8cbc67-en 2.2 → #73935e 5.1, hover #3f6a26 */
body { --btn-accented-bgcolor: #73935e; --btn-accented-bgcolor-hover: #3f6a26; } /* body: a WoodMart :root-ja folott */
/* 3. kosar-szamlalo a fejlecben: feher a #8cbc67-en → #73935e */
.wd-tools-count { background-color: #73935e !important; color: #fff !important; }
/* 4. akcios cimke (-9%) es a fomenu aktiv pontja */
.product-labels .product-label.onsale { background-color: #73935e !important; color: #fff; }
/* stoloni-elorendeles (2026-10-01): „Precomandă” cimke a listakban (functions.php, woodmart_product_label_output) */
.product-labels .product-label.cap-precom-cimke { background-color: #73935e; color: #fff; }
/* teljes pirula-stilus sajat jogon (2026-10-02, Attiro: „milyen csunya”): akcio nelkuli oldalon (pl. /stoloni-capsuni/) a WoodMart
   cimke-CSS-e (woo-mod-product-labels*) be sem toltodik → a cimke padding nelkul, 15 px normal betuvel a sarokba tapadt.
   Ugyanaz, mint a „-20%”: 5×10 px, 12 px 600 nagybetu, 12 px sarok, 7 px-re a kep szeletol. */
.wd-product .product-labels:has(.cap-precom-cimke),
.product-labels:has(> .cap-precom-cimke) {
    position: absolute;
    top: 7px;
    inset-inline-start: 7px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.product-labels .product-label.cap-precom-cimke {
    display: inline-block;
    padding: 5px 10px;
    min-width: 50px;
    border-radius: 12px;
    font: 600 12px/1.2 Manrope, sans-serif;
    letter-spacing: .02em;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}
@media (max-width: 768px) {
    .product-labels .product-label.cap-precom-cimke { padding: 4px 8px; min-width: 40px; font-size: 10px; }
}
/* 5. „Ai uitat parola?” (belepo-panel): #8cbc67 a feheren 2.2 → #73935e */
a.woocommerce-LostPassword, .woocommerce-LostPassword a { color: #73935e; }
.whb-header .wd-nav > li.current-menu-item > a .nav-link-text,
.whb-header .wd-nav > li.current-menu-ancestor > a .nav-link-text { color: #3f6a26; }
/* 6. bal oldali sticky sav „Meniu” cime: #777 a feheren 4.47 → #6e6e6e 5.1 (PageSpeed, 2026-09-29) */
/*    2026-09-30 (Attiro): a zold (#8cbc67) pirulan FEHER jobb (kontraszt csak 2.2 — tudatos dontes) */
.wd-sticky-nav-title, .wd-sticky-nav-title span { color: #fff; font-weight: 600; }
/* 7. termekoldal morzsamenu: #767676 a #faf8f5-on 4.28 → #6e6e6e 4.9 (PageSpeed /produs/megafol/, 2026-09-29) */
.woocommerce-breadcrumb a, .wd-breadcrumbs a, .woocommerce-breadcrumb, .wd-breadcrumbs { color: #6e6e6e; }
/* 8. termekoldal athuzott regi ar: #bbbbbb (1.81) → #6e6e6e, mint a listakban (1. tetel) — 2026-09-29 */
p.price del, p.price del .amount, .summary .price del, .summary .price del .amount { color: #6e6e6e; }
/* 9. termekoldal ara: #8cbc67 (2.08) → #4a7a2e, mint a listakban (Attiro 09-28-i ar-dontese); darabszam-mezo #777 → #6e6e6e */
p.price, p.price ins, p.price .amount, .summary .price ins .amount { color: #4a7a2e; }
form.cart .quantity input.qty { color: #6e6e6e; }
/* 10. termekoldal: Culturi vizate cimke #73935e a bezsen 4.48 → #3f6a26; cikkszam/kategoria (product_meta) #777 → #6e6e6e */
.cap-culturi-vizate .cap-cv-cim { color: #3f6a26; }
.product_meta, .product_meta a, .product_meta .sku { color: #6e6e6e; }
/* 11. listakartya: a termeknev- es a kategoria-link kozeppontja ~21–22,5 px-re volt (target-size: min. 24) → a kategoria-sor
      4 px-szel lejjebb (WoodMart: −2,3 px margo → +2 px); kozep-tavolsag 26,8 px. Minden termeklista. (PageSpeed, 2026-10-01) */
.wd-product .product-element-bottom .wd-product-cats { margin-top: 2px; } /* 3 osztaly: a WoodMart .wd-loop-builder-off :is(…) margin-block −0,2em kesobb jon */

/* ===== Termeklista-kartya a termekoldali „Produse similare” mintajara (Attiro, 2026-09-30: „az egesz weboldalon”) =====
   feher kartya, 4 px zold bal csik, 12 px sarok; mobilon teljes szelessegu feher sav felso/also vonallal.
   Hol: Culturi „Produse recomandate” (22 oldal; a cim: cap-culturi.css), kosar „Ai putea fi interesat…” (carousel: a cim alatti resz).
   A termekoldal (functions.php, cap-osz-4) es a kategoria-oldalak (cap-arhiv-keret) sajat, azonos szabalyt hasznalnak. */
body:has(.cap-hero):has(.cap-tabel) .e-con.e-parent:has(.wd-products) .elementor-widget-wd_products,
body.woocommerce-cart .elementor-widget-wd_products .wd-carousel-inner {
  background: #fff; border: 1px solid #ebe7de; border-left: 4px solid #8cbc67; border-radius: 12px;
  padding: 26px 30px 30px; box-shadow: 0 1px 6px rgba(40, 50, 30, .04);
}
/* kosar: a carousel sajat cime a „Produse similare” cimevel egyezo (26 px, a szoveg az elso csempe vonalaban, 17 px a kartyaig) */
body.woocommerce-cart .elementor-widget-wd_products .wd-carousel-inner { margin-top: 0 !important; } /* WoodMart: −15 px */
body.woocommerce-cart .elementor-widget-wd_products .wd-el-title { font-size: 26px; text-align: left; padding-left: 34px; margin-bottom: 17px !important; }
@media (max-width: 767px) {
  body:has(.cap-hero):has(.cap-tabel) .e-con.e-parent:has(.wd-products) .elementor-widget-wd_products,
  body.woocommerce-cart .elementor-widget-wd_products .wd-carousel-inner {
    width: calc(100% + 30px) !important; max-width: none !important; margin-left: -15px !important; margin-right: -15px !important;
    border: 0; border-top: 1px solid #ebe7de; border-bottom: 1px solid #ebe7de; border-radius: 0; box-shadow: none; padding: 16px 15px 18px;
  }
  body.woocommerce-cart .elementor-widget-wd_products .wd-el-title { font-size: 21px; padding-left: 14px; border-left: 4px solid #8cbc67; margin-bottom: 20px !important; }
}

/* erintokepernyo (Attiro, 2026-10-01): a „replace” kosar-gomb hover-animacioja ne ragadjon be (a felirat felcsuszott, a teteje levagva);
   a betoltes-jelzes (.loading) marad */
@media (hover: none) {
  .wd-add-btn-replace > a:hover:not(.loading) .wd-action-text { transform: none; }
  .wd-add-btn-replace > a:hover:not(.loading) .wd-action-icon { transform: translateY(100%); }
}

/* carousel-nyilak (WoodMart wd-pos-sep): a nyil-tarolo ::after retege a teljes carouselt lefedi (a nyilak hover-teruletenek
   szanta) — mobilon elnyelte a csempek gombjainak koppintasat (nyitooldal, 2026-10-02). Kattintast nem fog, a nyilak maradnak. */
.wd-nav-arrows.wd-pos-sep::after { pointer-events: none; }

/* Koszonooldal (Comanda finalizată, 2026-10-07): a cimek kartyaban, nem dolt (mint a Contul meu → Vezi comanda); a GLS-bovitmeny
   ures keretes doboza rejtve, ha van benne csomagszam / atvevopont, kartya; atutalasnal a teendo zold dobozban. */
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 18px 0 0; }
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses::before,
.woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses::after { display: none; }
.woocommerce-order .woocommerce-customer-details .woocommerce-column { width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 16px 18px; border: 1px solid #ebe7de; border-radius: 10px; background: #fff; }
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title { font-size: 16px; margin: 0 0 10px; }
.woocommerce-order .woocommerce-customer-details address { font-style: normal; font-size: 15px; line-height: 1.6; margin: 0; padding: 0; border: 0; }
.woocommerce-order .woocommerce-customer-details address p { margin: 6px 0 0; padding: 0; }
.woocommerce-order div[style*="border: 1px solid #ddd"]:empty { display: none !important; }
.woocommerce-order div[style*="border: 1px solid #ddd"] { border: 1px solid #ebe7de !important; border-radius: 10px; background: #fff; padding: 14px 18px !important; font-size: 14px; }
/* a WoodMart capitalize-a miatt „Metodă De Plată:” volt */
.woocommerce-order .woocommerce-table--order-details :is(th, td) { text-transform: none; }
.woocommerce-order .cap-koszono-teendo { margin: 0 0 24px; padding: 14px 18px; border: 1px solid #cfe2bf; border-left: 4px solid #8cbc67; border-radius: 10px; background: #eef6e8; color: #2b2b2b; font-size: 15px; line-height: 1.6; }
@media (max-width: 767px) {
  .woocommerce-order .woocommerce-customer-details .woocommerce-columns--addresses { grid-template-columns: 1fr; }
}

/* Țară mezo rejtve (penztar, Contul meu → Adrese): csak Romaniaba adunk el (WC: specific RO), az erteke (RO) ugyanugy elmegy.
   Attiro, 2026-10-07 */
#billing_country_field, #shipping_country_field { display: none !important; }
/* „Telefon (contact)” (FCF-mezo, a form-row-first osztalyt nem kapja meg): asztalon fel szelesseg */
@media (min-width: 769px) { #shipping_telefon_contact_field { width: 48%; } }

/* Ures kosarnal a lepessav a WoodMart lapfejleceben van (.wd-page-title .container, flex, balra) → kozepre (Attiro, 2026-10-07) */
.wd-page-title .container:has(> .wd-checkout-steps) { justify-content: center; align-items: center; }   /* oszlopiranyu flex */

/* Feher, lekerekitett dobozok az EGESZ oldalon a lepessav mintajara: halvany keret + arnyek (Attiro, 2026-10-21; mobilon nezve).
   Felmeres (375 px, 15 oldaltipus): a termekoldal / Culturi / jogi / Împreună / blog-cikk / kategoria-savkartyak mar ilyenek.
   1) KERET NELKULIEK → 1 px #ebe7de keret (a bal zold csik, ahol van, marad: csak felul / jobbra / alul) + arnyek.
      Elementor-elem-ID-k a WoodMart-layoutokbol: kosar #825, penztar #836 (belepes-sav) es #839 (urlap) — atepiteskor itt igazitani. */
.elementor-825 :is(.elementor-element-5bfadef > .elementor-widget-container, .elementor-element-d64482b),
.elementor-836 .elementor-element-961c311,
.elementor-839 :is(.elementor-element-7783d22, .elementor-element-d52c662, .elementor-element-72383fc) {
  border: 1px solid #ebe7de;
  box-shadow: 0 1px 6px rgba(40, 50, 30, .04);
}
/* Favorite: bal zold csikja van — azt nem irjuk felul */
/* (a Contul meu belepes / Cont nou dobozai: functions.php cap-fiok, ott 1px #ebe7de + bal 4px zold) */
.elementor-widget-wd_wishlist {
  border-top: 1px solid #ebe7de; border-right: 1px solid #ebe7de; border-bottom: 1px solid #ebe7de;
  box-shadow: 0 1px 6px rgba(40, 50, 30, .04);
}
/* 2) Kerettel, de arnyek nelkul → arnyek: lepessav (csak ≤1024 feher doboz; ragadva a sajat also arnyeka marad), nyitooldali
      futo szalag, Contact-dobozok, blog-lista kartyai */
@media (max-width: 1024px) { .e-con.e-parent:not(.cap-ragad):has(.wd-checkout-steps) { box-shadow: 0 1px 6px rgba(40, 50, 30, .04); } }
.cap-szalag > .elementor-widget-container,
:is(.cap-contact-gyik, .cap-contact-info-fej, .cap-contact-info-racs > div),
.cap-blog-k {
  box-shadow: 0 1px 6px rgba(40, 50, 30, .04);
}

/* Korhintak (wd-carousel: kosar-ajanlo „Ai putea fi interesat…”, Produse similare, nyitooldal) — mint a racsoknal (fent, ≤1024):
   egyforma magas csempek, a gomb a csempe aljan, egy vonalban (Attiro, 2026-10-21, telefon: „egyik gomb kozepen, masik az aljan”).
   A wd-carousel nem .wd-products, ezert a racs-szabaly nem ert ide. */
@media (max-width: 1024px) {
  .wd-carousel .wd-carousel-wrap { align-items: stretch; }
  .wd-carousel .wd-carousel-item { height: auto !important; display: flex; }
  .wd-carousel .wd-carousel-item > .wd-product { display: flex; flex-direction: column; width: 100%; }
  .wd-carousel .wd-product .wd-product-wrapper { flex: 1 1 auto; height: 100%; }
  .wd-carousel .wd-product .product-element-bottom { flex: 1 1 auto; }
  .wd-carousel .wd-product :is(.wd-product-footer, .nstoc-loop-btn) { margin-top: auto; }
}
/* (Attiro, 2026-10-21) az AR is a gomb mellett legyen (12 px, mint a zold alcimes csempen): az ures hely az ar FOLE kerul
   (ahol nincs alcim), nem az ar es a gomb koze. Rács + korhinta, ≤1024. Ar nelkuli csempen (cikk) marad a gomb margin-top:auto-ja. */
@media (max-width: 1024px) {
  :is(.wd-products, .wd-carousel) .wd-product .product-element-bottom:has(> .wrap-price) > .wrap-price { margin-top: auto; }
  :is(.wd-products, .wd-carousel) .wd-product .product-element-bottom:has(> .wrap-price) > :is(.wd-product-footer, .nstoc-loop-btn) { margin-top: 0; }
}

/* ASZTALON IS (≥1025, Attiro 2026-10-21: „csunyak … mindenhol javitsd”): egyforma magas csempek, az ar alja egy vonalban — racs + korhinta.
   A kis csempes sav (wd-hover-small, nyitooldal) kimarad (az 80 px magas, nem nyulhat). A WoodMart hover-gombja (buttons-on-hover:
   az also resz -48 px-es margoval lent lapul, hoverre jon elo) ugyanugy mukodik; az also resz flex-grow-ja !important (a WoodMart 0-ra allitja). */
@media (min-width: 1025px) {
  .wd-products.wd-grid-g { align-items: stretch; }
  .wd-products .wd-product:not(.wd-hover-small) .wd-product-wrapper { height: 100%; }
  .wd-carousel .wd-carousel-wrap { align-items: stretch; }
  .wd-carousel .wd-carousel-item:has(> .wd-product:not(.wd-hover-small)) { height: auto !important; display: flex; }
  .wd-carousel .wd-carousel-item > .wd-product:not(.wd-hover-small) { display: flex; flex-direction: column; width: 100%; }
  .wd-carousel .wd-product:not(.wd-hover-small) .wd-product-wrapper { flex: 1 1 auto; height: 100%; }
  :is(.wd-products, .wd-carousel) .wd-product:not(.wd-hover-small) .wd-product-wrapper { display: flex; flex-direction: column; }
  :is(.wd-products, .wd-carousel) .wd-product:not(.wd-hover-small) .product-element-bottom { flex-grow: 1 !important; display: flex; flex-direction: column; }
  :is(.wd-products, .wd-carousel) .wd-product:not(.wd-hover-small) .product-element-bottom > .wrap-price { margin-top: auto; }
}

/* Nyitooldal: termekcsempek a Filtre-doboz keretevel + arnyekaval (Attiro, 2026-10-21; elonezet ?keret=1 → jovahagyva).
   A korhintak csempei feher hatteret kapnak (a WoodMart a nyitooldalon atlatszora allitja: body.home .wd-products-with-bg …). */
body.home .wd-product.wd-hover-small .wd-product-wrapper { border: 1px solid #e3e3e3; border-radius: 12px; box-shadow: 0 1px 4px rgba(40, 50, 30, .05); }
body.home .wd-products-with-bg .wd-product.wd-hover-buttons-on-hover .wd-product-wrapper.product-wrapper,
body.home .wd-product.wd-hover-buttons-on-hover .wd-product-wrapper {
  background: #fff; border: 1px solid #e3e3e3; border-radius: 12px; box-shadow: 0 1px 4px rgba(40, 50, 30, .05); padding: 10px 10px 14px;
}
body.home .wd-product.wd-hover-buttons-on-hover .product-element-top { border-radius: 8px; overflow: hidden; }

/* Hibauzenetek MINDENHOL pirosak, nem sargak (Ica: sarga figyelmeztetes helyett piros; Attiro, 2026-10-21, penztar: a WoodMart
   a .woocommerce-error-t a sarga #e0b252 hatterrel, feher szoveggel rajzolta). A Contul meu mar ilyen volt (functions.php cap-fiok). */
.woocommerce-error {
  background: #fdeeee !important; color: #2b2b2b !important;
  border: 1px solid #f0c4c4 !important; border-left: 4px solid #c94b4b !important; border-radius: 10px !important;
}
.woocommerce-error::before { color: #c94b4b !important; opacity: 1; }
.woocommerce-error li, .woocommerce-error li a { color: #2b2b2b !important; }
.woocommerce-error li a { text-decoration: underline; text-decoration-color: #c94b4b; text-underline-offset: 3px; }
.woocommerce-error li a:hover { color: #b3261e !important; }

/* Hibas mezo keret: FOKUSZBAN is piros (Attiro, 2026-10-21, telefon: „felugrik, de nincs piros keretben” — a lepeses penztar a hibas
   mezobe teszi a kurzort, es a tema fokusz-stilusa felulirta a WooCommerce piros keretet). Penztar, cimek, fiok. */
.form-row.woocommerce-invalid :is(input.input-text, input[type=email], input[type=tel], input[type=text], textarea, select),
.form-row.woocommerce-invalid :is(input.input-text, input[type=email], input[type=tel], input[type=text], textarea, select):focus,
.form-row.woocommerce-invalid .select2-container .select2-selection {
  border-color: #c94b4b !important; box-shadow: 0 0 0 1px #c94b4b !important;
}