/* Second-load polish: country portal menu, mobile heart logo, member auth header tweaks. */

.container.bottom-header .nav-bot-view #dropdownMenuButton {
    border-radius: 10px !important;
}

.logo-class:before {
    pointer-events: none;
}

.dropdown-content {
    border-radius: 10px;
    overflow: hidden;
    padding: 4px 0;
}

.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show,
.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show .dropdown-item {
    background-color: transparent !important;
    color: #c7c1b6 !important;
}

.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show {
    --bs-dropdown-border-radius: 10px;
    --bs-dropdown-inner-border-radius: 8px;
    background-color: #272827 !important;
    border-radius: 10px !important;
    overflow: hidden;
    padding: 6px !important;
    border: none !important;
}

@media only screen and (max-width: 1024px) {
    .logo-class {
        overflow: visible !important;
    }

    .custom-header {
        overflow: visible !important;
    }

    .custom-header .header-top,
    .custom-header > .container,
    .custom-header .header-top > .container,
    .custom-header .row,
    .custom-header .logo-class {
        overflow: visible !important;
    }
}

.container.bottom-header .listing-country-field .dropdown-menu {
    --bs-dropdown-border-radius: 10px;
    --bs-dropdown-inner-border-radius: 8px;
    border-radius: 10px !important;
    overflow: hidden;
    padding: 6px !important;
    border: none !important;
}

.container.bottom-header .listing-country-field .dropdown-menu .dropdown-item {
    border-radius: 8px !important;
}

.container.bottom-header .listing-country-field .dropdown-menu .dropdown-item:hover,
.container.bottom-header .listing-country-field .dropdown-menu .dropdown-item:focus,
.container.bottom-header .listing-country-field .dropdown-menu .dropdown-item:focus-visible,
.container.bottom-header .listing-country-field .dropdown-menu .dropdown-item.active {
    background-color: #6A11CF !important;
    color: #ffffff !important;
}

.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show .dropdown-item:hover,
.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show .dropdown-item:focus,
.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show .dropdown-item:focus-visible,
.dark-mode .container.bottom-header .listing-country-field .dropdown-menu.show .dropdown-item.active {
    background-color: #6A11CF !important;
    color: #ffffff !important;
}

@media only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) {
    .custom-header,
    .custom-header > .container,
    .custom-header .header-top > .container,
    .custom-header .row,
    .custom-header .logo-class {
        overflow: visible !important;
    }
}

@media only screen and (max-width: 1024px) {
    .custom-header,
    .custom-header .header-top,
    .custom-header > .container,
    .custom-header .header-top > .container,
    .custom-header .row,
    .custom-header .logo-class {
        overflow: visible !important;
    }
}

@media only screen and (max-width: 1024px) {
    html body.member-auth-site-page .custom-header .toggle-sidebar,
    html body.member-auth-site-page .custom-header #toggleSidebar.toggle-sidebar {
        position: fixed !important;
        top: 9px !important;
        right: 0 !important;
        z-index: 999 !important;
        display: block !important;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
        transform: none !important;
    }

    html body.member-auth-site-page .custom-header .toggle-sidebar svg {
        width: 44px !important;
        height: 44px !important;
    }

    html body.member-auth-site-page .custom-header .logo-class {
        justify-content: flex-start !important;
        width: auto !important;
    }

    html body.member-auth-site-page .custom-header .toggle-icon-mobile {
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        overflow: visible !important;
    }
}

html body .container.bottom-header .listing-country-field .dropdown-menu,
html body .container.bottom-header .listing-country-field .dropdown-menu.show {
    --bs-dropdown-border-radius: 10px;
    --bs-dropdown-inner-border-radius: 8px;
    border-radius: 10px !important;
    overflow: hidden !important;
    padding: 6px !important;
    border: none !important;
}

html body .container.bottom-header .listing-country-field .dropdown-menu .dropdown-item {
    border-radius: 8px !important;
}

html.dark-mode body .container.bottom-header .listing-country-field .dropdown-menu.show {
    background-color: #272827 !important;
}

html.dark-mode body .container.bottom-header .listing-country-field .dropdown-menu.show .dropdown-item {
    background-color: transparent !important;
}

html body .container.bottom-header .nav-bot-view #dropdownMenuButton,
html body .container.bottom-header .nav-bot-view #dropdownMenuButton.show,
html body .container.bottom-header .nav-bot-view #dropdownMenuButton.dropdown-toggle.show {
    border-radius: 10px !important;
}

/* Day-mode polish (second load — keeps frontpage first CSS ≈ 68KB with flags) */
html:not(.dark-mode) .card,
html:not(.dark-mode) .card.shadow-sm,
html:not(.dark-mode) .shadow-sm {
    background-color: #F5F5F5 !important;
    background: #F5F5F5 !important;
}

html:not(.dark-mode) .nav-bot-view select#citySelect.w-100,
html:not(.dark-mode) .selectize-control.single .selectize-input,
html:not(.dark-mode) .selectize-dropdown.single,
html:not(.dark-mode) .selectize-dropdown-content,
html:not(.dark-mode) .grid-view .date,
html:not(.dark-mode) .payment-item__block,
html:not(.dark-mode) #scrollToTopBtn,
html:not(.dark-mode) .dropdown-menu {
    background-color: #F5F5F5 !important;
}

html:not(.dark-mode) .grid-switch-menu .deferred-fa.grid-icon,
html:not(.dark-mode) .grid-switch-menu .deferred-fa.list-icon {
    background-color: transparent !important;
    background: transparent !important;
}

html:not(.dark-mode) .container.bottom-header .listing-search .form-control,
html:not(.dark-mode) .container.bottom-header .listing-search input.form-control,
html:not(.dark-mode) .container.bottom-header .listing-city-field select#citySelect.w-100,
html:not(.dark-mode) .container.bottom-header .listing-city-field .selectize-control.single .selectize-input,
html:not(.dark-mode) .container.bottom-header .listing-city-field .selectize-control.single .selectize-input.input-active,
html:not(.dark-mode) .container.bottom-header .listing-city-field .selectize-control.single .selectize-input.dropdown-active {
    background-color: #F5F5F5 !important;
    background-image: none !important;
}

html:not(.dark-mode) .container.bottom-header .listing-search .btn-search,
html:not(.dark-mode) .container.bottom-header .btn-search,
html:not(.dark-mode) .container.bottom-header .btn-outline-success.btn-search {
    background-color: #F5F5F5 !important;
    background-image: none !important;
    border: 1px solid #6A11CF !important;
    color: #6A11CF !important;
}

html:not(.dark-mode) .container.bottom-header .listing-search .btn-search svg,
html:not(.dark-mode) .container.bottom-header .btn-search svg {
    color: #6A11CF !important;
    stroke: currentColor;
}

html:not(.dark-mode) .container.bottom-header .listing-search .btn-search:hover,
html:not(.dark-mode) .container.bottom-header .btn-search:hover,
html:not(.dark-mode) .container.bottom-header .btn-outline-success.btn-search:hover {
    background-color: #6A11CF !important;
    border-color: #6A11CF !important;
    color: #ffffff !important;
}

html:not(.dark-mode) .container.bottom-header .listing-search .btn-search:hover svg,
html:not(.dark-mode) .container.bottom-header .btn-search:hover svg {
    color: #ffffff !important;
    stroke: currentColor;
}

html:not(.dark-mode) .container.bottom-header .nav-bot-view .header-langs .dropdown-btn,
html:not(.dark-mode) .container.bottom-header .nav-bot-view #dropdownMenuButton,
html:not(.dark-mode) .container.bottom-header .listing-toolbar-secondary .header-langs .dropdown-btn,
html:not(.dark-mode) .container.bottom-header .listing-toolbar-view-controls .header-langs .dropdown-btn {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html:not(.dark-mode) .site-swal-light.swal2-popup {
    background: #F5F5F5 !important;
}

/* Post-ad day mode: typeable fields match frontpage search (#F5F5F5) — second load */
html:not(.dark-mode) #multiStepForm .form-control,
html:not(.dark-mode) #multiStepForm input.form-control,
html:not(.dark-mode) #multiStepForm textarea.form-control,
html:not(.dark-mode) #multiStepForm .form-select,
html:not(.dark-mode) #multiStepForm select.form-select,
html:not(.dark-mode) #multiStepForm .selectize-control.single .selectize-input,
html:not(.dark-mode) #multiStepForm .selectize-control.single .selectize-input.input-active,
html:not(.dark-mode) #multiStepForm .selectize-control.single .selectize-input.dropdown-active,
html:not(.dark-mode) #multiStepForm .post-ad-extra .form-control,
html:not(.dark-mode) #multiStepForm .post-ad-extra .form-control-sm,
html:not(.dark-mode) #multiStepForm .post-ad-extra .form-select,
html:not(.dark-mode) #multiStepForm .post-ad-extra textarea {
    background-color: #F5F5F5 !important;
    background-image: none !important;
}

html:not(.dark-mode) #multiStepForm input:-webkit-autofill,
html:not(.dark-mode) #multiStepForm input:-webkit-autofill:hover,
html:not(.dark-mode) #multiStepForm input:-webkit-autofill:focus,
html:not(.dark-mode) #multiStepForm input:-webkit-autofill:active,
html:not(.dark-mode) #multiStepForm textarea:-webkit-autofill,
html:not(.dark-mode) #multiStepForm textarea:-webkit-autofill:hover,
html:not(.dark-mode) #multiStepForm textarea:-webkit-autofill:focus,
html:not(.dark-mode) #multiStepForm textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #F5F5F5 inset !important;
    box-shadow: 0 0 0 1000px #F5F5F5 inset !important;
    transition: background-color 99999s ease-out 0s;
}