/* Millenáris eRecept – önálló checkout (Bricks nélkül) */

body.erecept-checkout-standalone {
  --erecept-ink: #061b2a;
  --erecept-muted: #5f6f78;
  --erecept-panel: #f3f8fb;
  --erecept-accent: #07b4e8;
  --erecept-accent-dark: #058fba;
  --erecept-gold: #b79b5b;
  --erecept-gold-light: #e2d2aa;
  --erecept-dark: #061b2a;
  --erecept-dark-2: #0a2a3f;
  --erecept-danger: #b42318;
  --erecept-white: #ffffff;
  margin: 0;
  color: var(--erecept-ink);
  background:
    radial-gradient(circle at top left, rgba(7, 180, 232, 0.18), transparent 34rem),
    linear-gradient(180deg, #061b2a 0, #0a2a3f 255px, #f3f8fb 255px, #f3f8fb 100%);
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
}

body.erecept-checkout-standalone *,
body.erecept-checkout-standalone *::before,
body.erecept-checkout-standalone *::after {
  box-sizing: border-box;
}

body.erecept-checkout-standalone a {
  color: var(--erecept-accent-dark);
  font-weight: 700;
}

/* Topbar */
.erecept-topbar {
  background: rgba(6, 27, 42, 0.98);
  border-bottom: 1px solid rgba(183, 155, 91, 0.72);
  color: #fff;
}

.erecept-topbar-inner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px 20px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
}

.erecept-brand {
  font-size: 28px;
  font-weight: 700;
  color: var(--erecept-gold-light);
  letter-spacing: 0.2px;
  text-decoration: none;
}

.erecept-contact {
  color: #d8edf5;
  font-size: 14px;
  text-align: right;
}

/* Page */
.erecept-page {
  max-width: 1120px;
  margin: 32px auto;
  padding: 0 20px 44px;
}

.erecept-intro {
  margin-bottom: 22px;
  padding: 18px 22px;
  background: rgba(243, 248, 251, 0.96);
  border: 1px solid rgba(183, 155, 91, 0.55);
  border-left: 5px solid var(--erecept-accent);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(6, 27, 42, 0.12);
}

.erecept-intro h1 {
  margin: 0 0 8px;
  font-size: clamp(29px, 4vw, 36px);
  line-height: 1.18;
  color: var(--erecept-dark);
}

.erecept-lead {
  margin: 14px 0 0;
  color: var(--erecept-dark);
  max-width: 760px;
}

.erecept-notice {
  margin: 14px 0 0;
  color: var(--erecept-dark);
  max-width: 900px;
}

.erecept-notice--strong {
  font-weight: 700;
}

.erecept-notice + .erecept-notice {
  margin-top: 8px;
  font-weight: 400;
}

/* Footer */
.erecept-footer {
  max-width: 1120px;
  margin: 0 auto 28px;
  padding: 18px 20px;
  color: #d8edf5;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  border-top: 1px solid rgba(183, 155, 91, 0.5);
}

/* WooCommerce notices */
body.erecept-checkout-standalone .woocommerce-error,
body.erecept-checkout-standalone .woocommerce-info,
body.erecept-checkout-standalone .woocommerce-message {
  max-width: none;
  margin: 0 0 16px !important;
  border-radius: 8px;
  padding: 14px 16px;
  list-style: none;
}

body.erecept-checkout-standalone .woocommerce-error {
  background: #fff2f2;
  border: 1px solid #f1c7c7;
  color: #b42318;
}

body.erecept-checkout-standalone .woocommerce-info {
  background: #fff8e6;
  border: 1px solid #f0dca8;
  color: #8a681d;
}

body.erecept-checkout-standalone .woocommerce-form-coupon-toggle,
body.erecept-checkout-standalone form.checkout_coupon,
body.erecept-checkout-standalone #billing_country_field {
  display: none !important;
}

/* Checkout grid */
body.erecept-checkout-standalone .erecept-checkout-wrap .woocommerce form.checkout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 24px;
  align-items: start;
  margin: 0;
  padding: 0;
  width: 100%;
  float: none;
}

body.erecept-checkout-standalone .erecept-checkout-wrap .woocommerce form.checkout::after {
  display: none;
}

body.erecept-checkout-standalone #customer_details {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  float: none;
  margin: 0;
}

body.erecept-checkout-standalone #customer_details .col-1,
body.erecept-checkout-standalone #customer_details .col-2 {
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}

body.erecept-checkout-standalone #customer_details .col-2 {
  display: none;
}

body.erecept-checkout-standalone h3#order_review_heading {
  display: none;
}

body.erecept-checkout-standalone #order_review {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  float: none;
  clear: none;
  margin: 0;
  position: sticky;
  top: 20px;
  background: var(--erecept-white);
  border: 1px solid rgba(183, 155, 91, 0.7);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(6, 27, 42, 0.14);
  overflow: hidden;
  padding: 0 22px 22px;
  box-sizing: border-box;
}

body.erecept-checkout-standalone #order_review::before {
  content: "A rendelés tartalma";
  display: block;
  padding: 20px 22px;
  margin: 0 -22px 22px;
  background: linear-gradient(135deg, var(--erecept-dark), var(--erecept-dark-2));
  color: #fff;
  border-bottom: 4px solid var(--erecept-gold);
  font-size: 20px;
  font-weight: 700;
}

body.erecept-checkout-standalone #order_review .woocommerce-checkout-review-order-table {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}

/* Billing card */
body.erecept-checkout-standalone .woocommerce-billing-fields {
  background: var(--erecept-white);
  border: 1px solid rgba(183, 155, 91, 0.7);
  border-top: 5px solid var(--erecept-gold);
  border-radius: 8px;
  box-shadow: 0 18px 36px rgba(6, 27, 42, 0.14);
  padding: 24px;
}

body.erecept-checkout-standalone .woocommerce-billing-fields > h3 {
  margin: 0 0 18px;
  font-size: 22px;
  color: var(--erecept-dark);
  font-weight: 700;
}

body.erecept-checkout-standalone .woocommerce-billing-fields__field-wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

body.erecept-checkout-standalone .woocommerce-billing-fields__field-wrapper .form-row {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none;
  text-align: left;
}

body.erecept-checkout-standalone #billing_email_field,
body.erecept-checkout-standalone #billing_address_1_field,
body.erecept-checkout-standalone #billing_address_2_field,
body.erecept-checkout-standalone #billing_medicine_field,
body.erecept-checkout-standalone .erecept-country-static {
  grid-column: 1 / -1;
}

body.erecept-checkout-standalone #billing_first_name_field,
body.erecept-checkout-standalone #billing_last_name_field,
body.erecept-checkout-standalone #billing_postcode_field,
body.erecept-checkout-standalone #billing_city_field,
body.erecept-checkout-standalone #billing_taj_field,
body.erecept-checkout-standalone #billing_birth_date_field {
  grid-column: auto;
}

body.erecept-checkout-standalone .woocommerce-billing-fields .optional {
  display: none;
}

body.erecept-checkout-standalone .woocommerce-billing-fields label,
body.erecept-checkout-standalone #order_review label {
  display: block;
  font-weight: 700;
  font-size: 14px;
  color: var(--erecept-dark);
  text-align: left;
}

body.erecept-checkout-standalone .woocommerce-billing-fields .required,
body.erecept-checkout-standalone #order_review .required {
  color: var(--erecept-danger);
  text-decoration: none;
}

body.erecept-checkout-standalone .woocommerce-billing-fields input.input-text,
body.erecept-checkout-standalone .woocommerce-billing-fields textarea,
body.erecept-checkout-standalone .woocommerce-billing-fields select,
body.erecept-checkout-standalone .erecept-static-value {
  width: 100%;
  min-height: 44px;
  border: 1px solid #b7c8d1;
  border-radius: 6px;
  padding: 10px 12px;
  color: var(--erecept-ink);
  font: inherit;
  background: #fbfdfe;
  text-align: left;
}

body.erecept-checkout-standalone .erecept-static-value {
  display: flex;
  align-items: center;
  font-weight: 700;
  background: #eef5f8;
}

body.erecept-checkout-standalone #billing_medicine {
  min-height: 96px;
  border-color: rgba(7, 180, 232, 0.62);
  background: var(--erecept-panel);
  resize: vertical;
}

body.erecept-checkout-standalone .woocommerce-billing-fields input:focus,
body.erecept-checkout-standalone .woocommerce-billing-fields textarea:focus,
body.erecept-checkout-standalone .woocommerce-billing-fields select:focus {
  outline: 3px solid rgba(7, 180, 232, 0.18);
  border-color: var(--erecept-accent);
}

body.erecept-checkout-standalone #billing_taj_field::after {
  content: "Ha nincs TAJ szám, írjon be 9 db 0-t.";
  display: block;
  margin-top: 6px;
  color: var(--erecept-muted);
  font-size: 13px;
  font-weight: 400;
}

/* Order table */
body.erecept-checkout-standalone table.shop_table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  margin-bottom: 18px;
  font-size: 14px;
  border: 0;
}

body.erecept-checkout-standalone table.shop_table th {
  color: var(--erecept-dark);
  font-size: 13px;
  text-transform: uppercase;
  background: transparent;
  border: 0;
  border-bottom: 1px solid rgba(183, 155, 91, 0.42);
  padding: 12px 0;
  text-align: left;
}

body.erecept-checkout-standalone table.shop_table td {
  border: 0;
  border-bottom: 1px solid rgba(183, 155, 91, 0.42);
  padding: 12px 0;
  vertical-align: top;
  text-align: left;
  word-break: break-word;
}

body.erecept-checkout-standalone table.shop_table th:first-child,
body.erecept-checkout-standalone table.shop_table td:first-child {
  padding-right: 12px;
  width: 62%;
}

body.erecept-checkout-standalone table.shop_table th:last-child,
body.erecept-checkout-standalone table.shop_table td:last-child {
  width: 38%;
  text-align: right;
  white-space: nowrap;
  padding-left: 8px;
  padding-right: 0;
}

body.erecept-checkout-standalone table.shop_table .order-total th,
body.erecept-checkout-standalone table.shop_table .order-total td {
  font-size: 18px;
  font-weight: 700;
  border-bottom: 0;
  color: var(--erecept-dark);
}

/* Payment */
body.erecept-checkout-standalone #payment {
  background: linear-gradient(180deg, #fff, var(--erecept-panel));
  border: 1px solid rgba(7, 180, 232, 0.38);
  border-radius: 8px;
  padding: 14px;
  margin: 16px 0 !important;
}

body.erecept-checkout-standalone #payment::before {
  content: "Fizetési mód";
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--erecept-accent-dark);
}

body.erecept-checkout-standalone #payment ul.payment_methods {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
}

body.erecept-checkout-standalone #payment div.payment_box {
  background: rgba(243, 248, 251, 0.9);
  color: var(--erecept-muted);
  font-size: 14px;
  border: 0;
  margin-top: 8px;
}

body.erecept-checkout-standalone #payment ul.payment_methods li label {
  font-weight: 700;
  color: var(--erecept-accent-dark);
  cursor: pointer;
}

body.erecept-checkout-standalone #payment .woocommerce-info {
  margin: 0 !important;
  font-size: 14px;
}

body.erecept-checkout-standalone .woocommerce-privacy-policy-text {
  display: none;
}

/* Checkboxes */
body.erecept-checkout-standalone .woocommerce-terms-and-conditions-wrapper {
  margin-top: 14px;
}

body.erecept-checkout-standalone .woocommerce-terms-and-conditions-wrapper .woocommerce-form__label,
body.erecept-checkout-standalone .erecept-consent-field .woocommerce-input-wrapper {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 1.45;
  text-align: left;
}

body.erecept-checkout-standalone .woocommerce-terms-and-conditions-wrapper input[type="checkbox"],
body.erecept-checkout-standalone .erecept-consent-field input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-top: 2px;
}

body.erecept-checkout-standalone .erecept-note-title {
  margin: 22px 0 8px;
  font-weight: 700;
  color: var(--erecept-dark);
  text-align: left;
}

body.erecept-checkout-standalone .erecept-consent-field label {
  font-weight: 400;
}

/* Submit */
body.erecept-checkout-standalone #place_order {
  width: 100%;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--erecept-accent), var(--erecept-accent-dark));
  color: #fff;
  min-height: 50px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 18px;
  box-shadow: 0 10px 18px rgba(7, 180, 232, 0.24);
  float: none;
}

body.erecept-checkout-standalone #place_order:hover {
  background: linear-gradient(135deg, #07b4e8, #047fa6);
}

body.erecept-checkout-standalone .form-row.place-order {
  padding: 0 0 22px !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  body.erecept-checkout-standalone .erecept-checkout-wrap .woocommerce form.checkout {
    grid-template-columns: 1fr;
  }

  body.erecept-checkout-standalone #order_review {
    position: static;
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 640px) {
  .erecept-topbar-inner,
  .erecept-footer {
    display: block;
  }

  .erecept-contact {
    text-align: left;
    margin-top: 8px;
  }

  .erecept-page {
    margin-top: 22px;
  }

  body.erecept-checkout-standalone .woocommerce-billing-fields__field-wrapper {
    grid-template-columns: 1fr;
  }

  body.erecept-checkout-standalone .woocommerce-billing-fields {
    padding: 18px;
  }

  body.erecept-checkout-standalone #order_review {
    padding: 0 18px 18px;
  }

  body.erecept-checkout-standalone #order_review::before {
    margin-left: -18px;
    margin-right: -18px;
    margin-bottom: 18px;
  }
}