/* ============================================================
 * TP V4 — Hero searchbox tabs (Pesquisa livre / Por ref / Foto)
 * ============================================================ */

.tp4-hero__searchbox {
    max-width: 720px; margin: 0 auto 1.25rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(12px) saturate(140%);
    border-radius: var(--tp4-r-2xl);
    padding: 1.1rem; box-shadow: var(--tp4-shadow-lg);
}

.tp4-hero__tabs {
    display: flex; gap: 0.35rem; margin-bottom: 0.85rem;
    padding: 0.35rem; background: rgba(0, 0, 0, 0.25);
    border-radius: var(--tp4-r-pill); flex-wrap: wrap;
}
.tp4-hero__tab {
    flex: 1 1 auto; min-width: 0;
    appearance: none; border: none; background: transparent; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
    padding: 0.6rem 0.8rem; border-radius: var(--tp4-r-pill);
    color: rgba(255, 255, 255, 0.75); font-weight: var(--tp4-fw-semi); font-size: var(--tp4-fs-sm);
    transition: all var(--tp4-dur) var(--tp4-ease-out);
    white-space: nowrap;
}
.tp4-hero__tab:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.tp4-hero__tab.is-active {
    background: #fff; color: var(--tp4-text); box-shadow: var(--tp4-shadow-sm);
}
.tp4-hero__tab--accent.is-active { background: var(--tp4-c-brand); color: #fff; }
.tp4-hero__badge {
    background: var(--tp4-c-brand); color: #fff;
    font-size: 0.6rem; font-weight: var(--tp4-fw-bold);
    padding: 0.1rem 0.4rem; border-radius: var(--tp4-r-sm);
    letter-spacing: 0.05em; text-transform: uppercase; margin-left: 0.15rem;
}

/* Search row (overrides components.css) */
.tp4-hero__search {
    background: #fff; border-radius: var(--tp4-r-pill);
    padding: 0.5rem; display: flex; align-items: stretch; gap: 0.35rem;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
    border: 0;
}
.tp4-hero__search-icon {
    display: flex; align-items: center; padding-left: 0.6rem; color: var(--tp4-text-muted);
}
.tp4-hero__search-input {
    flex: 1 1 auto; appearance: none; border: none; outline: none;
    background: transparent; padding: 0.55rem 0.5rem;
    font: inherit; font-size: var(--tp4-fs-base); color: var(--tp4-text);
}
.tp4-hero__search-input::placeholder { color: var(--tp4-text-muted); }
.tp4-hero__search-btn {
    display: inline-flex; align-items: center; gap: 0.4rem;
    padding-inline: 1.25rem;
}

/* Mode variations */
.tp4-hero__search.is-mode-ref .tp4-hero__search-input {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    letter-spacing: 0.04em; font-weight: var(--tp4-fw-semi);
    text-transform: uppercase;
}
.tp4-hero__search.is-mode-photo .tp4-hero__search-input {
    background: var(--tp4-c-gray-50); border-radius: var(--tp4-r-md); padding: 0.85rem; text-align: center;
    cursor: pointer; font-weight: var(--tp4-fw-semi);
}

.tp4-hero__hint {
    margin: 0.7rem 0 0; text-align: center; color: rgba(255, 255, 255, 0.7);
    font-size: var(--tp4-fs-xs); letter-spacing: var(--tp4-tracking-wide);
}

/* Quick CTA chip in hero */
.tp4-hero__quick-cta {
    display: inline-flex !important; align-items: center; gap: 0.3rem;
    background: rgba(255, 255, 255, 0.95); color: var(--tp4-c-brand) !important;
    padding: 0.4rem 0.85rem !important; border-radius: var(--tp4-r-pill) !important;
    font-weight: var(--tp4-fw-bold) !important; text-decoration: none;
    transition: background var(--tp4-dur) var(--tp4-ease-out), transform var(--tp4-dur) var(--tp4-ease-out);
}
.tp4-hero__quick-cta:hover { background: #fff; transform: translateY(-1px); }

@media (max-width: 640px) {
    .tp4-hero__searchbox { padding: 0.7rem; }
    .tp4-hero__tab span:not(.tp4-hero__badge) { display: none; }
    .tp4-hero__tab { padding: 0.5rem; flex-basis: 0; }
    .tp4-hero__search-input { font-size: var(--tp4-fs-sm); }
    .tp4-hero__search-btn { padding-inline: 0.85rem; }
}