/**
 * Frontend styles for Gravity Forms Google Address Autocomplete
 */

/* Autocomplete dropdown styling */
.pac-container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    z-index: 99999 !important;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    margin-top: 2px;
}

.pac-container:after {
    content: none !important;
}

.pac-item {
    padding: 10px 12px;
    cursor: pointer;
    line-height: 1.4;
}

.pac-item:hover {
    background-color: #f5f5f5;
}

.pac-item-selected,
.pac-item-selected:hover {
    background-color: #ebebeb;
}

.pac-matched {
    font-weight: 600;
}

.pac-item-query {
    font-size: 14px;
    color: #333;
}

.pac-icon {
    margin-top: 2px;
}

/* Address field with autocomplete indicator */
.gf-address-autocomplete-field {
    position: relative;
}

.gf-address-autocomplete-field input[type="text"] {
    padding-right: 35px;
}

.gf-address-autocomplete-field::after {
    content: "📍";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none;
    opacity: 0.5;
}

/* Loading state */
.gf-address-autocomplete-field.loading::after {
    content: "⏳";
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
    }
}

/* Address field focus state */
.gf-address-autocomplete-field input[type="text"]:focus {
    border-color: #4285f4;
    box-shadow: 0 0 0 1px rgba(66, 133, 244, 0.2);
    outline: none;
}

/* Disabled state for control fields */
input[disabled].gf-controlled-field,
label.gf-controlled-field input[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Mobile responsiveness */
@media screen and (max-width: 768px) {
    .pac-container {
        width: 100% !important;
        left: 0 !important;
    }
    
    .pac-item {
        padding: 12px 14px;
        font-size: 15px;
    }
}

/* Gravity Forms specific overrides */
.gform_wrapper .gf-address-autocomplete-field input[type="text"] {
    width: 100%;
}

.gform_wrapper .gf-address-autocomplete-field {
    width: 100%;
}

/* Make Google logo in dropdown less intrusive */
.pac-logo:after {
    padding: 5px;
    opacity: 0.7;
}