/**
 * Beyma Flor Delivery Date - Frontend Styles
 */

.beymaflor-delivery-date-row {
    position: relative;
    margin-bottom: 20px;
}

.beymaflor-delivery-date-row label {
    display: block;
    font-weight: 600;
    margin-bottom: 6px;
    color: #2c3338;
}

.beymaflor-delivery-date-alt-input {
    background-color: #fff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 6px !important;
    padding: 10px 14px 10px 38px !important;
    font-size: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="%230f766e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: 12px center !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

.beymaflor-delivery-date-alt-input:focus {
    border-color: #0f766e !important;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15) !important;
    outline: none !important;
}

/* Flatpickr Custom Theme Styling */
.flatpickr-calendar {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 6px !important;
    background: #ffffff !important;
}

.flatpickr-months {
    padding: 6px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.flatpickr-current-month {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}

span.flatpickr-weekday {
    font-weight: 600 !important;
    color: #64748b !important;
    font-size: 12px !important;
}

.flatpickr-day {
    border-radius: 8px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    height: 38px !important;
    line-height: 38px !important;
    margin: 2px 0 !important;
}

.flatpickr-day:hover {
    background: #f0fdfa !important;
    border-color: #ccfbf1 !important;
    color: #0f766e !important;
}

.flatpickr-day.today {
    border-color: #0f766e !important;
    color: #0f766e !important;
    font-weight: 700 !important;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background: #0f766e !important;
    border-color: #0f766e !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #cbd5e1 !important;
    background: transparent !important;
    cursor: not-allowed !important;
    text-decoration: line-through !important;
}

/* Summary on Thank You page */
.beymaflor-delivery-date-summary {
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* Ocultar texto de destino "Enviar a..." en el carrito y checkout */
.woocommerce-shipping-destination,
.woocommerce-cart .woocommerce-shipping-destination,
.woocommerce-checkout .woocommerce-shipping-destination,
.cart_totals .woocommerce-shipping-destination,
.elementor-widget-woocommerce-cart .woocommerce-shipping-destination,
.elementor-widget-woocommerce-cart .e-cart-totals .woocommerce-shipping-destination {
    display: none !important;
}