/* Genelevation front-end brand layer. Vendor files remain untouched. */

/* OneListing header/menu branding only; do not override Directorist's global
   primary variable so its native search structure keeps its own styling. */
:root {
    --color-menu-hover: var(--ge-brand-gold) !important;
    --color-menu-active: var(--ge-brand-gold) !important;
    --bgcolor-add-listing-button: var(--ge-brand-gold) !important;
    --bgcolor-add-listing-button-hover: var(--ge-brand-gold) !important;
    --color-add-listing-button-text: #ffffff !important;
    --color-add-listing-button-text-hover: #ffffff !important;
}

/* Genelevation-controlled actions only. */
.theme-authentication-modal .directorist-btn-primary,
.directorist-search-contents .directorist-btn-search,
.theme-menu-action-box__add-listing .btn-add-listing {
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #ffffff !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.theme-authentication-modal .directorist-btn-primary:hover,
.theme-authentication-modal .directorist-btn-primary:focus,
.directorist-search-contents .directorist-btn-search:hover,
.directorist-search-contents .directorist-btn-search:focus,
.theme-menu-action-box__add-listing .btn-add-listing:hover,
.theme-menu-action-box__add-listing .btn-add-listing:focus {
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #ffffff !important;
}

/* Theme/auth text hover accents. Directorist content links are left native. */
.theme-main-navigation a:hover,
.theme-main-navigation .current-menu-item > a,
.theme-main-navigation .current-menu-ancestor > a,
.theme-authentication-modal a:hover {
    color: var(--ge-brand-gold);
}

/* Home search: keep Directorist's original directories, fields, labels and
   behavior. Only brand Search Listing and More Filters + its icon. */
.home .directorist-search-contents .directorist-btn-search {
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #ffffff !important;
}

.home .directorist-search-contents .directorist-btn-search:hover,
.home .directorist-search-contents .directorist-btn-search:focus {
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #ffffff !important;
}

.home .directorist-search-contents .directorist-filter-btn {
    color: var(--ge-brand-gold) !important;
}

.home .directorist-search-contents .directorist-filter-btn .directorist-icon-mask:after {
    background-color: var(--ge-brand-gold) !important;
}

.home .directorist-search-contents .directorist-filter-btn:hover,
.home .directorist-search-contents .directorist-filter-btn:focus {
    color: var(--ge-brand-gold) !important;
}

.home .directorist-search-contents .directorist-filter-btn:hover .directorist-icon-mask:after,
.home .directorist-search-contents .directorist-filter-btn:focus .directorist-icon-mask:after {
    background-color: var(--ge-brand-gold) !important;
}

/* Genelevation wordmark in the OneListing site header. */
.theme-header-logo-wrap .ge-custom-logo-link {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.theme-header-logo-wrap .theme-header-logo-inner .theme-header-logo-brand img.ge-header-logo,
.theme-header-logo-wrap .ge-header-logo {
    display: block;
    width: var(--ge-header-logo-width-desktop) !important;
    min-width: var(--ge-header-logo-width-desktop) !important;
    max-width: var(--ge-header-logo-width-desktop) !important;
    height: auto !important;
    max-height: 62px !important;
    object-fit: contain;
}

/* OneListing ships `.theme-header-logo-inner .theme-header-logo-brand img {
   max-width:130px; }`. The explicit max-width above intentionally defeats that
   vendor clamp so the Core Platform Header Logo Width control is real. */

@media (min-width: 768px) and (max-width: 1024px) {
    .theme-header-logo-wrap .theme-header-logo-inner .theme-header-logo-brand img.ge-header-logo,
    .theme-header-logo-wrap .ge-header-logo {
        width: var(--ge-header-logo-width-tablet) !important;
        min-width: var(--ge-header-logo-width-tablet) !important;
        max-width: var(--ge-header-logo-width-tablet) !important;
        max-height: 56px !important;
    }
}

@media (max-width: 767px) {
    .theme-header-logo-wrap .theme-header-logo-inner .theme-header-logo-brand img.ge-header-logo,
    .theme-header-logo-wrap .ge-header-logo {
        width: var(--ge-header-logo-width-mobile) !important;
        min-width: var(--ge-header-logo-width-mobile) !important;
        max-width: var(--ge-header-logo-width-mobile) !important;
        max-height: 48px !important;
    }
}

/* Registration/login logo inserted above the compact form. */
.theme-authentication-modal .ge-auth-brand {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 13px 30px 0;
    background: #ffffff;
}

.theme-authentication-modal .ge-auth-brand img {
    display: block;
    width: min(var(--ge-auth-logo-width), 72%);
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

@media (max-width: 575px) {
    .theme-authentication-modal .ge-auth-brand {
        padding: 12px 22px 0;
    }

    .theme-authentication-modal .ge-auth-brand img {
        width: min(var(--ge-auth-logo-width), 78%);
    }
}

/* v0.2.8: lock OneListing header + authentication UI to Genelevation gold.
   These are deliberately scoped so Directorist's directory/search configuration
   remains native and editable inside Directorist. */
.theme-header-menu-area {
    --color-primary: var(--ge-brand-gold) !important;
    --color-primary-rgb: 184, 134, 11 !important;
    --color-menu-hover: var(--ge-brand-gold) !important;
    --color-menu-active: var(--ge-brand-gold) !important;
    --color-submenu-hover: var(--ge-brand-gold) !important;
    --bgcolor-add-listing-button: var(--ge-brand-gold) !important;
    --bgcolor-add-listing-button-hover: var(--ge-brand-gold) !important;
}

/* OneListing desktop + alternate menu implementations. */
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li:hover > a,
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-item > a,
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-ancestor > a,
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current > a,
body .theme-menu-container .mainmenu__menu .navbar-nav > li > a:hover,
body .theme-menu-container .mainmenu__menu .navbar-nav > li.current_page_item > a,
body .theme-menu-container .mainmenu__menu .navbar-nav > li.current-menu-item > a,
body .theme-main-navigation .sub-menu a:hover {
    color: var(--ge-brand-gold) !important;
}

body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li:hover > a::after,
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-item > a::after,
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current-menu-ancestor > a::after,
body .theme-header-menu-area .theme-main-navigation ul.theme-main-menu > li.current > a::after {
    color: var(--ge-brand-gold) !important;
    background-color: var(--ge-brand-gold) !important;
}

/* Scope Directorist's primary-button variables to the OneListing auth modal only. */
body .theme-authentication-modal {
    --color-primary: var(--ge-brand-gold) !important;
    --color-primary-rgb: 184, 134, 11 !important;
    --directorist-color-primary: var(--ge-brand-gold) !important;
    --directorist-color-primary-rgb: 184, 134, 11 !important;
    --directorist-color-btn-primary-bg: var(--ge-brand-gold) !important;
    --directorist-color-btn-primary-border: var(--ge-brand-gold) !important;
    --directorist-color-btn-primary-rgb: 184, 134, 11 !important;
}

body .theme-authentication-modal .directorist-authentication button.directorist-btn.directorist-btn-primary,
body .theme-authentication-modal .directorist-authentication input.directorist-btn.directorist-btn-primary,
body .theme-authentication-modal .theme-register-btn .directorist-btn,
body .theme-authentication-modal .atbd_login_btn_wrapper .directorist-btn {
    background: var(--ge-brand-gold) !important;
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #fff !important;
}

body .theme-authentication-modal .directorist-authentication button.directorist-btn.directorist-btn-primary:hover,
body .theme-authentication-modal .directorist-authentication button.directorist-btn.directorist-btn-primary:focus,
body .theme-authentication-modal .directorist-authentication input.directorist-btn.directorist-btn-primary:hover,
body .theme-authentication-modal .directorist-authentication input.directorist-btn.directorist-btn-primary:focus,
body .theme-authentication-modal .theme-register-btn .directorist-btn:hover,
body .theme-authentication-modal .theme-register-btn .directorist-btn:focus,
body .theme-authentication-modal .atbd_login_btn_wrapper .directorist-btn:hover,
body .theme-authentication-modal .atbd_login_btn_wrapper .directorist-btn:focus {
    background: var(--ge-brand-gold) !important;
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #fff !important;
}

body .theme-authentication-modal .ge-signup-profile-type__choice input[type="radio"] {
    accent-color: var(--ge-brand-gold) !important;
}

/* v0.2.11: Genelevation buttons stay gold on interaction. OneListing and
   Directorist may generate darker hover states from theme variables; keep
   current primary/add-listing/search/auth actions visually stable instead. */
body .btn-primary:hover,
body .btn-primary:focus,
body .btn-primary:active,
body .btn-primary.active,
body .directorist-btn-primary:hover,
body .directorist-btn-primary:focus,
body .directorist-btn-primary:active,
body button.directorist-btn-primary:hover,
body button.directorist-btn-primary:focus,
body input.directorist-btn-primary:hover,
body input.directorist-btn-primary:focus,
body .theme-menu-action-box__add-listing .btn-add-listing:hover,
body .theme-menu-action-box__add-listing .btn-add-listing:focus,
body .directorist-search-contents .directorist-btn-search:hover,
body .directorist-search-contents .directorist-btn-search:focus,
body .theme-authentication-modal .directorist-btn-primary:hover,
body .theme-authentication-modal .directorist-btn-primary:focus {
    background: var(--ge-brand-gold) !important;
    background-color: var(--ge-brand-gold) !important;
    border-color: var(--ge-brand-gold) !important;
    color: #ffffff !important;
    filter: none !important;
}


/* v0.2.16: clean text-only Sign In control. OneListing renders a user icon
   beside Sign In and hides the text on smaller breakpoints. Genelevation keeps
   the label visible on every device and removes only that decorative icon. */
body .theme-menu-action-box__login--modal > a > .directorist-icon-mask {
    display: none !important;
}

body .theme-menu-action-box__login--modal > a > span {
    display: block !important;
}