/*
Theme Name: eduIT Modern
Theme URI: https://eduit.ba/
Author: eduIT
Author URI: https://eduit.ba/
Description: Moderna, responzivna i brza Bootstrap 5 tema za eduIT udruženje. Potpuno editabilna kroz Customizer — slider, sidebar (lijevo/desno), PDF popup pregled, YouTube/foto podrška, fade prelazi između stranica. Boje preuzete iz eduIT logotipa.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eduit
Tags: education, blog, bootstrap, custom-colors, custom-logo, custom-menu, featured-images, full-width-template, right-sidebar, left-sidebar, translation-ready, sticky-post, threaded-comments
*/

/* =========================================================
   eduIT Modern — glavni stilovi
   Sve glavne boje se postavljaju iz Customizer-a kroz
   CSS varijable (--eduit-primary, --eduit-accent ...).
   Ovdje su samo fallback vrijednosti iz logotipa.
   ========================================================= */

:root{
  --eduit-primary:#2E78A5;        /* plava iz loga */
  --eduit-primary-dark:#235d80;
  --eduit-primary-light:#e9f2f8;
  --eduit-accent:#6DBE4F;         /* zelena iz loga */
  --eduit-accent-dark:#58a03c;
  --eduit-dark:#1f2933;
  --eduit-muted:#5b6b78;
  --eduit-bg:#ffffff;
  --eduit-bg-alt:#f5f8fb;
  --eduit-border:#e3e9ef;
  --eduit-radius:14px;
  --eduit-radius-sm:10px;
  --eduit-shadow:0 10px 30px rgba(31,41,51,.08);
  --eduit-shadow-lg:0 18px 50px rgba(31,41,51,.14);
  --eduit-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --eduit-font-head:'Poppins',var(--eduit-font-body);
  --eduit-transition:.35s cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box}

body{
  font-family:var(--eduit-font-body);
  color:var(--eduit-dark);
  background:var(--eduit-bg);
  line-height:1.7;
  font-size:16px;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
  font-family:var(--eduit-font-head);
  font-weight:700;
  line-height:1.25;
  color:var(--eduit-dark);
}

a{color:var(--eduit-primary);text-decoration:none;transition:color var(--eduit-transition)}
a:hover{color:var(--eduit-accent-dark)}

img{max-width:100%;height:auto}

/* ---------- Pomoćne klase ---------- */
.eduit-section{padding:64px 0}
.bg-soft{background:var(--eduit-bg-alt)}
.text-primary-eduit{color:var(--eduit-primary)!important}
.text-accent-eduit{color:var(--eduit-accent)!important}
.eduit-gradient{background:linear-gradient(120deg,var(--eduit-primary),var(--eduit-accent))}

.section-title{position:relative;margin-bottom:8px;font-size:1.9rem}
.section-head{margin-bottom:36px}
.section-head .lead{color:var(--eduit-muted)}
.section-divider{width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--eduit-primary),var(--eduit-accent));margin-top:10px}
.text-center .section-divider{margin-left:auto;margin-right:auto}

/* ---------- Dugmad ---------- */
.btn{
  font-family:var(--eduit-font-head);
  font-weight:600;
  border-radius:50px;
  padding:.65rem 1.6rem;
  transition:all var(--eduit-transition);
  border:none;
}
.btn-eduit,.btn-primary{
  background:var(--eduit-primary);color:#fff;
}
.btn-eduit:hover,.btn-primary:hover{
  background:var(--eduit-primary-dark);color:#fff;
  transform:translateY(-2px);box-shadow:0 8px 20px rgba(46,120,165,.35);
}
.btn-accent{background:var(--eduit-accent);color:#fff}
.btn-accent:hover{background:var(--eduit-accent-dark);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(109,190,79,.35)}
.btn-outline-eduit{background:transparent;color:var(--eduit-primary);border:2px solid var(--eduit-primary)}
.btn-outline-eduit:hover{background:var(--eduit-primary);color:#fff;transform:translateY(-2px)}
.btn-gradient{background:linear-gradient(120deg,var(--eduit-primary),var(--eduit-accent));color:#fff;background-size:160% 160%;background-position:0% 50%}
.btn-gradient:hover{color:#fff;background-position:100% 50%;transform:translateY(-2px);box-shadow:var(--eduit-shadow)}

/* =========================================================
   TOP BAR
   ========================================================= */
.eduit-topbar{
  background:var(--eduit-primary-dark);
  color:rgba(255,255,255,.9);
  font-size:.86rem;
  padding:8px 0;
}
.eduit-topbar a{color:rgba(255,255,255,.9)}
.eduit-topbar a:hover{color:var(--eduit-accent)}
.eduit-topbar .topbar-info span{margin-right:18px;display:inline-flex;align-items:center;gap:6px}
.eduit-topbar .topbar-social a{
  width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;margin-left:6px;transition:all var(--eduit-transition)
}
.eduit-topbar .topbar-social a:hover{background:var(--eduit-accent);color:#fff;transform:translateY(-2px)}

/* =========================================================
   HEADER / NAVIGACIJA
   ========================================================= */
.eduit-header{
  background:var(--eduit-bg);
  box-shadow:0 2px 14px rgba(31,41,51,.06);
  position:relative;z-index:1020;
}
.eduit-header.is-sticky{position:sticky;top:0}
.navbar-brand img{max-height:62px;width:auto;transition:max-height var(--eduit-transition)}
.eduit-header.shrink .navbar-brand img{max-height:48px}
.navbar .nav-link{
  font-family:var(--eduit-font-head);
  font-weight:600;color:var(--eduit-dark);
  padding:.9rem 1rem!important;position:relative;
}
.navbar .nav-link:hover,.navbar .current-menu-item>.nav-link,.navbar .current_page_item>.nav-link{color:var(--eduit-primary)}
.navbar .nav-link::after{
  content:"";position:absolute;left:1rem;right:1rem;bottom:.55rem;height:2px;
  background:linear-gradient(90deg,var(--eduit-primary),var(--eduit-accent));
  transform:scaleX(0);transform-origin:left;transition:transform var(--eduit-transition)
}
.navbar .nav-link:hover::after,.navbar .current-menu-item>.nav-link::after{transform:scaleX(1)}
.navbar .dropdown-menu{
  border:none;border-radius:var(--eduit-radius-sm);box-shadow:var(--eduit-shadow);
  padding:.5rem;margin-top:.25rem;animation:eduitFadeDown .3s ease
}
.navbar .dropdown-item{border-radius:8px;font-weight:500;padding:.5rem .9rem}
.navbar .dropdown-item:hover,.navbar .dropdown-item:focus{background:var(--eduit-primary-light);color:var(--eduit-primary)}
.navbar-toggler{border:none;padding:.4rem}
.navbar-toggler:focus{box-shadow:none}
@keyframes eduitFadeDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:992px){
  .navbar .dropdown:hover>.dropdown-menu{display:block}
}

/* =========================================================
   SLIDER
   ========================================================= */
.eduit-slider{position:relative;overflow:hidden;background:var(--eduit-dark)}
.eduit-slider .carousel-item{height:clamp(360px,58vh,640px)}
.eduit-slider .carousel-item::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(31,41,51,.72),rgba(31,41,51,.30));z-index:1
}
.eduit-slider .slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.eduit-slider .carousel-caption{
  z-index:3;right:auto;left:0;bottom:auto;top:50%;transform:translateY(-50%);
  text-align:left;max-width:680px;padding:0 12px
}
.eduit-slider .slide-kicker{
  display:inline-block;background:var(--eduit-accent);color:#fff;
  font-family:var(--eduit-font-head);font-weight:600;font-size:.78rem;
  letter-spacing:.05em;text-transform:uppercase;padding:.35rem 1rem;border-radius:50px;margin-bottom:1rem
}
.eduit-slider .slide-title{
  font-size:clamp(1.8rem,4vw,3.4rem);color:#fff;font-weight:800;margin-bottom:1rem;
  text-shadow:0 2px 18px rgba(0,0,0,.35)
}
.eduit-slider .slide-text{font-size:clamp(1rem,1.6vw,1.25rem);color:rgba(255,255,255,.92);margin-bottom:1.6rem;max-width:560px}
/* fade prelaz */
.eduit-slider.carousel-fade .carousel-item{transition:opacity 1.1s ease-in-out}
/* animacija sadržaja */
.carousel-item.active .slide-kicker{animation:eduitUp .7s .2s both}
.carousel-item.active .slide-title{animation:eduitUp .7s .35s both}
.carousel-item.active .slide-text{animation:eduitUp .7s .5s both}
.carousel-item.active .slide-actions{animation:eduitUp .7s .65s both}
@keyframes eduitUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.eduit-slider .carousel-control-prev,.eduit-slider .carousel-control-next{width:6%;opacity:.7;z-index:4}
.eduit-slider .carousel-control-prev-icon,.eduit-slider .carousel-control-next-icon{
  background-color:rgba(0,0,0,.35);border-radius:50%;padding:24px;background-size:42%
}
.eduit-slider .carousel-indicators{z-index:4}
.eduit-slider .carousel-indicators [data-bs-target]{width:34px;height:5px;border-radius:5px}

/* =========================================================
   LAYOUT — sadržaj + sidebar
   ========================================================= */
.eduit-main{padding:56px 0}
.sidebar-left .eduit-content-row{flex-direction:row-reverse}
.eduit-sidebar .widget{
  background:var(--eduit-bg);border:1px solid var(--eduit-border);
  border-radius:var(--eduit-radius);padding:24px;margin-bottom:28px;
  box-shadow:var(--eduit-shadow)
}
.eduit-sidebar .widget-title{
  font-size:1.15rem;margin-bottom:18px;padding-bottom:12px;position:relative
}
.eduit-sidebar .widget-title::after{
  content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--eduit-primary),var(--eduit-accent))
}
.eduit-sidebar ul{list-style:none;padding:0;margin:0}
.eduit-sidebar li{padding:8px 0;border-bottom:1px dashed var(--eduit-border)}
.eduit-sidebar li:last-child{border-bottom:none}
.eduit-sidebar a{color:var(--eduit-dark);font-weight:500}
.eduit-sidebar a:hover{color:var(--eduit-primary);padding-left:5px}
.eduit-sidebar img{border-radius:var(--eduit-radius-sm)}
.widget .menu li,.widget_nav_menu li{padding:0;border:none}
.widget_nav_menu a{display:block;padding:9px 12px;border-radius:8px}
.widget_nav_menu a:hover{background:var(--eduit-primary-light);padding-left:16px}

/* search */
.eduit-sidebar .search-form,.search-form{display:flex;gap:8px}
.search-form input[type=search]{flex:1;border:1px solid var(--eduit-border);border-radius:50px;padding:.55rem 1.1rem}
.search-form input[type=search]:focus{outline:none;border-color:var(--eduit-primary)}
.search-form button{border-radius:50px;background:var(--eduit-primary);color:#fff;border:none;padding:.55rem 1.1rem}

/* =========================================================
   POST KARTICE
   ========================================================= */
.eduit-card{
  background:var(--eduit-bg);border:1px solid var(--eduit-border);
  border-radius:var(--eduit-radius);overflow:hidden;height:100%;
  box-shadow:var(--eduit-shadow);transition:transform var(--eduit-transition),box-shadow var(--eduit-transition)
}
.eduit-card:hover{transform:translateY(-6px);box-shadow:var(--eduit-shadow-lg)}
.eduit-card .card-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--eduit-bg-alt)}
.eduit-card .card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.eduit-card:hover .card-thumb img{transform:scale(1.06)}
.eduit-card .card-cat{
  position:absolute;top:12px;left:12px;z-index:2;background:var(--eduit-accent);color:#fff;
  font-size:.72rem;font-weight:600;padding:.25rem .8rem;border-radius:50px;text-transform:uppercase;letter-spacing:.03em
}
.eduit-card .card-body{padding:22px}
.eduit-card .card-meta{font-size:.82rem;color:var(--eduit-muted);margin-bottom:8px;display:flex;gap:14px;flex-wrap:wrap}
.eduit-card .card-title{font-size:1.2rem;margin-bottom:10px}
.eduit-card .card-title a{color:var(--eduit-dark)}
.eduit-card .card-title a:hover{color:var(--eduit-primary)}
.eduit-card .card-excerpt{color:var(--eduit-muted);font-size:.95rem;margin-bottom:14px}
.eduit-card .read-more{font-family:var(--eduit-font-head);font-weight:600;color:var(--eduit-primary);display:inline-flex;align-items:center;gap:6px}
.eduit-card .read-more:hover{gap:11px;color:var(--eduit-accent-dark)}

/* single / page sadržaj */
.entry-content{font-size:1.05rem}
.entry-content h2,.entry-content h3{margin-top:1.8rem;margin-bottom:.9rem}
.entry-content img{border-radius:var(--eduit-radius-sm);box-shadow:var(--eduit-shadow);margin:1rem 0}
.entry-content blockquote{
  border-left:4px solid var(--eduit-accent);background:var(--eduit-bg-alt);
  padding:1rem 1.4rem;border-radius:0 var(--eduit-radius-sm) var(--eduit-radius-sm) 0;margin:1.4rem 0;font-style:italic
}
.entry-header{margin-bottom:1.6rem}
.entry-title{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.entry-meta{color:var(--eduit-muted);font-size:.9rem;display:flex;gap:16px;flex-wrap:wrap;margin-top:.6rem}
.page-hero{
  background:linear-gradient(120deg,var(--eduit-primary),var(--eduit-accent));
  color:#fff;padding:60px 0;position:relative;overflow:hidden
}
.page-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08)}
.page-hero h1{color:#fff;position:relative}
.page-hero .breadcrumb{--bs-breadcrumb-divider-color:rgba(255,255,255,.6);margin:0;position:relative}
.page-hero .breadcrumb a{color:rgba(255,255,255,.9)}
.page-hero .breadcrumb-item.active{color:#fff}

/* =========================================================
   PDF VIEWER (popup modal)
   ========================================================= */
.eduit-pdf-trigger{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  background:var(--eduit-primary-light);border:1px solid var(--eduit-border);
  border-radius:var(--eduit-radius-sm);padding:.7rem 1.1rem;margin:.4rem 0;
  font-family:var(--eduit-font-head);font-weight:600;color:var(--eduit-primary);
  transition:all var(--eduit-transition)
}
.eduit-pdf-trigger:hover{background:var(--eduit-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--eduit-shadow)}
.eduit-pdf-trigger .pdf-ico{font-size:1.2rem}
#eduitPdfModal .modal-content{border:none;border-radius:var(--eduit-radius);overflow:hidden;height:88vh}
#eduitPdfModal .modal-header{
  background:var(--eduit-primary);color:#fff;border:none;padding:.7rem 1.1rem;
  display:flex;align-items:center;justify-content:space-between
}
#eduitPdfModal .modal-title{font-size:1rem;color:#fff;margin:0}
#eduitPdfModal .pdf-close{
  background:rgba(255,255,255,.18);border:none;color:#fff;width:38px;height:38px;border-radius:50%;
  font-size:1.1rem;display:inline-flex;align-items:center;justify-content:center;transition:all var(--eduit-transition)
}
#eduitPdfModal .pdf-close:hover{background:#e74c3c;transform:rotate(90deg)}
#eduitPdfModal .modal-body{padding:0;background:#525659}
#eduitPdfModal iframe{width:100%;height:100%;border:none;display:block}
#eduitPdfModal .modal-dialog{max-width:1000px}

/* =========================================================
   VIDEO (responzivni embed)
   ========================================================= */
.eduit-video,.wp-block-embed__wrapper{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--eduit-radius);overflow:hidden;box-shadow:var(--eduit-shadow);background:#000;margin:1rem 0}
.eduit-video iframe{position:absolute;inset:0;width:100%;height:100%;border:none}

/* =========================================================
   FOOTER
   ========================================================= */
.eduit-footer{background:var(--eduit-dark);color:rgba(255,255,255,.75);padding:60px 0 0}
.eduit-footer h4,.eduit-footer .widget-title{color:#fff;font-size:1.1rem;margin-bottom:18px}
.eduit-footer a{color:rgba(255,255,255,.75)}
.eduit-footer a:hover{color:var(--eduit-accent)}
.eduit-footer .widget{background:none;border:none;box-shadow:none;padding:0;margin-bottom:0}
.eduit-footer .widget-title::after{content:"";display:block;width:40px;height:3px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,var(--eduit-primary),var(--eduit-accent))}
.eduit-footer ul{list-style:none;padding:0}
.eduit-footer li{padding:6px 0;border:none}
.eduit-footer .footer-brand img{max-height:60px;margin-bottom:16px;filter:brightness(0) invert(1);opacity:.95}
.footer-social a{
  width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(255,255,255,.1);margin-right:8px;transition:all var(--eduit-transition)
}
.footer-social a:hover{background:var(--eduit-accent);color:#fff;transform:translateY(-3px)}
.eduit-copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:44px;padding:22px 0;font-size:.88rem;text-align:center}

/* scroll-to-top */
.eduit-totop{
  position:fixed;right:22px;bottom:22px;width:46px;height:46px;border-radius:50%;
  background:var(--eduit-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transform:translateY(12px);transition:all var(--eduit-transition);z-index:1030;box-shadow:var(--eduit-shadow)
}
.eduit-totop.show{opacity:1;visibility:visible;transform:translateY(0)}
.eduit-totop:hover{background:var(--eduit-accent)}

/* =========================================================
   FADE PRELAZ STRANICA
   ========================================================= */
.eduit-page-fade{animation:eduitPageIn .5s ease both}
@keyframes eduitPageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
body.eduit-leaving{opacity:0;transition:opacity .3s ease}

/* paginacija */
.eduit-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  border-radius:10px;border:1px solid var(--eduit-border);margin:3px;color:var(--eduit-dark);font-weight:600
}
.eduit-pagination .page-numbers.current,.eduit-pagination .page-numbers:hover{
  background:var(--eduit-primary);color:#fff;border-color:var(--eduit-primary)
}

/* komentari & forme */
.comment-form input,.comment-form textarea,.eduit-form-control{
  width:100%;border:1px solid var(--eduit-border);border-radius:var(--eduit-radius-sm);padding:.7rem 1rem;margin-bottom:1rem
}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--eduit-primary)}
.comment-list{list-style:none;padding:0}
.comment-body{background:var(--eduit-bg-alt);border-radius:var(--eduit-radius-sm);padding:18px;margin-bottom:18px}

/* responsive */
@media(max-width:991.98px){
  .eduit-topbar .topbar-info{font-size:.8rem}
  .navbar-collapse{background:var(--eduit-bg);border-radius:var(--eduit-radius-sm);padding:1rem;margin-top:.6rem;box-shadow:var(--eduit-shadow)}
  .eduit-slider .carousel-caption{max-width:100%}
}
@media(max-width:575.98px){
  .eduit-topbar{display:none}
  .eduit-section{padding:44px 0}
}

/* utility za skrivanje */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}