/*
Theme Name: AAT Divi
Theme URI: https://diviextended.com/product/divi-plus/
Description: Divi Plus child theme by AAT.
Author: Elicus
Author URI: https://diviextended.com/
Template: Divi
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* --- SecureSubmit / GlobalPayments hosted fields visibility fix --- */
.payment_box.payment_method_securesubmit {
  display: block !important;
}

#securesubmit_card_number,
#securesubmit_card_expiration,
#securesubmit_card_cvv {
  display: block !important;
  min-height: 44px !important;
  padding: 8px 10px !important;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  background: #fff;
  margin-bottom: 10px;
  overflow: visible !important;
}

#securesubmit_card_number iframe,
#securesubmit_card_expiration iframe,
#securesubmit_card_cvv iframe,
iframe[id^="secure-payment-field-card-"] {
  display: block !important;
  width: 100% !important;
  min-height: 28px !important;
  height: 28px !important;
  border: 0 !important;
  
  /* Ensure the payment area is visible */
#payment,
.woocommerce-checkout-payment {
  display: block !important;
}

/* Ensure SecureSubmit containers have real dimensions */
.payment_box.payment_method_securesubmit,
.securesubmit-content,
.securesubmit_new_card,
.securesubmit_new_card_info,
#securesubmit_card_number,
#securesubmit_card_expiration,
#securesubmit_card_cvv {
  display: block !important;
  width: 100% !important;
  min-height: 44px !important;
  overflow: visible !important;
}

/* Make the hosted-field iframes fill their container */
#securesubmit_card_number iframe,
#securesubmit_card_expiration iframe,
#securesubmit_card_cvv iframe,
iframe[id^="secure-payment-field-card-"] {
  display: block !important;
  width: 100% !important;
  min-height: 28px !important;
  height: 28px !important;
  border: 0 !important;
}
}

/* Force SecureSubmit hosted fields to have dimensions */
.payment_box.payment_method_securesubmit,
.payment_box.payment_method_securesubmit * {
  box-sizing: border-box !important;
}

.payment_box.payment_method_securesubmit {
  width: 100% !important;
}

#securesubmit_card_number,
#securesubmit_card_expiration,
#securesubmit_card_cvv {
  width: 100% !important;
  display: block !important;
  min-height: 46px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(0,0,0,0.25) !important;
  background: #fff !important;
  border-radius: 6px !important;
  margin: 10px 0 !important;
  position: relative !important;
  overflow: visible !important;
}

/* This one is critical: the iframe itself must be block and sized */
#securesubmit_card_number iframe,
#securesubmit_card_expiration iframe,
#securesubmit_card_cvv iframe,
iframe[id^="secure-payment-field-card-"] {
  display: block !important;
  width: 100% !important;
  height: 26px !important;
  min-height: 26px !important;
  max-width: 100% !important;
  border: 0 !important;
}

/* If any parent is making children inline with zero width, this helps */
.securesubmit_new_card,
.securesubmit_new_card_info,
.securesubmit-content {
  display: block !important;
  width: 100% !important;
}

/* Order-pay: force SecureSubmit field containers to have height */
body.woocommerce-order-pay .payment_box.payment_method_securesubmit {
  display: block !important;
  width: 100% !important;
}

body.woocommerce-order-pay #securesubmit_card_number,
body.woocommerce-order-pay #securesubmit_card_expiration,
body.woocommerce-order-pay #securesubmit_card_cvv {
  display: block !important;
  width: 100% !important;
  min-height: 46px !important;
  height: 46px !important; /* key: gives iframe a box */
  padding: 10px 12px !important;
  border: 1px solid rgba(0,0,0,0.25) !important;
  background: #fff !important;
  border-radius: 6px !important;
  margin: 10px 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

body.woocommerce-order-pay iframe[id^="secure-payment-field-card-"] {
  display: block !important;
  width: 100% !important;
  height: 26px !important;
  min-height: 26px !important;
  border: 0 !important;
}

/* Order-pay: prevent Divi module from collapsing the order review table */
body.woocommerce-order-pay .et_pb_wc_order_pay form#order_review,
body.woocommerce-order-pay .et_pb_wc_order_pay table.shop_table {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.woocommerce-order-pay .et_pb_wc_order_pay table.shop_table {
  display: table !important;
  border-collapse: collapse;
}

/* Order-pay: prevent the order review/cart table from being shifted off-screen */
body.woocommerce-order-pay form#order_review,
body.woocommerce-order-pay form#order_review table.shop_table {
  transform: none !important;
  top: auto !important;
  margin-top: 0 !important;
}

/* Sometimes Divi applies negative translate/margins on the module wrapper */
body.woocommerce-order-pay .et_pb_wc_order_pay,
body.woocommerce-order-pay .et_pb_wc_order_pay .et_pb_module_inner {
  transform: none !important;
  top: auto !important;
  margin-top: 0 !important;
  position: relative !important;
}