/* Local Hive forced frontend field style override */
/* This file is intentionally loaded after public.css */

body:not(.light) .hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .hero-search-form textarea,
body:not(.light) .hero-search-form select,
body:not(.light) .provider-filters input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .provider-filters textarea,
body:not(.light) .provider-filters select,
body:not(.light) .filter-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .filter-form textarea,
body:not(.light) .filter-form select,
body:not(.light) .join-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .join-form textarea,
body:not(.light) .join-form select,
body:not(.light) .contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .contact-form textarea,
body:not(.light) .contact-form select,
body:not(.light) .public-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .public-form textarea,
body:not(.light) .public-form select,
body:not(.light) .public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:not(.light) .public-container textarea,
body:not(.light) .public-container select {
    background-color: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 28px rgba(0,0,0,.12) !important;
}

body.light .hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .hero-search-form textarea,
body.light .hero-search-form select,
body.light .provider-filters input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .provider-filters textarea,
body.light .provider-filters select,
body.light .filter-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .filter-form textarea,
body.light .filter-form select,
body.light .join-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .join-form textarea,
body.light .join-form select,
body.light .contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .contact-form textarea,
body.light .contact-form select,
body.light .public-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .public-form textarea,
body.light .public-form select,
body.light .public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body.light .public-container textarea,
body.light .public-container select {
    background-color: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(24,24,27,.12) !important;
    color: #18181b !important;
    box-shadow: 0 10px 30px rgba(15,23,42,.06) !important;
}

/* If the site uses data-theme instead of body.light/body.dark */
html[data-theme="dark"] .hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="dark"] .hero-search-form textarea,
html[data-theme="dark"] .hero-search-form select,
html[data-theme="dark"] .public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="dark"] .public-container textarea,
html[data-theme="dark"] .public-container select,
body[data-theme="dark"] .hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-theme="dark"] .hero-search-form textarea,
body[data-theme="dark"] .hero-search-form select,
body[data-theme="dark"] .public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-theme="dark"] .public-container textarea,
body[data-theme="dark"] .public-container select {
    background-color: rgba(255,255,255,.055) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: #f8fafc !important;
}

html[data-theme="light"] .hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="light"] .hero-search-form textarea,
html[data-theme="light"] .hero-search-form select,
html[data-theme="light"] .public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="light"] .public-container textarea,
html[data-theme="light"] .public-container select,
body[data-theme="light"] .hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-theme="light"] .hero-search-form textarea,
body[data-theme="light"] .hero-search-form select,
body[data-theme="light"] .public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-theme="light"] .public-container textarea,
body[data-theme="light"] .public-container select {
    background-color: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(24,24,27,.12) !important;
    color: #18181b !important;
}

/* Same height/radius for all frontend fields */
.hero-search-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.hero-search-form select,
.provider-filters input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.provider-filters select,
.filter-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.filter-form select,
.join-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.join-form select,
.contact-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.contact-form select,
.public-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.public-form select,
.public-container input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.public-container select {
    min-height: 48px !important;
    border-radius: 14px !important;
    padding: 0 16px !important;
    font-weight: 800 !important;
}

.hero-search-form textarea,
.provider-filters textarea,
.filter-form textarea,
.join-form textarea,
.contact-form textarea,
.public-form textarea,
.public-container textarea {
    min-height: 120px !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    font-weight: 800 !important;
}

.hero-search-form select,
.provider-filters select,
.filter-form select,
.join-form select,
.contact-form select,
.public-form select,
.public-container select {
    padding-right: 46px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #f87171 50%),
        linear-gradient(135deg, #f87171 50%, transparent 50%),
        linear-gradient(to right, rgba(255,255,255,.12), rgba(255,255,255,.12)) !important;
    background-position:
        calc(100% - 25px) 50%,
        calc(100% - 18px) 50%,
        calc(100% - 44px) 50% !important;
    background-size: 7px 7px, 7px 7px, 1px 24px !important;
    background-repeat: no-repeat !important;
}

body.light .hero-search-form select,
body.light .provider-filters select,
body.light .filter-form select,
body.light .join-form select,
body.light .contact-form select,
body.light .public-form select,
body.light .public-container select,
html[data-theme="light"] .hero-search-form select,
html[data-theme="light"] .public-container select,
body[data-theme="light"] .hero-search-form select,
body[data-theme="light"] .public-container select {
    background-image:
        linear-gradient(45deg, transparent 50%, #D72638 50%),
        linear-gradient(135deg, #D72638 50%, transparent 50%),
        linear-gradient(to right, rgba(24,24,27,.10), rgba(24,24,27,.10)) !important;
}

/* Options: limited by browser, but improved where supported */
.public-container select option,
.hero-search-form select option,
.filter-form select option,
.join-form select option,
.contact-form select option {
    font-weight: 800 !important;
    padding: 12px 14px !important;
    color: #111827 !important;
    background-color: #ffffff !important;
}

body:not(.light) .public-container select option,
body:not(.light) .hero-search-form select option,
body:not(.light) .filter-form select option,
body:not(.light) .join-form select option,
body:not(.light) .contact-form select option,
html[data-theme="dark"] .public-container select option,
body[data-theme="dark"] .public-container select option {
    color: #f8fafc !important;
    background-color: #111318 !important;
}

.public-container select option:checked,
.hero-search-form select option:checked,
.filter-form select option:checked,
.join-form select option:checked,
.contact-form select option:checked {
    background-color: #D72638 !important;
    color: #ffffff !important;
}