/* ==========================================================================
   AstraOptima - Estimated Delivery Date CSS Framework
   ========================================================================== */

:root {
    --ao-edd-size: 13.5px;
    --ao-edd-weight: 500;
    --ao-edd-color: #334155;
    --ao-edd-date-color: #0f172a;
    --ao-edd-bg: #f1f5f9;
    --ao-edd-border: transparent;
    --ao-edd-radius: 6px;
    --ao-edd-padding: 5px 10px;
}

/* 1. Main Delivery Badge Container */
.ast-estimated-delivery-block {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background-color: var(--ao-edd-bg, #f1f5f9) !important;
    border: 1px solid var(--ao-edd-border, transparent) !important;
    border-radius: var(--ao-edd-radius, 6px) !important;
    padding: var(--ao-edd-padding, 5px 10px) !important;
    font-family: inherit !important;
    font-size: var(--ao-edd-size, 13.5px) !important;
    font-weight: var(--ao-edd-weight, 500) !important;
    color: var(--ao-edd-color, #334155) !important;
    line-height: 1.4em !important;
    margin: 8px 0 12px 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    letter-spacing: -0.01em !important;
}

/* 2. Icon Styling */
.ast-estimated-delivery-block .ao-edd-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}

.ast-estimated-delivery-block .ao-edd-icon-svg {
    display: block !important;
    width: auto !important;
    height: auto !important;
}

.ast-estimated-delivery-block .ao-edd-icon-img {
    display: block !important;
    max-height: 22px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* 3. Text & Highlighted Dates */
.ast-estimated-delivery-block .ao-edd-text {
    display: inline-block !important;
}

.ast-estimated-delivery-block .ao-edd-dates {
    color: var(--ao-edd-date-color, #0f172a) !important;
    font-weight: 700 !important;
}

/* 4. Cart & Checkout Mini Block */
.ast-cart-item-delivery {
    display: block !important;
    font-size: 12px !important;
    color: #64748b !important;
    margin-top: 3px !important;
    line-height: 1.35em !important;
}

.ast-cart-item-delivery strong {
    color: #0f172a !important;
    font-weight: 600 !important;
}

/* 5. Responsive Sizing */
@media (max-width: 544px) {
    .ast-estimated-delivery-block {
        width: 100% !important;
        justify-content: flex-start !important;
    }
}