/* ========================
   ARCHIVIO CARD
========================= */

.archivio-more .slide-card{
  position:relative;
}

.archivio-more .slide-info p{
  color:rgba(255,255,255,.7);
  font-size:.95rem;
  margin-top:6px;
}

/* =========================
   ARCHIVIO HERO
========================= */

.archivio-hero{

  text-align:center;

  margin-top:70px;
  margin-bottom:70px;
}

.archivio-section{
 margin-bottom: 13px;
}
/* KICKER */

.archivio-kicker{

  font-size:.72rem;

  letter-spacing:.22em;

  color:#f4c542;

  margin-bottom:18px;

  font-weight:700;
}

/* TITLE */

.archivio-title{

  font-family:"Playfair Display", serif;

  font-size:clamp(3rem, 6vw, 4.6rem);

  line-height:.95;

  text-align:center;

  color:var(--panea-white);

  margin-bottom:20px;

}

/* SUBTITLE */

.archivio-subtitle{

  max-width:620px;

  margin:0 auto;

  color:rgba(255,255,255,.72);

  line-height:1.8;

  font-size:1.05rem;
}


.archivio-img {
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 18px;
   width:100%;
  height:auto;
  display:block;
}

/* =========================
   FILTRI ARCHIVIO
========================= */

.archivio-filters{
  padding:20px 0 40px;
}

.filters-top{
  display:flex;
  align-items:center;
  gap:1rem;
  margin-top:2rem;
  margin-bottom:3rem;
}

.filter-bar{
  flex:1;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:1rem 1rem;
  background:rgba(255,255,255,.03);
  display:flex;
  gap:18px;
  margin:50px 0 70px;
  flex-wrap:wrap;
}

.filter-label{
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#f4b400;
  margin-bottom:.7rem;
}

.filters-panel{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

.filters-row{
  width:100%;

  display:flex;
  justify-content:center;
  align-items:center;

  gap:14px;

  margin-top:40px;
  margin-bottom:70px;

  flex-wrap:wrap;
}

.filter-row select{

  appearance:none;

  -webkit-appearance:none;

  -moz-appearance:none;

  background-color:#0d2e40;

  color:var(--panea-white);

}

.filter-row select option{

  background:#0d2e40;

  color:var(--panea-white);

}

.filter-select{
  width:260px;
  height:56px;
  padding:0 20px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
 background:rgba(255,255,255,.05);
  color:#fff;
  font-family:'Inter', sans-serif;
  font-size:.95rem;
font-weight:500;
  backdrop-filter:blur(10px);
  outline:none;
  cursor:pointer;
}

.filter-select option{
  background:#0b1f26;
  color:var(--panea-white);
}

.reset-btn{

  width:56px;
  height:56px;

  border:none;
  border-radius:50%;

  background:#f5c842;

  color:#0b1f26;

  font-size:1.1rem;
  font-weight:700;

  display:flex;
  align-items:center;
  justify-content:center;

  cursor:pointer;

  transition:.25s ease;
}

.reset-btn:hover{

  transform:rotate(-20deg) scale(1.05);

}

/* =========================
   GRID ARCHIVIO
========================= */

.reviews-grid {

  display:grid;

  grid-template-columns:
    repeat(3, minmax(0, 340px));

  justify-content:center;

  gap:32px;

  margin-top:40px;

}
/* CARD */

.preview-card{
  width:100%;
  min-width:0;
  max-width:340px;
}

/* IMG */

.archivio-img{

  width:100%;

  object-fit:cover;

  border-radius:24px;

  display:block;
}

/* INFO */

.card-info{
  padding-top:14px;
}

.film-title{

  font-family:
    'Playfair Display', serif;

  font-size:1.2rem;

  color:#f4efe8;

  margin-bottom:6px;

  line-height:1.2;
}

.film-director{

  font-size:.92rem;

  color:
    rgba(255,255,255,.65);

  margin-bottom:10px;
}

.archivio-section .container{

  width:min(82%, 1180px);

  margin:0 auto;

}
/* =========================
   SEARCH AREA
========================= */

.search-area{

margin-top:50px;

  margin-bottom:60px;
}

/* SEARCH */

.search-wrapper{

  position:relative;

  margin-bottom:20px;

}

.search-wrapper i{

  position:absolute;

  left:22px;

  top:50%;

  transform:translateY(-50%);

  color:rgba(255,255,255,.45);

  font-size:.95rem;

}

/* INPUT */

#searchInput{

  width:100%;

  height:64px;

  padding:0 24px 0 56px;

  border-radius:999px;

  border:1px solid rgba(255,255,255,.08);

  background:rgba(255,255,255,.04);

  color:var(--panea-white);

  font-size:1rem;

  outline:none;

  transition:.3s ease;

  backdrop-filter:blur(12px);

}

/* FOCUS */

#searchInput:focus{

  border-color:var(--panea-yellow);

  background:rgba(255,255,255,.06);

  box-shadow:
    0 10px 40px rgba(0,0,0,.18);

}

.search-wrapper i{

  left:20px;

  top:50%;

  transform:translateY(-50%);

  font-size:1rem;

  color:rgba(255,255,255,.42);

  z-index:2;

}
/* PLACEHOLDER */

#searchInput::placeholder{

  color:rgba(255,255,255,.42);

}

/* FILTERS */

.filter-row{

  display:flex;

  gap:14px;

  flex-wrap:wrap;

}

.filter-row select{

  height:52px;

  padding:0 18px;

  border-radius:999px;

  border:1px solid rgba(255,255,255,.08);

  background:rgba(255,255,255,.04);

  color:var(--panea-white);

  outline:none;

  cursor:pointer;

}

.suggest-review a{

  color:var(--panea-yellow);

  text-decoration:underline;

  text-underline-offset:4px;

  font-weight:600;

  transition:.25s ease;

}

.suggest-review a:hover{

  opacity:.75;

}

.hidden{

  display:none !important;

}

.hidden-review{

  display:none;

}

.empty-state{

  display:none;

}