/* AI Akademija – Tutor LMS stranice u stilu naslovnice. */

body{
  --tutor-color-primary:#1F5BFF;--tutor-color-primary-rgb:31,91,255;
  --tutor-color-primary-hover:#7B2FFF;--tutor-color-primary-hover-rgb:123,47,255;
  --aka-ink:#0B1033;--aka-text:#4A5272;--aka-muted:#7A8199;--aka-line:#E6E9F5;--aka-bg:#F6F8FF;
}
.tutor-wrap,.tutor-course-details-page,.tutor-course-single-content-wrapper,.tutor-dashboard,.tutor-page-wrap,
.tutor-wrap *,.tutor-course-details-page *,.tutor-dashboard *{font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif}

/* course list (our template) */
.aiad-tecajevi .aka-course{text-decoration:none;color:inherit;display:flex!important;flex-direction:column}
.aiad-tecajevi .aka-course-body{flex:1}
.aiad-tecajevi .aka-course .aka-btn{margin:6px 10px 12px;justify-content:center;width:auto}
.aiad-tecajevi .aka-phero{padding-bottom:40px}
.aiad-tecajevi .aka-wrap{max-width:1050px}
.aiad-tecajevi .aka-phero h1{font-size:clamp(36px,5vw,64px)}
.aiad-tecajevi .aka-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.aiad-tecajevi .aka-thumb{width:100%;aspect-ratio:16/10}
.aiad-tecajevi .aka-thumb svg{width:26%}
.aiad-tecajevi .aka-course .aka-btn{align-self:stretch;min-height:52px}

/* buttons */
.tutor-btn-primary,.tutor-btn.tutor-btn-primary,.tutor-enroll-course-button,.tutor-course-enroll-btn,
.tutor-login-form-wrapper .tutor-btn-primary,.tutor-form .tutor-btn-primary{
  background:linear-gradient(100deg,#1F5BFF 0%,#7B2FFF 35%,#E21EFF 60%,#00D2FF 85%,#1F5BFF 100%)!important;
  background-size:300% 100%!important;border:0!important;color:#fff!important;border-radius:12px!important;font-weight:700!important;
  box-shadow:0 10px 24px -10px rgba(91,60,255,.6);animation:aka-flow 6s ease-in-out infinite alternate;transition:transform .2s ease,box-shadow .2s ease}
.tutor-btn-primary:hover,.tutor-enroll-course-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(123,47,255,.7)}
.tutor-btn-outline-primary{border-radius:12px!important;border-width:1.5px!important;font-weight:700!important}

/* single course: title area */
.tutor-course-details-page{padding-top:56px!important;padding-bottom:72px!important}
.tutor-course-details-title{font-size:clamp(32px,4.2vw,52px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.03em;color:var(--aka-ink)!important}
.tutor-course-details-header .tutor-meta,.tutor-course-details-top .tutor-meta{color:var(--aka-text)}
.tutor-course-details-page h2,.tutor-course-details-page h3,.tutor-course-details-page .tutor-fs-5{color:var(--aka-ink);font-weight:800!important;letter-spacing:-.015em}
.tutor-course-details-page p,.tutor-course-details-content{color:var(--aka-text);line-height:1.65}

/* cards and boxes */
.tutor-card,.tutor-sidebar-card,.tutor-course-details-widget,.tutor-accordion-item,.tutor-course-sidebar-card{
  border:1px solid var(--aka-line)!important;border-radius:20px!important;background:#fff;box-shadow:0 14px 34px -26px rgba(31,40,110,.35)}
.tutor-card-body,.tutor-card-footer{border-color:var(--aka-line)!important}
.tutor-accordion-item{overflow:hidden;margin-bottom:14px}
.tutor-accordion-item-header{font-weight:700!important;color:var(--aka-ink)!important;background:var(--aka-bg)!important;padding:18px 22px!important}
.tutor-accordion-item-header.is-active{color:var(--aka-blue,#1F5BFF)!important}
.tutor-course-content-list-item{padding:14px 22px!important;border-color:var(--aka-line)!important}
.tutor-course-content-list-item-title{color:var(--aka-ink)!important;font-weight:500}
.tutor-course-content-list-item-icon{color:var(--tutor-color-primary)!important}

/* "what you'll learn" etc. */
.tutor-course-details-widget{padding:24px 26px!important}
.tutor-course-details-widget-list li,.tutor-course-benefits-content li{color:var(--aka-text)}
.tutor-icon-bullet-point,.tutor-course-details-widget-list .tutor-icon-bullet-point{color:var(--tutor-color-primary)!important}

/* tabs */
.tutor-nav:not(.tutor-nav-pills):not(.tutor-nav-tabs) .tutor-nav-link.is-active{color:var(--tutor-color-primary)!important;border-bottom-color:var(--tutor-color-primary)!important}
.tutor-nav-link{font-weight:600!important}

/* level badge, price */
.tutor-course-sidebar-card .tutor-fs-4,.tutor-course-sidebar-card .tutor-fs-3{color:var(--aka-ink);font-weight:800}

/* forms (login, registration) */
.tutor-form-control,.tutor-login-form-wrapper input[type=text],.tutor-login-form-wrapper input[type=password],
.tutor-registration-form input,.tutor-form-group input{border-radius:12px!important;border:1.5px solid var(--aka-line)!important;min-height:48px}
.tutor-form-control:focus{border-color:#1F5BFF!important;box-shadow:0 0 0 4px rgba(31,91,255,.12)!important}
.tutor-login-wrap,.tutor-login-form-wrapper,#tutor-registration-wrap,.tutor-template-segment.tutor-login-wrap{border-radius:20px!important}

/* lesson page */
.tutor-course-single-sidebar-wrapper{border-right:1px solid var(--aka-line)}
.tutor-course-topic-title{color:var(--aka-ink)!important;font-weight:700!important}
.tutor-course-topic-item.is-active a,.tutor-course-topic-item a:hover{background:var(--aka-bg)!important}
.tutor-course-topic-single-header{background:#0B1033!important}

@media (max-width:900px){.aiad-tecajevi .aka-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){
  .aiad-tecajevi .aka-grid{grid-template-columns:1fr}
  .tutor-course-details-page.tutor-container{padding-left:16px!important;padding-right:16px!important}
  .tutor-course-details-page{padding-top:28px!important}
  .aiad-tecajevi .aka-phero{padding:44px 0 28px}
  .aiad-tecajevi .aka-phero h1{font-size:38px;line-height:1.08;margin-bottom:14px}
}
