/* ========================================================================== Podryad Filters Bar — DARK theme (optional override) How to enable: Add the class `podryad-filters-dark` to . The simplest way: uncomment the marked line in FrontendLoader::filter_body_class(). Scope: only applies when body has .podryad-filters-dark — base light styles in listing.css remain the default. ========================================================================== */ body.podryad-filters-dark .pc-filters-bar { background: linear-gradient(180deg, #0E1F4A 0%, #0B1A3E 100%); color: #E6ECF7; box-shadow: 0 6px 24px rgba(8, 15, 40, 0.18); } /* Labels */ body.podryad-filters-dark .pc-filters-bar__label { color: #B8C5DC; } /* Select fields — translucent fill, light text, light chevron */ body.podryad-filters-dark .pc-filters-bar__select { background-color: rgba(255, 255, 255, 0.06); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23B8C5DC' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); border-color: rgba(255, 255, 255, 0.18); color: #FFFFFF; } body.podryad-filters-dark .pc-filters-bar__select:hover { background-color: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.28); } body.podryad-filters-dark .pc-filters-bar__select:focus, body.podryad-filters-dark .pc-filters-bar__select:focus-visible { outline: none; border-color: #4FC3F7; box-shadow: 0 0 0 3px rgba(79, 195, 247, 0.25); } /* Native