/**
 * UruShop Delivery Nudge
 *
 * Delivery countdown + estimate block for product pages.
 * Uses UruShop design tokens.
 */

/* --------------------------------------------------------------------------
   Container
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge {
    margin-top: 16px;
    padding: 14px 16px;
    border: 1px solid #D1E7DD;
    border-radius: var(--urushop-radius-sm, 6px);
    background: #F0FDF4;
    font-family: var(--urushop-font-body, 'Inter', sans-serif);
    font-size: 13px;
    line-height: 1.5;
    color: var(--urushop-deep-forest, #1B4332);
}

/* --------------------------------------------------------------------------
   Row layout (icon + text)
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge__row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.urushop-delivery-nudge__row + .urushop-delivery-nudge__row {
    margin-top: 8px;
}

/* --------------------------------------------------------------------------
   Icon
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge__icon {
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--urushop-mate-green, #00A86B);
}

/* --------------------------------------------------------------------------
   Express line — emphasis
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge__express {
    font-size: 13.5px;
}

.urushop-delivery-nudge__express strong {
    color: var(--urushop-mate-green, #00A86B);
}

/* --------------------------------------------------------------------------
   Standard line — subdued
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge__standard {
    font-size: 12.5px;
    color: #4B5563;
}

.urushop-delivery-nudge__standard strong {
    color: var(--urushop-deep-forest, #1B4332);
    font-weight: 600;
}

/* --------------------------------------------------------------------------
   Caveat — small text
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge__caveat {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #D1E7DD;
    font-size: 11px;
    color: #6B7280;
    line-height: 1.4;
}

/* --------------------------------------------------------------------------
   Loading state
   -------------------------------------------------------------------------- */
.urushop-delivery-nudge__loading {
    color: #9CA3AF;
    font-style: italic;
    font-size: 12px;
}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
    .urushop-delivery-nudge {
        padding: 12px 14px;
        font-size: 12.5px;
    }

    .urushop-delivery-nudge__express {
        font-size: 13px;
    }
}