/*!
* UBIGEO PERU - VISUAL CONSISTENCY FIX
* Based on actual HTML structure analysis from user
* Target: Make Province and District fields match Department field dropdown styling
*/

/* EXACT TARGETING based on your HTML/CSS analysis */

/* Target Province field container - exact class from your analysis */
.wc-block-components-text-input.wc-block-components-address-form__city {
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z' fill='%232b2d2f'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 12px) center !important;
    background-size: 24px 24px !important;
}

/* Target District field container - exact class from your analysis */
.wc-block-components-text-input.wc-block-components-address-form__thwcfe-block-district {
    position: relative !important;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z' fill='%232b2d2f'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 12px) center !important;
    background-size: 24px 24px !important;
}

/* Target Province select - exact ID from your HTML */
select#shipping-city {
    background: transparent !important;
    padding-right: 40px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid rgba(18, 18, 18, 0.8) !important;
    border-radius: 4px !important;
}

/* Target District select - exact ID from your HTML */
select#shipping-thwcfe-block-district {
    background: transparent !important;
    padding-right: 40px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: 1px solid rgba(18, 18, 18, 0.8) !important;
    border-radius: 4px !important;
}

/* Alternative approach - direct targeting with higher specificity */
div.wc-block-components-text-input.wc-block-components-address-form__city::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z' fill='%232b2d2f'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}

div.wc-block-components-text-input.wc-block-components-address-form__thwcfe-block-district::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z' fill='%232b2d2f'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: 10;
}