/**
 * PDP Estimated Delivery Date (EDD) Styles
 * A/B Test Variation - Replaces "In Stock - Ready to Ship" message
 * Matches Figma design with green dot, delivery range, and zip code trigger
 */

/* Container - Two-tier layout: status + bordered box */
.pdp-edd {
  display: flex;
  flex-direction: column;
  gap: 8px;
  line-height: normal;
  font-size: 14px;
}

/* Top status section (green dot + "In stock") */
.pdp-edd__status {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pdp-edd__status-dot {
  width: 10px;
  height: 10px;
  background-color: #49CA54;
  border-radius: 50%;
  flex-shrink: 0;
}

.pdp-edd__status-text {
  color: #0c5132;
  font-size: 14px;
  font-weight: 400;
}

/* Main bordered box - contains delivery info */
.pdp-edd__box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #0c5132;
  border-radius: 8px;
  background-color: #FFF;
}

/* Delivery date line */
.pdp-edd__delivery {
  font-size: 14px;
  line-height: 1.4;
}

.pdp-edd__delivery-label {
  color: #000000;
  font-weight: 400;
}

.pdp-edd__delivery-date {
  color: #29845a;
  font-weight: 700;
}

/* Shipping info line (Standard shipping - ZIP) */
.pdp-edd__shipping {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  color: #616161;
  line-height: 1.4;
}

.pdp-edd__shipping-label {
  color: #616161;
  font-weight: 400;
}

.pdp-edd__shipping-separator {
  color: #616161;
}

.pdp-edd__shipping-zip {
  color: #0530ad;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  transition: color 0.2s ease;
}

.pdp-edd__shipping-zip:hover {
  color: #041f75;
}

.pdp-edd__shipping-zip:focus {
  outline: 1px solid #0530ad;
  outline-offset: 1px;
}

/* Location tracker popup container */
.pdp-edd__location {
  position: relative;
}

/* Location Tracker Popup - positioned relative to zip code link */
.pdp-edd .location-tracker-popup {
  left: -118px;
  top: -156px;
  border: 1px solid #E3E3E3;
  border-radius: 12px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);
  padding: 12px !important;
  gap: 10px;
}

/* Override popup header text styling */
.pdp-edd .location-tracker-popup .fs-6.fw-bold {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #000000;
}

.pdp-edd .location-tracker-popup .location-tracker-state-message {
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
}

/* Override input container styling */
.pdp-edd .location-tracker-input-container {
  border: 1px solid #8A8A8A;
  border-radius: 8px;
  padding: 4px;
  background: #FFF;
}

.pdp-edd .location-tracker-input-container input {
  font-size: 14px;
  font-weight: 400;
  color: #616161;
  padding: 0 8px;
  background: transparent;
  border: none;
}

.pdp-edd .location-tracker-input-container input:focus {
  outline: none;
  box-shadow: none;
}

/* Override Save button styling */
.pdp-edd .location-tracker-input-container .btn-primary {
  background-color: #000000;
  border: 1px solid #000000;
}

.pdp-edd .location-tracker-input-container .btn-primary:hover {
  background-color: #303030;
  border: 1px solid #303030;
}

.pdp-edd .location-tracker-input-container .btn-primary p {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: capitalize;
  line-height: normal;
  margin: 0;
}

/* Override tooth position - bottom center */
/* border layer */
.pdp-edd .location-tracker-popup::before {
  bottom: -6px !important;
  top: unset !important;
  left: 131px !important;
  right: auto !important;
}

/* fill layer */
.pdp-edd .location-tracker-popup::after {
  bottom: -5px !important;
  top: unset !important;
  left: 131px !important;
  right: auto !important;
}

/* ========================================
   Minicart/Cart Stock Message Styles
   web-1090 - EDD A/B Test
   ======================================== */

.edd-stockmsg .stocktooltip {
  font-style: normal;
  display: inline;
  font-weight: normal;
  letter-spacing: 0.28px;
}

.edd-arrives-label {
  color: #000000;
  font-weight: normal;
}

.edd-date-range {
  color: #29845a;
  margin-left: 1px;
}

/* Icon link wrapper */
.edd-stockmsg .edd-tooltip-icon {
  display: inline;
  vertical-align: middle;
  text-decoration: none;
  cursor: help;
}

/* SVG icon */
.edd-stockmsg .edd-tooltip-icon svg {
  display: inline-block;
  vertical-align: middle;
}

/* ========================================
   CHECKOUT PAGE EDD MESSAGE
   ======================================== */
/* Container for checkout EDD message */
.checkout-edd-message {
  padding-top: 3px;
  width: 100%;
  display: block;
}

/* Text container */
.checkout-edd-message__text {
  font-size: 12px !important;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  margin: 0;
  padding: 0;
}

/* "Estimated delivery:" label - black */
.checkout-edd-message__label {
  color: #000000;
  font-weight: 400;
}

/* Date range - green, bold */
.checkout-edd-message__date {
  color: #29845a;
  font-weight: 700;
}

/* Customization Processing Time Message (PDP) */
.customization-edd-message {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.24px;
  margin: 0 0 18px 0;
  text-align: center;
}

@media (min-width: 992px) {
  .customization-edd-message {
    margin: 12px 0 18px 0;
  }
}