/**
 * Theme Name:       Mai Delight
 * Theme URI:        https://bizbudding.com/products/mai-delight-theme/
 * Description:      Mai Delight theme for the Genesis Framework.
 * Author:           BizBudding
 * Author URI:       https://bizbudding.com/
 * Version:          2.0.1
 * Text Domain:      mai-delight
 * Template:         genesis
 * Template Version: 3.3.2
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */

/* ===== VAO Search Page ===== */
.vao-search-page{ background:#fff; }
.vao-search-container{ width:min(1120px, calc(100% - 32px)); margin:0 auto; }

.vao-search-hero{
  padding: 64px 0 28px;
  background: #FFF6F7;
  border-bottom: 1px solid rgba(15,23,42,.08);
}

.vao-eyebrow{
  margin:0 0 10px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color:#d2414a;
}

.vao-search-title{
  margin:0 0 18px;
  font-size: clamp(28px, 3vw, 40px);
  letter-spacing: -0.03em;
  color:#0f172a;
}

.vao-search-form{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

.vao-search-input{
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(15,23,42,.12);
  padding: 0 14px;
  font-size: 16px;
  outline: none;
  background:#fff;
}
.vao-search-input:focus{
  border-color: rgba(210,65,74,.35);
  box-shadow: 0 0 0 4px rgba(210,65,74,.12);
}

.vao-search-btn{
  height: 54px;
  padding: 0 16px;
  border-radius: 16px;
  border: 1px solid rgba(210,65,74,.35);
  background:#d2414a;
  color:#fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 16px 40px rgba(210,65,74,.18);
}
.vao-search-btn:hover{ background:#be3942; }

/* filtros */
.vao-filters{
  grid-column: 1 / -1;
  display:flex;
  gap:10px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.vao-filter-pill input{ position:absolute; opacity:0; pointer-events:none; }
.vao-filter-pill span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.10);
  color:#0f172a;
  font-weight: 800;
  cursor:pointer;
  transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.vao-filter-pill input:checked + span{
  border-color: rgba(210,65,74,.28);
  box-shadow: 0 14px 34px rgba(15,23,42,.10);
}

/* resultados */
.vao-search-results{ padding: 34px 0 70px; }

.vao-results-meta{
  display:flex;
  justify-content: space-between;
  align-items:center;
  color:#475569;
  font-weight: 700;
  margin-bottom: 14px;
}

.vao-results-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.vao-result-card{
  background:#fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  box-shadow: 0 12px 32px rgba(15,23,42,.06);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  overflow:hidden;
}
.vao-result-card:hover{
  transform: translateY(-4px);
  border-color: rgba(210,65,74,.18);
  box-shadow: 0 18px 48px rgba(15,23,42,.10);
}

.vao-result-link{
  display:block;
  padding: 18px 18px 16px;
  text-decoration:none !important;
  color: inherit;
}

.vao-badge{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(210,65,74,.10);
  border: 1px solid rgba(210,65,74,.18);
  color:#d2414a;
  font-weight: 900;
  font-size: 12px;
  margin-bottom: 10px;
}

.vao-result-title{
  margin: 0 0 8px;
  color:#0f172a;
  font-size: 18px;
  letter-spacing: -0.01em;
}

.vao-result-excerpt{
  margin: 0 0 12px;
  color:#475569;
  line-height: 1.55;
}

.vao-result-cta{
  color:#d2414a;
  font-weight: 900;
}

.vao-pagination{
  margin-top: 22px;
  display:flex;
  justify-content:center;
}
.vao-pagination .page-numbers{
  display:inline-flex;
  padding: 10px 12px;
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 12px;
  text-decoration:none;
  margin: 0 6px;
  color:#0f172a;
  font-weight: 800;
}
.vao-pagination .page-numbers.current{
  background: rgba(210,65,74,.10);
  border-color: rgba(210,65,74,.22);
  color:#d2414a;
}

/* empty */
.vao-empty{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 12px 32px rgba(15,23,42,.06);
}
.vao-suggestions{ display:flex; gap:12px; flex-wrap:wrap; margin-top: 10px; }
.vao-suggestions a{
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.10);
  text-decoration:none;
  font-weight: 800;
  color:#0f172a;
}

/* responsive */
@media (max-width: 980px){
  .vao-results-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .vao-search-form{ grid-template-columns: 1fr; }
  .vao-results-grid{ grid-template-columns: 1fr; }
}