.d-none {
  display: none;
}

#delivery_with_econt_calculate_shipping {
  display: none;
  position: static !important;
  inset: auto !important;
  float: none !important;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  clear: both;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#delivery_with_econt_iframe {
  border: none;
  width:100%;
  min-height: 590px;
  max-height: 770px;
  overflow:hidden;
}

#delivery_with_econt_calculation_container {
  width: 100%;
}

#econt_detailed_shipping {
  font-size: 10px;
  font-weight: 100;
  line-height: 10px;
  color:#762A43;
  margin-bottom: 5px;
  display: none;
}

.econt-loader {
  background-image: url("../images/loader.gif") !important;
  background-position: center 30% !important;
  background-repeat: no-repeat !important;
  /*background-color: white;*/
  min-height: 300px;
  z-index: 9999;
}

.econt-button {
  font-weight: 300;
  padding: 3px 10px;
  background-color: #762A43;
  color: white;
}

.econt-button-details {
  margin: 2rem auto 0;
  width: 50%;
  height: 60px;
  font-weight: 600;
}

.econt-button:hover {
  background-color: #5B1E33;
  color: white;
}

.econt-alert {
  display: none;
}

.econt-alert.active {
  display: block !important;
}

#place_iframe_here {
  /*background: white;*/
  padding: 10px;
  display: none;
}

.econt-modal {
  padding: 5px;
}
.econt-modal button.close {
  position: absolute;
  top: 5px;
  right: 5px;
}

/* The Modal (background) */
.econt-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.econt-modal-content {
  background-color: #fefefe;
  margin: 5% auto 0 auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  max-width: 800px;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.econt-modal-body {
  position: initial;
  padding: 0;
}

/* Hidden fields when Econt shipping is selected */
.econt-hidden-field {
  display: none !important;
}
/* Automatic Econt city/office selector */
.econt-auto-office-wrap{margin:1rem 0 1.5rem;padding:18px;border:1px solid #D8CED2;border-radius:6px;background:#fff;box-sizing:border-box}
.econt-auto-office-title{font-size:18px;font-weight:600;margin:0 0 16px}
.econt-auto-office-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.econt-auto-office-row{margin-bottom:14px}
.econt-auto-office-row label{display:block;margin-bottom:6px;font-weight:600}
.econt-auto-office-select{width:100%;min-height:44px;padding:8px 12px;border:1px solid #D8CED2;border-radius:4px;background:#fff}
.econt-auto-office-select:disabled{opacity:.65;cursor:not-allowed}
.econt-auto-office-info{font-size:14px;line-height:1.45;margin:8px 0}
.econt-auto-shipping-status{font-size:14px;margin-top:8px;min-height:20px}
.econt-auto-shipping-status.is-loading{opacity:.7}
.econt-auto-shipping-status.is-success{font-weight:600}
.econt-auto-shipping-status.is-error{color:#A8323E}

.econt-auto-office-input{display:block;width:100%;min-height:44px;padding:8px 12px;border:1px solid #D8CED2;border-radius:4px;background:#fff;box-sizing:border-box}
.econt-auto-office-input:focus{outline:none}
.econt-auto-office-row .required{color:#A8323E}
@media (max-width: 640px){
  .econt-auto-office-customer-grid{grid-template-columns:1fr}
}


/* Graphite outline + white field styling */
#delivery_with_econt_calculate_shipping .econt-auto-office-row{
  position:relative;
}

#delivery_with_econt_calculate_shipping input.econt-auto-office-input,
#delivery_with_econt_calculate_shipping select.econt-auto-office-select{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  min-width:0 !important;
  min-height:46px !important;
  height:46px !important;
  padding:10px 13px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  color:#292529 !important;
  -webkit-text-fill-color:#292529 !important;
  background:#fff !important;
  background-color:#fff !important;
  border:2px solid #D8CED2 !important;
  border-radius:7px !important;
  box-shadow:none !important;
  outline:none !important;
  font:inherit !important;
  line-height:1.35 !important;
  text-shadow:none !important;
}

#delivery_with_econt_calculate_shipping input.econt-auto-office-input:hover,
#delivery_with_econt_calculate_shipping select.econt-auto-office-select:hover{
  border-color:#D8CED2 !important;
  background:#fff !important;
}

#delivery_with_econt_calculate_shipping input.econt-auto-office-input:focus,
#delivery_with_econt_calculate_shipping select.econt-auto-office-select:focus{
  color:#292529 !important;
  -webkit-text-fill-color:#292529 !important;
  background:#fff !important;
  border-color:#762A43 !important;
  box-shadow:0 0 0 2px rgba(118,42,67,.14) !important;
  outline:none !important;
}

#delivery_with_econt_calculate_shipping input.econt-auto-office-input::placeholder{
  color:#81797D !important;
  -webkit-text-fill-color:#81797D !important;
  opacity:1 !important;
}

#delivery_with_econt_calculate_shipping select.econt-auto-office-select{
  color:#292529 !important;
  -webkit-text-fill-color:#292529 !important;
  cursor:pointer !important;
}

#delivery_with_econt_calculate_shipping select.econt-auto-office-select:disabled{
  color:#81797D !important;
  -webkit-text-fill-color:#81797D !important;
  background:#fff !important;
  border-color:#D8CED2 !important;
  opacity:.75 !important;
  cursor:not-allowed !important;
}

#delivery_with_econt_calculate_shipping select.econt-auto-office-select option{
  color:#292529 !important;
  background:#fff !important;
}

/* Search suggestions for Econt city */
.econt-city-search-wrap{position:relative;}

.econt-city-autocomplete{
  position:absolute;
  z-index:10050;
  left:0;
  right:0;
  top:100%;
  margin-top:4px;
  padding:4px 0;
  background:#fff;
  border:1px solid #D8CED2;
  border-radius:7px;
  box-shadow:0 5px 18px rgba(0,0,0,.14);
  max-height:240px;
  overflow-y:auto;
}
.econt-city-autocomplete[hidden]{display:none !important;}
.econt-city-autocomplete-item{
  display:block;
  width:100%;
  padding:10px 13px;
  border:0;
  background:#fff;
  color:#292529;
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.econt-city-autocomplete-item:hover,
.econt-city-autocomplete-item.is-active{
  background:#F6ECEF;
}
.econt-city-autocomplete-empty{
  padding:10px 13px;
  color:#81797D;
}

@media (max-width:640px){
  .econt-city-autocomplete{max-height:210px;}
}

/* v13: customer fields use placeholders inside the boxes */
#delivery_with_econt_calculate_shipping .econt-full-name-row label,
#delivery_with_econt_calculate_shipping .econt-auto-office-customer-box > .econt-auto-office-row label { display:none !important; }
#delivery_with_econt_calculate_shipping .econt-auto-office-customer-box .econt-auto-office-row { margin-bottom:12px; }
#delivery_with_econt_calculate_shipping .econt-auto-office-input::placeholder { opacity:1 !important; }

/* v14: delivery destination switch */
.econt-delivery-type{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;}
.econt-delivery-type-option{display:flex !important;align-items:center;gap:8px;padding:10px 14px;border:2px solid #D8CED2;border-radius:7px;background:#fff;color:#292529;cursor:pointer;font-weight:600;}
.econt-delivery-type-option input{margin:0 !important;accent-color:#762A43;}
.econt-delivery-type-option:has(input:checked){background:#F6ECEF;}
.econt-address-only-fields .econt-auto-office-input{margin-top:0;}