/* ===== LOGOWANIE (TML) – układ, centrowanie, wygląd ===== */

/* TŁO + CENTROWANIE CAŁOŚCI */
.auth-shell {
    background: #eee;
    min-height: 100vh; /* pełna wysokość okna */
    display: flex; /* centrowanie */
    align-items: center; /* pion */
    justify-content: center; /* poziom */
    padding: 60px 20px;
}

/* KARTA 2 KOLUMNY */
.auth-card {
    max-width: 1100px;
    width: 100%;
    display: grid;
    grid-template-columns:1.15fr 1fr;
    gap: 28px;
}

.auth-left {
    background: #fff;
    padding: 32px 28px;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #e5e7eb, 0 12px 30px rgba(0, 0, 0, .06);
}

.auth-right {
    min-height: 560px;
    border-radius: 4px;
    background-image: url('https://oponydriver.pl/wp-content/themes/driver//public/dist/img/auth_bg.jpg');
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 0 1px #e5e7eb, 0 12px 30px rgba(0, 0, 0, .06);
}

/* NAGŁÓWKI */
.auth-title {
    font-weight: 800;
    font-size: 28px;
    margin: 0 0 6px;
}

.auth-sub {
    color: #6b7280;
    margin: 0 0 22px;
}

/* POLA FORMULARZA TML */
/* Ujednolicenie szarego stylu także dla naszych custom pól */
.tml form .tml-field-wrap input[type="text"],
.tml form .tml-field-wrap input[type="email"],
.tml form .tml-field-wrap input[type="password"],
#row-billing_company .input,
#row-billing_nip .input {
    width:100%;
    height:42px;
    padding:10px 12px;
    background:#eee;
    border:0;
    border-radius:0;
    box-shadow:none;
}


.tml .tml-rememberme-wrap {
    margin-top: 8px;
}

/* LINKI TML POD POLAMI */
.tml .tml-links {
    list-style: none;
    padding-left: 0;
    margin: 10px 0 0;
}

.tml .tml-links .tml-register-link {
    display: none;
}

/* rejestracja mamy własną niżej */
.tml .tml-links .tml-lostpassword-link a {
    color: #f2b400;
    text-decoration: none;
}

.tml .tml-links .tml-lostpassword-link a:hover {
    text-decoration: underline;
}

/* PRZYCISK TML – U CIEBIE TO <button class="tml-button"> */
.tml .tml-submit-wrap .tml-button {
    width: 100%;
    height: 46px;
    margin-top: 14px;
    background: #ffd11a !important;
    color: #111 !important;
    border: 0;
    border-radius: 0;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
    cursor: pointer;
}

.tml .tml-submit-wrap .tml-button::before {
    content: "\1F511 "; /* 🔑 kod Unicode dla klucza */
    margin-right: .45em;
    font-weight: 400;
}

/* NASZ TEKST POD FORMULARZEM */
.auth-meta {
    margin-top: 18px;
    color: #9aa0a6;
    text-align: center;
}

.auth-link {
    color: #f2b400;
    text-decoration: none;
}

.auth-link:hover {
    text-decoration: underline;
}

/* RESPONSYWNOŚĆ */
@media (max-width: 980px) {
    .auth-card {
        grid-template-columns:1fr;
    }

    .auth-right {
        min-height: 260px;
    }
}

/* Usunięcie marginesów Avady na tej stronie */
.page-id-20655 #main, .page-id-20666 #main, .page-id-20682 #main, .page-id-21350 #main  {
    background: #eee !important;
    padding: 0 !important;
    margin: 0;
}

/* TML: czarny tekst w polach + placeholder */
.page-id-20655 .tml .tml-field, .page-id-20666 .tml .tml-field, .page-id-20682 .tml .tml-field, .page-id-21350 .tml .tml-field{
  color:#000 !important;
  -webkit-text-fill-color:#000; /* Safari/Chrome przy autouzupełnianiu */
}

.page-id-20655 .tml .tml-field::placeholder, .page-id-20666 .tml .tml-field::placeholder, .page-id-20682 .tml .tml-field::placeholder, .page-id-21350 .tml .tml-field::placeholder{
  color:#9aa0a6;    /* szary placeholder */
  opacity:1;
}

/* Rejestracja (ukrywamy listę linków TML pod formularzem) */
.tml.tml-register .tml-links{ display:none; }

/* Ikona w przycisku rejestracji – gruby plus */
.tml.tml-register .tml-submit-wrap .tml-button::before{
    content:"\2795 "; /* ➕ */
    margin-right:.45em;
    font-weight:400;
}
.auth-btn{
    display:inline-block; text-align:center;
    background:#ffd11a; color:#111; font-weight:800; text-transform:uppercase;
    padding:12px 18px; border-radius:0; border:0; text-decoration:none;
}
.auth-btn--secondary{
    background:#eee; color:#111; font-weight:700; text-transform:none;
}
/* Ramka błędu/sukcesu TML w naszym boxie */
.tml .tml-alerts { margin-bottom:16px; }
.tml .tml-error, .tml .tml-message {
    padding:12px 14px;
    border-radius:4px;
    border:1px solid transparent;
    box-shadow:none;
}
.tml .tml-error   { background:#fff3f3; border-color:#f5c2c7; color:#b4232c; }
.tml .tml-message { background:#eef8ff; border-color:#b6e0fe; color:#0b5394; }
body:not(.logged-in) li.avada-menu-login-box { display: none !important; }



/*Przypomnienie hasa*/
/* --- LOST PASSWORD – dopięcie styli do Twojego layoutu --- */

/* usuń marginesy Avady na tej podstronie (po ID lub po nazwie szablonu) */
.page-template-przypomnienie-hasla-tml #main { padding:0 !important; margin:0; }

/* schowaj domyślne tytuły/komunikaty/linki TML pod formularzem */
.page-template-przypomnienie-hasla-tml .tml .tml-title,
.page-template-przypomnienie-hasla-tml .tml .tml-message,
.page-template-przypomnienie-hasla-tml .tml .tml-links { display: none !important; }

/* pola */
.page-template-przypomnienie-hasla-tml .tml .tml-field-wrap input[type="text"],
.page-template-przypomnienie-hasla-tml .tml .tml-field-wrap input[type="email"]{
    width:100%; height:46px; padding:10px 14px; background:#eee; border:0; border-radius:0; box-shadow:none;
}
.page-template-przypomnienie-hasla-tml .tml .tml-field::placeholder{ color:#9aa0a6; }

/* przycisk „Wyślij nowe hasło” */
.page-template-przypomnienie-hasla-tml .tml .tml-submit-wrap .tml-button{
    width:100%; height:46px; margin-top:14px;
    background:#ffd11a !important; color:#111 !important;
    border:0; border-radius:0; font-weight:800; letter-spacing:.3px; text-transform:uppercase; cursor:pointer;
}
.page-template-przypomnienie-hasla-tml .tml .tml-submit-wrap .tml-button::before{
    content:"\1F512  "; /* 🔒  mała ikonka przed tekstem */
    font-weight:400; margin-right:.35em;
}

/* nasz przycisk powrotu */
.page-template-przypomnienie-hasla-tml .auth-back{
    display:inline-flex; align-items:center; gap:10px;
    margin-top:22px; border:1px solid #000; border-radius:20px; padding:10px 16px;
    color:#000; text-decoration:none;
}
.page-template-przypomnienie-hasla-tml .auth-back:hover{ background:#000; color:#fff; }

/* prawa kolumna – obrazek (u Ciebie ta sama klasa co w login/rejestracja) */
.page-template-przypomnienie-hasla-tml .auth-right{
    min-height:560px; border-radius:4px;
    background-size:cover; background-position:center;
    box-shadow:0 0 0 1px #e5e7eb, 0 12px 30px rgba(0,0,0,.06);
}

/* responsywność – przełącz na jedną kolumnę jak w login/rejestracja */
@media (max-width:980px){
    .page-template-przypomnienie-hasla-tml .auth-card{ grid-template-columns:1fr; }
    .page-template-przypomnienie-hasla-tml .auth-right{ min-height:260px; }
}

#mycred-edit-user-wrapper{
    display: none !important;
}