.dropdown-hover {
    &:hover > .dropdown-menu {
        display: block !important;
    }

    .dropdown-menu li {
        display: block !important; /* Wymuszamy pokazanie wszystkich li w dropdownie */
    }

    .dropdown-menu {
        top: 100%;
        margin-top: 0;
        border-radius: 0 !important;
        background-color: #ffffff !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; // Mocniejszy cień, by odciąć od tła

    .dropdown-item {
        color: #1a1a1a !important;
        padding: 12px 20px !important; // Większy padding dla lepszej klikalności
    display: block;
        width: 100%;
        text-decoration: none !important;
        font-size: 0.95rem;

    // Złoty hover dla wszystkich oprócz wylogowania
    &:hover {
        background-color: var(--theme-gold) !important;
        color: #1a1a1a !important;
    }

    // Specjalny styl dla "Wyloguj się"
    &.text-danger {
        color: #dc3545 !important;

        &:hover {
            background-color: #dc3545 !important;
            color: #ffffff !important;
        }
    }
    }
    }
}

/* Stylowanie podstrony logowania */
.login-page-wrapper {
    background-color: #FAFAFA; /* Delikatne tło jak na Trustpilot, żeby karta się odcinała */
    min-height: 70vh;
}

.auth-card {
    border-radius: 12px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

/* Przyciski społecznościowe - wspólne cechy */
.btn-social {
    height: 52px;
    font-weight: 500;
    font-size: 1rem;
    transition: all 0.2s ease-in-out;
}

/* Stylizacja poszczególnych przycisków */
.btn-google {
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    color: #3c4043;
}
.btn-google:hover {
    background-color: #f8f9fa;
    border-color: #dcdcdc;
}

.btn-facebook {
    background-color: #1877F2;
    border: none;
}
.btn-facebook:hover {
    background-color: #166fe5;
    color: #fff;
}

.btn-apple {
    background-color: #000000;
    border: none;
}
.btn-apple:hover {
    background-color: #1a1a1a;
    color: #fff;
}

/* Link e-mail */
.login-email-link {
    /*color: #0052cc; !* Klasyczny niebieski dla linków *!*/
    font-weight: 500;
    font-size: 1rem;
}


/* Stylowanie inputów by przypominały Trustpilota */
/*.auth-input {*/
/*    height: 48px;*/
/*    border-radius: 1.1rem !important;*/
/*    border: 2px solid var(--theme-burgundy);*/
/*    font-size: 1rem;*/
/*}*/

/*.auth-input:focus {*/
/*    border-color: #1a1a1a;*/
/*    box-shadow: 0 0 0 1px #1a1a1a;*/
/*}*/

/*!* Przycisk Kontynuuj przez email (niebieski) *!*/
/*.btn-email-submit {*/
/*    background-color: var(--theme-burgundy); !* Kolor ze screena *!*/
/*    color: #fff;*/
/*    transition: background-color 0.2s;*/
/*}*/

/*.btn-email-submit:hover {*/
/*    background-color: var(--theme-burgundy)*/
/*    color: #fff;*/
/*}*/


/*CENNIKI*/
.pricing-table-wrapper {
    padding: 0px 0;
}

.pricing-card-custom {
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    background-color: #ffffff; /* Domyślne tło dolnej części */
    overflow: hidden;
    border: none;
    position: relative;
}

.pricing-top {
    padding: 20px 25px 20px 25px;
}

.pricing-bottom {
    padding: 25px 25px 30px 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Kolory dla poszczególnych kart */
.card-basic .pricing-top,


.card-basic .pricing-top { background-color:var(--theme-creme)!important; }

.card-start .pricing-top,
.card-growth .pricing-top {
    background-color: var(--theme-gold);
}

.card-pro .pricing-top {
    background-color: var(--theme-orange);
}

/* Typografia Top */
.price-title {
    font-size: 25px;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--bs-heading-color);
    letter-spacing: 0.5px;
    font-weight: bold;
    font-family: "adelle-sans", sans-serif;
}

.price-desc {
    font-family: "adelle-sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: var(--bs-heading-color);
    padding-bottom: 15px;
    /*min-height: 60px;*/
}

/* Cena */
.price-box {
    color: var(--bs-heading-color);
    border-top: 1px solid var(--theme-purple);
    padding-top: 15px;

    font-weight: bold;
    font-family: "adelle-sans", sans-serif;
}
.price-number {
    font-size: 51px;
    font-weight: 800;
    line-height: 0.8;
    letter-spacing: -1.5px;

    font-weight: bold;
    font-family: "adelle-sans", sans-serif;
}
.price-currency {
    font-size: 1.3rem;
    font-weight: 800;
    margin-left: 3px;
}
.price-period {
    display: block;
    font-weight: lighter;
    font-family: "adelle-sans", sans-serif;
}

/* Lista funkcji (Bottom) */
.pricing-features {
    list-style: none;
    padding: 0;
    margin: 0 0 15px 0;
}
.pricing-features ul{
    padding-left: 16px;
}
.pricing-features li {
    font-size: 16px;
    color: var(--bs-heading-color);
    margin-bottom: 8px;
    position: relative;
    padding-left: 12px;
    line-height: 1.25;
    list-style: none;
    font-weight: 100;
    font-family: "adelle-sans", sans-serif;
}
.pricing-features li b{
    font-weight: 600!important;
}
.pricing-features li::before {
    content: '\25CB'; /* Kropka jak na projekcie */
    position: absolute;
    left: -15px;
    top: 0px;
    font-size: 0.6rem;
    line-height: 1.2;
    color: var(--bs-heading-color);
}
/* Footer karty (tekst na samym dole) */
.pricing-footer-text {
    margin-top: auto; /* Wypycha tekst na sam dół */
    font-size: 14px;
    color: var(--bs-heading-color);
    font-family: "rubik", sans-serif;
    line-height: 16px;
    font-weight: 600 !important;
}
/**/
/* KONIEC CENNIKÓW*/

.h4 small{
    font-weight: 400 !important;
    font-family: "rubik", sans-serif;
    font-size: 1.25 rem;
    text-transform: none!important;
}

/*Cenniki*/
/* --- Styl kontenera i tekstu --- */
.toggle-container {
    max-width: 800px;
    margin: 0 auto;
}

.switch-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 20px;
}

.label-text{
    flex: 1; /* Równe szerokości dla obu stron */
    font-weight: bold;
    color: #aaa; /* Nieaktywny, szary kolor */
    transition: color 0.3s ease;
    display: flex;
    flex-direction: column;
}
.wrapper-pricer .label-text{
    color: var(--theme-burgundy);
}
.wrapper-pricer .small-profile-adnotations{
    color: var(--theme-burgundy);
}

/* --- Wygląd przełącznika (Switch) --- */
.switch {
    flex-shrink: 0; /* Zapobiega zgniataniu switcha przez długi tekst */
    position: relative;
    display: inline-block;
    width: 64px;
    height: 34px;
    background-color: #cf5b28;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
}

.switch::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 26px;
    height: 26px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#innCookieMdl .switch::after {
    content: none !important;
    display: none !important;
}

/* Zmiana wyglądu po przełączeniu na "Agencję" */
#company_switch:checked ~ .switch-wrapper .switch {
    background-color: #da8cb6;
}

#company_switch:checked ~ .switch-wrapper .switch::after {
    transform: translateX(30px);
}

.left-label {
    text-align: right;
    align-items: flex-end;
}

.right-label {
    text-align: left;
    align-items: flex-start;
}

.small-profile-adnotations {
    font-weight: normal;
    font-size: 0.8em;
    color: #bbb;
    margin-top: 6px;
    line-height: 1.4;
    transition: color 0.3s ease;
}

/* Kolorowanie aktywnej etykiety */
#company_switch:not(:checked) ~ .switch-wrapper .left-label {
    color: #cf5b28;
}
#company_switch:checked ~ .switch-wrapper .right-label {
    color: #da8cb6;
}

/* --- Mechanizm Accordion (Wysuwanie/Chowanie) --- */
.panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease-in-out;
    overflow: hidden;
}

.panel-inner {
    min-height: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;

    /* Estetyka wewnętrznych boxów */
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 0 20px; /* Padding lewy/prawy, góra/dół ustawiany poniżej */
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}
/* Stan dla "Osoby fizycznej" (Checkbox odznaczony) */
#company_switch:not(:checked) ~ #isnot_company {
    grid-template-rows: 1fr;
}
#company_switch:not(:checked) ~ #isnot_company .panel-inner {
    opacity: 1;
    padding: 20px;
    border-left: 5px solid #cf5b28;
}

/* Stan dla "Agencji marketingowej" (Checkbox zaznaczony) */
#company_switch:checked ~ #is_company {
    grid-template-rows: 1fr;
}
#company_switch:checked ~ #is_company .panel-inner {
    opacity: 1;
    padding: 20px;
    border-left: 5px solid #da8cb6;
}
/**/



/* --- Sterowanie przełącznikiem OPINII --- */
#opinion_switch:checked ~ .switch-wrapper .switch {
    background-color: #da8cb6; /* Kolor dla opinii otrzymanych (zmień jeśli chcesz inny) */
}

#opinion_switch:checked ~ .switch-wrapper .switch::after {
    transform: translateX(30px);
}

/* Kolorowanie tekstu etykiet po lewej/prawej */
#opinion_switch:not(:checked) ~ .switch-wrapper .left-label {
    color: #cf5b28;
}
#opinion_switch:checked ~ .switch-wrapper .right-label {
    color: #da8cb6;
}

/* --- Otwieranie/Zamykanie Paneli z Opiniami --- */

/* Stan dla "Wystawione" (Checkbox odznaczony) */
#opinion_switch:not(:checked) ~ #isnot_getopinion {
    grid-template-rows: 1fr;
}
#opinion_switch:not(:checked) ~ #isnot_getopinion .panel-inner {
    opacity: 1;
    padding-top: 15px; /* ewentualny odstęp od przełącznika */
}

/* Stan dla "Otrzymane" (Checkbox zaznaczony) */
#opinion_switch:checked ~ #is_getopinion {
    grid-template-rows: 1fr;
}
#opinion_switch:checked ~ #is_getopinion .panel-inner {
    opacity: 1;
    padding-top: 15px;
}



.cog-button-profile-settings{
    text-align: center;
    display: block;
    width: 40px;
    padding-top: 7px;
    padding-bottom: 5px;
}
.cog-button-profile-settings i{
    font-size:20px;
}
.minibutton-profile{
    display: inline-flex; align-items: center; font-size: 11px;
}

.miniboxAuthor  div.d-flex{
    margin-bottom: 0!important;
}

.answer-re-box textarea{
border-radius: 0;
border: 2px solid var(--theme-orange);
}
.border-stripe-small-b-t{
    padding: 2px 2px;
    border-top: 1px solid #da8cb6;
    border-bottom: 1px solid #da8cb6;
    margin-bottom: 10px;
}
.form-newsl{
    font-family: "rubik", sans-serif !important;
}

#footer-signup-container {
    /* Stan ukryty */
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    /* Ustawiamy płynne przejście dla wszystkich właściwości trwające 0.4 sekundy */
    transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

#footer-signup-container.is-open {
    /* Stan widoczny */
    max-height: 500px; /* Podaj wartość większą niż rzeczywista wysokość Twojego formularza (np. 800px jeśli jest duży) */
    opacity: 1;
    visibility: visible;
}
.miniboxAuthor.noafter small{
    font-size: 12px;
}
#categoryListContainer .h4.title{
    padding-bottom: 15px!important;
}

.accordion-collapse .h4{
    font-size: 1.1rem!important;
    margin-bottom: 8px!important;
}
.accordion-collapse .mb-3.mt-4{
margin-top: 12px!important;
    margin-bottom: 6px!important;
}
.accordion-collapse button{
    margin-top: 8px;
}

.accordion-collapse .form-control.fat{
    min-height: 40px;
}
.accordion-collapse #filterModal .FILTER_MDL select.form-select, #filterModal .FILTER_MDL select.form-select-lg{
    min-height: 50px!important;
    height: 50px!important;
    border-radius: 20px!important;
}
.instalog-settings-profile{
    margin-bottom: 0!important;
    padding-top: 2px!important;
}
html .history-scroll-wrapper .history-oc-header {
    background-color: transparent!important;
}