/**
 * Static styling for the availability / delivery-promise components.
 * Plain CSS (no Tailwind build dependency) so it deploys with static-content:deploy.
 * Brand gold #C9A227 marks "incoming" (preorder/backorder/dropship) states.
 */

/* ---- PDP availability ---- */
.dplies-availability__status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.dplies-availability__status::before {
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 9999px;
    flex-shrink: 0;
    background: #22c55e;
}
.dplies-availability--incoming .dplies-availability__status::before {
    background: #C9A227;
}
.dplies-availability__second {
    font-size: 0.875rem;
    color: #4b5563;
    margin-top: 0.25rem;
}

/* ---- Cart per-item availability ---- */
.dplies-cart-availability {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.625rem;
    font-size: 0.875rem;
}
.dplies-cart-availability::before {
    content: "";
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 9999px;
    flex-shrink: 0;
    background: #22c55e;
}
.dplies-cart-availability--incoming::before {
    background: #C9A227;
}
.dplies-cart-availability__status {
    font-weight: 600;
}
.dplies-cart-availability__lead {
    color: #6b7280;
}

/* ---- Cart-wide promise (above summary) ---- */
.dplies-cart-promise {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    background: #FBF7E9;
    color: #1f2937;
    font-size: 0.875rem;
    font-weight: 500;
}
.dplies-cart-promise__icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    color: #C9A227;
}

/* ---- Checkout per-line availability ---- */
.dplies-delivery-line {
    font-size: 0.8125rem;
    color: #6b7280;
    margin-top: 0.25rem;
}
.dplies-delivery-promise .mark span {
    font-weight: 600;
}