/*
 * FAC - Portal Fotográfico · preview514
 * Capa final de ajustes detectados en la revisión del 22/10/2026.
 * Se carga después de portal-shell.css, account-access.css y member-mobile.css.
 * No sustituye reglas anteriores: solo corrige los casos indicados.
 */

/* 1 · Ficha de foto: las etiquetas de «Información» no se parten a mitad de
   palabra («Conservació / n»). La columna de etiquetas se ajusta a su texto
   con un mínimo razonable y las palabras solo se cortan si no caben enteras. */
body .fac-meta-row dt{
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:manual!important;
}
@media (max-width:767px){
  body.fac-portal-shell-active .fac-detail-card .fac-meta-list .fac-meta-row:not(.fac-meta-kind-source),
  body .fac-meta-list .fac-meta-row:not(.fac-meta-kind-source){
    grid-template-columns:minmax(118px,40%) minmax(0,1fr)!important;
  }
}

/* 2 · Accesos flotantes: reservar espacio bajo el pie para que WhatsApp,
   subir y el acceso de administración no tapen los enlaces legales. */
body.fac-portal-shell-active #socket{
  padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;
}

/* 2b · Acceso «Asociación» (solo administradores): en escritorio pasa a
   botón redondo de icono para no tapar tarjetas y títulos; la etiqueta se
   muestra al pasar el ratón o con el foco del teclado. En móvil ya era icono. */
@media (min-width:768px){
  body .fac-public-admin-shortcut{
    width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;
    padding:0!important;gap:0!important;justify-content:center!important;
    border-radius:999px!important;overflow:hidden!important;
    transition:width .18s ease,padding .18s ease,background .15s ease,box-shadow .15s ease!important;
  }
  body .fac-public-admin-shortcut>span{
    max-width:0!important;opacity:0!important;overflow:hidden!important;white-space:nowrap!important;
    transition:max-width .18s ease,opacity .12s ease!important;
  }
  body .fac-public-admin-shortcut:hover,
  body .fac-public-admin-shortcut:focus-visible{
    width:auto!important;padding:0 16px 0 13px!important;gap:9px!important;
  }
  body .fac-public-admin-shortcut:hover>span,
  body .fac-public-admin-shortcut:focus-visible>span{max-width:160px!important;opacity:1!important}
}
@media (prefers-reduced-motion:reduce){
  body .fac-public-admin-shortcut,body .fac-public-admin-shortcut>span{transition:none!important}
}

/* 4 · Selector de localidad: una sola marca de selección. «Todas las
   localidades» solo va en azul oscuro cuando es la opción actual; si la actual
   es otra localidad, se muestra como una tarjeta más. */
body.fac-portal-shell-active #facLocationPanel .fac-location-choice.all:not(.is-current){
  background:#fff!important;
  border-color:#cfdee6!important;
  color:#173b4f!important;
}
body.fac-portal-shell-active #facLocationPanel .fac-location-choice.all:not(.is-current) strong{color:#173b4f!important}
body.fac-portal-shell-active #facLocationPanel .fac-location-choice.all:not(.is-current) span{color:#5b7584!important}
body.fac-portal-shell-active #facLocationPanel .fac-location-choice.all:not(.is-current):hover,
body.fac-portal-shell-active #facLocationPanel .fac-location-choice.all:not(.is-current):focus-visible{
  background:#f3f8fa!important;border-color:#8fb3c4!important;
}

/* 5 · preview515 / preview517 · Chips sobre las fotos en tarjetas estrechas.
   En «Más fotografías relacionadas» del móvil (dos columnas de unos 170 px) la
   década («Década de 1950») tapaba la localidad; con localidades largas
   («Valencia de Alcántara») pasaba también en escritorio. Se decide por el
   ancho de la propia tarjeta (container query):
   - hasta 300 px, la localidad deja sitio a la década: si no cabe en una
     línea, pasa a dos, pero nunca se mete debajo de la década;
   - hasta 220 px (móvil a dos columnas), la década se abrevia con la notación
     del archivo («1950s»; decisión del usuario, preview517) y sigue arriba a la
     derecha; la localidad y el autor ocupan una sola línea (con … si no caben).
     Los años exactos («1915») no cambian. */
body.fac-portal-shell-active .fac-photo-media{container-type:inline-size}
body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--year>span.fac-chip-texto-corto{display:none!important}
@container (max-width:300px){
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--location{max-width:calc(100% - 136px)!important}
}
@container (max-width:220px){
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip{font-size:11px!important;min-height:23px!important;padding:3px 7px!important}
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--decada>span.fac-chip-texto-largo{display:none!important}
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--decada>span.fac-chip-texto-corto{display:block!important}
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--location{max-width:calc(100% - 78px)!important}
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--author{max-width:calc(100% - 16px)!important}
  /* El texto es el span sin aria-hidden: en escritorio Enfold añade al final de los enlaces un span.image-overlay. */
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--location>span:not([aria-hidden]):not(.image-overlay),
  body.fac-portal-shell-active .fac-photo-media .fac-photo-overlay-chip--author>span:not([aria-hidden]):not(.image-overlay){display:block!important;-webkit-line-clamp:unset!important;white-space:nowrap!important;text-overflow:ellipsis!important}
}