/* FONTY: enqueue Outfit+Inter osobno (patrz handoff) */

/* ===================== LOGIN restyle (Stage 2026-07-01) ===================== */
/* Boks logowania = biala uniesiona karta (jak karty kursow); stopka czarna przyklejona do dolu ekranu. */
/* UWAGA: czarny pasek 0cf06d1 NIE jest tu ukrywany - do usuniecia u zrodla (Elementor), patrz handoff. */

/* --- tlo strony: jasne (jak panel/lekcja) --- */
body{background:#F1F0EB!important}

/* --- BOKS LOGOWANIA = biala karta --- */
.tutor-login-form-wrapper{
  max-width:460px!important; margin:60px auto 150px!important; box-sizing:border-box!important;
  background:#fff!important; border:1px solid #E9E8E4!important; border-radius:16px!important;
  box-shadow:0 1px 2px rgba(33,33,33,.05),0 24px 54px -18px rgba(33,33,33,.20)!important;
  padding:38px 36px!important;
}
/* gdyby zewnetrzny wrap mial wlasne tlo/kreske - wyzeruj, karta ma byc jedna */
.tutor-login-wrap{background:transparent!important; border:0!important; box-shadow:none!important}

/* tytul „Welcome to Movies & Learn!" -> Outfit */
.tutor-login-form-wrapper .tutor-fs-5,.tutor-login-wrap .tutor-fs-5{
  font-family:"Outfit",sans-serif!important; color:#212121!important; font-weight:600!important; letter-spacing:-.01em!important;
}

/* pola input */
.tutor-login-form-wrapper .tutor-form-control,.tutor-login-wrap .tutor-form-control{
  font-family:"Inter",sans-serif!important; font-size:14px!important; color:#212121!important;
  border:1px solid #E9E8E4!important; border-radius:9px!important; background:#FDFCF7!important; padding:12px 14px!important; box-shadow:none!important;
}
.tutor-login-form-wrapper .tutor-form-control:focus,.tutor-login-wrap .tutor-form-control:focus{
  border-color:#CA182A!important; outline:none!important; box-shadow:0 0 0 3px rgba(202,24,42,.12)!important;
}

/* checkbox „Zapamietaj mnie" + link „Nie pamietasz hasla?" */
.tutor-login-wrap label,.tutor-login-form-wrapper label{font-family:"Inter",sans-serif!important; color:#515151!important}
.tutor-login-wrap a,.tutor-login-form-wrapper a{color:#515151!important}
.tutor-login-wrap a:hover,.tutor-login-form-wrapper a:hover{color:#CA182A!important}

/* przycisk „Zaloguj sie" -> ink fill (jak CTA kart) */
.tutor-login-form-wrapper .tutor-btn-primary,.tutor-login-wrap .tutor-btn-primary{
  background:#212121!important; border:1px solid #212121!important; color:#fff!important; border-radius:9px!important;
  font-family:"Inter",sans-serif!important; font-weight:700!important; font-size:14px!important; letter-spacing:-.1px!important; box-shadow:none!important;
}
.tutor-login-form-wrapper .tutor-btn-primary:hover,.tutor-login-wrap .tutor-btn-primary:hover{background:#000!important; border-color:#000!important}

/* --- STOPKA: JASNA (matchuje header) + gorny hairline, przyklejona do dolu ekranu --- */
/* Header + stopka jako spojne jasne bookendy zamiast ciezkiej czarnej sieroty. */
footer.elementor-location-footer{
  position:fixed!important; left:0!important; right:0!important; bottom:0!important; z-index:30!important;
  background:#FDFCF7!important; border-top:1px solid #E9E8E4!important; box-shadow:none!important; margin:0!important;
}
/* wewnetrzne kontenery stopki transparentne (kolor stopki przeswieca) + tekst muted */
footer.elementor-location-footer .elementor-section,
footer.elementor-location-footer .e-con,
footer.elementor-location-footer .e-con-inner,
footer.elementor-location-footer .elementor-widget-wrap,
footer.elementor-location-footer .elementor-widget-container{background:transparent!important}
footer.elementor-location-footer,footer.elementor-location-footer *{font-family:"Inter",sans-serif!important; color:#515151!important}
footer.elementor-location-footer a:hover{color:#CA182A!important}
/* zolta pionowa kreska w footerze (F2B716 border-left) -> subtelny szary hairline (pasuje do jasnego footera) */
footer.elementor-location-footer .elementor-element-e5ae191{border-left-color:#D5D3CC!important}

/* Pasek Elementora (kontakt@ + social) - ukrywany togglem hide_top_strip
   przez klase body (odporne na optymalizator LiteSpeed, ktory wycina inline style) */
body.ml-tasma-hide-strip .elementor-element-0cf06d1 { display: none !important; }

/* ---- HEADER na stronie logowania: identyczny jak na platformie (dashboard.css)
   - jasne tlo, Inter, aktywna pozycja czerwona (prosba Patryka 2026-07-03) ---- */
header.elementor-location-header{background:#FBFBFA!important; border-bottom:0!important; box-shadow:none!important}
header.elementor-location-header .elementor-section,
header.elementor-location-header .elementor-container,
header.elementor-location-header .e-con,
header.elementor-location-header .e-con-inner,
header.elementor-location-header .elementor-widget-wrap{background:transparent!important}
header.elementor-location-header .elementor-nav-menu--main .elementor-item,
header.elementor-location-header .elementor-item{color:#515151!important;font-family:"Inter",sans-serif!important;font-weight:400!important;text-transform:none!important;font-size:14px!important;letter-spacing:.01em!important}
header.elementor-location-header .elementor-item:hover{color:#212121!important}
header.elementor-location-header .current-menu-item>a,
header.elementor-location-header .current-menu-item .elementor-item,
header.elementor-location-header .current_page_item .elementor-item{color:#CA182A!important;font-weight:700!important;box-shadow:inset 0 -2px 0 #CA182A!important}