.elementor-23427 .elementor-element.elementor-element-2b83c8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}@media(max-width:1024px){.elementor-23427 .elementor-element.elementor-element-2b83c8a{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-5a8bb86 *//* ===== WooCommerce klasszikus checkout – „kártyás” kétoszlopos layout ===== */

/* --- Alap változók: igazítsd a márkádhoz --- */
:root {
  --wc-accent: #0b67c2;   /* fő gomb/fókusz szín */
  --wc-border: #e6e8ee;   /* halvány szegély */
  --wc-text:   #1f2d3d;   /* alap szöveg */
  --wc-muted:  #6b7480;   /* halvány szöveg */
  --wc-bg:     #ffffff;   /* kártya háttér */
  --wc-shadow: 0 1px 2px rgba(0,0,0,.04);
  --wc-radius: 10px;
  --wc-gap:    32px;
}

/* --- Kétoszlopos rács a checkout formon --- */
.woocommerce-checkout form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: var(--wc-gap);
  align-items: start;
}

/* Bal: ügyfél adatok | Jobb: rendelés összegzés */
.woocommerce-checkout form.checkout #customer_details { grid-column: 1; }
.woocommerce-checkout form.checkout #order_review_heading,
.woocommerce-checkout form.checkout #order_review { grid-column: 2; }

/* Jobb oldali doboz „ragadjon” */
.woocommerce-checkout form.checkout #order_review { position: sticky; top: 24px; }

/* Mobilon egymás alatt */
@media (max-width: 992px) {
  .woocommerce-checkout form.checkout { grid-template-columns: 1fr; }
  .woocommerce-checkout form.checkout #order_review_heading,
  .woocommerce-checkout form.checkout #order_review { grid-column: 1; position: static; }
}

/* --- Kártyás dobozok --- */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  background: var(--wc-bg);
  border: 1px solid var(--wc-border);
  border-radius: var(--wc-radius);
  box-shadow: var(--wc-shadow);
  padding: 24px;
}

/* Fejlécek */
.woocommerce h3, .woocommerce h2 {
  color: var(--wc-text);
  font-weight: 600;
  margin: 0 0 16px;
}

/* --- Form mezők egységes stílusa --- */
.woocommerce form .form-row { margin-bottom: 14px; }
.woocommerce form .form-row label { 
  color: var(--wc-text); 
  font-size: 14px; 
  margin-bottom: 6px; 
  display: block; 
}
.woocommerce form .required { color: #e63946; } /* kötelező csillag */

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
  width: 100%;
  border: 1px solid var(--wc-border);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  line-height: 1.4;
  color: var(--wc-text);
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}

/* Fókuszállapot */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
  outline: none;
  border-color: var(--wc-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wc-accent) 20%, transparent);
}

/* Placeholder */
.woocommerce ::placeholder { color: var(--wc-muted); opacity: 1; }

/* Woo select2 – ország/megye mezők */
.select2-container .select2-selection--single {
  height: 42px;
  border: 1px solid var(--wc-border);
  border-radius: 8px;
}
.select2-container .select2-selection__rendered { line-height: 42px; padding: 0 12px; }
.select2-container .select2-selection__arrow { height: 42px; right: 8px; }
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
  outline: none;
}
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--wc-accent);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--wc-accent) 20%, transparent);
}

/* --- Rendelés összegzés táblázat --- */
.woocommerce #order_review table.shop_table {
  border: 1px solid var(--wc-border);
  border-radius: 8px;
  overflow: hidden;
}
.woocommerce #order_review table.shop_table th,
.woocommerce #order_review table.shop_table td {
  padding: 12px 14px;
}
.woocommerce #order_review table.shop_table thead th {
  background: #f7f9fc;
  font-weight: 600;
}
.woocommerce #order_review .woocommerce-checkout-review-order-table tfoot th {
  font-weight: 600;
}

/* Szállítási módok rádiói és fizetési módok */
.woocommerce #order_review .shipping .woocommerce-shipping-methods li,
.woocommerce-checkout #payment ul.payment_methods > li {
  border: 1px solid var(--wc-border);
  border-radius: 8px;
  padding: 10px 12px;
  margin-bottom: 10px;
  background: #fff;
}

/* Pénztár gomb stílus finomhangolás */
.woocommerce #payment #place_order,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background: var(--wc-accent);
  border-radius: 8px;
  padding: 12px 18px;
  font-weight: 600;
  border: none;
}
.woocommerce #payment #place_order:hover { filter: brightness(0.95); }

/* Hibák/validáció */
.woocommerce-error, .woocommerce-message, .woocommerce-info {
  border-radius: 8px;
}

/* Opcionális: belső kétoszlop a billing mezőknek nagy kijelzőn */
@media (min-width: 992px) {
  #customer_details .col-1 .woocommerce-billing-fields__field-wrapper,
  #customer_details .col-2 .woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  /* széles mezők teljes szélességen */
  .form-row-wide { grid-column: 1 / -1; }
}







/* === PATCH: a klasszikus .col-1 / .col-2 lebegők semlegesítése === */
.woocommerce .col2-set,
#customer_details .col-1,
#customer_details .col-2 {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

#customer_details {
  overflow: hidden; /* régi lebegők clearfix-e */
}

/* A szállítási blokk (col-2) menjen a számlázás (col-1) ALÁ, ugyanabban a kártyában */
#customer_details .col-2 {
  margin-top: 16px !important;
  padding-top: 16px;
  border-top: 1px dashed var(--wc-border);
}

/* "Szállítás másik címre?" cím sor rendezése */
#ship-to-different-address label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  margin: 0;
}

/* A rendelés címe ne „lógjon” külön oszlopként */
#order_review_heading { margin: 0 0 12px; font-weight: 700; }

/* Opcionális: ha inkább kártyán belül szeretnéd a címet, a fenti sort kapcsold ki,
   és ezt a blokkot kapcsold be (kiveszed a kommentet) – FIGYELEM: fix szöveg! */
/*
#order_review_heading { display: none; }
#order_review::before {
  content: "A rendelés tartalma";
  display: block;
  font-weight: 700;
  margin: 0 0 12px;
}
*/

/* Finomhangolás: a "Megjegyzés" (Additional fields) is illeszkedjen az egységes rácsba */
.woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}










/* A billing/shipping mezők rácsában ne legyen fix 47% szélesség */
#customer_details .woocommerce-billing-fields__field-wrapper .form-row,
#customer_details .woocommerce-shipping-fields__field-wrapper .form-row {
  width: 100% !important;
  float: none !important;
  margin-right: 0 !important;
}
#customer_details .woocommerce-billing-fields__field-wrapper .form-row-first,
#customer_details .woocommerce-billing-fields__field-wrapper .form-row-last,
#customer_details .woocommerce-shipping-fields__field-wrapper .form-row-first,
#customer_details .woocommerce-shipping-fields__field-wrapper .form-row-last {
  width: 100% !important; /* hagyjuk, hogy a grid ossza el 1/2–1/2 arányban */
}







/* A külön címsor elrejtése, hogy ne törje meg a rácsot */
.woocommerce-checkout form.checkout #order_review_heading {
  display: none;
}

/* Cím a jobb oldali kártya elejére */
.woocommerce-checkout form.checkout #order_review::before {
  content: "A rendelés tartalma";  /* ha románul szeretnéd: "Conținutul comenzii" */
  display: block;
  font-weight: 700;
  margin: 0 0 12px;
  color: var(--wc-text);
}







:root { --checkout-sticky-top: 88px; } /* igazítsd a sticky headered magasságához */

.woocommerce-checkout form.checkout #order_review {
  position: sticky;
  top: var(--checkout-sticky-top);
  margin-top: 0 !important;
  align-self: start; /* mindig a rács tetejére igazít */
}

/* ha szűk a jobb oszlop, kicsit tágítsuk */
.woocommerce-checkout form.checkout {
  grid-template-columns: minmax(0, 1fr) minmax(380px, 480px);
}







@media (min-width: 992px) {
  #customer_details .col-1 .woocommerce-billing-fields__field-wrapper,
  #customer_details .col-2 .woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;  /* két oszlop */
    gap: 14px;
  }
  /* teljes szélességre kényszerítés bizonyos mezőknél */
  #customer_details .form-row-wide { grid-column: 1 / -1; }
}
@media (max-width: 991.98px) {
  #customer_details .woocommerce-billing-fields__field-wrapper,
  #customer_details .woocommerce-shipping-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr;      /* mobilon egy oszlop */
    gap: 12px;
  }
}







/* === 1) Azonos cím-méret bal és jobb oldalon === */
/* állíts egységes címméretet mindkét hasábhoz */
:root { --checkout-title-size: clamp(26px, 2.3vw, 34px); }

#customer_details h3,
.woocommerce-checkout form.checkout #order_review::before {
  font-size: var(--checkout-title-size);
  line-height: 1.25;
  font-weight: 800;        /* ha túl vastag, tedd 700-ra */
  margin: 0 0 16px;
  color: var(--wc-text);
}

/* Ha románul szeretnéd a jobb oldali címet, ezt írd át: */
.woocommerce-checkout form.checkout #order_review::before {
  content: "Conținutul comenzii";   /* RO: "Conținutul comenzii" */
}

/* === 2) Összesítő táblázat rácsvonalainak halványítása === */
.woocommerce #order_review table.shop_table {
  border-color: #eef2f7;            /* külső keret */
}
.woocommerce #order_review table.shop_table th,
.woocommerce #order_review table.shop_table td {
  border-color: #eef2f7;            /* belső rácsvonalak */
}
.woocommerce #order_review table.shop_table thead th {
  background: #f9fbfd;              /* fejléc halvány háttér */
}

/* Szállítási és fizetési „kártyák” keretének finomítása */
.woocommerce #order_review .shipping .woocommerce-shipping-methods li,
.woocommerce-checkout #payment ul.payment_methods > li {
  border-color: #eef2f7;
}

/* === 3) Kupon rész elrejtése a pénztáron === */
/* a „Van kuponod?…” sáv + a kupon űrlap eltüntetése a checkouton */
.woocommerce .woocommerce-form-coupon-toggle,
.woocommerce form.checkout #woocommerce-checkout-form-coupon {
  display: none !important;
}




/* === 1) „Szállítás másik címre?” – címsor egységesítése === */
:root { --checkout-title-size: clamp(26px, 2.3vw, 34px); } /* maradhat, ha már van ilyen változód */

#ship-to-different-address { margin: 18px 0 6px; }
#ship-to-different-address label{
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
}
#ship-to-different-address label span{
  font-size: var(--checkout-title-size);
  line-height: 1.25;
  color: var(--wc-text);
}
#ship-to-different-address input[type="checkbox"]{
  width: 20px; height: 20px;
  accent-color: var(--wc-accent);      /* natív checkbox szín */
}

/* === 2) MOBIL FIXEK – 1 oszlop, sticky kikapcs, teljes szélesség === */
@media (max-width: 991.98px){
  /* a teljes checkout ne rács legyen mobilon */
  .woocommerce-checkout form.checkout{
    display: block;
    grid-template-columns: none;       /* biztos, ami biztos */
  }

  .woocommerce-checkout form.checkout #customer_details,
  .woocommerce-checkout form.checkout #order_review{
    width: 100%;
    margin: 0 0 24px 0;
    height: auto;
    overflow: visible;
  }

  /* jobb oldali összegző ne legyen „ragadós” mobilon */
  .woocommerce-checkout form.checkout #order_review{
    position: static;
    top: auto;
  }

  /* billing/shipping mezők teljes szélességen, ne 47%-on */
  #customer_details .woocommerce-billing-fields__field-wrapper,
  #customer_details .woocommerce-shipping-fields__field-wrapper{
    display: block;
  }
  #customer_details .form-row,
  #customer_details .form-row-first,
  #customer_details .form-row-last{
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
  }
}

/* hosszú szövegek (ÁSZF, adatkezelés) ne törjék szét a layoutot */
.woocommerce-checkout,
.woocommerce-checkout p,
.woocommerce-checkout label,
.woocommerce-checkout table{
  word-break: break-word;
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* kompaktabb padding mobilon */
@media (max-width: 575.98px){
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review{ padding: 16px; }
  :root { --checkout-title-size: 24px; } /* mobilon picit kisebb cím */
}







/* ===== Mobil: stabil függőleges rés a két kártya között ===== */
@media (max-width: 991.98px){
  .woocommerce-checkout form.checkout{
    display: grid;                 /* egy oszlopos grid */
    grid-template-columns: 1fr;
    row-gap: 28px;                 /* <- itt állítod a köztük lévő rést */
  }
  /* hagyjuk, hogy csak a row-gap kezelje a távolságot */
  .woocommerce-checkout form.checkout #customer_details,
  .woocommerce-checkout form.checkout #order_review{
    margin: 0 !important;
  }

  /* a jobb oldali összegző ne legyen ragadós mobilon */
  .woocommerce-checkout form.checkout #order_review{
    position: static;
    top: auto;
  }
}/* End custom CSS */