/* =========================================================
   PÁGINA DE BUSCA (/buscar) — Dados da Fortuna
   Shortcode [busca_produtos] (inc/busca.php)
   Os cards de produto vêm do categorias.css.
   ========================================================= */
.df-busca {
    --bu-texto: #f4f0fa;
    --bu-suave: #b8aecb;
    --bu-linha: rgba(255, 255, 255, 0.14);
    --bu-destaque: #f2c94c;
    --bu-fundo: #0F0435;

    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: 1192px;
    margin: 56px auto 96px;
    color: var(--bu-texto);
}

/* 1. Campo de busca (o centro da página) */
.df-busca__form { max-width: 760px; margin: 0 auto 56px; text-align: center; }
.df-busca__titulo {
    margin: 0 0 24px;
    font-size: clamp(34px, 5vw, 56px);
    line-height: 1.05;
    color: var(--bu-texto);
}
.df-busca__titulo label { font: inherit; color: inherit; cursor: text; }
.df-busca__campo {
    position: relative;
    display: flex;
    align-items: center;
    padding: 6px 6px 6px 20px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.07);
    transition: border-color 0.15s, box-shadow 0.15s;
}
.df-busca__campo:focus-within {
    border-color: var(--bu-destaque);
    box-shadow: 0 0 0 4px rgba(242, 201, 76, 0.18);
}
.df-busca__campo > svg { flex: none; color: var(--bu-suave); }
.df-busca .df-busca__campo input[type="search"] {
    flex: 1;
    min-width: 0;
    min-height: 52px;
    padding: 0 14px;
    border: 0;
    background: transparent;
    color: var(--bu-texto);
    font-size: 18px;
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.df-busca .df-busca__campo input::placeholder { color: rgba(184, 174, 203, 0.75); }
.df-busca .df-busca__campo input::-webkit-search-cancel-button { filter: invert(1); opacity: 0.6; }
.df-busca .df-busca__campo button,
.df-busca .df-busca__campo button:hover,
.df-busca .df-busca__campo button:focus {
    flex: none;
    min-height: 52px;
    padding: 0 28px;
    border: 0;
    border-radius: 999px;
    background: var(--bu-destaque);
    color: var(--bu-fundo);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.df-busca .df-busca__campo button:hover { background: #ffd966; }
.df-busca .df-busca__campo button:focus-visible { outline: 2px solid var(--bu-texto); outline-offset: 2px; }

/* 2. Seções (sugestões, categorias, mais vendidos) */
.df-busca__secao { max-width: 760px; margin: 0 auto 40px; }
.df-busca__secao--produtos { max-width: none; margin-top: 64px; }
.df-busca__secao h2 {
    margin: 0 0 14px;
    font-size: 20px;
    color: var(--bu-texto);
}
.df-busca__secao--produtos h2 { font-size: clamp(24px, 3vw, 30px); margin-bottom: 20px; }
.df-busca__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.df-busca a.df-busca__chip {
    display: inline-flex;
    align-items: center;
    padding: 9px 18px;
    border: 1px solid var(--bu-linha);
    border-radius: 999px;
    color: var(--bu-texto);
    font-size: 15px;
    line-height: 1.3;
    text-decoration: none;
    transition: background-color 0.15s, border-color 0.15s;
}
.df-busca a.df-busca__chip::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: currentColor;
    opacity: 0.6;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m17.25 17.25 3.5 3.5m-1-10.5a9.5 9.5 0 1 0-19 0 9.5 9.5 0 0 0 19 0Z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m17.25 17.25 3.5 3.5m-1-10.5a9.5 9.5 0 1 0-19 0 9.5 9.5 0 0 0 19 0Z' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.df-busca a.df-busca__chip--categoria::before { display: none; }
.df-busca a.df-busca__chip:hover { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.06); color: var(--bu-texto); }
.df-busca a.df-busca__chip:focus-visible { outline: 2px solid var(--bu-destaque); outline-offset: 2px; }

/* "Mais vendidos": o WooCommerce envolve a lista numa div própria */
.df-busca .woocommerce { width: auto; max-width: none; margin: 0; }

@media (max-width: 600px) {
    .df-busca { width: calc(100% - 32px); margin: 32px auto 64px; }
    .df-busca__form { margin-bottom: 40px; text-align: left; }
    .df-busca__titulo { font-size: 34px; }
    .df-busca__campo { padding-left: 14px; }
    .df-busca .df-busca__campo input[type="search"] { font-size: 16px; min-height: 48px; padding: 0 10px; }
    .df-busca .df-busca__campo button { min-height: 48px; padding: 0 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .df-busca__campo, .df-busca a.df-busca__chip { transition: none; }
}