/* Oficinas por provincia (ATE-82409) — tarjetas del shortcode [cnt_oficinas_provincias].
   Mantenido por Cualinet. Reusa .chevron-link / .no-bullets / .extra-spacing / .count-4cols del theme;
   aquí solo la caja y la rejilla, con variables NEO. */
.province-cards{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-50);
    margin-block-end: var(--spacing-60);
}
.province-cards .province-card{
    width: 100%;
    justify-content: space-between;
    gap: var(--spacing-50);
    padding: var(--spacing-40);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--radius);
    background: var(--color-contrast);
}
.province-cards .province-card::before{
    right: var(--spacing-40);
}
.province-cards .province-card > span{
    flex: 1 1 auto;
    font-family: var(--font-heading);
    font-weight: var(--font-semibold);
}
.province-cards .province-card:is(:hover, :focus-visible){
    background: var(--color-neutral-100);
}

/* Fitxa del buscador (plantilla estándar de WPSL bajo .custom-locator): el nombre de la oficina
   es un enlace y heredaba el subrayado del theme; en la maqueta va sin subrayar. */
.custom-locator #wpsl-wrap #wpsl-result-list p:first-child strong a{
    text-decoration: none;
}

/* Botón "Cómo llegar" (.wpsl-directions, estilizado por Irene en racc-custom.css como botón fantasma):
   en el Figma lleva la flecha del theme. Se reusa el patrón de .chevron-link::after de racc-custom.css
   (mismo SVG icon_arrow-forward, 14px, mismo desplazamiento al hover) — no es una flecha nueva.
   Se encola después de racc-custom.css (dependencia racc_customcss). El botón (display:block, borde,
   padding) sigue siendo el suyo tal cual: aquí solo se añade el ::after con la flecha, inline-block
   para no cambiar su display (la distancia "X km" tiene que quedar en su propia línea, como en el Figma). */
.custom-locator #wpsl-wrap #wpsl-result-list .wpsl-directions::after{
    content: "";
    display: inline-block;
    vertical-align: -1px;
    margin-inline-start: var(--spacing-10);
    background: url("https://www.racc.es/wp-content/uploads/2024/12/icon_arrow-forward.svg") no-repeat center center;
    width: 14px;
    height: 14px;
    transition: transform 0.3s ease-in-out;
}
.custom-locator #wpsl-wrap #wpsl-result-list .wpsl-directions:is(:hover, :focus-visible)::after{
    transform: translateX(6px);
}

/* Provincia de la página actual (páginas de provincia que llevan también las tarjetas): se pinta
   sin enlace ni flecha y atenuada, para no enlazar a la propia página. */
.province-cards .province-card.is-current{
    display: flex;
    align-items: center;
    opacity: 0.5;
    cursor: default;
}