/* comments in English: Delivery Date widget (cleaned) */
/* - No modal styles
   - No right column styles
   - Inline dropdown under the country button
   - Single "Calculating ..." + 3-dot loader animation
*/

/* ========== Editor placeholder (compact) ========== */
.ase-dd-editor-placeholder .ase-dd-bar {
  padding: 6px 10px;
  border-radius: 8px;
  gap: 10px;
}
.ase-dd-editor-placeholder .ase-dd-label { display: none; }
.ase-dd-editor-placeholder .ase-dd-country-btn { padding: 2px 6px; }
.ase-dd-editor-placeholder { max-width: 100%; }

/* ========== Frontend layout ========== */
.ase-dd-widget { 
  font-size: 16px !important; 
  line-height: 1.35; 
  position: relative; /* anchor for the dropdown panel */
}

.ase-dd-bar { 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  padding: 8px 0;
}

.ase-dd-left { 
  display: flex; 
  align-items: center; 
  gap: 0px; 
  position: relative; /* anchor the panel to the left block */
}

.ase-dd-label { color: #323232; }

/* Country selector button */
.ase-dd-country-btn {
  display: inline-flex; 
  align-items: center; 
  gap: 8px;
  border: none; 
  background: transparent; 
  cursor: pointer;
  padding: 0px; 
  border-radius: 8px;
}

.ase-dd-country-btn:hover
{
  background: transparent !important;
}

.ase-dd-country-btn:focus
{
  background: transparent !important;
}

.ase-dd-country-btn .ase-dd-caret { opacity: .6; }
.ase-dd-country-name { 
  font-weight: 700; 
  color: #6ec1e4; 
  font-size: 16px; 
  margin-left: 8px;
  padding-top: 2px;
}

/* Dates text sits right after the country name */
.ase-dd-msg { color: #323232; font-weight: 400; }

/* ========== Inline dropdown panel ========== */
.ase-dd-panel[aria-hidden="true"] { display: none; }
.ase-dd-panel {
  position: absolute; 
  z-index: 1000;
  top: 100%; 
  left: 0; 
  margin-top: 6px;
  width: min(420px, 86vw);
  background: #fff; 
  border: 1px solid #e5e7eb; 
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  padding: 10px;
}

.ase-dd-search {
  width: 100%; 
  padding: 10px 12px; 
  border: 1px solid #e5e7eb; 
  border-radius: 8px; 
  margin-bottom: 10px;
}

.ase-dd-list { 
  list-style: none; 
  padding: 0; 
  margin: 0; 
  max-height: 260px; 
  overflow: auto; 
}

.ase-dd-item {
  width: 100%; 
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  padding: 8px 10px; 
  border: 1px solid #eef2f7; 
  border-radius: 8px; 
  margin-bottom: 8px;
  background: #fff; 
  cursor: pointer; 
  color: #323232;
}
.ase-dd-item:hover { background: #6ec1e4; color: #fff; }
.ase-dd-item[aria-selected="true"] { border-color: #6ec1e4; }
.ase-dd-item-code { color: #6b7280; font-size: 12px; }
.ase-dd-item:hover .ase-dd-item-code { color: #e6f4fb; }

.ase-dd-item-label
{font-size:16px;}

/* ========== "Calculating ..." + 3-dot loader ========== */
.ase-dd-calc { font-weight: 400; color:#323232 }
.ase-dd-dots { 
  display: inline-flex; 
  gap: 4px; 
  align-items: center; 
  font-weight: 700; 
}
.ase-dd-dots span { 
  display: inline-block; 
  animation: ase-dd-bounce 1s infinite ease-in-out; 
}
.ase-dd-dots span:nth-child(2){ animation-delay: .15s; }
.ase-dd-dots span:nth-child(3){ animation-delay: .3s; }

@keyframes ase-dd-bounce {
  0%, 80%, 100% { transform: translateY(0); opacity: .4; }
  40% { transform: translateY(-4px); opacity: 1; }
}