/* Nakladka na Tutor LMS 4 w stylu strony v2 (Kosari, 28.09.2026). Laduje ja mu-plugin kwt-jt2-tutor.php
   tylko na kokpicie, stronie kursu i lekcji - i tylko gdy body ma klase .jtp-on.
   Kolory i fonty jak jt2.css: zloto #B79D47, gradient 239deg #dfcc8d -> #92723b, Playfair Display + Roboto 300, ostre rogi, zdjecia 5px. */

/* ---------- zmienne Tutora -> marka ---------- */
body.jtp-on{
  --tutor-brand-50:#fdfbf6;--tutor-brand-100:#fbf7ee;--tutor-brand-200:#f5eddb;--tutor-brand-300:#efe3c6;--tutor-brand-400:#dfcc8d;
  --tutor-brand-450:#cdb66f;--tutor-brand-500:#c4a95c;--tutor-brand-600:#b79d47;--tutor-brand-700:#92723b;--tutor-brand-800:#7a5f30;
  --tutor-brand-900:#5e4924;--tutor-brand-950:#3a2d16;
  --tutor-font-family-body:'Roboto',Arial,sans-serif;
  --tutor-font-family-heading:'Playfair Display',Georgia,'Times New Roman',serif;
  --tutor-text-primary:#1c1c1c;--tutor-text-secondary:#333;--tutor-text-subdued:#6b6459;
  --tutor-text-brand:#8a6f2e;--tutor-text-brand-hover:#92723b;
  --tutor-surface-base:#fff;--tutor-surface-l1:#fff;--tutor-surface-sidebar-l1:#fbf7ee;
  --tutor-border-idle:#e7e2d8;
  /* stary system Tutora (strona kursu) */
  --tutor-color-primary:#b79d47;--tutor-color-primary-rgb:183,157,71;--tutor-color-primary-hover:#92723b;--tutor-color-primary-hover-rgb:146,114,59;
  --tutor-body-color:#1c1c1c;
  --jtp-grad:linear-gradient(239deg,#dfcc8d 0%,#92723b 100%);
  --jtp-cream:linear-gradient(135deg,#fbf7ee 0%,#f3e9d0 100%);
  --jtp-line:#e7e2d8;--jtp-cream-line:#eadfc4;
  --jtp-serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --jtp-sans:'Roboto',Arial,sans-serif;
  background:#f6f2e8; /* kremowe tlo jak na stronach v2 (user 13.10.2026: "nakladka tutor tez zmien tlo", potem "tlo zmien na #f6f2e8"); naglowek i stopka biale */
}
/* naglowek i stopka v2: wrapper nie tworzy pudelka, zeby naglowek byl przyklejony do gory jak na stronie */
html:has(body.jtp-on){background:#f6f2e8}
/* kremowe tlo takze pod kokpitem i lekcja (Tutor maluje je na bialo) oraz mgielka pod zwinietym opisem kursu */
body.jtp-kokpit .tutor-dashboard-layout,body.jtp-lekcja .tutor-learning-area{background:#f6f2e8!important}
body.jtp-kurs .tutor-toggle-more-collapsed:before{background:linear-gradient(rgba(246,242,232,0) 1.31%,rgba(246,242,232,.72) 15.41%,#f6f2e8 100%)}
body.jtp-on .jtp-shell{display:contents}
body.jtp-kokpit{display:flex;flex-direction:column;min-height:100vh}
body.jtp-kokpit .tutor-dashboard-layout{flex:1 0 auto}
body.jtp-on .jtp-shell .jt2-footer{margin-top:90px}

/* ---------- wspolne elementy Tutora ---------- */
body.jtp-on :is(.tutor-dashboard-layout,.tutor-learning-area,.tutor-course-details-page,.tutor-modal-content) :is(.tutor-btn,input,textarea,select,.tutor-input,.tutor-form-control,.tutor-card,.tutor-popover,.tutor-progress-bar,.tutor-progress-bar-fill){border-radius:0!important}
body.jtp-on .tutor-btn.tutor-btn-primary,body.jtp-on .tutor-btn-primary:is(a,button){background:var(--jtp-grad)!important;border:0!important;color:#fff!important;font-family:var(--jtp-serif)!important;font-weight:600!important;letter-spacing:.9px;box-shadow:none!important;transition:filter .25s,box-shadow .25s}
body.jtp-on .tutor-btn.tutor-btn-primary:hover{filter:brightness(1.07);box-shadow:0 8px 22px rgba(146,114,59,.28)!important}
body.jtp-on .tutor-btn.tutor-btn-primary svg{color:#fff}
body.jtp-on .tutor-btn:is(.tutor-btn-secondary,.tutor-btn-outline,.tutor-btn-outline-primary){background:#fff!important;border:1px solid #000!important;color:#000!important;font-family:var(--jtp-serif)!important;font-weight:600!important;letter-spacing:.6px;box-shadow:none!important}
body.jtp-on .tutor-btn:is(.tutor-btn-secondary,.tutor-btn-outline,.tutor-btn-outline-primary):hover{border-color:#b79d47!important;color:#92723b!important}
body.jtp-on .tutor-btn.tutor-btn-link{color:#000;text-decoration:none;border-bottom:1px solid #b79d47;border-radius:0;font-family:var(--jtp-serif);font-weight:400}
body.jtp-on .tutor-btn.tutor-btn-link:hover{color:#b79d47}
body.jtp-on :is(.tutor-progress-bar,.tutor-progress-bar-fill){border-radius:0!important}
body.jtp-on .tutor-progress-bar{background:rgba(146,114,59,.16)!important;height:4px!important}
body.jtp-on .tutor-progress-bar-fill,body.jtp-on .tutor-progress-value{background:var(--jtp-grad)!important}
body.jtp-on :is(input,textarea,select):focus{border-color:#b79d47!important;box-shadow:0 0 0 3px rgba(183,157,71,.15)!important;outline:0!important}

/* =========================================================
   KOKPIT (panel kursantki)
   ========================================================= */
body.jtp-kokpit .tutor-dashboard-layout{display:block;min-height:0}
/* boczne menu -> zakladki pod naglowkiem strony */
/* pasek zakladek: kremowe tlo tylko w szerokosci kontenera, bez linii */
body.jtp-kokpit .tutor-dashboard-sidebar{position:static!important;display:flex!important;align-items:center;gap:24px;box-sizing:border-box;width:calc(100% - 60px);max-width:1390px;min-height:0!important;height:auto;margin:0 auto;padding:0 28px;background:var(--jtp-cream)!important;border:0!important}
/* pasek zakladek wyrozniony na kremowym tle: bialy, ze zlota linia u gory jak kafelki liczb, odsuniety od naglowka
   (user 13.10.2026: "tutor-dashboard-sidebar - to tez trzeba jakos wyroznic") */
body.jtp-kokpit .tutor-dashboard-sidebar{margin-top:22px;background:#fff!important;border:1px solid var(--jtp-line)!important;border-top:2px solid #b79d47!important;box-shadow:0 10px 30px rgba(146,114,59,.08)}
body.jtp-kokpit .tutor-dashboard-sidebar-logo{display:none!important}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav{flex:1 1 auto;width:auto;min-width:0;padding:0!important;overflow-x:auto;scrollbar-width:none}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav::-webkit-scrollbar{display:none}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul{flex-direction:row!important;gap:0!important}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li::after{display:none!important}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a{position:relative;gap:10px!important;padding:21px 18px!important;background:none!important;border-radius:0!important;font:400 15px/1 var(--jtp-serif)!important;letter-spacing:.4px;text-transform:uppercase;color:#000!important;white-space:nowrap}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li:first-child a{padding-left:0!important}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a svg{width:18px;height:18px;color:#92723b}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a::after{content:'';position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:var(--jtp-grad);transform:scaleX(0);transition:transform .25s}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li:first-child a::after{left:0}
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a:hover,body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a.active{color:#b79d47!important}
/* bez linii pod aktywna zakladka - wyroznia ja sam zloty kolor */
body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a::after{display:none!important}
body.jtp-kokpit .tutor-see-all-courses{position:static!important;inset:auto!important;width:auto!important;display:inline-flex!important;background:none!important;border-radius:0!important;flex:0 0 auto;margin:0!important;padding:0 0 3px!important;border-bottom:1px solid #b79d47;font:400 16px/1.3 var(--jtp-serif)!important;color:#000!important;text-decoration:none;white-space:nowrap}
body.jtp-kokpit .tutor-see-all-courses:hover{color:#b79d47!important}
body.jtp-kokpit .tutor-see-all-courses svg{display:none}
/* dolny pasek aplikacji na telefonie - zastapiony zakladkami u gory */
body.jtp-kokpit .tutor-dashboard-nav-mobile{display:none!important}
/* tresc w kontenerze strony */
body.jtp-kokpit .tutor-dashboard-main{max-width:1450px;margin:0 auto;padding:0 30px}
body.jtp-kokpit .tutor-dashboard-layout .tutor-dashboard-page{max-width:none;padding:44px 0 0!important}
/* powitanie */
body.jtp-kokpit .tutor-dashboard-header{position:static!important;height:auto!important;padding:56px 0 30px!important;background:transparent;border-bottom:1px solid #000}
/* powitanie "Czesc, ..." tylko na glownej kokpitu i na liscie kursow; gdzie indziej zostaje sam awatar z menu konta */
body.jtp-kokpit:not(.jtp-ks-index):not(.jtp-ks-courses) .tutor-dashboard-header-left{display:none!important}
body.jtp-kokpit:not(.jtp-ks-index):not(.jtp-ks-courses) .tutor-dashboard-header{padding:24px 0 0!important;border-bottom:0!important}
body.jtp-kokpit:not(.jtp-ks-index):not(.jtp-ks-courses) .tutor-dashboard-header-inner{justify-content:flex-end!important}
body.jtp-kokpit .tutor-dashboard-header-inner{max-width:none!important;margin:0!important;padding-inline:0!important;align-items:flex-end}
body.jtp-kokpit .tutor-dashboard-header-left::before{content:'Panel kursantki';display:block;margin:0 0 14px;font:400 13px/1.4 var(--jtp-sans);letter-spacing:2.5px;text-transform:uppercase;color:#92723b}
body.jtp-kokpit .tutor-dashboard-header-left .tutor-h5,body.jtp-kokpit .tutor-dashboard-header-left h1,body.jtp-kokpit .tutor-dashboard-header-left h2{font:400 clamp(34px,4.4vw,60px)/1.05 var(--jtp-serif)!important;text-transform:uppercase;color:#000!important}
body.jtp-kokpit .tutor-dashboard-header-left .tutor-text-subdued{color:#b79d47!important}
body.jtp-kokpit .tutor-dashboard-header-user-avatar,body.jtp-kokpit .tutor-dashboard-header-user-avatar .tutor-avatar-initials{border-radius:0!important}
body.jtp-kokpit .tutor-dashboard-header-user-avatar .tutor-avatar{width:44px;height:44px;border-radius:0!important;background:var(--jtp-cream);border:1px solid var(--jtp-cream-line)}
body.jtp-kokpit .tutor-dashboard-header-user-avatar .tutor-avatar-initials{font:500 16px/1 var(--jtp-serif);color:#92723b}
body.jtp-kokpit .tutor-dashboard-header-user-popover{border-radius:0!important;border-top:2px solid #b79d47!important;box-shadow:0 14px 40px rgba(0,0,0,.10)!important}
body.jtp-kokpit .tutor-dashboard-header-user-popover-menu a{font:400 16px/1.4 var(--jtp-serif)!important;color:#000!important}
body.jtp-kokpit .tutor-dashboard-header-user-popover-menu a:hover{color:#b79d47!important;background:transparent!important}
/* ostre rogi w calym kokpicie (poza awatarami, spinnerami i radiami) */
body.jtp-kokpit :is(.tutor-dashboard-body,.tutor-dashboard-isolated-page-wrapper) :is(div,a,button,section,form,label,ul,li,textarea,select,input:not([type=radio]),img):not(.tutor-avatar):not(.tutor-avatar *):not([class*=spinner]):not([class*=loader]):not(.jtp-pulpit *){border-radius:0!important}
/* profil: okladka w kolorach marki zamiast domyslnej niebieskiej */
body.jtp-kokpit :is(.tutor-profile-wrapper,.tutor-profile-card,.tutor-profile-card-header){border-radius:0!important}
body.jtp-kokpit .tutor-profile-card-header{background:var(--jtp-cream)!important;background-image:var(--jtp-cream)!important}
body.jtp-kokpit .tutor-user-profile-title,body.jtp-kokpit .tutor-dashboard-isolated-page-wrapper h1,body.jtp-kokpit .tutor-dashboard-isolated-page-wrapper h2,body.jtp-kokpit .tutor-dashboard-isolated-page-wrapper h3{font-family:var(--jtp-serif)!important;font-weight:400!important}
/* Moje kursy (instruktorka): okladki w calosci - ramka w proporcji okladki 4:5 zamiast przycietego paska 156 px */
body.jtp-kokpit .tutor-dashboard-my-courses .tutor-my-courses-card-thumb{height:auto!important;aspect-ratio:4/5;background:var(--jtp-cream)}
body.jtp-kokpit .tutor-dashboard-my-courses .tutor-my-courses-card-thumb img{object-fit:contain!important}
/* kafelki liczb */
body.jtp-kokpit .tutor-stat-card{padding:24px 24px 22px!important;background:#fff!important;border:1px solid var(--jtp-line)!important;border-top:2px solid #b79d47!important;border-radius:0!important;box-shadow:none!important;text-decoration:none}
body.jtp-kokpit .tutor-stat-card-enrolled{background:var(--jtp-cream)!important;border-color:var(--jtp-cream-line)!important;border-top-color:#b79d47!important}
body.jtp-kokpit .tutor-stat-card-title{font:400 12.5px/1.4 var(--jtp-sans)!important;letter-spacing:1.4px;text-transform:uppercase;color:#6b6459!important}
body.jtp-kokpit .tutor-stat-card-icon{color:#92723b!important}
body.jtp-kokpit .tutor-stat-card-icon svg *{stroke:#92723b}
body.jtp-kokpit .tutor-stat-card-value{margin-top:12px;font:400 46px/1 var(--jtp-serif)!important;color:#000!important}
/* naglowki sekcji */
body.jtp-kokpit .tutor-student-dashboard-courses>.tutor-flex:first-child{align-items:flex-end;margin:56px 0 30px!important;padding:0 0 18px;border-bottom:1px solid #000}
body.jtp-kokpit .tutor-student-dashboard-courses>.tutor-flex:first-child>.tutor-small{font:400 clamp(26px,2.8vw,38px)/1.1 var(--jtp-serif)!important;text-transform:uppercase;color:#b79d47}
/* karty "Kontynuuj nauke" */
body.jtp-kokpit .tutor-progress-card{padding:0!important;background:var(--jtp-cream)!important;border:1px solid var(--jtp-cream-line)!important;border-radius:0!important;box-shadow:none!important;transition:box-shadow .25s}
body.jtp-kokpit .tutor-progress-card:hover{box-shadow:0 14px 40px rgba(0,0,0,.10)!important}
body.jtp-kokpit .tutor-progress-card-thumbnail,body.jtp-kokpit .tutor-progress-card-thumbnail img{border-radius:0!important}
body.jtp-kokpit .tutor-progress-card-title{font:400 24px/1.3 var(--jtp-serif)!important;color:#000!important}
body.jtp-kokpit .tutor-progress-card-details{font:300 14.5px/1.5 var(--jtp-sans)!important;color:#6b6459!important}
body.jtp-kokpit .tutor-progress-card-content{padding:18px 22px!important}
body.jtp-kokpit .tutor-progress-card-actions{padding:0 24px 24px}

/* =========================================================
   LEKCJA (tryb skupienia)
   ========================================================= */
body.jtp-lekcja .tutor-learning-header{background:#fff;border-bottom:1px solid var(--jtp-line);padding:6px 22px}
body.jtp-lekcja .tutor-learning-header-inner{background:transparent!important;border-radius:0!important}
body.jtp-lekcja .tutor-learning-header-back{display:flex;align-items:center}
/* logo strony obok strzalki */
body.jtp-lekcja .tutor-learning-header-title{display:flex;align-items:center;min-width:0;font:400 19px/1.25 var(--jtp-serif)!important;color:#000!important}
body.jtp-lekcja .tutor-learning-header-title::before{content:'';flex:0 0 auto;width:101px;height:46px;margin-right:20px;padding:0 20px;border-right:1px solid var(--jtp-line);background:url(https://julitatobiasz.pl/wp-content/uploads/2023/11/logo.png) no-repeat center/contain content-box}
body.jtp-lekcja .tutor-learning-header-back .tutor-btn{color:#000}
/* lista lekcji */
body.jtp-lekcja .tutor-learning-sidebar{background:linear-gradient(180deg,#fbf7ee 0%,#f5eddb 100%)!important;border-right:1px solid var(--jtp-cream-line)}
body.jtp-lekcja .tutor-learning-sidebar .tutor-learning-sidebar-curriculum,body.jtp-lekcja .tutor-learning-sidebar-pages,body.jtp-lekcja .tutor-learning-pages{background:transparent!important;border-radius:0!important}
body.jtp-lekcja .tutor-learning-sidebar-pages{border-top:1px solid rgba(146,114,59,.2)}
body.jtp-lekcja .tutor-learning-area-content :is(.tutor-lesson-content,.tutor-lesson-content-tab,.tutor-tabs-content,.tutor-tab-panel,.tutor-card){border-radius:0!important}
body.jtp-lekcja .tutor-learning-sidebar .tutor-learning-nav-topic.active:not(.expanded){border-radius:0!important}
body.jtp-lekcja .tutor-learning-progress-text{font:400 16px/1.3 var(--jtp-serif)!important;color:#000}
body.jtp-lekcja .tutor-learning-progress-text span{font-weight:400!important;color:#92723b}
body.jtp-lekcja .tutor-learning-nav-topic{border-bottom:1px solid rgba(146,114,59,.2)}
body.jtp-lekcja .tutor-learning-nav-header{border-radius:0!important;background:transparent!important}
body.jtp-lekcja .tutor-learning-nav-header-title{font:400 15.5px/1.3 var(--jtp-serif)!important;letter-spacing:.4px;text-transform:uppercase;color:#000!important}
body.jtp-lekcja .tutor-learning-nav-item{border-radius:0!important;color:#1c1c1c!important;font-family:var(--jtp-sans)!important;transition:background .2s}
body.jtp-lekcja .tutor-learning-nav-item:hover{background:rgba(255,255,255,.6)!important}
body.jtp-lekcja .tutor-learning-nav-item.active{background:#fff!important}
body.jtp-lekcja .tutor-learning-nav-item svg{color:#92723b}
body.jtp-lekcja .tutor-learning-nav-item .tutor-text-subdued{color:#6b6459!important}
body.jtp-lekcja .tutor-learning-pages-item{border-radius:0!important;font-family:var(--jtp-serif)!important}
/* tresc */
body.jtp-lekcja .tutor-learning-area-content{background:#f6f2e8}
body.jtp-lekcja .tutor-lesson-content-tab{border-radius:0!important;border-color:var(--jtp-line)!important}
body.jtp-lekcja .tutor-lesson-video-wrapper,body.jtp-lekcja .tutor-video-player,body.jtp-lekcja .tutor-ratio{border-radius:0!important}
body.jtp-lekcja .tutor-lesson-content .tutor-lesson-content-tab .tutor-tabs-nav,body.jtp-lekcja .tutor-lesson-content .tutor-tabs-nav *{border-radius:0!important}
body.jtp-lekcja .tutor-lesson-content .tutor-lesson-content-tab .tutor-tabs-nav{border-color:var(--jtp-line)!important}
body.jtp-lekcja .tutor-learning-area-notes textarea{background:#fff!important;border:1px solid var(--jtp-line)!important;font:400 16px/1.6 var(--jtp-sans)!important}
body.jtp-lekcja .tutor-learning-area-footer .tutor-btn-ghost{font-family:var(--jtp-serif)!important;color:#000!important}
body.jtp-lekcja .tutor-mark-as-complete-button{background:var(--jtp-grad)!important;border:0!important;border-radius:0!important;color:#fff!important;font:600 15px/1.3 var(--jtp-serif)!important;letter-spacing:.9px;opacity:1!important}
body.jtp-lekcja .tutor-mark-as-complete-button *{color:#fff!important}
/* "Wszystkie lekcje" - na telefonie i tablecie zamiast malej ikonki przy X (klientki jej nie znajdowaly) */
@media (max-width:991.98px){
  /* pasek z "Wszystkie lekcje" jest wyzszy niz 64 px, ktore Tutor zostawia pod stalym paskiem - wiec przyklejony w przeplywie, tresc pod nim */
  body.jtp-lekcja .tutor-learning-header{padding:0;position:sticky!important}
  body.jtp-lekcja .tutor-learning-area .tutor-learning-area-content{padding-top:0!important}
  body.jtp-lekcja .tutor-learning-area .tutor-learning-area-container{padding-top:20px}
  body.jtp-lekcja .tutor-learning-header-inner{flex-wrap:wrap}
  body.jtp-lekcja .tutor-learning-header-content{flex:1 1 0;min-width:0;padding:8px 16px}
  body.jtp-lekcja .tutor-learning-header-title::before{display:none}
  body.jtp-lekcja .tutor-learning-header-title{padding-left:14px;font-size:16px!important}
  body.jtp-lekcja .tutor-learning-header .tutor-learning-header-toggle-mobile{order:3;flex:0 0 100%;width:100%!important;height:auto!important;margin:0!important}
  body.jtp-lekcja .tutor-learning-header .tutor-learning-header-toggle-mobile .tutor-btn{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;width:100%!important;height:auto!important;min-height:0;padding:14px 16px!important;background:var(--jtp-cream)!important;border:0!important;border-top:1px solid var(--jtp-cream-line)!important;border-radius:0!important;color:#000!important}
  body.jtp-lekcja .tutor-learning-header .tutor-learning-header-toggle-mobile .tutor-btn svg{width:22px;height:22px;color:#92723b}
  body.jtp-lekcja .tutor-learning-header .tutor-learning-header-toggle-mobile .tutor-btn::after{content:'Wszystkie lekcje';font:400 16px/1.2 var(--jtp-serif);letter-spacing:.4px;text-transform:uppercase}
  /* otwarta lista lekcji ma wlasny wiersz: nazwa kursu + X (zamknij). Pasek "Wszystkie lekcje" dotyczy tylko naglowka lekcji -
     wczesniej reguly lapaly tez ten X i znikal (user 13.10.2026: "brakuje X ... jako powrot") */
  body.jtp-lekcja .tutor-learning-sidebar>.tutor-lg-flex{flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:6px 8px 6px 14px;border-bottom:1px solid var(--jtp-cream-line)}
  body.jtp-lekcja .tutor-learning-sidebar .tutor-learning-header-title{flex:1 1 auto;min-width:0;padding-left:0}
  body.jtp-lekcja .tutor-learning-sidebar .tutor-learning-header-toggle-mobile{flex:0 0 44px;width:44px!important;height:44px!important;margin:0 0 0 auto!important}
  body.jtp-lekcja .tutor-learning-sidebar .tutor-learning-header-toggle-mobile .tutor-btn{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;padding:0!important;background:transparent!important;border:0!important;color:#000!important}
  body.jtp-lekcja .tutor-learning-sidebar .tutor-learning-header-toggle-mobile .tutor-btn svg{width:24px;height:24px}
}

/* =========================================================
   STRONA KURSU (stary szablon Tutora w motywie Astra)
   ========================================================= */
body:is(.jtp-kurs,.jtp-logowanie) .elementor-location-header,body:is(.jtp-kurs,.jtp-logowanie) .elementor-location-footer,body:is(.jtp-kurs,.jtp-logowanie) #masthead,body:is(.jtp-kurs,.jtp-logowanie) #colophon{display:none!important}
/* Astra trzyma #page na min. wysokosc ekranu - stopka v2 jest za #page, wiec spadala pod krawedz */
body:is(.jtp-kurs,.jtp-logowanie) #page{min-height:0!important}
body.jtp-kurs,body.jtp-kurs .site,body.jtp-kurs .site-content,body.jtp-kurs #primary,body.jtp-kurs .ast-separate-container,body.jtp-kurs.ast-separate-container{background:#f6f2e8!important}
body.jtp-kurs .site-content .ast-container{max-width:1450px!important;padding-left:30px!important;padding-right:30px!important}
body.jtp-kurs #primary,body.jtp-kurs .ast-article-single,body.jtp-kurs .site-main>article{margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body.jtp-kurs .tutor-course-details-page{max-width:none;padding:56px 0 0!important;font:300 16px/1.9 var(--jtp-sans);color:#1c1c1c}
body.jtp-kurs .tutor-course-details-title{margin-top:10px!important;font:400 clamp(40px,5.2vw,76px)/1.02 var(--jtp-serif)!important;letter-spacing:-.5px;text-transform:uppercase;color:#000!important}
body.jtp-kurs .tutor-course-details-header{padding-bottom:26px;border-bottom:1px solid #000}
body.jtp-kurs .tutor-ratings-stars [class*="tutor-icon-star"]{color:#b79d47!important}
body.jtp-kurs .tutor-course-details-top .tutor-btn-ghost{font-family:var(--jtp-serif);color:#000}
body.jtp-kurs .tutor-course-thumbnail img{border-radius:5px;box-shadow:0 14px 40px rgba(0,0,0,.10)}
body.jtp-kurs .tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs){border-bottom:1px solid var(--jtp-line)!important}
body.jtp-kurs .tutor-nav-link{font:400 15px/1 var(--jtp-serif)!important;letter-spacing:.4px;text-transform:uppercase;color:#6b6459!important}
body.jtp-kurs .tutor-nav-link.is-active,body.jtp-kurs .tutor-nav-link:hover{color:#000!important}
body.jtp-kurs .tutor-nav-link.is-active::after{background:var(--jtp-grad)!important;height:2px!important}
body.jtp-kurs .tutor-course-details-content,body.jtp-kurs .tutor-course-details-content p{font:300 16px/1.9 var(--jtp-sans)!important;color:#1c1c1c!important}
body.jtp-kurs .tutor-course-details-page :is(h2,h3,.tutor-fs-5,.tutor-fs-6).tutor-fw-bold,body.jtp-kurs .tutor-course-details-page .tutor-fs-5{font-family:var(--jtp-serif)!important;font-weight:400!important;color:#000!important}
/* program kursu: biale karty na kremowym tle (22.10.2026, user: "napraw to - wyglad" - po zmianie tla na krem
   tematy staly sie bialymi kartami Tutora, a tytuly i lekcje stykaly sie z ich lewa krawedzia) */
body.jtp-kurs .tutor-accordion-item{background:#fff!important;border:1px solid var(--jtp-line)!important;border-radius:0!important;overflow:hidden}
body.jtp-kurs .tutor-accordion-item:not(:last-child){margin-bottom:12px!important}
body.jtp-kurs .tutor-accordion-item:has(>.tutor-accordion-item-header.is-active){border-top:2px solid #b79d47!important}
body.jtp-kurs .tutor-accordion-item-header{padding:22px 64px 22px 28px!important;background:transparent!important;border-radius:0!important;font:400 20px/1.3 var(--jtp-serif)!important;letter-spacing:.4px;text-transform:uppercase;color:#000!important}
body.jtp-kurs .tutor-accordion-item-header::after{right:28px!important;color:#b79d47!important}
body.jtp-kurs .tutor-accordion-item-header.is-active{color:#b79d47!important}
body.jtp-kurs .tutor-accordion-item-body{padding:0!important}
body.jtp-kurs .tutor-accordion-item-body-content{padding:0 28px 10px!important;border-top:1px solid var(--jtp-line)!important}
body.jtp-kurs .tutor-course-content-list{margin:0!important}
body.jtp-kurs .tutor-course-content-list-item{padding:14px 0!important;background:transparent!important}
body.jtp-kurs .tutor-course-content-list-item+.tutor-course-content-list-item{border-top:1px solid var(--jtp-line)}
body.jtp-kurs .tutor-course-content-list-item-title,body.jtp-kurs .tutor-course-content-list-item-title a{font:400 16px/1.5 var(--jtp-sans)!important;color:#1c1c1c!important}
body.jtp-kurs .tutor-course-content-list-item-icon{color:#92723b!important}
@media (max-width:640px){
  body.jtp-kurs .tutor-accordion-item-header{padding:18px 48px 18px 18px!important;font-size:17px!important}
  body.jtp-kurs .tutor-accordion-item-header::after{right:18px!important}
  body.jtp-kurs .tutor-accordion-item-body-content{padding:0 18px 6px!important}
}
/* karta z postepem */
body.jtp-kurs .tutor-sidebar-card,body.jtp-kurs .tutor-single-course-sidebar .tutor-card{background:var(--jtp-cream)!important;border:1px solid var(--jtp-cream-line)!important;border-radius:0!important;box-shadow:none!important}
body.jtp-kurs .tutor-sidebar-card .tutor-card-body{background:transparent!important}
body.jtp-kurs .tutor-single-course-sidebar :is(.tutor-card,.tutor-single-course-sidebar-more,.tutor-course-details-instructors){border-radius:0!important}
body.jtp-kurs .tutor-single-course-sidebar-more .tutor-card,body.jtp-kurs .tutor-course-details-instructors{background:#fff!important;border:1px solid var(--jtp-line)!important;box-shadow:none!important}
body.jtp-kurs .tutor-sidebar-card .tutor-card-footer{background:transparent!important;border-top:1px solid rgba(146,114,59,.2)!important}
body.jtp-kurs .tutor-course-progress-wrapper h3,body.jtp-kurs .tutor-single-course-sidebar h3{font:400 24px/1.25 var(--jtp-serif)!important;color:#000!important}
body.jtp-kurs .tutor-single-course-sidebar .tutor-btn-block{padding:14px 20px!important}

/* =========================================================
   KOKPIT - strona glowna: karta "Kontynuuj nauke" + okladki "Twoje kursy" (mu-plugin, hak tutor_before_dashboard_content)
   wyglad 1:1 z makiety tutor-platforma-test.html
   ========================================================= */
body.jtp-kokpit .jtp-pulpit{margin:0 0 70px}
/* mala lista Tutora "Kontynuuj nauke" dublowalaby karte */
body.jtp-kokpit .jtp-pulpit ~ .tutor-student-dashboard-courses,body.jtp-kokpit .jtp-pulpit ~ * .tutor-student-dashboard-courses{display:none!important}
.jtp-pulpit .jtp-eyebrow{margin:0 0 14px;font:400 13px/1.4 var(--jtp-sans);letter-spacing:2.5px;text-transform:uppercase;color:#92723b}
/* okladka w calosci: kolumna w proporcji okladki 4:5 zamiast przycietego paska 16:9 */
.jtp-pulpit .jtp-dalej{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);background:var(--jtp-cream);border:1px solid var(--jtp-cream-line)}
.jtp-pulpit .jtp-dalej__txt{display:flex;flex-direction:column;justify-content:center;padding:46px 52px}
.jtp-pulpit .jtp-dalej__t{font:400 clamp(24px,2.3vw,32px)/1.3 var(--jtp-serif);color:#000}
.jtp-pulpit .jtp-dalej .jtp-prog{margin:26px 0 30px}
.jtp-pulpit .jtp-dalej .jt2-btn{align-self:flex-start}
.jtp-pulpit .jtp-video{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--jtp-cream)}
.jtp-pulpit .jtp-video img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.jtp-pulpit .jtp-video::after{display:none}
.jtp-pulpit .jtp-play{position:absolute;left:26px;bottom:26px;z-index:2;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#000;color:#dfcc8d;transition:transform .25s}
.jtp-pulpit .jtp-play svg{width:28px;height:28px;margin-left:4px}
.jtp-pulpit .jtp-video:hover .jtp-play{transform:scale(1.06)}
.jtp-pulpit .jtp-video__cap{display:none}
.jtp-pulpit .jtp-prog{display:block}
.jtp-pulpit .jtp-prog__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px;font-size:14.5px;color:#6b6459}
.jtp-pulpit .jtp-prog__row b{font:400 22px/1 var(--jtp-serif);color:#000}
.jtp-pulpit .jtp-prog__bar{position:relative;display:block;height:4px;background:rgba(146,114,59,.16)}
.jtp-pulpit .jtp-prog__bar i{position:absolute;inset:0 auto 0 0;width:var(--p);background:var(--jtp-grad)}
.jtp-pulpit .jtp-sec{padding-top:80px}
.jtp-pulpit .jtp-head{display:grid;grid-template-columns:1fr auto;gap:16px 30px;align-items:end;margin:0 0 40px;padding:0 0 22px;border-bottom:1px solid #000}
.jtp-pulpit .jtp-h2{margin:0;font:400 clamp(28px,3vw,42px)/1.1 var(--jtp-serif);text-transform:uppercase;color:#b79d47}
.jtp-pulpit .jtp-h2 strong{font-weight:400;color:#000}
.jtp-pulpit .jtp-more{display:inline-flex;align-items:center;gap:8px;padding-bottom:3px;border-bottom:1px solid #b79d47;font:400 16px/1.3 var(--jtp-serif);color:#000;text-decoration:none;white-space:nowrap;transition:color .2s}
.jtp-pulpit .jtp-more:hover{color:#b79d47}
.jtp-pulpit .jtp-karty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:56px 34px}
.jtp-pulpit .jtp-karta{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.jtp-pulpit .jtp-karta__img{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:5px;box-shadow:0 14px 40px rgba(0,0,0,.10);background:#f3ede0}
.jtp-pulpit .jtp-karta__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.jtp-pulpit .jtp-karta:hover .jtp-karta__img img{transform:scale(1.04)}
.jtp-pulpit .jtp-znak{position:absolute;left:14px;top:14px;padding:8px 12px;background:#000;color:#dfcc8d;font:400 12px/1 var(--jtp-sans);letter-spacing:1.6px;text-transform:uppercase}
.jtp-pulpit .jtp-karta__meta{margin:24px 0 8px;font:400 12.5px/1.3 var(--jtp-sans);letter-spacing:2px;text-transform:uppercase;color:#92723b}
.jtp-pulpit .jtp-karta__t{font:400 22px/1.3 var(--jtp-serif);color:#000;transition:color .2s}
.jtp-pulpit .jtp-karta:hover .jtp-karta__t{color:#92723b}
.jtp-pulpit .jtp-karta .jtp-prog{margin-top:auto;padding-top:20px}
.jtp-pulpit .jtp-karta__cta{align-self:flex-start;margin-top:16px;padding-bottom:3px;border-bottom:1px solid #b79d47;font:400 16px/1.3 var(--jtp-serif);color:#000;transition:color .2s}
.jtp-pulpit .jtp-karta:hover .jtp-karta__cta{color:#b79d47}
@media (max-width:1100px){
  .jtp-pulpit .jtp-karty{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}
  .jtp-pulpit .jtp-dalej{grid-template-columns:minmax(0,280px) minmax(0,1fr)}
}
@media (max-width:700px){
  body.jtp-kokpit .jtp-pulpit{margin-bottom:50px}
  .jtp-pulpit .jtp-dalej{grid-template-columns:1fr}
  .jtp-pulpit .jtp-dalej__txt{padding:26px 20px 30px}
  .jtp-pulpit .jtp-dalej .jt2-btn{align-self:stretch;text-align:center}
  .jtp-pulpit .jtp-play{left:16px;bottom:16px;width:56px;height:56px}
  .jtp-pulpit .jtp-play svg{width:20px;height:20px}
  .jtp-pulpit .jtp-video__cap{left:86px;bottom:36px;font-size:12px;letter-spacing:1.4px}
  .jtp-pulpit .jtp-sec{padding-top:56px}
  .jtp-pulpit .jtp-head{grid-template-columns:1fr;margin-bottom:30px}
  .jtp-pulpit .jtp-head .jtp-more{justify-self:start}
  .jtp-pulpit .jtp-karty{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}
  .jtp-pulpit .jtp-karta__meta{margin-top:16px;font-size:12px;letter-spacing:1.2px}
  .jtp-pulpit .jtp-karta__t{font-size:18px}
  .jtp-pulpit .jtp-prog__row{font-size:13px}
  .jtp-pulpit .jtp-karta .jtp-prog__row b{font-size:18px}
  .jtp-pulpit .jtp-karta__cta{font-size:15px}
  .jtp-pulpit .jtp-znak{left:10px;top:10px;padding:7px 9px;letter-spacing:1px}
}

/* =========================================================
   LOGOWANIE (/kokpit/ dla niezalogowanych - formularz Tutora w motywie Astra)
   ========================================================= */
body.jtp-logowanie,body.jtp-logowanie .site,body.jtp-logowanie .site-content,body.jtp-logowanie .ast-plain-container{background:#f6f2e8!important}
body.jtp-logowanie .tutor-wrap{padding:0!important;background:transparent!important}
body.jtp-logowanie .tutor-login-wrap,body.jtp-logowanie .tutor-template-segment,body.jtp-logowanie .ast-container>.tutor-card,body.jtp-logowanie #tutor-registration-wrap{width:560px!important;max-width:calc(100% - 32px)!important;margin:80px auto 0!important;padding:0!important;background:var(--jtp-cream)!important;border:1px solid var(--jtp-cream-line)!important;border-radius:0!important;box-shadow:none!important}
body.jtp-logowanie .tutor-login-form-wrapper,body.jtp-logowanie .tutor-template-segment>div,body.jtp-logowanie .ast-container>.tutor-card>form{padding:52px 52px 46px!important}
body.jtp-logowanie .tutor-login-form-wrapper>.tutor-h3::before,body.jtp-logowanie .tutor-forgot-password-form::before{content:'Panel kursantki';display:block;margin:0 0 14px;font:400 13px/1.4 var(--jtp-sans);letter-spacing:2.5px;text-transform:uppercase;color:#92723b}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) :is(.tutor-h3,.tutor-h4,h2,h3){margin-bottom:30px!important;font:400 clamp(28px,3vw,36px)/1.2 var(--jtp-serif)!important;color:#000!important}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) :is(.tutor-form-control,input[type=text],input[type=email],input[type=password]){height:52px;padding:13px 16px;background:#fff!important;border:1px solid var(--jtp-line)!important;border-radius:0!important;font:400 16px/1.5 var(--jtp-sans)!important;color:#1c1c1c!important;box-shadow:none!important}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) :is(.tutor-form-control,input):focus{border-color:#b79d47!important;box-shadow:0 0 0 3px rgba(183,157,71,.15)!important;outline:0}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) .tutor-checkbox{accent-color:#b79d47;border-radius:0!important}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) :is(.tutor-label,label,p,.tutor-small){font-family:var(--jtp-sans)!important;font-weight:300!important;font-size:15px;color:#1c1c1c}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) :is(.tutor-btn-link-gray,.tutor-btn-link){min-height:0!important;padding:0 0 2px!important;background:none!important;border:0!important;border-bottom:1px solid #b79d47!important;border-radius:0!important;font:400 15px/1.3 var(--jtp-serif)!important;color:#000!important}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) :is(.tutor-btn-link-gray,.tutor-btn-link):hover{color:#b79d47!important}
body.jtp-logowanie :is(.tutor-template-segment,.ast-container>.tutor-card,#tutor-registration-wrap) .tutor-btn-primary{height:auto!important;padding:15px 30px!important;font-size:16px!important}
body.jtp-logowanie .tutor-forgot-password-form::before{margin-bottom:18px}
body.jtp-logowanie :is(.tutor-forgot-password-form,#tutor-registration-form) label{display:block;margin:0 0 9px!important;font:400 12.5px/1.3 var(--jtp-sans)!important;letter-spacing:1.8px;text-transform:uppercase;color:#6b6459!important}
/* rejestracja: tytul strony Astry chowamy, w karcie "Panel kursantki" + "Zaloz konto" */
body.jtp-logowanie .entry-header{display:none!important}
body.jtp-logowanie #primary{margin:0!important;padding:0!important}
body.jtp-logowanie #tutor-registration-wrap::before{content:'Panel kursantki';display:block;padding:52px 52px 0;font:400 13px/1.4 var(--jtp-sans);letter-spacing:2.5px;text-transform:uppercase;color:#92723b}
body.jtp-logowanie #tutor-registration-wrap>form{padding:14px 52px 46px!important}
body.jtp-logowanie #tutor-registration-form::before{content:'Załóż konto';display:block;margin:0 0 30px;font:400 clamp(28px,3vw,36px)/1.2 var(--jtp-serif);color:#000}
body.jtp-logowanie #tutor-registration-form .tutor-input-field{margin-bottom:22px!important}
body.jtp-logowanie .tutor-login-error:not(:empty){margin:0 0 16px;padding:12px 16px;background:#fff;border-left:3px solid #9b3434;font:400 15px/1.5 var(--jtp-sans);color:#9b3434}
@media (max-width:700px){
  body.jtp-logowanie .tutor-login-wrap,body.jtp-logowanie .tutor-template-segment,body.jtp-logowanie .ast-container>.tutor-card,body.jtp-logowanie #tutor-registration-wrap{margin-top:40px!important}
  body.jtp-logowanie #tutor-registration-wrap::before{padding:32px 20px 0}
  body.jtp-logowanie #tutor-registration-wrap>form{padding:14px 20px 30px!important}
  body.jtp-logowanie .tutor-login-form-wrapper,body.jtp-logowanie .tutor-template-segment>div{padding:32px 20px 30px!important}
}

/* =========================================================
   telefon
   ========================================================= */
@media (max-width:768px){
  /* na telefonie pasek zakladek na pelna szerokosc ekranu */
  body.jtp-kokpit .tutor-dashboard-sidebar{width:100%;max-width:none;padding:0 16px;gap:16px}
  body.jtp-kokpit .tutor-dashboard-sidebar{margin-top:0;border-left:0!important;border-right:0!important}
  /* zakladki zawijaja sie do kolejnej linii (instruktorka ma ich 6) - nic nie ucieka za krawedz */
  body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav{overflow:visible!important}
  body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul{flex-wrap:wrap!important;column-gap:22px!important;row-gap:10px!important;padding:8px 0!important}
  body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a,body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li:first-child a{padding:6px 0!important;font-size:14px!important}
  body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a::after,body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li:first-child a::after{left:0;right:0;bottom:1px}
  body.jtp-kokpit .tutor-dashboard-sidebar .tutor-dashboard-sidebar-nav ul li a svg{display:none}
  body.jtp-kokpit .tutor-see-all-courses{display:none!important}
  body.jtp-kokpit .tutor-dashboard-main{padding:0 16px}
  body.jtp-kokpit .tutor-dashboard-header{padding:36px 0 22px!important}
  body.jtp-kokpit .tutor-dashboard-layout .tutor-dashboard-page{padding:28px 0 0!important}
  body.jtp-kokpit .tutor-stat-card{padding:18px 16px 16px!important}
  body.jtp-kokpit .tutor-stat-card-value{font-size:34px!important}
  body.jtp-kokpit .tutor-stat-card-title{font-size:12px!important;letter-spacing:1px}
  body.jtp-kokpit .tutor-progress-card-title{font-size:20px!important}
  body.jtp-kokpit .tutor-progress-card-actions{padding:0 16px 18px}
  body.jtp-kokpit .tutor-progress-card-actions .tutor-btn{width:100%;justify-content:center}
  body.jtp-kurs .site-content .ast-container{padding-left:16px!important;padding-right:16px!important}
  body.jtp-kurs .tutor-course-details-page{padding-top:34px!important}
  body.jtp-kurs .tutor-course-thumbnail img{width:100%}
}

/* ---------- 13.10.2026: przyciski #5C3A1F i biale panele jak na stronach v2 (user: "TAK" na oba pytania) ----------
   Paski postepu i podkreslenia zakladek zostaja zlote - to nie przyciski */
body.jtp-on .tutor-btn.tutor-btn-primary,body.jtp-on .tutor-btn-primary:is(a,button),body.jtp-lekcja .tutor-mark-as-complete-button{background:#5c3a1f!important}
body.jtp-on .tutor-btn.tutor-btn-primary:hover,body.jtp-lekcja .tutor-mark-as-complete-button:hover{filter:brightness(1.15);box-shadow:0 8px 22px rgba(92,58,31,.28)!important}
body.jtp-on .jt2 a.jt2-btn,body.jtp-on .jt2 button.jt2-btn{background:#5c3a1f}
body.jtp-on .jt2 a.jt2-btn:hover,body.jtp-on .jt2 a.jt2-btn:focus,body.jtp-on .jt2 button.jt2-btn:hover,body.jtp-on .jt2 button.jt2-btn:focus{background:#5c3a1f;filter:brightness(1.15);box-shadow:0 8px 22px rgba(92,58,31,.28)}
/* kremowe panele na kremowym tle strony -> biale z cieniem: karta "Kontynuuj nauke", ramka logowania, karta postepu na stronie kursu, kafelek "Kursy, na ktore sie zapisano" */
.jtp-pulpit .jtp-dalej{background:#fff;border-color:var(--jtp-line);box-shadow:0 18px 44px rgba(146,114,59,.12)}
.jtp-pulpit .jtp-video{background:#fff}
body.jtp-logowanie .tutor-login-wrap,body.jtp-logowanie .tutor-template-segment,body.jtp-logowanie .ast-container>.tutor-card,body.jtp-logowanie #tutor-registration-wrap{background:#fff!important;border-color:var(--jtp-line)!important;box-shadow:0 18px 44px rgba(146,114,59,.12)!important}
body.jtp-kurs .tutor-sidebar-card,body.jtp-kurs .tutor-single-course-sidebar .tutor-card{background:#fff!important;border-color:var(--jtp-line)!important;box-shadow:0 18px 44px rgba(146,114,59,.12)!important}
body.jtp-kokpit .tutor-stat-card-enrolled{background:#fff!important}