/* -------------------------------------------------------------------------
   Pomgarden checkout / thank you
   ------------------------------------------------------------------------- */

body.checkout-wc,
body.woocommerce-checkout,
body.woocommerce-order-received {
  background: #ead9b8;
  color: #173d2d;
}

/* CheckoutWC alap szelídítés */
body.checkout-wc input,
body.checkout-wc select,
body.checkout-wc textarea,
body.woocommerce-checkout input,
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
  border-radius: 14px !important;
  border-color: rgba(23, 61, 45, .18) !important;
}

/* Jobb oldali összegző */
body.checkout-wc .cfw-cart-summary,
body.checkout-wc #cfw-cart-summary,
body.checkout-wc .checkoutwc-order-summary {
  background: #f4e5c8 !important;
}

/* Thank you oldal headline reset */
body.woocommerce-order-received h1,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
  color: #173d2d;
}

/* Thank you brutál headline-ok visszafogása */
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3,
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title {
  font-family: "Helvetica Now Condensed", sans-serif;
  font-size: clamp(28px, 4vw, 56px);
  line-height: .95;
  letter-spacing: .03em;
  text-transform: uppercase;
}

/* Thank you táblák */
body.woocommerce-order-received table.shop_table {
  border: 2px solid rgba(23, 61, 45, .18);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(244, 229, 200, .72);
}

body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
  border-color: rgba(23, 61, 45, .18);
  color: #173d2d;
}

/* Thank you piros CTA */
body.woocommerce-order-received .button,
body.woocommerce-order-received a.button {
  background: #d7192f !important;
  color: #f4e5c8 !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .04em;
}

/* -------------------------------------------------------------------------
   Pomgarden thank you page correction
   ------------------------------------------------------------------------- */

body.woocommerce-order-received {
  background: #ead9b8;
  color: #173d2d;
}

/* Ne engedjük, hogy a hero / landing tipó ráboruljon a Woo receipt oldalra */
body.woocommerce-order-received .woocommerce {
  width: min(100% - 48px, 1320px);
  margin-inline: auto;
}

/* Fő köszönő headline: még brandes, de nem plakát méret */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
  font-family: var(--pg-font-display, "Helvetica Now Condensed", sans-serif);
  font-size: clamp(64px, 8vw, 132px) !important;
  line-height: .86 !important;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #173d2d;
  max-width: 980px;
  margin: clamp(44px, 6vw, 80px) 0 clamp(34px, 4vw, 56px);
}

/* Woo szekciócímek: ne legyenek hero headline méretűek */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3,
body.woocommerce-order-received h2.woocommerce-order-details__title {
  font-family: var(--pg-font-display, "Helvetica Now Condensed", sans-serif) !important;
  font-size: clamp(34px, 4vw, 68px) !important;
  line-height: .9 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  color: #173d2d !important;
  margin: clamp(34px, 5vw, 64px) 0 18px !important;
}

/* Angol subscription cím vizuálisan is kisebb, amíg nincs lefordítva */
body.woocommerce-order-received .woocommerce-order .subscription_details + h2,
body.woocommerce-order-received .woocommerce-order h2:has(+ table.shop_table.subscription_details) {
  font-size: clamp(30px, 3.4vw, 56px) !important;
}

/* Köszönő szöveg és meta sor */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-size: clamp(18px, 1.5vw, 24px);
  font-weight: 800;
  margin: 0 0 26px;
  color: #173d2d;
}

body.woocommerce-order-received ul.woocommerce-order-overview {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  margin: 0 0 clamp(34px, 5vw, 64px);
  padding: 0;
  border: 0;
}

body.woocommerce-order-received ul.woocommerce-order-overview li {
  margin: 0;
  padding: 0 28px;
  border-right: 1px dashed rgba(23, 61, 45, .22);
  color: #173d2d;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

body.woocommerce-order-received ul.woocommerce-order-overview li:first-child {
  padding-left: 0;
}

body.woocommerce-order-received ul.woocommerce-order-overview li strong {
  display: block;
  margin-top: 4px;
  font-size: 20px;
  line-height: 1.1;
  text-transform: none;
}

/* Subscription status mondat */
body.woocommerce-order-received .woocommerce-order > p {
  font-size: 17px;
  line-height: 1.45;
  max-width: 760px;
  color: #173d2d;
}

body.woocommerce-order-received .woocommerce-order > p a {
  color: #173d2d;
  font-weight: 800;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* Táblák: receipt card, nem plakát */
body.woocommerce-order-received table.shop_table {
  width: 100%;
  overflow: hidden;
  border: 2px solid rgba(23, 61, 45, .18) !important;
  border-radius: 18px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: rgba(244, 229, 200, .55);
  margin: 0 0 clamp(28px, 4vw, 48px) !important;
}

body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
  border-width: 0 1px 1px 0 !important;
  border-style: solid !important;
  border-color: rgba(23, 61, 45, .16) !important;
  padding: 17px 18px !important;
  color: #173d2d !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

body.woocommerce-order-received table.shop_table th {
  font-family: var(--pg-font-display, "Helvetica Now Condensed", sans-serif);
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.woocommerce-order-received table.shop_table td:last-child,
body.woocommerce-order-received table.shop_table th:last-child {
  border-right: 0 !important;
}

body.woocommerce-order-received table.shop_table tr:last-child td,
body.woocommerce-order-received table.shop_table tr:last-child th {
  border-bottom: 0 !important;
}

/* View gomb */
body.woocommerce-order-received table.shop_table .button,
body.woocommerce-order-received table.shop_table a.button,
body.woocommerce-order-received a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px !important;
  background: #d7192f !important;
  color: #f4e5c8 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--pg-font-display, "Helvetica Now Condensed", sans-serif);
  font-size: 18px !important;
  font-weight: 900 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
}

/* Számlázási cím kártya */
body.woocommerce-order-received .woocommerce-customer-details address {
  padding: 22px 24px;
  border: 2px solid rgba(23, 61, 45, .14);
  border-radius: 14px;
  background: rgba(244, 229, 200, .38);
  color: #173d2d;
  font-size: 17px;
  line-height: 1.55;
  font-style: normal;
}

/* Mobil */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce {
    width: min(100% - 28px, 100%);
  }

  body.woocommerce-order-received .entry-title,
  body.woocommerce-order-received h1.entry-title,
  body.woocommerce-order-received .page-title {
    font-size: clamp(46px, 15vw, 72px) !important;
    margin-top: 28px;
  }

  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title,
  body.woocommerce-order-received .woocommerce-order h2,
  body.woocommerce-order-received .woocommerce-order h3 {
    font-size: clamp(30px, 10vw, 46px) !important;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview {
    display: grid;
    gap: 12px;
  }

  body.woocommerce-order-received ul.woocommerce-order-overview li {
    padding: 0 0 12px;
    border-right: 0;
    border-bottom: 1px dashed rgba(23, 61, 45, .22);
  }

  body.woocommerce-order-received table.shop_table th,
  body.woocommerce-order-received table.shop_table td {
    padding: 14px 12px !important;
    font-size: 14px !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you page headline downgrade
   ------------------------------------------------------------------------- */

/* Fő köszönő cím: kisebb, elegánsabb, nem hero-plakát */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(42px, 5.2vw, 82px) !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #173d2d !important;
  max-width: 760px !important;
  margin: clamp(42px, 5vw, 72px) 0 clamp(34px, 4vw, 52px) !important;
}

/* Woo szekciócímek: szintén kisebbek */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3,
body.woocommerce-order-received h2.woocommerce-order-details__title {
  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(34px, 3.6vw, 58px) !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #173d2d !important;
  margin: clamp(34px, 4vw, 54px) 0 18px !important;
}

/* Mobilon se ordítson */
@media (max-width: 767px) {
  body.woocommerce-order-received .entry-title,
  body.woocommerce-order-received h1.entry-title,
  body.woocommerce-order-received .page-title {
    font-size: clamp(38px, 11vw, 56px) !important;
    max-width: 100% !important;
    margin-top: 30px !important;
  }

  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title,
  body.woocommerce-order-received .woocommerce-customer-details h2,
  body.woocommerce-order-received .woocommerce-order h2,
  body.woocommerce-order-received .woocommerce-order h3 {
    font-size: clamp(30px, 9vw, 44px) !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you page alignment fix
   ------------------------------------------------------------------------- */

/* Woo thank you tartalom igazítása a Pomgarden oldalritmushoz */
body.woocommerce-order-received .woocommerce {
  width: min(100% - var(--pg-page-gutter, 48px), var(--pg-container-wide, 1440px)) !important;
  margin-inline: auto !important;
}

/* Fő headline ne szűk oszlopban törjön */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
  max-width: 980px !important;
  font-size: clamp(42px, 4.6vw, 72px) !important;
  line-height: .98 !important;
}

/* Ha még mindig a display font jön, itt kényszerítjük a headinget */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title,
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3 {
  font-family: var(--pg-font-heading, serif) !important;
}

/* Szekciócímek is szélesebb tartalomhoz igazítva */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3 {
  max-width: 980px !important;
  font-size: clamp(34px, 3.2vw, 54px) !important;
}

/* Order overview ne induljon beljebb, mint a headline */
body.woocommerce-order-received ul.woocommerce-order-overview {
  width: 100%;
  max-width: 1180px;
}

/* Mobilon természetes törés */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce {
    width: min(100% - 28px, 100%) !important;
  }

  body.woocommerce-order-received .entry-title,
  body.woocommerce-order-received h1.entry-title,
  body.woocommerce-order-received .page-title {
    max-width: 100% !important;
    font-size: clamp(36px, 10vw, 52px) !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you page final spacing + smaller headline
   ------------------------------------------------------------------------- */

/* Ugyanaz a külső oldalritmus, mint a Pomgarden layoutnál */
body.woocommerce-order-received .site-main,
body.woocommerce-order-received main,
body.woocommerce-order-received .page-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-order-received .woocommerce {
  box-sizing: border-box;
}

/* Woo tartalom ne lógjon ki balra, ugyanarra a containerre álljon */
body.woocommerce-order-received .woocommerce {
  width: min(100% - var(--pg-page-gutter, 48px), var(--pg-container-wide, 1440px)) !important;
  max-width: var(--pg-container-wide, 1440px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Fő köszönő headline kisebb */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
  font-size: clamp(34px, 4.1vw, 58px) !important;
  line-height: 1.02 !important;
  max-width: 760px !important;
  margin-top: clamp(44px, 5vw, 72px) !important;
  margin-bottom: clamp(32px, 4vw, 52px) !important;
  padding-left: 0 !important;
  transform: none !important;
}

/* A cím ne kapjon extra negatív margót semmilyen korábbi headline CSS-ből */
body.woocommerce-order-received h1,
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received .page-title {
  margin-left: 0 !important;
  translate: none !important;
}

/* Rendelési meta sor is ugyanott induljon */
body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received ul.woocommerce-order-overview,
body.woocommerce-order-received .woocommerce-order > p,
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  margin-left: 0 !important;
}

/* Szekciócímek kisebbek */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3 {
  font-size: clamp(28px, 3.1vw, 46px) !important;
  line-height: 1.04 !important;
  max-width: 760px !important;
  margin-left: 0 !important;
}

/* A táblák ne legyenek teljesen faltól falig túl nagyok */
body.woocommerce-order-received table.shop_table {
  max-width: 100%;
}

/* Mobil */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce {
    width: min(100% - 28px, 100%) !important;
  }

  body.woocommerce-order-received .entry-title,
  body.woocommerce-order-received h1.entry-title,
  body.woocommerce-order-received .page-title {
    font-size: clamp(32px, 9.5vw, 46px) !important;
    max-width: 100% !important;
  }

  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title,
  body.woocommerce-order-received .woocommerce-customer-details h2,
  body.woocommerce-order-received .woocommerce-order h2,
  body.woocommerce-order-received .woocommerce-order h3 {
    font-size: clamp(28px, 8vw, 38px) !important;
    max-width: 100% !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you page: hide duplicated hero title, promote Woo thank-you message
   ------------------------------------------------------------------------- */

/* A nagy Elementor / page title köszönő headline elrejtése */
body.woocommerce-order-received .entry-title,
body.woocommerce-order-received h1.entry-title,
body.woocommerce-order-received .page-title {
  display: none !important;
}

/* Woo saját köszönő sor kiemelése */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  display: block !important;
  max-width: 760px;
  margin: clamp(56px, 7vw, 96px) 0 clamp(28px, 4vw, 46px) !important;
  color: #173d2d !important;
  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(44px, 5.2vw, 82px) !important;
  font-weight: 400 !important;
  line-height: .98 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* A meta sor közelebb jöjjön a kiemelt köszönéshez */
body.woocommerce-order-received ul.woocommerce-order-overview {
  margin-top: 0 !important;
  margin-bottom: clamp(46px, 6vw, 78px) !important;
}

/* Alatta lévő subscription mondat ne legyen ennyire távol / idegen */
body.woocommerce-order-received .woocommerce-order > p {
  margin-top: 0 !important;
  margin-bottom: clamp(34px, 4vw, 58px) !important;
}

/* Szekciócímek maradjanak kisebbek */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3 {
  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(32px, 3.4vw, 54px) !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Mobil */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    max-width: 100%;
    margin-top: 36px !important;
    font-size: clamp(38px, 11vw, 56px) !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you page: final headline sizing
   ------------------------------------------------------------------------- */

/* A Woo köszönő sor legyen ugyanakkora, mint az alsó szekció headline-ok */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  max-width: 760px !important;
  margin-top: clamp(42px, 5vw, 72px) !important;
  margin-bottom: clamp(34px, 4vw, 52px) !important;
  padding: 0 !important;

  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(32px, 3.4vw, 54px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #173d2d !important;
}

/* A rendelési meta sor ne tapadjon rá, de ne is legyen túl lent */
body.woocommerce-order-received ul.woocommerce-order-overview {
  margin-top: 0 !important;
  margin-bottom: clamp(44px, 5.5vw, 76px) !important;
}

/* A logó után legyen kulturált távolság, ne induljon túl hamar a tartalom */
body.woocommerce-order-received .woocommerce {
  padding-top: clamp(24px, 3vw, 42px) !important;
}

/* Szekció headline-ok ugyanebben a méretben */
body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received .woocommerce-customer-details h2,
body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3 {
  font-size: clamp(32px, 3.4vw, 54px) !important;
  margin-top: clamp(42px, 5vw, 72px) !important;
  margin-bottom: 22px !important;
}

/* Mobil finomítás */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce {
    padding-top: 22px !important;
  }

  body.woocommerce-order-received .woocommerce-thankyou-order-received,
  body.woocommerce-order-received .woocommerce-order-details__title,
  body.woocommerce-order-received .woocommerce-column__title,
  body.woocommerce-order-received .woocommerce-customer-details h2,
  body.woocommerce-order-received .woocommerce-order h2,
  body.woocommerce-order-received .woocommerce-order h3 {
    font-size: clamp(30px, 9vw, 42px) !important;
    max-width: 100% !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you page: final thank-you text width
   ------------------------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-thankyou-order-received {
  max-width: 1040px !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  line-height: 1.05 !important;
  margin-top: clamp(42px, 5vw, 70px) !important;
  margin-bottom: clamp(34px, 4vw, 50px) !important;
}

/* Meta sor picit közelebb, hogy egy kompakt blokk legyen */
body.woocommerce-order-received ul.woocommerce-order-overview {
  margin-bottom: clamp(42px, 5vw, 68px) !important;
}

/* A subscription infó magyar szövege ne legyen túl lent */
body.woocommerce-order-received .woocommerce-order > p {
  margin-bottom: clamp(44px, 5vw, 72px) !important;
}

@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    max-width: 100% !important;
    font-size: clamp(30px, 9vw, 42px) !important;
  }
}


/* -------------------------------------------------------------------------
   Thank you UX block
   ------------------------------------------------------------------------- */

body.woocommerce-order-received .pg-thankyou-next {
  width: 100%;
  max-width: 980px;
  margin: clamp(34px, 5vw, 68px) 0 clamp(46px, 6vw, 84px);
  padding: clamp(24px, 3vw, 38px);
  border: 2px solid rgba(23, 61, 45, .14);
  border-radius: 22px;
  background: rgba(244, 229, 200, .48);
}

body.woocommerce-order-received .pg-thankyou-next__eyebrow {
  margin: 0 0 10px !important;
  color: rgba(23, 61, 45, .72) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.woocommerce-order-received .pg-thankyou-next h2 {
  margin: 0 0 14px !important;
  color: #173d2d !important;
  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.woocommerce-order-received .pg-thankyou-next p {
  max-width: 720px !important;
  margin: 0 0 24px !important;
  color: rgba(23, 61, 45, .86) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.42 !important;
}

body.woocommerce-order-received .pg-thankyou-next__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

body.woocommerce-order-received .pg-thankyou-next__button,
body.woocommerce-order-received .pg-thankyou-next__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  text-decoration: none !important;
  font-weight: 900;
  line-height: 1;
}

body.woocommerce-order-received .pg-thankyou-next__button {
  background: #d7192f;
  color: #f4e5c8 !important;
}

body.woocommerce-order-received .pg-thankyou-next__link {
  background: rgba(23, 61, 45, .1);
  color: #173d2d !important;
}

@media (max-width: 767px) {
  body.woocommerce-order-received .pg-thankyou-next {
    margin: 30px 0 52px;
    padding: 22px;
    border-radius: 18px;
  }

  body.woocommerce-order-received .pg-thankyou-next h2 {
    font-size: clamp(30px, 8vw, 40px) !important;
  }

  body.woocommerce-order-received .pg-thankyou-next p {
    font-size: 16px !important;
  }

  body.woocommerce-order-received .pg-thankyou-next__button,
  body.woocommerce-order-received .pg-thankyou-next__link {
    width: 100%;
    min-height: 52px;
  }
}


/* -------------------------------------------------------------------------
   Thank you UX order: title → next steps → order meta
   ------------------------------------------------------------------------- */

body.woocommerce-order-received .woocommerce-order {
  display: flex !important;
  flex-direction: column !important;
}

/* 1. fő köszönő sor */
body.woocommerce-order-received .woocommerce-thankyou-order-received {
  display: block !important;
  order: 1 !important;
  max-width: 980px !important;
  margin: clamp(42px, 5vw, 72px) 0 clamp(28px, 4vw, 48px) !important;

  color: #173d2d !important;
  font-family: var(--pg-font-heading, serif) !important;
  font-size: clamp(30px, 3vw, 48px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
}

/* 2. Mi történik most? blokk */
body.woocommerce-order-received .pg-thankyou-next {
  order: 2 !important;
  margin: 0 0 clamp(38px, 5vw, 68px) !important;
}

/* 3. rendelési alapadatok */
body.woocommerce-order-received ul.woocommerce-order-overview {
  order: 3 !important;
}

/* 4. subscription status mondat, ha marad */
body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received) {
  order: 4 !important;
}

/* 5. rendelés részletei */
body.woocommerce-order-received .woocommerce-order-details {
  order: 5 !important;
}

/* 6. ügyféladatok */
body.woocommerce-order-received .woocommerce-customer-details {
  order: 6 !important;
}

/* Mobil finomítás */
@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce-thankyou-order-received {
    display: block !important;
    margin-top: 38px !important;
    margin-bottom: 30px !important;
    font-size: clamp(30px, 8.4vw, 42px) !important;
    line-height: 1.05 !important;
  }

  body.woocommerce-order-received .pg-thankyou-next {
    margin-bottom: 42px !important;
  }

  body.woocommerce-order-received .pg-thankyou-next h2 {
    font-size: clamp(28px, 7.8vw, 38px) !important;
    line-height: 1.04 !important;
  }
}