/* Fuente (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;700&display=swap');

/* === Lienzo principal: 100% pantalla, fondo oscuro === */
.ubtiendas{
  width:100% !important;
  height: 925px !important;   
  margin:0 !important;
  padding:0rem !important;
  background:#333333 !important;
  color:#ffffff !important;
  font-family:"Instrument Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}

/* === Layout 30/70 (izq: buscador+acordeón, der: mapa) === */
.ubtiendas .ubtiendas-split{
  display:grid !important;
  grid-template-columns:25% 75% !important;
  gap:0rem !important;
  align-items:start !important;
  height: 100% !important;
}

.ubtiendas .ubtiendas-left{
  position: relative !important;     /* quita sticky para igualar alturas */
  top: 0 !important;
  height: 100% !important;           /* ocupa 100% del alto del principal */
  padding: 1rem !important;          /* padding solo aquí */
  box-sizing: border-box !important;
  overflow: hidden !important;       /* el scroll sucede dentro del acordeón */
  margin: 0 !important;              /* evita restar altura total */
}

.ubtiendas .ubtiendas-right{
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;        /* asegura que la columna derecha mide como el principal */
}

.ubtiendas .ubtiendas-mapwrap{
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  top: 0 !important;
  height: 100% !important;        /* <— se ajusta a la columna derecha */
}

#ubtiendas-mapframe{
  display: block !important;
  width: 100% !important;
  height: 100% !important;        /* <— llena el wrapper */
  border: 0 !important;
}



/* === Buscador === */
.ubtiendas .ubtiendas-search{ margin-bottom:0 !important; }
.ubtiendas .ubtiendas-search input[type="search"]{
  width:100% !important;
  padding:.625rem .75rem !important;
  border:1px solid #fff !important;
  border-radius:0 !important;
  background:#333333 !important;
  color:#fff !important;
  font-family:"Instrument Sans",sans-serif !important;
  font-weight:400 !important;
  font-size:16px !important;
  line-height:100% !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
}
.ubtiendas .ubtiendas-search input::placeholder{ color:#cfcfcf !important; }

/* El acordeón crece y scrollea DENTRO del div izquierdo */
.ubtiendas .ubtiendas-accordion{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;       /* scroll interno bajo el buscador */
}

/* (si usas el botón "Scroll abajo") que no se estire */
.ubtiendas .ubtiendas-scrollmore{
  flex: 0 0 auto !important;
}

.ubtiendas .ubtiendas-accordion details{
  border:0 !important;   /* sin borde en cada bloque */
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 .5rem 0 !important;
  background:transparent !important;
}

/* Header del acordeón: provincia + contador alineados a la IZQUIERDA y pegados entre sí */
.ubtiendas .ubtiendas-accordion summary{
  cursor:pointer !important;
  list-style:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important; /* a la izquierda */
  gap:.35rem !important;                 /* espacio entre provincia y contador */
  padding:.75rem .5rem !important;
  color:#fff !important;
  background:transparent !important;
  border:0 !important;                   /* sin bordes */
  font-family:"Instrument Sans",sans-serif !important;
  font-weight:700 !important;
  font-size:18px !important;
  line-height:100% !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
}
.ubtiendas .ubtiendas-accordion summary::-webkit-details-marker{ display:none !important; }

/* Iconos chevron a la derecha (usamos SVG inline en el HTML) */
.ubtiendas .ubtiendas-icons{ margin-left:auto !important; display:flex !important; gap:.25rem !important; }
.ubtiendas .ubtiendas-icons .chev{ width:18px !important; height:18px !important; fill:#fff !important; display:inline-block !important; }
.ubtiendas details[open] .chev-down{ display:none !important; }
.ubtiendas details:not([open]) .chev-up{ display:none !important; }

/* === Tarjetas: 1 por fila === */
.ubtiendas .ubtiendas-cards{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:.75rem !important;
  padding:.5rem !important;
}
.ubtiendas .ubtiendas-card{
  border:1px solid #555 !important;
  background:#3b3b3b !important; /* solicitado */
  border-radius:0 !important;
  padding:.75rem !important;
  color:#fff !important;
}

/* Línea de texto: nombre (bold) + dirección y localidad (igual tipografía, no bold) */
.ubtiendas .ubtiendas-linea{
  margin:0 0 .5rem !important;
  font-family:"Instrument Sans",sans-serif !important;
  font-weight:400 !important;   /* NO bold por defecto */
  font-size:16px !important;
  line-height:100% !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
  color:#fff !important;
}
.ubtiendas .ubtiendas-name{
  font-weight:700 !important;   /* nombre en bold */
}

/* Botones */
.ubtiendas .ubtiendas-actions{ display:flex !important; gap:.5rem !important; }

/* Navigate to: borde blanco, fondo #3b3b3b, texto blanco */
.ubtiendas .ubtiendas-btn.ubtiendas-nav{
  border:1px solid #fff !important;
  background:#3b3b3b !important;  /* <— corregido */
  color:#fff !important;
  border-radius:0 !important;
  padding:.5rem .75rem !important;
  text-decoration:none !important;
  cursor:pointer !important;
  font-family:"Instrument Sans",sans-serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  line-height:100% !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
}

/* Copy Address: sin borde, fondo #3b3b3b, texto blanco SUBRAYADO */
.ubtiendas .ubtiendas-btn.ubtiendas-copy{
  border:0 !important;
  background:#3b3b3b !important;  /* <— corregido */
  color:#fff !important;
  border-radius:0 !important;
  padding:.5rem .75rem !important;
  text-decoration:underline !important;
  cursor:pointer !important;
  font-family:"Instrument Sans",sans-serif !important;
  font-weight:500 !important;
  font-size:14px !important;
  line-height:100% !important;
  letter-spacing:0 !important;
  vertical-align:middle !important;
}

/* Botón Scroll abajo (bajo el acordeón) */
.ubtiendas .ubtiendas-scrollmore{
  margin-top:.5rem !important;
  width:100% !important;
  border:1px solid #555 !important;
  background:#3b3b3b !important;
  color:#fff !important;
  border-radius:0 !important;
  padding:.5rem .75rem !important;
  cursor:pointer !important;
  text-align:center !important;
  font-family:"Instrument Sans",sans-serif !important;
  font-weight:500 !important;
  font-size:14px !important;
}

/* Responsive: apilar en móviles */
@media (max-width:980px){
  .ubtiendas .ubtiendas-split{ grid-template-columns:1fr !important; }
  .ubtiendas .ubtiendas-left{ position:static !important; height:auto !important; }
  .ubtiendas .ubtiendas-mapwrap{ position:static !important; height:360px !important; margin-top:.5rem !important; }
}

/* === FIX: alturas y scroll dentro del panel izquierdo === */
.ubtiendas{
  height: 925px !important;          /* alto fijo del contenedor principal */
  padding: 0 !important;             /* padding sólo irá en la izquierda */
}
.ubtiendas .ubtiendas-split{
  height: 100% !important;           /* el grid ocupa todo el alto del principal */
  align-items: stretch !important;   /* columnas estiran a la misma altura */
}

/* Panel izquierdo: 100% alto, con padding y scroll interno en el acordeón */
.ubtiendas .ubtiendas-left{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
  padding: 1rem !important;          /* solo aquí el padding pedido */
  margin: 0 !important;
  overflow: hidden !important;       /* el scroll estará en el acordeón */
}
.ubtiendas .ubtiendas-search{ flex: 0 0 auto !important; }
.ubtiendas .ubtiendas-accordion{
  flex: 1 1 auto !important;         /* ocupa el resto del alto */
  min-height: 0 !important;          /* imprescindible para que pueda scrollear */
  overflow-y: auto !important;       /* <— scroll aquí */
}
.ubtiendas .ubtiendas-scrollmore{
  flex: 0 0 auto !important;
  display: block !important;         /* por si estaba oculto */
  margin-top: .5rem !important;
}

/* Panel derecho y mapa: 100% alto del principal */
.ubtiendas .ubtiendas-right{
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ubtiendas .ubtiendas-mapwrap{
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  top: 0 !important;
}
#ubtiendas-mapframe{
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}