/**
 * Delivery Services Integration - Checkout Styles
 */

/* Delivery Fields Container */
.dsi-delivery-fields {
    margin: 1.5em 0;
    padding: 1em;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #f8f8f8;
}

.dsi-delivery-fields h3 {
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

/* Autocomplete Input */
.dsi-city-autocomplete,
.dsi-branch-autocomplete {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.dsi-city-autocomplete:focus,
.dsi-branch-autocomplete:focus {
    border-color: #96588a;
    box-shadow: 0 0 0 1px #96588a;
}

/* Autocomplete Results Container */
.dsi-autocomplete-results {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    margin-top: 2px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

/* Result Items */
.dsi-result {
    padding: 8px 12px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.dsi-result:hover {
    background-color: #f0f0f0;
}

.dsi-no-results {
    padding: 8px 12px;
    color: #999;
    font-style: italic;
}

/* Branch Container */
.dsi-branch-container {
    margin-top: 1em;
}

/* Validation Styles */
.dsi-delivery-field .woocommerce-invalid input {
    border-color: #e2401c !important;
    box-shadow: 0 0 0 1px #e2401c !important;
}

.dsi-delivery-field .woocommerce-error {
    display: block !important;
    color: #e2401c !important;
    font-size: 0.875em !important;
    margin-top: 0.5em !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.dsi-delivery-field .required {
    color: #e2401c;
    text-decoration: none;
}

/* Hidden Fields */
.dsi-hidden-field {
    display: none !important;
}

/* Hide billing fields when delivery service is selected */
.woocommerce-checkout .dsi-hidden-field,
.woocommerce-checkout .dsi-hidden-field input,
.woocommerce-checkout .dsi-hidden-field select,
.woocommerce-checkout .dsi-hidden-field textarea {
    display: none !important;
    visibility: hidden !important;
}

/* Responsive Styles */
@media screen and (max-width: 768px) {
    .dsi-delivery-fields {
        padding: 0.8em;
    }

    .dsi-autocomplete-results {
        max-height: 200px;
    }
}