.elementor-969 .elementor-element.elementor-element-ad1d56f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-969 .elementor-element.elementor-element-4ad7d88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-969 .elementor-element.elementor-element-3ac43ff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group{margin-bottom:10px;}.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group > label{padding-bottom:0px;}.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}@media(min-width:768px){.elementor-969 .elementor-element.elementor-element-4ad7d88{--width:50%;}.elementor-969 .elementor-element.elementor-element-3ac43ff{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-aaf4893 */.zdjecie-panel-logowania img {
    filter: drop-shadow(0 10px 15px rgba(181, 154, 109, 0.2)); /* Subtelny złoty cień pod tarczą */
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
    margin: 0 auto;
}

.zdjecie-panel-logowania img:hover {
    transform: scale(1.02) translateY(-5px); /* Delikatne uniesienie przy najechaniu */
    filter: drop-shadow(0 20px 25px rgba(181, 154, 109, 0.35)); /* Mocniejszy blask przy hoverze */
}
.zdjecie-panel-logowania {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.zdjecie-panel-logowania::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        to right, 
        rgba(255,255,255,0) 0%, 
        rgba(255,255,255,0.4) 50%, 
        rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    animation: shine-logo 6s infinite;
}

@keyframes shine-logo {
    0% { left: -150%; }
    20% { left: 150%; }
    100% { left: 150%; }
}
.zdjecie-panel-logowania img {
    -webkit-box-reflect: below -15px linear-gradient(transparent, transparent 70%, rgba(255, 255, 255, 0.1));
}
.zdjecie-panel-logowania img {
    -webkit-box-reflect: below -15px linear-gradient(transparent, transparent 70%, rgba(255, 255, 255, 0.1));
}
.elementor-969 .elementor-element.elementor-element-aaf4893 {
    background-image: 
        radial-gradient(at 0% 0%, rgba(181, 154, 109, 0.03) 0, transparent 50%), 
        radial-gradient(at 50% 0%, rgba(181, 154, 109, 0.02) 0, transparent 50%);
}
/* Stylizacja logo na komputerze (podstawa) */
.zdjecie-panel-logowania {
    text-align: center;
    width: 100%;
}

.zdjecie-panel-logowania img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease;
}

/* --- OPTYMALIZACJA MOBILNA --- */
@media (max-width: 767px) {
    .zdjecie-panel-logowania {
        margin-bottom: 30px !important; /* Odstęp między logo a formularzem na telefonie */
        padding: 0 40px !important; /* Żeby logo nie dotykało krawędzi ekranu */
    }

    .zdjecie-panel-logowania img {
        max-width: 180px !important; /* Zmniejszamy logo na telefonie, żeby nie zajmowało całego ekranu */
        margin: 0 auto !important;
    }
    
    /* Ukrywamy efekt odbicia lustrzanego na mobile (często wygląda źle na małych ekranach) */
    .zdjecie-panel-logowania img {
        -webkit-box-reflect: unset !important;
    }
}/* End custom CSS */
/* Start custom CSS for login, class: .elementor-element-ffc9119 *//* Kontener - elegancka karta */
.elementor-969 .elementor-element.elementor-element-ffc9119 {
    background: #ffffff;
    padding: 40px !important;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Etykiety - koniec z rozciągniętą czcionką */
.elementor-969 .elementor-element.elementor-element-ffc9119 label {
    font-family: inherit; /* Używa czcionki strony, np. Montserrat lub Roboto */
    font-weight: 700 !important;
    color: #1a1a1a !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 0px !important; /* Reset rozciągnięcia */
    margin-bottom: 6px !important;
    display: block;
}

/* Pola tekstowe - czytelne i estetyczne */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-textual {
    background-color: #fcfcfc !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-size: 14px !important;
    color: #333 !important;
    transition: all 0.3s ease;
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-textual:focus {
    border-color: #b59a6d !important;
    background-color: #fff !important;
    box-shadow: 0 0 0 3px rgba(181, 154, 109, 0.1) !important;
}

/* PRZYCISK - Złoty z efektem ciemniejszego złota na hover */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button {
    background-color: #b59a6d !important; /* Główne złoto */
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 16px 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1px !important; /* Delikatne, czytelne rozstawienie */
    width: 100%;
    margin-top: 10px !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button:hover {
    background-color: #967d54 !important; /* Ciemniejsze złoto zamiast czerni */
    transform: translateY(-1px);
    box-shadow: 0 5px 15px rgba(150, 125, 84, 0.3) !important;
}

/* Zapamiętaj mnie - wyrównanie do lewej */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__remember-me {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    margin: 15px 0 !important;
    font-size: 13px !important;
    color: #666 !important;
    letter-spacing: 0px !important;
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__remember-me input {
    margin-right: 8px !important;
    margin-top: 0 !important;
}

/* Link pod przyciskiem */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a {
    color: #b59a6d !important;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.3s;
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:hover {
    color: #1a1a1a !important;
    text-decoration: underline;
}
/* Wymuszenie linii dla Zapamiętaj mnie */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group-rememberme {
    display: flex !important;
    flex-direction: row !important; /* Układ poziomy */
    align-items: center !important; /* Środkowanie w pionie */
    gap: 10px; /* Odstęp między kwadracikiem a tekstem */
    margin: 15px 0 !important;
}

/* Stylizacja samego napisu Zapamiętaj mnie */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group-rememberme label {
    margin-bottom: 0 !important; /* Usunięcie marginesu, który spycha tekst */
    font-size: 13px !important;
    text-transform: none !important; /* Małe litery wyglądają tu lepiej niż wersaliki */
    font-weight: 500 !important;
    order: 2; /* Tekst po prawej */
}

/* Stylizacja samego kwadracika (punktora) */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group-rememberme input {
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    cursor: pointer;
    order: 1; /* Kwadracik po lewej */
}
/* Całkowite wymuszenie układu poziomego dla sekcji checkboxa */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox .elementor-field-subgroup {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

/* Stylizacja kontenera pojedynczego wyboru */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-option {
    display: flex !important;
    align-items: center !important;
}

/* Naprawa etykiety "Zapamiętaj mnie" */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox label {
    display: inline-block !important; /* Zmiana z block na inline */
    width: auto !important; /* Wyłączenie zajmowania 100% szerokości */
    margin: 0 0 0 10px !important; /* Odstęp 10px tylko z lewej (od punktora) */
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 13px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    cursor: pointer;
}

/* Stylizacja samego kwadracika */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"] {
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    flex-shrink: 0; /* Zapobiega zgniataniu kwadratu */
}
/* Dodaj to do sekcji przycisku (.elementor-button) */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button {
    transition: all 0.4s cubic-bezier(0.25, 1, 0.33, 1) !important; /* Bardziej płynny ruch */
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button:hover {
    letter-spacing: 2px !important; /* Subtelne rozszerzenie napisu przy najechaniu */
    box-shadow: 0 15px 30px rgba(181, 154, 109, 0.4) !important;
    transform: translateY(-3px);
}
/* Zmiana tła całego panelu */
.elementor-969 .elementor-element.elementor-element-ffc9119 {
    background: linear-gradient(145deg, #ffffff 0%, #fcfaf7 100%) !important;
    border: 1px solid rgba(181, 154, 109, 0.2); /* Bardzo blada złota obwoluta */
}
/* Opcjonalny efekt oszklonego panelu */
.elementor-969 .elementor-element.elementor-element-ffc9119 {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.9) !important;
}
/* Ukrywamy standardowe ramki, zostawiamy dół */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-textual {
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    background: transparent !important;
    padding-left: 0 !important;
    transition: all 0.4s ease;
}

/* Animacja linii przy kliknięciu */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-textual:focus {
    border-bottom: 1px solid #b59a6d !important;
    padding-left: 10px !important; /* Subtelne przesunięcie tekstu w prawo */
}
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button {
    position: relative;
    overflow: hidden;
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    background: rgba(255, 255, 255, 0.2);
    transform: rotate(30deg);
    transition: all 0.7s;
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button:hover::after {
    left: 120%;
}
.elementor-969 .elementor-element.elementor-element-ffc9119 {
    box-shadow: 
        0 1px 1px rgba(0,0,0,0.02), 
        0 2px 2px rgba(0,0,0,0.02), 
        0 4px 4px rgba(0,0,0,0.02), 
        0 8px 8px rgba(0,0,0,0.02),
        0 16px 16px rgba(0,0,0,0.02) !important;
}
/* Wymuszenie koloru złotego dla linku "Zapomniałeś hasła?" */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a {
    color: #b59a6d !important; /* Twoje główne złoto */
    transition: all 0.3s ease !important;
}

/* Naprawa koloru po najechaniu (Hover) - koniec z zielonym */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:hover {
    color: #967d54 !important; /* Ciemniejsze, szlachetne złoto przy najechaniu */
    text-decoration: none !important;
    opacity: 0.8;
}

/* Dodatkowo: jeśli używasz przycisku "Zarejestruj się" lub innych linków pomocniczych */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-group-footer a:hover {
    color: #967d54 !important;
}
/* Ostateczne usunięcie zieleni z linku "Zapomniałeś hasła" */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a,
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:visited,
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:hover,
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:focus,
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:active {
    color: #b59a6d !important; /* Główne złoto */
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Subtelna zmiana odcienia tylko przy samym najechaniu */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-login__forgot-password a:hover {
    color: #967d54 !important; /* Ciemniejsze złoto */
    opacity: 1 !important;
}
/* Agresywne nadpisanie koloru linku w stopce formularza */
body .elementor-widget-login .elementor-login__forgot-password a,
body .elementor-widget-login .elementor-login__forgot-password a:hover,
body .elementor-widget-login .elementor-login__forgot-password a:focus {
    color: #b59a6d !important;
    text-decoration: none !important;
    background-color: transparent !important; /* Na wypadek gdyby zieleń była tłem */
    border: none !important;
}

/* Stan po najechaniu - ciemniejsze złoto */
body .elementor-widget-login .elementor-login__forgot-password a:hover {
    color: #967d54 !important;
    text-decoration: underline !important;
}
/* Nowoczesna metoda - zmiana koloru akcentu */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"] {
    appearance: none; /* Ukrywamy standardowy wygląd */
    -webkit-appearance: none;
    
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #b59a6d !important; /* Złota ramka */
    border-radius: 3px;
    background-color: transparent;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
    top: 2px; /* Korekta wyrównania do tekstu */
}

/* Wygląd po zaznaczeniu (ptaszek) */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em #b59a6d; /* Kolor wypełnienia/ptaszka */
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); /* Kształt ptaszka */
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"]:checked {
    background-color: rgba(181, 154, 109, 0.1); /* Delikatne złote tło przy zaznaczeniu */
}
/* Stylizacja pustego checkboxa */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #b59a6d !important;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/* Wygląd "ptaszka" po kliknięciu */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"]:checked::before {
    content: '\2713'; /* Kod Unicode dla ptaszka (checkmark) */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #b59a6d; /* Złoty ptaszek */
    font-size: 14px;
    font-weight: bold;
}

/* Opcjonalnie: lekkie tło przy zaznaczeniu */
.elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox input[type="checkbox"]:checked {
    background-color: #fcfaf7 !important;
}
/* Optymalizacja pod telefony (ekrany poniżej 768px) */
@media (max-width: 767px) {
    .elementor-969 .elementor-element.elementor-element-ffc9119 {
        padding: 25px 20px !important; /* Zmniejszamy wewnętrzne odstępy karty */
        margin: 10px !important; /* Dodajemy lekki margines zewnętrzny, by karta nie dotykała krawędzi ekranu */
    }

    /* Zwiększamy pola tekstowe, żeby łatwiej było w nie klikać palcem */
    .elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-textual {
        font-size: 16px !important; /* Standard dla urządzeń mobilnych - zapobiega auto-zoomowaniu iPhone'ów */
        padding: 14px 12px !important;
    }

    /* Przycisk logowania - pełna wysokość dla łatwej obsługi kciukiem */
    .elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-button {
        padding: 18px 20px !important;
        font-size: 16px !important;
    }

    /* Dopasowanie sekcji "Zapamiętaj mnie" */
    .elementor-969 .elementor-element.elementor-element-ffc9119 .elementor-field-type-checkbox label {
        font-size: 14px !important; /* Nieco większy tekst na telefonie */
    }
}/* End custom CSS */