.elementor-1611 .elementor-element.elementor-element-712d30c{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1611 .elementor-element.elementor-element-712d30c:not(.elementor-motion-effects-element-type-background), .elementor-1611 .elementor-element.elementor-element-712d30c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}body.elementor-page-1611:not(.elementor-motion-effects-element-type-background), body.elementor-page-1611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}/* Start custom CSS for shortcode, class: .elementor-element-bd59ba1 *//* ============================================================
   Chartered Engineers — WooCommerce Checkout Style Fix
   Theme Color Updated: #E0BF56
   ============================================================ */

/* ---------- Global WooCommerce page background ---------- */
.woocommerce-page,
.woocommerce-checkout,
body.woocommerce-checkout {
  background-color: #0d0d0d !important;
  color: #e0e0e0 !important;
}

/* ---------- Page heading ---------- */
.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout h4 {
  color: #ffffff !important;
  font-weight: 600;
}

/* ---------- Form section wrappers ---------- */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review,
.woocommerce form .form-row {
  background: transparent !important;
}

/* ---------- ALL input fields, selects, textareas ---------- */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection,
.woocommerce-checkout .select2-selection__rendered {
  background-color: #1a1a1a !important;
  color: #e0e0e0 !important;
  border: 1px solid #333333 !important;
  border-radius: 6px !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  transition: border-color 0.2s ease !important;
  -webkit-appearance: none;
  appearance: none;
}

/* Focus state (Updated to Theme Color) */
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus {
  border-color: #E0BF56 !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(224, 191, 86, 0.15) !important;
}

/* Placeholder text */
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: #555555 !important;
  opacity: 1;
}

/* ---------- Select2 dropdown (Country/Region field) ---------- */
.woocommerce-checkout .select2-container--default .select2-selection--single {
  background-color: #1a1a1a !important;
  border: 1px solid #333333 !important;
  border-radius: 6px !important;
  height: 46px !important;
  display: flex;
  align-items: center;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #e0e0e0 !important;
  line-height: 46px !important;
  padding-left: 14px !important;
}

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

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #777777 transparent transparent transparent !important;
}

/* Select2 dropdown list */
.select2-dropdown {
  background-color: #1e1e1e !important;
  border: 1px solid #333333 !important;
  color: #e0e0e0 !important;
}

.select2-results__option {
  color: #e0e0e0 !important;
  background-color: #1e1e1e !important;
}

/* Highlighted Dropdown Option (Updated to Theme Color) */
.select2-results__option--highlighted {
  background-color: #E0BF56 !important;
  color: #000000 !important;
}

/* ---------- Labels ---------- */
.woocommerce-checkout label,
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-additional-fields label {
  color: #aaaaaa !important;
  font-size: 13px !important;
  margin-bottom: 5px !important;
  display: block;
}

.woocommerce-checkout label abbr {
  color: #ef4444 !important;
  text-decoration: none;
}

/* ---------- Section headings (Billing details, etc.) ---------- */
.woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-additional-fields h3 {
  color: #ffffff !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}

/* ---------- Order review table ---------- */
.woocommerce-checkout table.shop_table {
  background-color: #141414 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px !important;
  overflow: hidden;
  color: #e0e0e0 !important;
}

.woocommerce-checkout table.shop_table thead tr th {
  background-color: #1e1e1e !important;
  color: #ffffff !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 12px 16px !important;
}

.woocommerce-checkout table.shop_table tbody tr td,
.woocommerce-checkout table.shop_table tfoot tr td,
.woocommerce-checkout table.shop_table tfoot tr th {
  background-color: transparent !important;
  color: #e0e0e0 !important;
  border-top: 1px solid #2a2a2a !important;
  padding: 12px 16px !important;
}

.woocommerce-checkout table.shop_table tfoot tr.order-total td,
.woocommerce-checkout table.shop_table tfoot tr.order-total th {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 16px;
}

/* ---------- Coupon section ---------- */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout .checkout_coupon {
  background-color: transparent !important;
  border-radius: 8px !important;
  margin-bottom: 20px !important;
  color: #aaaaaa !important;
}

/* Coupon Links (Updated to Theme Color) */
.woocommerce-checkout .woocommerce-form-coupon-toggle a,
.woocommerce-checkout .woocommerce-info a,
.woocommerce-notices-wrapper .woocommerce-info a {
  color: #E0BF56 !important;
  font-weight: 600;
}

/* ---------- Payment methods ---------- */
.woocommerce-checkout #payment {
  background-color: #141414 !important;
  border-radius: 8px !important;
  border: 1px solid #2a2a2a !important;
  overflow: hidden;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-bottom: 1px solid #2a2a2a !important;
  padding: 16px !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
  color: #e0e0e0 !important;
  padding: 8px 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li label {
  color: #e0e0e0 !important;
  font-size: 14px !important;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #1a1a1a !important;
  color: #aaaaaa !important;
  border-top: 1px solid #2a2a2a !important;
}

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

/* ---------- Place Order button (Updated to Theme Color) ---------- */
.woocommerce-checkout #place_order,
.woocommerce-checkout button[type="submit"].button {
  background-color: #E0BF56 !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 14px 32px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  width: 100% !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.1s ease !important;
}

/* Hover state slightly darker */
.woocommerce-checkout #place_order:hover {
  background-color: #cda840 !important;
  transform: translateY(-1px);
}

/* ---------- Error / notice messages (Fixed White Background) ---------- */
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
  background-color: #1e1e1e !important;
  border-top: 3px solid #E0BF56 !important;
  color: #e0e0e0 !important;
  padding: 16px !important;
  border-radius: 4px;
}

.woocommerce-checkout .woocommerce-error {
  border-top-color: #ef4444 !important;
}

/* ---------- Checkbox styling (Updated to Theme Color) ---------- */
.woocommerce-checkout input[type="checkbox"] {
  accent-color: #E0BF56 !important;
  width: 16px !important;
  height: 16px !important;
  margin-right: 8px !important;
}

/* ---------- "Create account" / login toggle ---------- */
.woocommerce-checkout .create-account,
.woocommerce-checkout .woocommerce-account-fields {
  background-color: #141414 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-top: 16px !important;
  color: #aaaaaa !important;
}

/* ---------- Express payment buttons area (GPay / Link) ---------- */
.woocommerce-checkout .wc-block-components-express-payment,
.woocommerce-checkout #wcpay-express-checkout-wrapper,
#wcpay-express-checkout-button-separator {
  color: #aaaaaa !important;
}

/* ---------- Privacy policy text ---------- */
.woocommerce-checkout .woocommerce-privacy-policy-text p {
  color: #666666 !important;
  font-size: 12px !important;
}

.woocommerce-checkout .woocommerce-privacy-policy-text a {
  color: #E0BF56 !important;
}/* End custom CSS */