/**
 * Shared search / text field appearance
 *
 * Matches shared/selects.css for archive filter bars.
 * Visual-only — no behaviour changes.
 *
 * @package BTFC_Stats
 */

input.btfc-dir-input,
input.btfc-az-input,
input.btfc-oppaz-input,
#btfc-name-search,
#btfc-oppaz-search,
#btfc-ch-season-search,
.btfc-ch-filter input[type="search"],
.btfc-ch-filter input[type="text"],
.btfc-filters input[type="search"],
.btfc-filters input[type="text"],
.btfc-lg-controls input[type="search"],
.btfc-contact-form input.btfc-dir-input,
.btfc-search .search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    min-height: var(--btfc-control-height-sm, 2.5rem);
    padding: 0.45rem 0.75rem;
    border: 1px solid var(--color-gray-200, #e4e7ec);
    border-radius: 2px;
    background-color: var(--color-gray-100, #f4f6f8);
    color: var(--color-primary, #071b36);
    font-family: var(--font-primary, inherit);
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.3;
    vertical-align: middle;
}

input.btfc-dir-input::placeholder,
input.btfc-az-input::placeholder,
input.btfc-oppaz-input::placeholder,
#btfc-name-search::placeholder,
#btfc-oppaz-search::placeholder,
#btfc-ch-season-search::placeholder,
.btfc-ch-filter input[type="search"]::placeholder,
.btfc-ch-filter input[type="text"]::placeholder,
.btfc-filters input[type="search"]::placeholder,
.btfc-filters input[type="text"]::placeholder,
.btfc-contact-form input.btfc-dir-input::placeholder,
.btfc-search .search-input::placeholder {
    color: var(--color-gray-500, #6b7280);
    opacity: 1;
    font-weight: 400;
}

input.btfc-dir-input:hover,
input.btfc-az-input:hover,
input.btfc-oppaz-input:hover,
#btfc-name-search:hover,
#btfc-oppaz-search:hover,
#btfc-ch-season-search:hover,
.btfc-ch-filter input[type="search"]:hover,
.btfc-ch-filter input[type="text"]:hover,
.btfc-filters input[type="search"]:hover,
.btfc-filters input[type="text"]:hover,
.btfc-contact-form input.btfc-dir-input:hover,
.btfc-search .search-input:hover {
    border-color: var(--color-primary-lighter, #163a5c);
}

input.btfc-dir-input:focus,
input.btfc-az-input:focus,
input.btfc-oppaz-input:focus,
#btfc-name-search:focus,
#btfc-oppaz-search:focus,
#btfc-ch-season-search:focus,
.btfc-ch-filter input[type="search"]:focus,
.btfc-ch-filter input[type="text"]:focus,
.btfc-filters input[type="search"]:focus,
.btfc-filters input[type="text"]:focus,
.btfc-contact-form input.btfc-dir-input:focus,
.btfc-search .search-input:focus {
    outline: 2px solid var(--color-secondary, #f5b800);
    outline-offset: 1px;
    border-color: var(--color-primary, #071b36);
    background-color: var(--color-white, #ffffff);
}

/* Native search chrome — keep clear control usable, drop odd decorations */
input[type="search"].btfc-dir-input,
input[type="search"].btfc-az-input,
input[type="search"].btfc-oppaz-input,
#btfc-name-search,
#btfc-oppaz-search,
#btfc-ch-season-search,
.btfc-ch-filter input[type="search"],
.btfc-filters input[type="search"],
.btfc-search .search-input[type="search"],
.btfc-global-search-input {
    -webkit-appearance: none;
}

input[type="search"].btfc-dir-input::-webkit-search-decoration,
input[type="search"].btfc-az-input::-webkit-search-decoration,
input[type="search"].btfc-oppaz-input::-webkit-search-decoration,
#btfc-name-search::-webkit-search-decoration,
#btfc-oppaz-search::-webkit-search-decoration,
#btfc-ch-season-search::-webkit-search-decoration,
.btfc-ch-filter input[type="search"]::-webkit-search-decoration,
.btfc-filters input[type="search"]::-webkit-search-decoration,
.btfc-search .search-input::-webkit-search-decoration {
    -webkit-appearance: none;
    display: none;
}

/* -------------------------------------------------------------------------
   Global header search — keep navy/white context; align radius + focus
   ------------------------------------------------------------------------- */

.btfc-global-search-field {
    border-radius: 2px;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.btfc-global-search-field:focus-within {
    border-color: var(--color-secondary, #f5b800);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 0 2px rgba(245, 184, 0, 0.35);
}

.btfc-global-search-input {
    font-weight: 500;
    letter-spacing: 0.01em;
}

.btfc-global-search-input:focus {
    outline: none; /* field wrapper carries focus */
}

/* Legacy box search: drop oversized radius / blue glow */
.btfc-search .search-input {
    border-width: 1px;
    padding-left: 2.75rem; /* room for .search-icon */
    transition: border-color 0.15s ease, background-color 0.15s ease, outline 0.15s ease;
}

.btfc-search .search-input:focus {
    box-shadow: none;
}

@media (max-width: 768px) {
    input.btfc-dir-input,
    input.btfc-az-input,
    input.btfc-oppaz-input,
    #btfc-name-search,
    #btfc-oppaz-search,
    #btfc-ch-season-search,
    .btfc-ch-filter input[type="search"],
    .btfc-ch-filter input[type="text"],
    .btfc-filters input[type="search"],
    .btfc-filters input[type="text"],
    .btfc-lg-controls input[type="search"],
    .btfc-contact-form input.btfc-dir-input,
    .btfc-search .search-input {
        min-height: var(--btfc-control-height, 2.75rem);
        padding-top: 0.55rem;
        padding-bottom: 0.55rem;
        font-size: 1rem; /* avoid iOS zoom */
    }

    .btfc-global-search[data-search-context="mobile"] .btfc-global-search-input {
        min-height: var(--btfc-control-height, 2.75rem);
        font-size: 1rem;
        font-weight: 500;
    }
}