/*
 * LAL · Divi Filter UX 1.1.1
 * Capa visual para Post Filter de Divi 5.
 */
:root{
  --lal-filter-ink:var(--gcid-sfooh96t2w, #171717);
  --lal-filter-paper:#ffffff;
  --lal-filter-accent:var(--gcid-x6yndad9bq, #FF4E25);
  --lal-filter-gap:10px;
}

.lal-divi-filter-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--lal-filter-gap);
  width:100%;
  margin:0 0 26px;
  padding:0;
  font-family:var(--gvid-lal-font-texto, Poppins),Arial,sans-serif;
}

.lal-divi-filter-pill{
  -webkit-appearance:none;
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:38px;
  padding:9px 18px;
  margin:0;
  border:1px solid var(--lal-filter-ink);
  border-radius:999px;
  background:var(--lal-filter-paper);
  color:var(--lal-filter-ink);
  font:800 13px/1 var(--gvid-lal-font-texto, Poppins),Arial,sans-serif;
  letter-spacing:0;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  user-select:none;
  box-shadow:none;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}

.lal-divi-filter-pill:hover{
  background:var(--lal-filter-paper);
  color:var(--lal-filter-accent);
  border-color:var(--lal-filter-accent);
}

/* Clic con mouse: sin aro residual. */
.lal-divi-filter-pill:focus,
.lal-divi-filter-pill:focus:not(:focus-visible){
  outline:none !important;
  box-shadow:none !important;
}

/* Teclado: foco visible y accesible. */
.lal-divi-filter-pill:focus-visible{
  outline:2px solid rgba(255,78,37,.48) !important;
  outline-offset:3px;
  box-shadow:none !important;
}

.lal-divi-filter-pill.is-active,
.lal-divi-filter-pill[aria-pressed="true"]{
  background:var(--lal-filter-ink) !important;
  border-color:var(--lal-filter-ink) !important;
  color:var(--lal-filter-paper) !important;
}

.lal-divi-filter-pill.is-active:hover,
.lal-divi-filter-pill[aria-pressed="true"]:hover{
  background:var(--lal-filter-ink) !important;
  border-color:var(--lal-filter-ink) !important;
  color:var(--lal-filter-paper) !important;
}

/* Los controles nativos siguen existiendo para que Divi conserve su lógica AJAX. */
.lal-divi-filter-native,
.lal-divi-filter-native-control,
.lal-divi-filter-native-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  box-shadow:none !important;
}

.lal-divi-filter-empty-copy{
  margin-top:10px;
}

@media (max-width:767px){
  .lal-divi-filter-toolbar{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
    padding:2px 2px 8px;
    margin-left:-2px;
    margin-right:-2px;
  }
  .lal-divi-filter-toolbar::-webkit-scrollbar{display:none}
  .lal-divi-filter-pill{min-height:40px}
}

@media (prefers-reduced-motion:reduce){
  .lal-divi-filter-pill{transition:none}
}