/* =========================================================
   Studijski program fizika – PMF Banja Luka
   Stil vjeran izgledu sajta fizika.pmf.unibl.org
   ========================================================= */

:root{
  --plava:#294a70;
  --plava-tamna:#15305b;
  --plava-svijetla:#49688e;
  --narandzasta:#f4a024;
  --narandzasta-svijetla:#ffab1f;
  --tekst:#666666;
  --linija:#dddddd;
  --siva:#f3f3f3;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:'Open Sans',Arial,Helvetica,sans-serif;
  font-size:14px;
  line-height:1.5;
  color:var(--tekst);
  background:#fff;
  overflow-x:hidden;
  word-wrap:break-word;
}

h1,h2,h3,h4,h5,h6{
  color:var(--plava);
  font-family:'Merriweather Sans','Open Sans',sans-serif;
  font-weight:400;
  margin:0 0 15px;
  line-height:1.3;
}
h1{font-size:28px}
h2{font-size:20px}
h3{font-size:17px}
h4{font-size:16px}
h5{font-size:15px}
h6{font-size:14px}

p{margin:0 0 15px}
ul,ol{margin:0 0 15px 25px;padding:0}
a{color:var(--plava);text-decoration:none;transition:color .2s ease}
a:hover,a:focus{color:var(--narandzasta)}
img{max-width:100%;height:auto;border:0}
table{border-collapse:collapse;width:100%;margin:0 0 20px}
th,td{border:1px solid var(--linija);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--siva);color:var(--plava);font-weight:700}
tr:nth-child(even) td{background:#fafafa}
hr{border:0;border-top:1px solid var(--linija);margin:25px 0}
blockquote{border-left:4px solid var(--narandzasta);margin:0 0 20px;padding:5px 20px;background:var(--siva)}
iframe{max-width:100%}

.container{width:1170px;max-width:100%;margin:0 auto;padding:0 15px}
.inner-wrapper{margin-left:-15px;margin-right:-15px}
.clear-fix::after{content:"";display:table;clear:both}

/* ---------- gornja traka ---------- */
#tophead{
  background:var(--plava-svijetla);
  color:#fff;
  font-family:'Merriweather Sans','Open Sans',sans-serif;
  min-height:35px;
}
#quick-contact{padding:8px 0}
#quick-contact ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
#quick-contact li{
  font-size:14px;line-height:1.4;margin-left:15px;padding-left:15px;border-left:1px solid #fff;
}
#quick-contact li:first-child{margin:0;padding:0;border:0}
#quick-contact li::before{color:var(--narandzasta-svijetla);margin-right:6px;font-weight:700}
#quick-contact li.quick-call::before{content:"\260E"}
#quick-contact li.quick-email::before{content:"\2709"}
#quick-contact a{color:#fff}
#quick-contact a:hover{color:#bfbfbf}

/* ---------- zaglavlje ---------- */
.site-header{padding:20px 0;min-height:110px}
.site-branding{display:flex;align-items:center;gap:45px}
.custom-logo{width:110px;height:auto}
.site-title{
  font-family:'Merriweather Sans','Open Sans',sans-serif;
  font-size:28px;font-weight:700;line-height:1.1;margin:0;
}
.site-title a{color:var(--plava)}

/* ---------- glavni meni ---------- */
#main-nav{
  background:var(--plava);
  border-bottom:5px solid var(--narandzasta);
  clear:both;
}
.main-navigation ul{margin:0;padding:0;list-style:none}
.main-navigation>.wrap-menu-content>div>ul{display:flex;flex-wrap:wrap}
.main-navigation li{position:relative}
.main-navigation ul li a{
  color:#fff;display:block;font-size:16px;padding:10px 22px;white-space:nowrap;
  border-right:1px solid #fff;position:relative;z-index:99;
}
.main-navigation>.wrap-menu-content>div>ul>li:first-child>a{border-left:1px solid #fff}
.main-navigation li a:hover,
.main-navigation li a:focus,
.main-navigation li:hover>a{background:var(--narandzasta);color:#fff}

.main-navigation ul ul{
  background:var(--plava);box-shadow:0 1px 2px rgba(0,0,0,.4);
  left:-999em;margin:0;min-width:230px;position:absolute;z-index:9999;
}
.main-navigation ul li:hover>ul,
.main-navigation ul li:focus-within>ul{left:0;right:auto}
.main-navigation ul ul ul{top:0}
.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li:focus-within>ul{left:100%;right:auto}
.main-navigation ul ul a{
  border:0;border-bottom:1px solid var(--linija);color:#fff;font-size:14px;
  padding:9px 15px;text-align:left;width:100%;
}
.main-navigation ul li.menu-item-has-children>a::after{
  content:"";display:inline-block;border:4px solid transparent;border-top-color:#fff;
  margin-left:8px;vertical-align:middle;position:relative;top:2px;
}
.main-navigation ul ul li.menu-item-has-children>a::after{
  border:4px solid transparent;border-left-color:#fff;position:absolute;right:10px;top:14px;margin:0;
}
.menu-item-transliteration{display:flex;align-items:center;color:#fff}
.menu-item-transliteration span{opacity:.6}
.menu-item-transliteration a{padding:10px 10px !important;border:0 !important}
.menu-item-transliteration a.active{color:var(--narandzasta-svijetla);font-weight:700}

.menu-toggle{
  display:none;background:var(--plava);color:#fff;border:0;
  font-family:'Merriweather Sans',sans-serif;font-size:16px;
  padding:12px 15px;width:100%;text-align:left;cursor:pointer;
}
.menu-toggle .bars{
  display:inline-block;width:18px;height:2px;background:#fff;position:relative;
  margin-right:10px;vertical-align:middle;
}
.menu-toggle .bars::before,.menu-toggle .bars::after{
  content:"";position:absolute;left:0;width:18px;height:2px;background:#fff;
}
.menu-toggle .bars::before{top:-6px}
.menu-toggle .bars::after{top:6px}

/* ---------- slajder ---------- */
#featured-slider{clear:both}
#featured-slider .container{width:100%;max-width:100%;padding:0}
#featured-slider .slider img{display:block;width:100%;height:auto}

/* ---------- sadrzaj ---------- */
#content{padding:30px 0 40px}
#primary{padding:0 15px}
.entry-header .entry-title{margin-bottom:10px}
.page .entry-title,.single .entry-title,.page-header .entry-title{
  border-bottom:1px solid var(--linija);padding-bottom:10px;
}
.entry-content{font-size:15px}
.entry-content h2,.entry-content h3{margin-top:25px}
.entry-content img{height:auto}
.entry-meta{color:#888;font-size:13px;margin-bottom:15px}
.entry-meta>span{margin-right:15px}
.entry-meta .posted-on::before{content:"\1F4C5\A0"}

/* ---------- mreza vijesti (pocetna) ---------- */
.home-grid-wrap{padding:0 15px}
.post-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.grid-post .grid-post-inner{background:#fff;border:1px solid var(--linija);height:100%;display:flex;flex-direction:column}
.grid-post .entry-media{position:relative;overflow:hidden;background:var(--siva)}
.grid-post .entry-media img{width:100%;height:190px;object-fit:cover;display:block;transition:transform .4s ease}
.grid-post .entry-media:hover img{transform:scale(1.06)}
.grid-post .entry-overlay{
  position:absolute;inset:0;background:rgba(41,74,112,.55);opacity:0;transition:opacity .3s ease;
}
.grid-post .entry-media:hover .entry-overlay{opacity:1}
.grid-post .entry-overlay::after{
  content:"\2192";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  color:#fff;font-size:28px;
}
.grid-post .entry-wrapper{padding:15px;display:flex;flex-direction:column;flex:1}
.grid-post .entry-title{font-size:16px;margin-bottom:10px}
.grid-post .entry-footer{margin-top:auto;padding-top:10px;color:#999;font-size:12px}
.readmore-btn{
  display:inline-block;color:var(--narandzasta);font-weight:600;
}
.readmore-btn:hover{color:var(--plava)}

.load-more-wrap{text-align:center;margin:30px 0 0}
.load-more-button{
  background:var(--plava);color:#fff;border:0;border-radius:2px;
  font-family:'Merriweather Sans',sans-serif;font-size:15px;
  padding:12px 30px;cursor:pointer;transition:background .25s ease;
}
.load-more-button:hover{background:var(--narandzasta)}
.load-more-button[hidden]{display:none}

.divider{margin:45px 0 35px;text-align:center}
.divider span{display:inline-block;width:100%;border-top:2px solid var(--narandzasta)}

.home-bottom{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.home-bottom h3{color:var(--plava);font-size:17px}
.home-bottom .link-list{list-style:none;margin:0;padding:0}
.home-bottom .link-list li{margin-bottom:6px}
.home-bottom a{color:var(--plava)}
.home-bottom a:hover{color:var(--narandzasta)}
.home-bottom p{color:var(--plava)}

/* ---------- arhiva vijesti ---------- */
.archive-list{display:flex;flex-direction:column;gap:25px}
.archive-post{display:flex;gap:20px;border-bottom:1px solid var(--linija);padding-bottom:25px}
.archive-thumb{flex:0 0 240px}
.archive-thumb img{width:240px;height:160px;object-fit:cover;display:block}
.archive-post .entry-title{font-size:19px;margin-bottom:6px}
.archive-body p{margin-bottom:8px}

/* ---------- galerija ---------- */
.wp-gallery{display:grid;gap:12px;margin:20px 0}
.wp-gallery.gallery-columns-1{grid-template-columns:1fr}
.wp-gallery.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.wp-gallery.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.wp-gallery.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.wp-gallery.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.wp-gallery.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.wp-gallery .gallery-item{margin:0}
.wp-gallery img{width:100%;height:180px;object-fit:cover;display:block;border:1px solid var(--linija)}
.wp-gallery.gallery-columns-1 img{height:auto}
.wp-gallery figcaption{font-size:12px;color:#888;padding-top:5px;text-align:center}

/* lightbox */
#lightbox{
  position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;
  align-items:center;justify-content:center;z-index:99999;
}
#lightbox.open{display:flex}
#lightbox img{max-width:92%;max-height:88%;box-shadow:0 0 40px rgba(0,0,0,.6)}
#lightbox .lb-close,#lightbox .lb-prev,#lightbox .lb-next{
  position:absolute;background:none;border:0;color:#fff;font-size:40px;cursor:pointer;padding:10px 20px;
}
#lightbox .lb-close{top:10px;right:20px;font-size:34px}
#lightbox .lb-prev{left:10px;top:50%;transform:translateY(-50%)}
#lightbox .lb-next{right:10px;top:50%;transform:translateY(-50%)}

/* ---------- navigacija izmedju vijesti ---------- */
.post-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid var(--linija)}
.post-navigation a{font-weight:600}
.nav-next{text-align:right}

/* ---------- podnozje ---------- */
.site-footer{
  background:var(--plava-tamna);clear:both;color:#fff;padding:20px 0;text-align:center;font-size:13px;
}
.site-footer a{color:#c2c2c2}
.site-footer a:hover{opacity:.6;color:#fff}

/* ---------- na vrh ---------- */
.scrollup{
  background:var(--narandzasta-svijetla);bottom:50px;right:32px;position:fixed;
  width:44px;height:44px;display:none;z-index:9999;
}
.scrollup.show{display:block}
.scrollup span{
  display:block;width:12px;height:12px;border-left:3px solid var(--plava);border-top:3px solid var(--plava);
  transform:rotate(45deg);margin:18px auto 0;
}
.scrollup:hover span{border-color:#fff}

/* ---------- responzivno ---------- */
@media (max-width:1199px){
  .container{width:97%}
  .main-navigation ul li a{font-size:15px;padding:10px 13px}
  .post-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:991px){
  .post-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .menu-toggle{display:block}
  #main-nav{background:transparent;border-bottom:0}
  .main-navigation .wrap-menu-content{display:none;background:var(--plava)}
  .main-navigation.toggled .wrap-menu-content{display:block}
  .main-navigation>.wrap-menu-content>div>ul{display:block}
  .main-navigation li{float:none;display:block}
  .main-navigation ul li a{border:0;border-bottom:1px solid rgba(255,255,255,.25);padding:10px 15px}
  .main-navigation ul ul{position:static;left:0;width:100%;display:none;box-shadow:none;min-width:0}
  .main-navigation ul li:hover>ul,.main-navigation ul li:focus-within>ul{display:none}
  .main-navigation ul.sub-menu.toggled-on{display:block}
  .main-navigation ul ul a{padding-left:30px}
  .main-navigation ul ul ul a{padding-left:45px}
  .main-navigation ul li.menu-item-has-children>a::after{
    position:absolute;right:15px;top:18px;border-top-color:#fff;
  }
  .main-navigation ul ul li.menu-item-has-children>a::after{
    border:4px solid transparent;border-top-color:#fff;right:15px;top:18px;
  }
  .site-branding{flex-direction:column;text-align:center}
  .site-title{font-size:22px}
  .home-bottom{grid-template-columns:1fr;gap:20px}
  .archive-post{flex-direction:column}
  .archive-thumb,.archive-thumb img{width:100%;flex:auto}
  .wp-gallery{grid-template-columns:repeat(2,1fr) !important}
}
@media (max-width:600px){
  .post-grid{grid-template-columns:1fr}
  #quick-contact ul{justify-content:center;width:100%}
  #quick-contact li{font-size:12px}
  h1{font-size:23px}
}

@media print{
  #tophead,#main-nav,#featured-slider,.scrollup,.site-footer,.load-more-wrap{display:none}
  body{color:#000}
}