.elementor-kit-6{--e-global-color-primary:#BF1B2A;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 p{margin-block-end:43px;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-accent );}.elementor-kit-6 h2{color:var( --e-global-color-accent );}.elementor-kit-6 h3{color:var( --e-global-color-accent );}.elementor-kit-6 h5{color:var( --e-global-color-accent );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-kit-6 img:hover{opacity:0.86;}.elementor-kit-6 img{transition-duration:0.1s;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   Galleria M – Checkout (clean)
   ========================= */

/* 1) Page baseline */
body.woocommerce-checkout {
  background: #000 !important;
  color: #fff !important;
}

/* Kill any theme white wrappers */
body.woocommerce-checkout #page,
body.woocommerce-checkout #content,
body.woocommerce-checkout .site,
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout main,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .container,
body.woocommerce-checkout .wrap,
body.woocommerce-checkout .wrapper,
body.woocommerce-checkout .page,
body.woocommerce-checkout .entry,
body.woocommerce-checkout .content,
body.woocommerce-checkout .site-main {
  background: transparent !important;
}

/* 2) Constrain + center checkout */
body.woocommerce-checkout .woocommerce-checkout {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

/* 3) Typography */
body.woocommerce-checkout h1,
body.woocommerce-checkout h2,
body.woocommerce-checkout h3 {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px;
}

body.woocommerce-checkout p,
body.woocommerce-checkout li,
body.woocommerce-checkout label,
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .woocommerce * {
  color: rgba(255,255,255,0.90) !important;
}

/* 4) Main panels (only two “cards”: left form + right summary) */
body.woocommerce-checkout form.checkout,
body.woocommerce-checkout #order_review {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  border-radius: 16px !important;
  padding: 18px !important;
}

/* 5) Two-column layout (replace floats) */
@media (min-width: 980px) {
  body.woocommerce-checkout .col2-set {
    display: flex !important;
    gap: 24px !important;
    align-items: flex-start !important;
  }
  body.woocommerce-checkout .col2-set .col-1 {
    flex: 1 1 60% !important;
    max-width: 60% !important;
  }
  body.woocommerce-checkout .col2-set .col-2 {
    flex: 1 1 40% !important;
    max-width: 40% !important;
  }
  body.woocommerce-checkout #customer_details,
  body.woocommerce-checkout #order_review {
    float: none !important;
    width: auto !important;
  }
}

/* 6) Inputs */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="number"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
  color: #fff !important;
  box-shadow: none !important;
}

body.woocommerce-checkout ::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
  outline: none !important;
  border-color: rgba(255,255,255,0.40) !important;
}

/* Safari autofill */
body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout textarea:-webkit-autofill,
body.woocommerce-checkout select:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  box-shadow: 0 0 0px 1000px rgba(255,255,255,0.06) inset !important;
}

/* 7) Order table readability */
body.woocommerce-checkout .shop_table,
body.woocommerce-checkout .shop_table th,
body.woocommerce-checkout .shop_table td {
  background: transparent !important;
  border-color: rgba(255,255,255,0.12) !important;
  color: rgba(255,255,255,0.92) !important;
}

body.woocommerce-checkout .shop_table th,
body.woocommerce-checkout .shop_table td {
  padding: 12px 10px !important;
}

body.woocommerce-checkout .amount,
body.woocommerce-checkout .product-name,
body.woocommerce-checkout .product-total,
body.woocommerce-checkout .order-total {
  color: rgba(255,255,255,0.96) !important;
  font-weight: 600 !important;
}

/* 8) Payment area: remove nested boxes, keep it clean */
body.woocommerce-checkout .woocommerce-checkout-payment {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-top: 14px !important;
}

body.woocommerce-checkout ul.wc_payment_methods {
  padding: 0 !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255,255,255,0.10) !important;
}

body.woocommerce-checkout ul.wc_payment_methods > li {
  list-style: none !important;
  margin: 0 !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

body.woocommerce-checkout .payment_box {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 0 28px !important;
  margin: 0 !important;
  color: rgba(255,255,255,0.85) !important;
}

/* 9) Buttons: only place order is “hero” */
body.woocommerce-checkout .woocommerce button,
body.woocommerce-checkout .woocommerce .button,
body.woocommerce-checkout .woocommerce a.button,
body.woocommerce-checkout .woocommerce input.button {
  background: rgba(255,255,255,0.10) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  box-shadow: none !important;
}

body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order,
body.woocommerce-checkout .button.alt {
  background: #fff !important;
  color: #000 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 18px !important;
  font-weight: 800 !important;
}

/* 10) Coupon toggle: simple, no ugly cropping */
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  line-height: 1.2 !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a {
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

/* 11) Small polish */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info {
  border-radius: 14px !important;
}

@media (max-width: 600px) {
  body.woocommerce-checkout form.checkout,
  body.woocommerce-checkout #order_review {
    padding: 14px !important;
    border-radius: 14px !important;
  }
}
/* === Remove gift card UI from checkout (hard hide) === */

/* 1) Common plugin IDs/classes */
body.woocommerce-checkout [id*="wc_gc"],
body.woocommerce-checkout [class*="wc_gc"],
body.woocommerce-checkout [id*="gift"],
body.woocommerce-checkout [class*="gift"],
body.woocommerce-checkout [id*="giftcard"],
body.woocommerce-checkout [class*="giftcard"],
body.woocommerce-checkout [id*="gift-card"],
body.woocommerce-checkout [class*="gift-card"] {
  display: none !important;
}

/* 2) Finnish label fallback (hides the whole row if it contains 'lahjakortti' text via common wrappers) */
body.woocommerce-checkout .woocommerce-checkout-review-order p,
body.woocommerce-checkout #order_review p,
body.woocommerce-checkout .woocommerce-checkout-review-order .form-row,
body.woocommerce-checkout #order_review .form-row {
  /* no-op here; .elementor-kit-6 group below targets specific elements */
}

/* 3) If the plugin uses a specific wrapper, this usually catches it */
body.woocommerce-checkout .woocommerce_gift_card,
body.woocommerce-checkout .checkout_gift_card,
body.woocommerce-checkout .gift-card-form,
body.woocommerce-checkout .giftcard-form,
body.woocommerce-checkout .woocommerce-gift-cards {
  display: none !important;
}

/* ===== Checkout notices (coupon applied etc.) – readable on dark theme ===== */

/* Base box */
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-notices-wrapper > * {
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
  border-radius: 14px !important;
}

/* Ensure ALL text inside is readable */
body.woocommerce-checkout .woocommerce-message *,
body.woocommerce-checkout .woocommerce-info *,
body.woocommerce-checkout .woocommerce-error *,
body.woocommerce-checkout .woocommerce-notices-wrapper > * * {
  color: rgba(255,255,255,0.92) !important;
}

/* Remove default icons/background weirdness */
body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before,
body.woocommerce-checkout .woocommerce-error::before {
  color: rgba(255,255,255,0.92) !important;
}

/* Links inside notices */
body.woocommerce-checkout .woocommerce-message a,
body.woocommerce-checkout .woocommerce-info a,
body.woocommerce-checkout .woocommerce-error a {
  color: #fff !important;
  text-decoration: underline !important;
}

/* ===== Center the inner checkout card inside the centered container ===== */

/* Center direct children inside the centered checkout area */
body.woocommerce-checkout .woocommerce-checkout > * ,
body.woocommerce-checkout form.checkout > * {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Center the Express wrapper + coupon bar explicitly */
body.woocommerce-checkout #fkwcs_stripe_smart_button_wrapper,
body.woocommerce-checkout .woocommerce-form-coupon-toggle {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* If the "card" is actually the form itself (your dark panel), force it centered */
body.woocommerce-checkout form.checkout{
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Many themes put checkout into a left column: neutralize common column wrappers */
body.woocommerce-checkout .woocommerce-checkout .col2-set,
body.woocommerce-checkout .woocommerce-checkout #customer_details,
body.woocommerce-checkout .woocommerce-checkout #order_review {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}/* End custom CSS */