/* ==========================================================================
   DT24 Envíos — Checkout Widget & Modal Stylesheet & Motta Theme Reset
   Estandarización Tipográfica: INTER (Google Stitch / Flutter design line)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

#dt24-checkout-shipping-root,
#dt24-checkout-shipping-panel,
.dt24-checkout-shipping-container,
.dt24-checkout-modal-overlay,
.dt24-vendor-delivery-box,
.dt24-customer-tracking-box,
.dt24-envios-availability-notice,
.dt24-envios-formatted-notice {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

#dt24-checkout-shipping-root {
    clear: both !important;
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    margin: 20px 0 !important;
}

.dt24-checkout-shipping-container,
.dt24-checkout-shipping-container *,
.dt24-checkout-modal-overlay,
.dt24-checkout-modal-overlay *,
.dt24-vendor-delivery-box *,
.dt24-customer-tracking-box * {
    box-sizing: border-box !important;
}

/* Complete CSS Reset for Motta Theme button interference */
.dt24-checkout-shipping-container button,
.dt24-checkout-modal-overlay button {
    min-width: unset !important;
    max-width: unset !important;
    min-height: unset !important;
    height: auto !important;
    line-height: normal !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    font-family: inherit !important;
    box-shadow: none !important;
    margin: 0 !important;
    outline: none !important;
}

.dt24-btn-reset {
    min-width: unset !important;
    max-width: unset !important;
    min-height: unset !important;
    height: auto !important;
    line-height: normal !important;
    text-transform: none !important;
}

/* Close button in modal */
.dt24-modal-close-btn {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #F3F4F6 !important;
    border: none !important;
    color: #4B5563 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

.dt24-modal-close-btn:hover {
    background: #E5E7EB !important;
    color: #111827 !important;
}

/* Google Places Autocomplete dropdown z-index above modal */
.pac-container {
    z-index: 9999999 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
    font-family: inherit !important;
    border: 1px solid #E5E7EB !important;
}

/* Custom scrollbars inside dropdown and modal */
.dt24-custom-scroll::-webkit-scrollbar {
    width: 6px;
}
.dt24-custom-scroll::-webkit-scrollbar-track {
    background: #F3F4F6;
    border-radius: 6px;
}
.dt24-custom-scroll::-webkit-scrollbar-thumb {
    background: #D1D5DB;
    border-radius: 6px;
}