/*
Theme Name:  Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light, responsive-layout, post-formats, theme-options, translation-ready, two-columns
Template:  listeo
*/
/* Tanie Noclegi - poprawka przewijania archiwum na desktopie */
@media (min-width: 993px) {
    body.archive.post-type-archive-listing .full-page-jobs .full-page-content-container {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}


/* TANIE NOCLEGI - NAPRAWA NAGLOWKA DASHBOARD */
@media (min-width: 1239px) {

    #header-container.dashboard #header .left-side #logo {
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        margin-right: 10px !important;
    }

    #header-container.dashboard #header .left-side #logo a {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #header-container.dashboard #header .left-side #logo img {
        max-height: 52px !important;
        width: auto !important;
        max-width: none !important;
    }

    #header-container.dashboard #header .left-side #navigation {
        margin-top: 4px !important;
    }

}


/* TN - DASHBOARD HEADER FIX 2026 */
@media only screen and (min-width: 992px) and (max-width: 1365px) {

    #header-container.dashboard #header .left-side #logo {
        width: 160px !important;
        min-width: 160px !important;
        max-width: 160px !important;
        margin: 3px 10px 0 0 !important;
    }

    #header-container.dashboard #header .left-side #logo img {
        display: block;
        width: 160px !important;
        max-width: 160px !important;
        height: auto !important;
        max-height: 55px !important;
        position: relative !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    #header-container.dashboard #header .left-side #navigation {
        margin-top: 4px !important;
    }
}
.user_not_logged_in .header-widget .button:not(.wc-forward) {
display: inline-block;
}

@media (min-width: 1025px) and (max-width: 1239px) {
.right-side { margin-top: 0; }
}

/* =========================================================
   KOMUNIKAT NAD WYBOREM TYPU KONTA - LISTEO
   TanieNoclegi.eu
   ========================================================= */

.listeo-register-form-fields-container .account-type::before {
    content:
        "Załóż bezpłatne konto - wybierz rodzaj konta, który chcesz utworzyć:\A"
        "\A"
        "Gość – korzystaj z portalu i kontaktuj się bezpośrednio z właścicielami ofert lub rezerwuj nocleg.\A"
        "\A"
        "Właściciel – dodaj swoją ofertę noclegową, atrakcję lub usługi dla turystów i zarządzaj nimi w panelu.\A"
        "\A"
        "Ważne: po rejestracji zaczekaj chwilę na stronie na pojawienie się pola do wpisania kodu weryfikacyjnego, który otrzymasz na swój adres e-mail. Następnie wpisz ręcznie otrzymany kod w odpowiednie pola.\A"
        "\A"
        "W przypadku problemów odczekaj kilka minut, odśwież stronę i spróbuj zarejestrować się ponownie.";

    /* Pełna szerokość ekranu */
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;

    /* Wyjście poza ograniczenie szerokości formularza */
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    /* Odstępy wewnątrz ramki */
    padding: 22px 8vw !important;

    box-sizing: border-box;

    /* =====================================================
       JASNORÓŻOWA RAMKA
       ===================================================== */

    background: #fff5fa !important;
    border: 1px solid #f5a6cf !important;
    border-radius: 8px !important;

    /* Delikatny efekt odcięcia od tła */
    box-shadow: 0 2px 8px rgba(238, 3, 127, 0.08);

    /* Formatowanie tekstu */
    white-space: pre-line;
    text-align: center;

    color: #666666;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;

    /* Odstęp od przycisków */
    margin-bottom: 30px !important;
}


/* =========================================================
   KONTENER WYBORU TYPU KONTA
   ========================================================= */

.listeo-register-form-fields-container .account-type {
    display: block !important;
    width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box;
}


/* =========================================================
   UŁOŻENIE PRZYCISKÓW GOŚĆ / WŁAŚCICIEL
   ========================================================= */

.listeo-register-form-fields-container .account-type > div {
    position: relative;
    z-index: 2;
}


/* =========================================================
   TELEFONY
   ========================================================= */

@media (max-width: 600px) {

    .listeo-register-form-fields-container .account-type::before {
        width: 100vw !important;
        max-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        padding: 18px 15px !important;

        font-size: 14px;
        line-height: 1.55;

        border-radius: 6px !important;

        margin-bottom: 25px !important;
    }

}
/* =========================================
   PRZYCIEMNIENIE TEKSTÓW LISTEO
   ========================================= */

/* Kategorie na stronie głównej */
.category-small-box h4,
.category-small-box span {
    color: #555555 !important;
}

/* Liczniki kategorii */
.category-small-box .category-count,
.category-small-box .counter {
    color: #555555 !important;
}

/* Nagłówki sekcji */
.section-title h2,
.section-title h3 {
    color: #333333 !important;
}

/* Opisy pod nagłówkami sekcji */
.section-title p,
.section-title span {
    color: #555555 !important;
}

/* Ogólny tekst */
body p,
body li,
body td,
body th,
body label {
    color: #555555 !important;
}

/* ==========================================
   LISTEO – CIEMNIEJSZY TEKST W WYSZUKIWARCE
   ========================================== */


/* ==========================================
   1. REGION
   ========================================== */

button[data-id="tax-region"] .filter-option {
    color: #444444 !important;
}


/* ==========================================
   2. KATEGORIA – BOOTSTRAP SELECT
   ========================================== */

button[data-id="tax-category"] .filter-option {
    color: #444444 !important;
}


/* ==========================================
   3. POZOSTAŁE POLA SELECTPICKER
   ========================================== */

.main-search-input .bootstrap-select .filter-option {
    color: #444444 !important;
}


/* ==========================================
   4. LISTY ROZWIJANE SELECTPICKER
   ========================================== */

.main-search-input .bootstrap-select .dropdown-menu li a {
    color: #444444 !important;
}

.main-search-input .bootstrap-select .dropdown-menu li a span {
    color: #444444 !important;
}


/* ==========================================================
   LISTEO – WYSZUKIWARKA NA STRONIE GŁÓWNEJ
   KATEGORIA = TAKIE SAME KOLORY JAK REGION
   ========================================================== */


/* ==========================================================
   1. TEKST W POLACH REGION / KATEGORIA
   ========================================================== */

/* Region */
.main-search-input button[data-id="tax-region"] .filter-option {
    color: #444444 !important;
}

/* Kategoria */
.main-search-input .drilldown-listing-types .menu-toggle .menu-label {
    color: #444444 !important;
}


/* ==========================================================
   2. TŁO POLA KATEGORIA
   Takie samo jak pozostałe pola wyszukiwarki
   ========================================================== */

.main-search-input .drilldown-listing-types .menu-toggle {
    background-color: #ffffff !important;
}


/* ==========================================================
   3. STRZAŁKA / IKONA KATEGORII
   ========================================================== */

.main-search-input .drilldown-listing-types .menu-toggle::after {
    color: #777777 !important;
}


/* Jeżeli strzałka jest realizowana jako element wewnętrzny */
.main-search-input .drilldown-listing-types .menu-toggle i,
.main-search-input .drilldown-listing-types .menu-toggle svg {
    color: #777777 !important;
    fill: #777777 !important;
}


/* ==========================================================
   4. ROZWIJANA LISTA KATEGORII
   ========================================================== */

.main-search-input .drilldown-listing-types .menu-panel {
    background-color: #ffffff !important;
    color: #444444 !important;
}


/* Wszystkie elementy listy */
.main-search-input .drilldown-listing-types .menu-panel li {
    background-color: #ffffff !important;
    color: #444444 !important;
}


/* Nazwy kategorii */
.main-search-input .drilldown-listing-types .menu-panel li a {
    background-color: #ffffff !important;
    color: #444444 !important;
}


/* Tekst znajdujący się wewnątrz linków */
.main-search-input .drilldown-listing-types .menu-panel li a span {
    color: #444444 !important;
}


/* ==========================================================
   5. HOVER NA KATEGORII
   ========================================================== */

.main-search-input .drilldown-listing-types .menu-panel li:hover,
.main-search-input .drilldown-listing-types .menu-panel li:hover a {
    background-color: #f5f5f5 !important;
    color: #444444 !important;
}


/* ==========================================================
   6. AKTYWNA / WYBRANA KATEGORIA
   ========================================================== */

.main-search-input .drilldown-listing-types .menu-panel li.active,
.main-search-input .drilldown-listing-types .menu-panel li.active a {
    background-color: #f5f5f5 !important;
    color: #444444 !important;
}


/* ==========================================================
   7. WSZYSTKIE TEKSTY WEWNĄTRZ LISTY KATEGORII
   ========================================================== */

.main-search-input .drilldown-listing-types .menu-panel * {
    color: #444444 !important;
}


/* ==========================================================
   8. REGION – ROZWIJANA LISTA
   ========================================================== */

.main-search-input .bootstrap-select .dropdown-menu {
    background-color: #ffffff !important;
}


/* Pozycje Region */
.main-search-input .bootstrap-select .dropdown-menu li a {
    background-color: #ffffff !important;
    color: #444444 !important;
}


/* Tekst Region */
.main-search-input .bootstrap-select .dropdown-menu li a span {
    color: #444444 !important;
}


/* Hover Region */
.main-search-input .bootstrap-select .dropdown-menu li:hover a,
.main-search-input .bootstrap-select .dropdown-menu li.active a {
    background-color: #f5f5f5 !important;
    color: #444444 !important;
}


/* ==========================================================
   9. POLE WYSZUKIWANIA W ROZWIJANEJ LIŚCIE
   ========================================================== */

.main-search-input .bootstrap-select .bs-searchbox input {
    color: #444444 !important;
    background-color: #ffffff !important;
}


/* ==========================================================
   10. PLACEHOLDERY
   ========================================================== */

.main-search-input input::placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}

.main-search-input input::-webkit-input-placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}

.main-search-input input::-moz-placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}

.main-search-input input:-ms-input-placeholder {
    color: #555555 !important;
    opacity: 1 !important;
}


/* ==========================================================
   11. KATEGORIA – NAJWYŻSZY PRIORYTET
   Wymuszenie jednolitego wyglądu całego pola
   ========================================================== */

.main-search-input .drilldown-listing-types,
.main-search-input .drilldown-listing-types .menu-toggle {
    color: #444444 !important;
}


/* Tekst */
.main-search-input .drilldown-listing-types .menu-toggle .menu-label {
    color: #444444 !important;
}


/* Strzałka */
.main-search-input .drilldown-listing-types .menu-toggle .menu-label::after {
    color: #777777 !important;
}


/* Panel */
.main-search-input .drilldown-listing-types .menu-panel,
.main-search-input .drilldown-listing-types .menu-panel * {
    color: #444444 !important;
}

.amenity-icon-nl {
    background-color: #ec008c !important;
}

.amenity-icon-nl i {
    color: #ffffff !important;
}

/* TanieNoclegi.eu – mniejszy tekst w pierwszej kolumnie stopki */
#footer #text-3 h4 {
    font-size: 19px !important;
}


/* TANIE NOCLEGI - POWIEKSZENIE LOGO W MENU MOBILNYM */
.menu-logo a img {
    max-height: 55px !important;
    height: auto !important;
    width: auto !important;
    max-width: min(70vw, 240px) !important;
}