.store_locator_city{display:none;} .store_locator_country{display:none;} .store_locator_tel{display:none;} .store_locator_fax{display:none;} .store_locator_distance{display:none;} .store_locator_mobile{display:none;} .store_locator_website{display:none;} .store_locator_email{display:none;} .store_locator_description{display:none;} .store_locator_chat{display:none !important;} .store_locator_visit_website{display:none !important;} .store_locator_write_email{display:none !important;} .store_locator_show_on_map{display:none !important;} .store_locator_visit_store{display:none !important;} .store_locator_image{display:none !important;} .store_locator_loading{background-color:#ffffff;opacity: 0.7;} .store_locator_loading i{color:#000000;} .gm-style-iw, .store_locator_infowindow{max-width: 350px !important; width: 100% !important; max-height: 400px; white-space: nowrap; overflow: auto;}

/* Mejora minimalista del input de dirección - Máxima especificidad */
div.store_locator div.store-locator-col-12 input.store_locator_address_field,
div.store_locator div.store-locator-col-12 #store_locator_address_field {
    background: linear-gradient(145deg, #ffffff, #fafbfc) !important;
    border: 2px solid #fbc6b3 !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    padding: 8px 12px !important;
    height: 40px !important;
    line-height: 24px !important;
    margin-top: 8px !important;
}

/* Icono MapPin de Lucide en el título "Dirección" */
.wordpress-store-locator-address-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.wordpress-store-locator-address-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23fa7a4d" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>') no-repeat center !important;
    background-size: contain !important;
    vertical-align: middle !important;
}

div.store_locator div.store-locator-col-12 input.store_locator_address_field:focus,
div.store_locator div.store-locator-col-12 #store_locator_address_field:focus {
    border-color: #fa7a4d !important;
    box-shadow: 0 0 0 3px rgba(250, 122, 77, 0.15) !important;
    outline: none !important;
}

/* Ocultar solo el texto original pero mantener los iconos SVG */
#store_locator_get_my_position svg,
#store_locator_get_all_stores svg {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    margin-right: 4px !important;
}

/* Nuevos textos con pseudo-elementos */
#store_locator_get_my_position::after {
    content: 'Mi localización' !important;
    font-size: 11px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

#store_locator_get_all_stores::after {
    content: 'Todos los centros' !important;
    font-size: 11px !important;
    line-height: normal !important;
    font-weight: 600 !important;
    color: inherit !important;
}

/* Crear separación entre el input y los botones */
#store_locator_address_field {
    margin-bottom: 8px !important;
}

/* Botones ultra compactos - configuración correcta */
#store_locator_get_my_position,
#store_locator_get_all_stores {
    padding: 4px 6px !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    border-radius: 8px !important;
    background: #f8f9fa !important;
    border: 1px solid #e9ecef !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    transition: all 0.3s ease !important;
    width: calc(49% - 2px) !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}

#store_locator_get_all_stores {
    margin-left: 0px !important;
}

#store_locator_get_my_position {
    background: #fa7a4d !important;
    color: #ffffff !important;
    border-color: #fa7a4d !important;
}

#store_locator_get_my_position:hover {
    background: #e56a3d !important;
    border-color: #e56a3d !important;
}

#store_locator_get_all_stores:hover {
    background: #e9ecef !important;
}

/* Separación del bloque de arriba - ajustada a la mitad */
.wordpress-store-locator-address-container .store-locator-row {
    margin-top: 8px !important;
    display: block !important;
}

/* Asegurar separación con padding superior al contenedor */
.wordpress-store-locator-address-container {
    padding-bottom: 0 !important;
}

/* Crear espacio antes de los botones - mitad */
.store_locator_text_actions {
    margin-top: 8px !important;
}

/* Padding en el contenedor padre - mitad */
.wordpress-store-locator-col-12.store-locator-col-sm-12 {
    padding-top: 4px !important;
}

/* Iconos más pequeños */
.store_locator_text_actions svg {
    width: 12px !important;
    height: 12px !important;
}

/* Contenedor principal con fondo naranja translúcido - ajustado final */
div#store_locator_search_box {
    background: #fa7a4d26 !important;
    padding: 0rem 1rem 1rem 1rem !important;
    border-radius: 13px 0px 0px 0px !important;
}

/* Contenedor principal sin padding para estar pegado */
div#store_locator_main {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

/* Fondo para la lista de resultados */
div#store_locator_result_list_box {
    background: #fff8f5 !important;
}

/* Ocultar arrows de los titulares */
.store_locator_filter_open_close i,
.store_locator_result_open_close i,
.store_locator_name i.fa-chevron-right {
    display: none !important;
}

/* Hover en los items de la lista de resultados */
.store_locator_result_list_item:hover,
.store_locator_result_list_item_hover {
    cursor: pointer !important;
    background-color: #fa7a4d15 !important;
}

/* Cambiar fuente a Karla para todo el plugin */
div.store_locator,
.store_locator *,
#store_locator_search_box,
#store_locator_result_list_box,
.store_locator_result_list_item,
.store-locator-modal,
.wordpress-store-locator-address-title,
.store_locator_find_stores_button,
#store_locator_find_stores_button,
.store_locator_text_actions {
    font-family: 'Karla', sans-serif !important;
}

/* Estilo para los nombres de las tiendas */
h3.store_locator_name {
    line-height: 25px !important;
}

#store_modal .modal-lg {
width: 80%;
}

/* Botón de búsqueda con icono y más separado */
.store_locator_find_stores_button,
#store_locator_find_stores_button {
    background: #fa7a4d !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 8px 16px !important;
    margin-top: 12px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    letter-spacing: -0.1px !important;
    height: 36px !important;
    width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.store_locator_find_stores_button::before,
#store_locator_find_stores_button::before {
    content: '' !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M8 11 6.4 9.4M12 12.4 7.6 7.6M16 16 19.2 12.8"/></svg>') no-repeat center !important;
    background-size: contain !important;
}

.store_locator_find_stores_button:hover,
#store_locator_find_stores_button:hover {
    background: #e56a3d !important;
    transform: translateY(-1px) !important;
}

@media(max-width: 768px) {
#store_modal .modal-lg {
width: auto;
}
}