.elementor-65 .elementor-element.elementor-element-d88d654{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-449027c *//* ================================
KOPI NANIZ - WOOCOMMERCE CHECKOUT
Premium Cream + Dark Green + Gold
================================ */

.woocommerce-checkout{
  background:#f8efdc !important;
}

.woocommerce-checkout .site-content,
.woocommerce-checkout .content-area,
.woocommerce-checkout main{
  background:
    radial-gradient(circle at 12% 15%, rgba(198,154,45,.16), transparent 26%),
    radial-gradient(circle at 88% 85%, rgba(11,45,28,.10), transparent 28%),
    linear-gradient(135deg,#fff8e8 0%,#f5ead1 48%,#ecdcb7 100%) !important;
}

.woocommerce-checkout form.checkout{
  max-width:1180px;
  margin:0 auto;
  padding:64px 18px 80px;
  font-family:'Poppins',Arial,sans-serif;
  color:#102418;
}

.woocommerce-checkout h3,
.woocommerce-checkout #order_review_heading{
  margin:0 0 20px;
  color:#0b2d1c;
  font-size:28px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.8px;
}

.woocommerce-checkout .col2-set{
  display:grid !important;
  grid-template-columns:1.08fr .92fr;
  gap:26px;
  width:100% !important;
}

.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2,
.woocommerce-checkout #order_review{
  width:100% !important;
  float:none !important;
  padding:32px !important;
  border-radius:30px;
  background:#ffffff !important;
  border:1px solid rgba(198,154,45,.22);
  box-shadow:0 22px 65px rgba(11,45,28,.10);
}

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields{
  width:100%;
}

.woocommerce-checkout .form-row{
  margin-bottom:18px !important;
}

.woocommerce-checkout label{
  display:block;
  color:#0b2d1c;
  font-size:13px;
  font-weight:800;
  margin-bottom:8px;
}

.woocommerce-checkout abbr.required{
  color:#c69a2d;
  text-decoration:none;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single{
  width:100% !important;
  min-height:52px;
  border-radius:15px !important;
  border:1px solid rgba(11,45,28,.18) !important;
  background:#fffaf0 !important;
  color:#102418 !important;
  padding:13px 15px !important;
  font-size:14px;
  font-weight:600;
  box-shadow:none !important;
}

.woocommerce-checkout textarea{
  min-height:120px;
  resize:vertical;
}

.woocommerce-checkout .select2-container{
  width:100% !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single{
  display:flex;
  align-items:center;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered{
  color:#102418 !important;
  padding-left:0 !important;
  line-height:normal !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:52px !important;
  right:12px !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus{
  border-color:#c69a2d !important;
  outline:none !important;
  box-shadow:0 0 0 4px rgba(198,154,45,.16) !important;
  background:#fff !important;
}

.woocommerce-checkout table.shop_table{
  border:none !important;
  border-radius:22px;
  overflow:hidden;
  background:#fffaf0;
  margin:0 0 22px !important;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td{
  border-color:rgba(11,45,28,.10) !important;
  padding:16px !important;
  color:#102418;
  font-weight:700;
}

.woocommerce-checkout table.shop_table thead th{
  background:#0b2d1c;
  color:#f8df91;
  text-transform:uppercase;
  font-size:13px;
}

.woocommerce-checkout table.shop_table tfoot th{
  color:#0b2d1c;
  font-weight:900;
}

.woocommerce-checkout table.shop_table .order-total th,
.woocommerce-checkout table.shop_table .order-total td{
  background:#fff4d2;
  color:#0b2d1c;
  font-size:16px;
  font-weight:900;
}

.woocommerce-checkout .woocommerce-checkout-payment{
  border-radius:22px !important;
  background:#fff7e8 !important;
  border:1px solid rgba(198,154,45,.22);
  overflow:hidden;
}

.woocommerce-checkout #payment ul.payment_methods{
  padding:18px !important;
  border-bottom:1px solid rgba(11,45,28,.12) !important;
}

.woocommerce-checkout #payment ul.payment_methods li{
  color:#0b2d1c;
  font-weight:800;
}

.woocommerce-checkout #payment div.payment_box{
  background:#fff !important;
  border-radius:16px;
  color:#334137;
  font-size:13px;
}

.woocommerce-checkout #payment div.payment_box:before{
  border-bottom-color:#fff !important;
}

.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{
  color:#46544b;
  font-size:13px;
  line-height:1.7;
  padding:0 18px;
}

.woocommerce-checkout #payment .place-order{
  padding:18px !important;
}

.woocommerce-checkout .button,
.woocommerce-checkout button.button,
.woocommerce-checkout #place_order{
  width:100%;
  min-height:58px;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f8df91,#c69a2d) !important;
  color:#071b10 !important;
  border:none !important;
  font-size:15px !important;
  font-weight:900 !important;
  text-transform:uppercase;
  letter-spacing:.8px;
  box-shadow:0 18px 42px rgba(198,154,45,.32);
  transition:.25s ease;
}

.woocommerce-checkout .button:hover,
.woocommerce-checkout button.button:hover,
.woocommerce-checkout #place_order:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 55px rgba(198,154,45,.42);
}

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message{
  max-width:1180px;
  margin:22px auto !important;
  border-top-color:#c69a2d !important;
  background:#fff7e8 !important;
  color:#0b2d1c !important;
  border-radius:18px;
  box-shadow:0 14px 35px rgba(11,45,28,.08);
}

.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .woocommerce-message a{
  color:#8a6418 !important;
  font-weight:900;
}

.woocommerce-checkout .woocommerce-error{
  max-width:1180px;
  margin:22px auto !important;
  border-top-color:#b42318 !important;
  border-radius:18px;
}

.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-terms-and-conditions-checkbox-text{
  color:#46544b;
  font-size:13px;
}

.woocommerce-checkout a{
  color:#8a6418;
  font-weight:800;
}

@media(max-width:768px){
  .woocommerce-checkout form.checkout{
    padding:42px 14px 60px;
  }

  .woocommerce-checkout .col2-set{
    grid-template-columns:1fr;
    gap:18px;
  }

  .woocommerce-checkout .col-1,
  .woocommerce-checkout .col-2,
  .woocommerce-checkout #order_review{
    padding:22px 16px !important;
    border-radius:22px;
  }

  .woocommerce-checkout h3,
  .woocommerce-checkout #order_review_heading{
    font-size:22px;
    letter-spacing:-.4px;
  }

  .woocommerce-checkout input.input-text,
  .woocommerce-checkout textarea,
  .woocommerce-checkout select,
  .woocommerce-checkout .select2-container--default .select2-selection--single{
    min-height:50px;
    font-size:14px;
  }

  .woocommerce-checkout table.shop_table th,
  .woocommerce-checkout table.shop_table td{
    padding:13px !important;
    font-size:13px;
  }

  .woocommerce-checkout #payment .place-order,
  .woocommerce-checkout #payment ul.payment_methods{
    padding:15px !important;
  }
}
/* FIX BACKGROUND CHECKOUT */
.woocommerce-checkout{
  background:#f8efdc !important;
}

.woocommerce-checkout .site-content,
.woocommerce-checkout .content-area,
.woocommerce-checkout main,
.woocommerce-checkout #content{
  background:
    radial-gradient(circle at 12% 15%, rgba(198,154,45,.15), transparent 25%),
    radial-gradient(circle at 88% 85%, rgba(198,154,45,.10), transparent 25%),
    linear-gradient(135deg,#fff8e8 0%,#f5ead1 45%,#ecdcb7 100%) !important;
}

/* FIX COUPON ATAS - JANGAN RAPAT / TAK SEKALI */
.woocommerce-checkout .woocommerce-form-coupon-toggle{
  max-width:1180px;
  margin:40px auto 18px !important;
  padding:0 18px;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  margin:0 !important;
  padding:18px 22px !important;
  border-radius:20px;
  background:#0b2d1c !important;
  color:#f8df91 !important;
  border-top:4px solid #c69a2d !important;
  box-shadow:0 18px 45px rgba(11,45,28,.18);
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info a{
  color:#fff4d2 !important;
  font-weight:900;
}

/* FORM COUPON BILA CLICK */
.woocommerce-checkout form.checkout_coupon{
  max-width:1180px;
  margin:0 auto 26px !important;
  padding:24px !important;
  border:none !important;
  border-radius:24px;
  background:#ffffff !important;
  box-shadow:0 20px 60px rgba(11,45,28,.10);
}

.woocommerce-checkout form.checkout_coupon p{
  color:#0b2d1c;
  font-weight:700;
}

.woocommerce-checkout form.checkout_coupon input.input-text{
  min-height:52px;
  border-radius:14px !important;
  border:1px solid rgba(11,45,28,.18) !important;
  background:#fffaf0 !important;
  padding:13px 15px !important;
}

.woocommerce-checkout form.checkout_coupon .button{
  min-height:52px;
  border-radius:999px !important;
  background:linear-gradient(135deg,#f8df91,#c69a2d) !important;
  color:#071b10 !important;
  font-weight:900 !important;
}

/* BAGI CHECKOUT BOX TURUN SIKIT */
.woocommerce-checkout form.checkout{
  padding-top:26px !important;
}
/* BUANG GREY BACKGROUND BELAKANG YOUR ORDER */
.woocommerce-checkout .col-2,
.woocommerce-checkout .woocommerce-checkout-review-order-wrap,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* Kekalkan box order table sahaja */
.woocommerce-checkout #order_review table.shop_table,
.woocommerce-checkout .woocommerce-checkout-payment{
  background:#fffaf0 !important;
  border:1px solid rgba(198,154,45,.25) !important;
  box-shadow:0 18px 45px rgba(11,45,28,.08) !important;
}

/* Buang padding luar yang buat nampak macam card grey */
.woocommerce-checkout #order_review{
  padding:0 !important;
}

.woocommerce-checkout .col-2{
  padding:0 !important;
}/* End custom CSS */