/* AI Akademija – cijela stranica: font, boje, gumbi koji se preljevaju iz boje u boju, zaglavlje. */

:root{--aka-ink:#0B1033;--aka-blue:#1F5BFF;--aka-violet:#7B2FFF;--aka-pink:#E21EFF;--aka-cyan:#00D2FF;
  --aka-grad:linear-gradient(100deg,#1F5BFF 0%,#7B2FFF 35%,#E21EFF 60%,#00D2FF 85%,#1F5BFF 100%)}
body,h1,h2,h3,h4,h5,h6,.nav>li>a,.button,button,input{font-family:'Nunito Sans',Inter,system-ui,sans-serif}
h1,h2,h3,h4,h5,h6{color:var(--aka-ink)}

@keyframes aka-flow{0%{background-position:0% 50%}100%{background-position:100% 50%}}

/* svi glavni gumbi (Flatsome .button.primary, WooCommerce, gumb „Prijava” u zaglavlju) */
.button.primary:not(.is-outline),.button.alt,.checkout-button,.single_add_to_cart_button,
.woocommerce-button,input[type=submit].button,.header-button .button{
  background:var(--aka-grad)!important;background-size:300% 100%!important;color:#fff!important;border:0!important;
  border-radius:12px!important;font-weight:700;text-transform:none;letter-spacing:0;
  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}
.button.primary:not(.is-outline):hover,.header-button .button:hover,.checkout-button:hover,.single_add_to_cart_button:hover{
  transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(123,47,255,.7)}

/* tekst koji se prelijeva – dodaj klasu aka-grad-text bilo kojem <span> */
.aka-grad-text{background:var(--aka-grad);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;animation:aka-flow 9s ease-in-out infinite alternate}

/* zaglavlje: slogan pored logotipa (HTML element u zaglavlju) */
.aka-slogan{display:inline-block;padding-left:18px;margin-left:4px;border-left:1.5px solid #D5DAEA;color:#2A3150;font-size:17px;font-weight:500;white-space:nowrap}
.header-main .nav>li>a{color:var(--aka-ink);font-size:16px;font-weight:500;text-transform:none;letter-spacing:0}
.header-main .nav>li>a:hover,.header-main .nav>li.active>a{color:var(--aka-blue)}

@media (prefers-reduced-motion:reduce){.button,.aka-grad-text{animation:none!important}}

/* ===== 0.5.0: Flatsome mobilni izbornik (off-canvas) u stilu stranice ===== */
.mfp-bg.off-canvas,.mfp-bg.main-menu-overlay{background:#0B1033!important;opacity:.55!important}
.off-canvas:not(.off-canvas-center) .mfp-content,.off-canvas .mfp-content{background:#fff!important;box-shadow:24px 0 60px -20px rgba(11,16,51,.45)}
.off-canvas-left .mfp-content{border-radius:0 24px 24px 0;overflow:hidden}
.off-canvas-right .mfp-content{border-radius:24px 0 0 24px;overflow:hidden}
.mobile-sidebar,.mobile-sidebar .sidebar-menu{background:#fff!important;font-family:'Nunito Sans',Inter,system-ui,sans-serif}
/* logo na vrhu izbornika */
.mobile-sidebar .sidebar-menu::before{content:"";display:block;height:44px;margin:22px 22px 6px;
  background:url(slike/ai-akademija-logo.png) left center/contain no-repeat}
.mobile-sidebar .sidebar-menu{padding-top:0!important}
/* tražilica */
.mobile-sidebar .searchform-wrapper,.mobile-sidebar .header-search-form{padding:0 4px}
.mobile-sidebar .searchform .flex-row{background:#F6F8FF;border:1.5px solid #E6E9F5;border-radius:14px;overflow:hidden}
.mobile-sidebar .searchform input.search-field{background:transparent!important;border:0!important;box-shadow:none!important;height:48px;
  padding:0 16px;font-size:16px;color:#0B1033}
.mobile-sidebar .searchform .button.icon,.mobile-sidebar .ux-search-submit{margin:4px!important;border-radius:11px!important;min-height:40px;width:44px;
  background:linear-gradient(100deg,#1F5BFF 0%,#7B2FFF 35%,#E21EFF 60%,#00D2FF 85%,#1F5BFF 100%)!important;background-size:300% 100%!important;
  animation:aka-flow 6s ease-in-out infinite alternate;border:0!important;box-shadow:none!important}
/* stavke */
.nav-sidebar.nav-vertical>li{border:0!important;margin:0 14px}
.nav-sidebar.nav-vertical>li+li{border-top:1px solid #EEF0F7!important}
.nav-sidebar.nav-vertical>li>a,.nav-sidebar.nav-vertical>li>a.nav-top-link{color:#0B1033!important;font-size:17px!important;font-weight:600!important;
  text-transform:none!important;letter-spacing:0!important;padding:16px 8px!important;border-radius:12px}
.nav-sidebar.nav-vertical>li>a:hover,.nav-sidebar.nav-vertical>li.active>a,.nav-sidebar.nav-vertical>li.current-menu-item>a,
.nav-sidebar.nav-vertical>li.current-menu-ancestor>a{color:#1F5BFF!important}
.nav-sidebar.nav-vertical>li.current-menu-item>a{background:#EEF1FF}
.nav-sidebar.nav-vertical>li.current-menu-item+li{border-top-color:transparent!important}
/* podizbornik (tečajevi pod Programi) */
.nav-sidebar .sub-menu,.nav-sidebar .children{background:#F6F8FF;border-radius:14px;margin:0 0 12px!important;padding:6px 0!important}
.nav-sidebar .sub-menu li a,.nav-sidebar .children li a{color:#4A5272!important;font-size:15.5px!important;font-weight:500!important;text-transform:none!important;
  letter-spacing:0!important;padding:10px 16px!important}
.nav-sidebar .sub-menu li.current-menu-item>a{color:#7B2FFF!important;font-weight:700!important}
.nav-sidebar .toggle{color:#1F5BFF!important;opacity:1!important}
/* newsletter, ikone mreža, razdjelnik */
.nav-sidebar li.header-newsletter-item>a,.nav-sidebar li.header-newsletter-item a{color:#4A5272!important;font-size:15px!important;text-transform:none!important;letter-spacing:0!important}
.nav-sidebar .header-divider{display:none!important}
.nav-sidebar .social-icons a{color:#7B2FFF!important;border-color:#E6E9F5!important}
/* gumb (Flatsome: Mobile Menu → Button) */
.nav-sidebar li.html .button,.nav-sidebar .header-button .button{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;
  width:100%;min-height:52px;margin:14px 0!important;padding:0 20px!important;font-size:16px!important;text-transform:none!important}
.nav-sidebar li.html{padding:0!important;border-top:0!important}
/* zatvaranje × */
.off-canvas .mfp-close{color:#fff!important;opacity:1!important;font-size:34px}
/* ikona hamburgera u zaglavlju */
.header-main .nav-icon a,.header-main .nav-icon .icon-menu{color:#0B1033!important}

/* 0.9.0: gradijentna traka ispod izbornika (putanja + kratka informacija) */
.aka-traka,.aka.aka-traka{font-family:'Nunito Sans',sans-serif;background:linear-gradient(90deg,#1F5BFF,#7B2FFF,#E21EFF,#00D2FF,#1F5BFF);background-size:300% 100%;animation:aka-flow 12s ease-in-out infinite alternate;color:#fff}
.aka-traka .aka-wrap{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;min-height:104px;padding-top:16px;padding-bottom:16px}
.aka-traka-put{font-size:17px;font-weight:600;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.aka-traka-put a{color:#fff!important;opacity:.85;text-decoration:none}
.aka-traka-put a:hover{opacity:1;text-decoration:underline}
.aka-traka-put b{font-weight:800;color:#fff}
.aka-traka-sep{opacity:.7}
.aka-traka-d{font-size:15.5px;font-weight:500;opacity:.95}
.aka-traka + .aka .aka-phero{padding-top:48px}
.aka-traka + .aka .aka-course-hero .aka-back{display:none}
@media (max-width:600px){.aka-traka .aka-wrap{min-height:88px}.aka-traka-put{font-size:15.5px}.aka-traka-d{font-size:14px}}
@media (prefers-reduced-motion:reduce){.aka-traka{animation:none}}
/* 0.13: vidljiv fokus za tipkovnicu na svim našim elementima */
.aka a:focus-visible,.aka button:focus-visible,.aka summary:focus-visible,.aka input:focus-visible,.aka [tabindex]:focus-visible{outline:3px solid #7B2FFF;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.aka .aka-btn,.aka .aka-grad-text{animation:none!important}}
/* 0.19.1: prijava/odjava u glavnom izborniku i učionici */
#header .header-nav > li.aka-nav-prijava > a,.header-nav > li.aka-nav-prijava > a{border:1.5px solid #7B2FFF;border-radius:999px;padding:6px 14px!important;color:#7B2FFF!important;font-weight:700;line-height:1.2;margin-left:4px}
.header-nav > li.aka-nav-prijava > a:hover,.header-nav > li.aka-nav-prijava > a:focus-visible{background:#7B2FFF;color:#fff!important}
.nav-sidebar li.aka-nav-prijava > a,.mobile-sidebar li.aka-nav-prijava > a{font-weight:700;color:#7B2FFF!important}
.aka .aka-uc-prijava{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:6px}
.aka .aka-uc-prijava .aka-uc-note{margin:0!important}
.aka .aka-pregled-nap .aka-uc-prijava-btn{margin-left:auto;padding:6px 14px;font-size:13px}

/* 0.24: fontovi – Outfit za naslove, gumbe i cijene, Nunito Sans za tekst */
h1,h2,h3,h4,h5,h6,.aka h1,.aka h2,.aka h3,.aka h4,.aka h5,.aka h6,.nav>li>a,.button,button,.aka-btn,.aiad-btn,.aka-v2-gumb,.aka-kicker,.aka-v2-cijena,.aka-amount b,.aka-price,.aka-sticky-cta b,.heading-font,.akat-h,.akat-btn,.akat-cijena,.aka-k-koraci,.aka-k-prazno h2,.widget_shopping_cart .total .amount,.aka-pn2 h4{font-family:'Outfit',system-ui,-apple-system,'Segoe UI',sans-serif!important}
body{font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif}