/*
Theme Name: Deseta osnovna škola
Theme URI:
Description: Tema izrađena za JU „Deseta osnovna škola" Ilidža. Bez vanjskih fontova, skripti i servisa. Vlasništvo škole, bez licence i bez obnove.
Version: 2026.10.06.1730
Author: izrađeno za JU „Deseta osnovna škola" Ilidža
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: deseta
*/

:root{
    --modra:#004C92;
    --modra-tamna:#003261;
    --tinta:#37116E;
    --nebo:#38B6FF;
    --suncokret:#FFFC6C;
    --zar:#FF3131;
    --papir:#FBFBFA;
    --grafit:#22262E;
    --sivo:#5B6676;
    --crta:rgba(34,38,46,.14);

    --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Cambria,Georgia,serif;
    --sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    --mono:ui-monospace,"SF Mono","Cascadia Mono",Menlo,Consolas,monospace;
  }

  *{box-sizing:border-box;}

  body{
    margin:0;
    background:var(--papir);
    color:var(--grafit);
    font-family:var(--sans);
    font-size:17px;
    line-height:1.6;
    -webkit-text-size-adjust:100%;
  }

  .omot{max-width:72rem;margin:0 auto;padding:0 1.5rem;}

  /* ===== zaglavlje ===== */

  .vrh{background:var(--modra);color:#fff;border-bottom:5px solid var(--suncokret);}

  .vrh-red{
    display:flex;
    align-items:center;
    gap:1.15rem;
    padding:1.15rem 0 1rem;
  }

  .vrh-red img{width:62px;height:auto;flex:0 0 auto;}

  .ime{
    font-family:var(--serif);
    font-size:clamp(1.1rem,3.4vw,2.05rem);
    line-height:1.25;
    font-weight:400;
    margin:0;
  }
  .ime .nav{color:rgba(255,255,255,.45);}
  .ime a{color:inherit;text-decoration:none;}
  .ime a:hover{color:var(--suncokret);}
  .vrh-red > a{display:block;flex:0 0 auto;line-height:0;}
  .vrh-red > a img{display:block;}

  .mjesto{
    font-family:var(--mono);
    font-size:.63rem;
    letter-spacing:.11em;
    text-transform:uppercase;
    color:rgba(255,255,255,.62);
    margin:0 0 .3rem;
  }

  .vrh-dugmad{margin-left:auto;flex:0 0 auto;}
  .vrh-donji nav{flex:1 1 auto;}
  .vrh-dugmad ul{
    display:flex;
    gap:.5rem;
    list-style:none;
    margin:0;
    padding:0;
  }
  .vrh-dugmad li{list-style:none;margin:0;}
  .vrh-dugmad a{
    font-family:var(--mono);
    font-size:.71rem;
    letter-spacing:.07em;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.42);
    padding:.42rem .8rem;
    white-space:nowrap;
  }
  .vrh-dugmad a:hover{background:var(--suncokret);color:var(--modra);border-color:var(--suncokret);}

  .vrh-donji{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:.5rem 1.5rem;
    border-top:1px solid rgba(255,255,255,.16);
    padding:.7rem 0 .9rem;
  }

  .meni{
    display:flex;
    flex-wrap:wrap;
    gap:0 1.6rem;
    list-style:none;
    margin:0;
    padding:0;
  }

  .meni a{
    color:rgba(255,255,255,.88);
    text-decoration:none;
    font-size:.93rem;
    padding:.35rem 0;
    display:inline-block;
    border-bottom:2px solid transparent;
  }
  .meni a:hover{color:#fff;border-bottom-color:var(--suncokret);}
  .meni .tu a{color:#fff;border-bottom-color:var(--suncokret);}

  /* ===== traka s fotografijom ===== */

  .traka{
    margin-top:2rem;
    position:relative;
    overflow:hidden;
    background:#EAF6FF;
  }
  .traka img{
    display:block;
    width:100%;
    height:clamp(170px,28vw,290px);
    object-fit:cover;
    object-position:center 58%;
  }
  .traka .oznaka{
    position:absolute;
    left:0;
    bottom:0;
    background:rgba(0,76,146,.9);
    color:#fff;
    font-family:var(--mono);
    font-size:.63rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    padding:.3rem .6rem;
  }

  /* ===== školski život ===== */

  .zivot{
    background:#EAF6FF;
    margin:0 0 3.25rem;
    padding:1.9rem 1.75rem;
  }
  .zivot-foto{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:1.5rem;
  }
  .zivot h2{
    font-family:var(--serif);
    font-size:1.35rem;
    font-weight:400;
    color:var(--modra);
    margin:0 0 .35rem;
  }
  .zivot .uvod{margin:0 0 1.4rem;font-size:.95rem;color:#3B5165;}
  .zivot-mreza{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
    gap:.85rem;
    list-style:none;
    margin:0;
    padding:0;
  }
  .zivot-mreza a{
    display:block;
    height:100%;
    background:#fff;
    border-top:4px solid var(--nebo);
    padding:1rem 1.05rem;
    text-decoration:none;
    color:var(--grafit);
  }
  .zivot-mreza a:hover{border-top-color:var(--modra);}
  .zivot-mreza strong{display:block;font-family:var(--serif);font-size:1.04rem;font-weight:400;color:var(--modra);}
  .zivot-mreza span{display:block;font-size:.84rem;color:var(--sivo);line-height:1.4;}

  /* ===== oglasna tabla ===== */

  .tabla{
    background:#fff;
    border-left:5px solid var(--zar);
    box-shadow:0 2px 16px rgba(0,76,146,.1);
    margin:2.5rem 0 3.25rem;
    padding:1.35rem 1.5rem;
  }

  .tabla-vrh{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:1rem;
    margin-bottom:1.4rem;
    padding-bottom:.85rem;
    border-bottom:2px solid rgba(55,17,110,.22);
  }

  .tabla-vrh h2{
    font-family:var(--serif);
    font-size:1.4rem;
    color:var(--tinta);
    margin:0;
    font-weight:400;
  }

  .tabla-vrh a{
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--tinta);
  }

  .istaknuto{display:flex;gap:1.2rem;align-items:flex-start;}

  .istaknuto h3{
    font-family:var(--serif);
    font-size:1.25rem;
    font-weight:400;
    color:var(--modra);
    margin:0 0 .45rem;
    line-height:1.3;
  }
  .istaknuto p{margin:0;}

  .objava{
    display:flex;
    gap:1.2rem;
    padding:1rem 0;
    border-bottom:1px solid rgba(55,17,110,.16);
    align-items:flex-start;
  }
  .objava:last-child{border-bottom:0;padding-bottom:0;}

  .pecat{
    flex:0 0 auto;
    width:4.35rem;
    text-align:center;
    font-family:var(--mono);
    background:#fff;
    border:1px solid rgba(55,17,110,.28);
    padding:.45rem .2rem .4rem;
    line-height:1.15;
  }
  .pecat .dan{display:block;font-size:1.32rem;color:var(--tinta);font-weight:600;}
  .pecat .mjesec{display:block;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sivo);margin-top:.15rem;}

  .objava h3{
    font-family:var(--serif);
    font-size:1.13rem;
    margin:0 0 .2rem;
    font-weight:400;
    line-height:1.35;
  }
  .objava h3 a{color:var(--tinta);text-decoration:none;}
  .objava h3 a:hover{text-decoration:underline;}
  .objava p{margin:0;font-size:.95rem;color:#3E3552;}

  .novo{
    display:inline-block;
    font-family:var(--mono);
    font-size:.6rem;
    letter-spacing:.09em;
    text-transform:uppercase;
    background:var(--zar);
    color:#fff;
    padding:.12rem .4rem;
    margin-left:.5rem;
    vertical-align:.15em;
  }

  /* ===== precice ===== */

  .naslov-odjeljka{
    font-family:var(--mono);
    font-size:.7rem;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--sivo);
    margin:0 0 1rem;
  }

  .precice{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
    gap:.85rem;
    margin-bottom:3.25rem;
    padding:0;
    list-style:none;
  }

  .precice a{
    display:block;
    height:100%;
    background:#fff;
    border:1px solid var(--crta);
    border-left:4px solid var(--modra);
    padding:1.05rem 1.1rem;
    text-decoration:none;
    color:var(--grafit);
  }
  .precice a:hover{border-left-color:var(--nebo);background:#fff;}
  .precice strong{display:block;font-family:var(--serif);font-size:1.06rem;font-weight:400;color:var(--modra);}
  .precice span{font-size:.85rem;color:var(--sivo);line-height:1.4;display:block;}

  /* ===== registri ===== */

  .dvije{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2.75rem;
    margin-bottom:3.25rem;
  }

  .registar h2{
    font-family:var(--serif);
    font-size:1.28rem;
    font-weight:400;
    color:var(--modra);
    margin:0 0 .9rem;
    padding-bottom:.6rem;
    border-bottom:2px solid var(--modra);
  }

  .registar ul{list-style:none;margin:0;padding:0;}
  .registar li{padding:.62rem 0;border-bottom:1px solid var(--crta);}
  .registar .datum{
    font-family:var(--mono);
    font-size:.71rem;
    color:var(--sivo);
    display:block;
    margin-bottom:.12rem;
  }
  .registar a{color:var(--grafit);text-decoration:none;font-size:.97rem;}
  .registar a:hover{color:var(--modra);text-decoration:underline;}
  .registar .svi{
    display:inline-block;
    margin-top:.9rem;
    font-family:var(--mono);
    font-size:.72rem;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:var(--modra);
  }

  /* ===== vanjski link ===== */

  .vanjski{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.1rem;
    padding:1.15rem 1.35rem;
    background:#fff;
    border:2px solid var(--modra);
    text-decoration:none;
    color:var(--grafit);
    margin-bottom:3.5rem;
  }
  .vanjski:hover{background:var(--modra);}
  .vanjski:hover .v-naslov,.vanjski:hover .v-opis,.vanjski:hover svg{color:#fff;}
  .v-naslov{display:block;color:var(--modra);font-weight:600;font-size:1.04rem;}
  .v-opis{display:block;font-size:.9rem;color:var(--sivo);}
  .vanjski svg{flex:0 0 auto;width:24px;height:24px;color:var(--modra);}

  /* ===== video ===== */

  .video{margin:0 0 3.5rem;}

  .video h2{
    font-family:var(--serif);
    font-size:1.28rem;
    font-weight:400;
    color:var(--modra);
    margin:0 0 .35rem;
  }
  .video .uvod{margin:0 0 1.1rem;font-size:.95rem;color:var(--sivo);}

  .video-okvir{
    position:relative;
    aspect-ratio:16/9;
    background:var(--modra-tamna);
    overflow:hidden;
  }
  .video-okvir iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

  .pokreni{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000 center/cover no-repeat;
    border:0;
    cursor:pointer;
    padding:0;
    font:inherit;
  }
  .pokreni::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 50% 50%, rgba(0,20,40,.42) 0%, rgba(0,20,40,.12) 32%, transparent 58%);
  }
  .pokreni:hover .trokut,.pokreni:focus-visible .trokut{transform:scale(1.07);}

  .trokut{
    position:relative;
    box-shadow:0 4px 20px rgba(0,0,0,.4);
    transition:transform .18s ease;
    width:78px;
    height:78px;
    border-radius:50%;
    background:var(--suncokret);
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
  }
  .trokut::after{
    content:"";
    width:0;height:0;
    border-left:22px solid var(--modra-tamna);
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    margin-left:6px;
  }

  .pokreni-tekst{
    font-family:var(--mono);
    font-size:.68rem;
    letter-spacing:.09em;
    text-transform:uppercase;
    color:rgba(255,255,255,.7);
    text-align:center;
    line-height:1.7;
  }

  .video-potpis{
    display:flex;
    flex-wrap:wrap;
    gap:.35rem 1.1rem;
    margin:.75rem 0 0;
    font-family:var(--mono);
    font-size:.7rem;
    letter-spacing:.05em;
    color:var(--sivo);
  }
  .video-potpis a{color:var(--modra);}

  /* ===== podnozje ===== */

  .dno{background:var(--modra-tamna);color:rgba(255,255,255,.82);padding:2.5rem 0 2rem;font-size:.92rem;}
  .dno-mreza{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;}
  .dno h3{font-family:var(--mono);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--suncokret);margin:0 0 .7rem;font-weight:600;}
  .dno p{margin:0 0 .3rem;}
  .dno ul{list-style:none;margin:0;padding:0;}
  .dno li{margin-bottom:.3rem;}
  .dno a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);}
  .dno a:hover{border-bottom-color:var(--suncokret);}
  .sitno{margin-top:2rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.18);font-size:.82rem;color:rgba(255,255,255,.6);}

  a:focus-visible{outline:3px solid var(--nebo);outline-offset:3px;}

  .skriveno{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
  }


  /* ===== dugmad u zaglavlju ===== */

  .vrh-dugmad{margin-left:auto;flex:0 0 auto;}
  .vrh-donji nav{flex:1 1 auto;}
  .vrh-dugmad ul{display:flex;gap:.5rem;list-style:none;margin:0;padding:0;}
  .vrh-dugmad li{list-style:none;margin:0;}
  .vrh-dugmad a{
    font-family:var(--mono);
    font-size:.71rem;
    letter-spacing:.07em;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.42);
    padding:.42rem .8rem;
    white-space:nowrap;
  }
  .vrh-dugmad a:hover{background:var(--suncokret);color:var(--modra);border-color:var(--suncokret);}

  /* ===== poruka u okviru na vrhu ===== */

  .istaknuto h3{
    font-family:var(--serif);
    font-size:1.25rem;
    font-weight:400;
    color:var(--modra);
    margin:0 0 .45rem;
    line-height:1.3;
  }
  .istaknuto p{margin:0;}

  /* ===== uži ekrani ===== */

  @media (max-width:52rem){
    .dno-mreza{grid-template-columns:1fr 1fr;}
  }

  @media (max-width:40rem){

    /* zaglavlje: sve jedno ispod drugog, ništa stisnuto */
    .vrh-red{
      flex-direction:column;
      align-items:flex-start;
      gap:.8rem;
      padding:1.25rem 0 1.1rem;
    }
    .vrh-red img{width:96px;}
    .mjesto{font-size:.6rem;letter-spacing:.06em;}
    .ime{font-size:1.4rem;}

    /* meni u dvije kolone — ništa se ne lomi u neravne redove */
    .vrh-donji{display:block;padding:0;gap:0;}
    .vrh-donji nav{flex:none;}

    .meni{display:grid;grid-template-columns:1fr 1fr;gap:0;}
    .meni li{border-bottom:1px solid rgba(255,255,255,.15);}
    .meni li:nth-child(odd){border-right:1px solid rgba(255,255,255,.15);}
    .meni a{display:block;padding:.8rem .1rem;font-size:.97rem;border-bottom:0;}
    .meni .tu a{color:#fff;border-bottom:0;box-shadow:inset 3px 0 0 var(--suncokret);}

    /* dugmad: puna traka od ivice do ivice, pod menijem.
       Izgled polja je dolje, u odjeljku „dugmad u zaglavlju". */
    .vrh-dugmad{margin:0 -1.5rem;}

    /* kartice: puna širina i veća dodirna površina */
    .precice a,.kartice a,.zivot-mreza a{padding:1.15rem 1.1rem;}

    /* sadržaj stranica */
    .zaglavlje-str{margin:1.8rem 0 1.5rem;}
    .zaglavlje-str h1{font-size:1.75rem;}
    .sadrzaj h2{font-size:1.3rem;margin-top:2rem;}
    .sadrzaj h3{font-size:1.12rem;}
    .sadrzaj li{margin-bottom:.45rem;}

    /* podnožje: razmaknuti linkovi, lakše se pogađaju */
    .dno{font-size:.95rem;padding:2rem 0 2.5rem;}
    .dno p{margin-bottom:.55rem;}
    .dno li{margin-bottom:.6rem;}
    .dno a{display:inline-block;padding:.12rem 0;}

    /* video i mapa */
    .video-potpis,.mapa-potpis{font-size:.66rem;gap:.3rem .8rem;}
    .trokut{width:64px;height:64px;}
  }

  @media (max-width:34rem){
    .omot{padding:0 1.1rem;}
    .vrh-dugmad{margin:0 -1.1rem;}
    .tabla{padding:1.25rem 1.15rem;margin:1.75rem 0 2.5rem;}
    .zivot{padding:1.3rem 1.1rem;}
    .dno-mreza{grid-template-columns:1fr;gap:1.6rem;}
  }

  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important;}
  }

/* ===== sadržaj stranica (uređivač) ===== */

.sadrzaj{max-width:46rem;}
.sadrzaj h2{font-family:var(--serif);font-weight:400;font-size:1.55rem;color:var(--modra);margin:2.4rem 0 .9rem;padding-bottom:.5rem;border-bottom:2px solid var(--crta);}
.sadrzaj h3{font-family:var(--serif);font-weight:400;font-size:1.22rem;color:var(--tinta);margin:1.9rem 0 .6rem;}
.sadrzaj h4{font-family:var(--mono);font-size:.74rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sivo);margin:1.5rem 0 .5rem;}
.sadrzaj p{margin:0 0 1rem;}
.sadrzaj ul,.sadrzaj ol{margin:0 0 1.2rem;padding-left:1.2rem;}
.sadrzaj li{margin-bottom:.3rem;}
.sadrzaj a{color:var(--modra);text-decoration-color:var(--nebo);text-underline-offset:3px;}
.sadrzaj a:hover{color:var(--tinta);}
.sadrzaj img{max-width:100%;height:auto;}
.sadrzaj table{border-collapse:collapse;width:100%;margin:0 0 1.3rem;}
.sadrzaj th,.sadrzaj td{border:1px solid var(--crta);padding:.5rem .7rem;text-align:left;}
.sadrzaj th{background:#fff;font-weight:600;}

.zaglavlje-str{margin:2.5rem 0 2rem;padding-bottom:1.3rem;border-bottom:3px solid var(--modra);}
.zaglavlje-str h1{font-family:var(--serif);font-size:clamp(1.8rem,5vw,2.5rem);font-weight:400;color:var(--modra);margin:0;line-height:1.15;}

.nema{padding:3rem 0 4rem;}
.nema h1{font-family:var(--serif);font-weight:400;color:var(--modra);}

.preskoci{position:absolute;left:-9999px;}
.preskoci:focus{position:static;display:inline-block;margin:.5rem;padding:.5rem .9rem;background:var(--suncokret);color:var(--modra);}

/* ===== mapa na stranici Kontakt ===== */

.mapa{margin:2.5rem 0 3.5rem;}

.mapa-okvir{
  position:relative;
  aspect-ratio:16/10;
  background:var(--modra-tamna);
  overflow:hidden;
}
.mapa-okvir iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

.mapa-dugme{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;
  background:var(--modra-tamna);
  border:0;cursor:pointer;padding:1.5rem;font:inherit;color:#fff;
}
.mapa-dugme svg{width:44px;height:44px;color:var(--suncokret);}
.mapa-dugme:hover svg,.mapa-dugme:focus-visible svg{color:#fff;}
.mapa-tekst{font-family:var(--mono);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;}
.mapa-sitno{font-size:.95rem;color:rgba(255,255,255,.72);}

.mapa-potpis{
  display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;margin:.75rem 0 0;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.05em;color:var(--sivo);
}
.mapa-potpis a{color:var(--modra);}

@media (max-width:34rem){
  .mapa-okvir{aspect-ratio:4/3;}
}

/* ===== poruka u okviru na vrhu naslovne ===== */

.istaknuto .sadrzaj{max-width:48rem;}
.istaknuto .sadrzaj h2,
.istaknuto .sadrzaj h3{
  font-family:var(--serif);
  font-size:1.25rem;
  font-weight:400;
  color:var(--modra);
  margin:0 0 .45rem;
  padding:0;
  border:0;
  line-height:1.3;
}
.istaknuto .sadrzaj p{margin:0 0 .5rem;}
.istaknuto .sadrzaj p:last-child,
.istaknuto .sadrzaj > *:last-child{margin-bottom:0;}

/* ===== kartice (Dokumenti i slične raskrsnice) ===== */

.kartice{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
  gap:.85rem;
  list-style:none;
  margin:2rem 0 3.5rem;
  padding:0;
}
.kartice a{
  display:block;
  height:100%;
  background:#fff;
  border:1px solid var(--crta);
  border-left:4px solid var(--modra);
  padding:1.15rem 1.2rem;
  text-decoration:none;
  color:var(--grafit);
}
.kartice a:hover{border-left-color:var(--nebo);}
.kartice strong{
  display:block;
  font-family:var(--serif);
  font-size:1.08rem;
  font-weight:400;
  color:var(--modra);
}

/* ===== dugmad u zaglavlju ===== */

/* Obično stanje: obje iste — bijelo polje sa žutim okvirom. */
.vrh-dugmad a{
  background:#fff;
  color:var(--modra);
  border:2px solid var(--suncokret);
}

/* Stranica na kojoj se posjetilac nalazi: polje se puni žutim. */
.vrh-dugmad li.current-menu-item a,
.vrh-dugmad li.current_page_item a{
  background:var(--suncokret);
  color:var(--modra);
}

.vrh-dugmad a:hover{background:var(--suncokret);color:var(--modra);border-color:var(--suncokret);}

@media (max-width:40rem){
  /* Na telefonu je to traka preko cijele širine. Žuta podloga ispod
     polja daje okvir i crtu između njih, pa polja nemaju svoj border. */
  .vrh-dugmad ul{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:2px;
    background:var(--suncokret);
    padding:2px 2px 0;
  }
  .vrh-dugmad a{
    display:block;
    text-align:center;
    border:0;
    padding:.85rem .3rem;
    font-size:.7rem;
  }
}

/* ===== široki ekrani: ništa sitno ===== */

@media (min-width:64rem){

  body{font-size:18px;}

  .vrh-red{gap:1.5rem;padding:1.6rem 0 1.3rem;}
  .vrh-red img{width:92px;}
  .mjesto{font-size:.7rem;letter-spacing:.12em;margin:0 0 .4rem;}

  .vrh-donji{padding:.85rem 0 1.05rem;}
  .meni{gap:0 2rem;}
  .meni a{font-size:1.04rem;padding:.45rem 0;}

  .vrh-dugmad a{font-size:.78rem;padding:.55rem 1.05rem;}

  .traka{margin-top:2.5rem;}
  .tabla{padding:1.7rem 2rem;}
  .zivot{padding:2.3rem 2.2rem;}
  .zivot h2{font-size:1.6rem;}
  .zivot-mreza{gap:1.1rem;}
  .zivot-mreza a{padding:1.25rem 1.3rem;}
  .zivot-mreza strong{font-size:1.12rem;}
  .vanjski{padding:1.4rem 1.7rem;}
  .v-naslov{font-size:1.14rem;}
}