/*
Theme Name: Župa sv. Jelene - Nova naslovnica
Theme URI: https://nova.zupa-zabok.org/
Author: Župa sv. Jelene Križarice
Description: Responzivna WordPress tema prema predlošku naslovnice župe. Instalirati samo na testnoj poddomeni.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jelena
*/
:root{--navy:#102748;--gold:#b78735;--cream:#faf8f3;--red:#9d202b}*{box-sizing:border-box}body{margin:0;font-family:Georgia,'Times New Roman',serif;color:#16213a;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:1200px;margin:auto;padding:0 22px}.site-header{background:white;box-shadow:0 2px 8px #0001}.head-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:bold;color:var(--navy);line-height:1.05}.brand small{font-size:15px;color:var(--gold);letter-spacing:2px}.brand-cross{font-size:52px;color:var(--gold);font-weight:normal}.contact-top{font:12px Arial,sans-serif;display:flex;flex-wrap:wrap;gap:18px}.contact-top span{white-space:nowrap}.nav-wrap{border-top:1px solid #eee}.nav-list{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;list-style:none;padding:13px 0;margin:0;font:700 12px Arial,sans-serif;text-transform:uppercase}.nav-list a:hover{color:var(--gold)}.hero{min-height:0px;background-position:center;background-size:cover;background-color:#17549a}.hero img{display:block;width:100%;height:auto;max-height:460px;object-fit:cover}.quick-links{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin:12px auto 20px}.quick{background:var(--cream);text-align:center;padding:15px 5px;min-height:90px;font:700 11px Arial,sans-serif;text-transform:uppercase}.quick b{display:block;font:35px Georgia,serif;color:var(--gold);margin-bottom:9px}.cards3{display:grid;grid-template-columns:1.1fr 1fr .85fr;gap:16px}.panel{background:var(--cream);border-radius:4px;padding:22px;min-width:0}.panel h2{font-size:20px;margin:0 0 18px;color:var(--navy);border-bottom:1px solid #d6c5a5;padding-bottom:12px}.mass{background:linear-gradient(145deg,#102c52,#061a34);color:white}.mass h2{color:white}.mass p{font-size:18px}.mass .time{font-size:24px;font-weight:bold;display:inline-block;width:90px}.btn{display:inline-block;background:var(--gold);color:white;padding:12px 20px;border-radius:3px;font:700 12px Arial,sans-serif;text-transform:uppercase;margin-top:12px}.newsline{padding:11px 0;border-bottom:1px solid #e5ded4;font-size:14px}.newsline time{color:var(--gold);font-size:12px;margin-right:12px}.newsline strong{color:var(--navy)}.section-title{font-size:22px;color:var(--red);text-transform:uppercase;margin:28px 0 15px}.latest{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article{border:1px solid #eee;border-radius:5px;overflow:hidden}.article img,.article .placeholder{width:100%;height:175px;object-fit:cover;background:#e9e4dc}.article-body{padding:14px}.article h3{font-size:19px;margin:7px 0}.article time{font-size:12px;color:#777}.article p{font-size:14px;line-height:1.5}.more{color:var(--gold);font-weight:bold}.life{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:25px}.life a{text-align:center;background:var(--cream);padding:22px 10px;font-weight:bold}.life b{display:block;font-size:34px;color:var(--gold);margin-bottom:10px}.life small{display:block;font-weight:normal;margin-top:7px;line-height:1.4}.footer{background:var(--navy);color:white;padding:28px 0;font-size:14px}.footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.footer h3{font-size:15px;color:#e9c37d}.footer p{line-height:1.6}.copyright{border-top:1px solid #ffffff45;margin-top:18px;padding-top:12px;font-size:12px}.content-page{min-height:40vh;padding:30px 0;line-height:1.65}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;padding:10px 15px;margin:8px 0;cursor:pointer}@media(max-width:950px){.cont.contact-top{display:flex}.quick-links{grid-template-columns:repeat(4,1fr)}.cards3{grid-template-columns:1fr 1fr}.cards3 .panel:last-child{grid-column:1/-1}.life{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.brand{font-size:15px}.brand-cross{font-size:39px}.menu-toggle{display:block}.nav-list{display:none;flex-direction:column;gap:0;padding:0}.nav-list.is-open{display:flex}.nav-list li{padding:12px;border-bottom:1px solid #eee}.hero{min-height:0}.hero img{height:auto;min-height:170px}.quick-links{grid-template-columns:repeat(2,1fr)}.cards3,.latest{grid-template-columns:1fr}.cards3 .panel:last-child{grid-column:auto}.life{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}.panel{padding:18px}}@media(max-width:390px){.footgrid{grid-template-columns:1fr}}

/* Uredni zasebni redci podataka u podnožju */
.footer .footer-detail{margin:0 0 9px;line-height:1.55;overflow-wrap:anywhere;word-break:normal}.footer .footer-column{min-width:0}.footer .footer-column h3{margin:0 0 17px;line-height:1.4}.footer .footer-detail strong{font-weight:700}.footer .footer-detail a:hover{text-decoration:underline}

/* Pregledno podnozje: svaki podatak u vlastitom retku */
.footer .footgrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:28px}
.footer .footer-column{min-width:0;padding-right:12px;border-right:1px solid rgba(255,255,255,.18)}
.footer .footer-column:last-child{border-right:0;padding-right:0}
.footer .footer-detail{display:block;margin:0 0 9px;line-height:1.6;overflow-wrap:anywhere}
.footer .footer-office-title{color:#e9c37d;font-size:12px;letter-spacing:.04em;line-height:1.5;margin:20px 0 7px}
.footer .footer-office-hours{white-space:normal}
@media(max-width:850px){.footer .footgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer .footer-column:nth-child(2){border-right:0}}
@media(max-width:540px){.footer .footgrid{grid-template-columns:1fr;gap:20px}.footer .footer-column{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:0 0 15px}.footer .footer-column:last-child{border-bottom:0}}

/* Krace podnozje: cetiri jasna stupca */
.footer .footgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer .footer-column h3{margin-bottom:13px}
.footer .footer-detail{margin-bottom:7px}
@media(max-width:850px){.footer .footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.footer .footgrid{grid-template-columns:1fr}}
/* Naslovna fotografija – računalo */
.hero {
    min-height: 0;
}

.hero img {
    display: block;
    width: 100%;
    height: 380px;
    min-height: 0;
    object-fit: cover;
    object-position: center;
}

/* Tablet */
@media (max-width: 900px) {
    .hero img {
        height: 280px;
    }
}

/* Mobitel */
@media (max-width: 600px) {
    .hero img {
        height: 220px;
    }
}
.hero {
    background: transparent;
}
/* Prilagodba naslovne fotografije svim ekranima */
.hero {
    min-height: 0;
}

.hero a {
    display: block;
}

.hero img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
}
@media (max-width: 900px) {
  .hero,
  .hero a,
  .hero img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .hero img {
    display: block !important;
    object-fit: contain !important;
  }
}
/* POVIJEST ŽUPE – VREMENSKA CRTA */

.povijest-zupe .povijest-vremenska-crta {
    margin: 45px 0;
    padding: 35px 25px;
    background: #faf7f0;
    border-radius: 14px;
    text-align: center;
}

.povijest-zupe .povijest-vremenska-crta h2 {
    color: #624b2b;
    margin-bottom: 30px;
}

.povijest-zupe .povijest-godine {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 3px solid #c59b51;
    padding-top: 22px;
}

.povijest-zupe .povijest-godine span {
    color: #9b722f;
    font-size: 24px;
    font-weight: bold;
}

@media (max-width: 600px) {
    .povijest-zupe .povijest-godine {
        gap: 15px;
    }

    .povijest-zupe .povijest-godine span {
        font-size: 20px;
    }
}
/* POVIJEST ŽUPE – OPISI POVIJESNIH GODINA */

.povijest-zupe .povijest-opisi {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 20px;
    margin-top: 25px;
    text-align: center;
}

.povijest-zupe .povijest-opisi p {
    margin: 0;
    padding: 15px 10px;
    color: #594c3c;
    font-size: 15px;
    line-height: 1.6;
}

.povijest-zupe .povijest-opisi strong {
    display: block;
    color: #9b722f;
    font-size: 20px;
    margin-bottom: 8px;
}

@media (max-width: 700px) {
    .povijest-zupe .povijest-opisi {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

@media (max-width: 400px) {
    .povijest-zupe .povijest-opisi {
        grid-template-columns: 1fr;
    }
}
/* POVIJEST ŽUPE – KARTICE */

.povijest-zupe .povijest-kartice {
    margin: 55px 0;
    text-align: center;
}

.povijest-zupe .povijest-kartice-mreza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 30px;
}
/* Posljednja kartica u sredini na računalu */
@media (min-width: 1025px) {
  .povijest-zupe .povijest-kartice-mreza > article:last-child {
    grid-column: 2 !important;
  }
}

.povijest-zupe .povijest-kartica {
    background: #ffffff;
    padding: 28px 22px;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09);
    text-align: left;
}

.povijest-zupe .povijest-kartica h3 {
    color: #624b2b;
    margin-bottom: 14px;
}

.povijest-zupe .povijest-kartica p {
    line-height: 1.6;
}

.povijest-zupe .povijest-kartica a {
    display: inline-block;
    margin-top: 15px;
    color: #96722f;
    font-weight: bold;
    text-decoration: none;
}

@media (max-width: 800px) {
    .povijest-zupe .povijest-kartice-mreza {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 550px) {
    .povijest-zupe .povijest-kartice-mreza {
        grid-template-columns: 1fr;
    }
}
/* Ujednačen izgled svih pet povijesnih kartica */

.povijest-zupe .povijest-kartice-mreza > article {
    background: #ffffff;
    padding: 28px 22px;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09);
    text-align: left;
}
/* Ujednačene fotografije povijesti župe */
.povijest-zupe .povijest-kartica img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    display: block;
    background: #f3efe7;
    border-radius: 8px;
    margin-bottom: 18px;
}

/* Zlatni kružići na vremenskoj crti */

.povijest-zupe .povijest-godine span {
    position: relative;
}

.povijest-zupe .povijest-godine span::before {
    content: "";
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    background-color: #b99455;
    border: 3px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #b99455;
}
/* Naslov preko fotografije - Povijest župe */
.povijest-zupe .povijest-naslovna {
    position: relative;
    overflow: hidden;
    border-radius: 12px;
    margin-bottom: 35px;
}

.povijest-zupe .povijest-naslovna img {
    width: 100%;
    height: 420px !important;
    object-fit: cover;
    display: block;
}

.povijest-zupe .povijest-naslovna::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.65),
        transparent
    );
    pointer-events: none;
}

.povijest-zupe .povijest-naslovna h1,
.povijest-zupe .povijest-naslovna > p {
    position: relative;
    z-index: 1;
    color: #ffffff;
    margin-left: 35px;
    margin-right: 35px;
}

.povijest-zupe .povijest-naslovna h1 {
    margin-top: -155px;
    font-size: clamp(28px, 4vw, 46px);
}

.povijest-zupe .povijest-naslovna > p {
    padding-bottom: 35px;
    font-size: 18px;
}

@media (max-width: 600px) {
    .povijest-zupe .povijest-naslovna img {
        height: 300px !important;
    }

    .povijest-zupe .povijest-naslovna h1 {
        margin-top: -130px;
    }
}
/* Završna dorada naslovne fotografije */
.povijest-zupe .povijest-naslovna {
    height: 420px;
    position: relative;
    overflow: hidden;
}

.povijest-zupe .povijest-naslovna img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.povijest-zupe .povijest-naslovna h1 {
    position: absolute;
    left: 30px;
    bottom: 85px;
    margin: 0;
    z-index: 2;
    color: white;
    text-shadow: 0 2px 8px rgba(0,0,0,0.7);
}

.povijest-zupe .povijest-naslovna > p {
    position: absolute;
    left: 30px;
    bottom: 35px;
    margin: 0;
    padding: 0;
    z-index: 2;
    color: white;
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}

@media (max-width: 600px) {
    .povijest-zupe .povijest-naslovna {
        height: 300px;
    }

    .povijest-zupe .povijest-naslovna h1 {
        left: 15px;
        bottom: 95px;
        font-size: 28px;
    }

    .povijest-zupe .povijest-naslovna > p {
        left: 15px;
        right: 15px;
        bottom: 25px;
        font-size: 15px;
    }
}
/* Prilagodba naslovne fotografije */
.hero img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 480px;
    object-fit: contain;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .hero img {
        max-height: 300px;
    }
}
/* Naslovna fotografija */
.hero img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: contain;
    margin: 0 auto;
}

/* Tablet i mobitel */
@media (max-width: 768px) {
    .hero img {
        max-height: 350px;
    }
}
/* Naslovna fotografija preko cijele širine */
.hero {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.hero img {
    display: block;
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    object-position: center;
}
/* Manja naslovna fotografija na računalu */
@media (min-width: 1024px) {
    .hero {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    .hero img {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
    }
}


@media (max-width: 768px) {
    .hero img {
        height: 260px;
        object-position: center;
    }
}
/* Naslov preko fotografije */
.hero {
    position: relative;
}

.hero-naslov {
    position: absolute;
    top: 12%;
    left: 5%;
    z-index: 2;
    width: 42%;
    text-align: center;
    color: white;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.65);
}

.hero-naslov h1 {
    font-size: clamp(20px, 2.8vw, 38px);
    margin: 0 0 8px;
}

.hero-naslov h2 {
    font-size: clamp(18px, 2vw, 27px);
    color: #f3c56b;
    margin: 0 0 12px;
}

.hero-naslov p {
    font-size: clamp(14px, 1.5vw, 20px);
    font-style: italic;
    margin: 0 0 18px;
}

.hero-gumb {
    display: inline-block;
    background: #b78735;
    color: white;
    padding: 11px 18px;
    border-radius: 25px;
    font: bold 13px Arial, sans-serif;
    text-shadow: none;
}

/* Prilagodba za mobitele */
@media (max-width: 768px) {
    .hero-naslov {
        top: 7%;
        left: 3%;
        width: 48%;
    }

    .hero-naslov h1 {
        font-size: 15px;
    }

    .hero-naslov h2 {
        font-size: 13px;
    }

    .hero-naslov p {
        font-size: 11px;
        margin-bottom: 8px;
    }

    .hero-gumb {
        font-size: 10px;
        padding: 7px 10px;
    }
}
/* Završno podešavanje naslova */
.hero-naslov {
    top: 8%;
    left: 2%;
    width: 30%;
    text-align: center;
}

.hero-naslov h1 {
    font-size: clamp(18px, 2vw, 28px);
    line-height: 1.15;
}

.hero-naslov h2 {
    font-size: 22px;
}

.hero-naslov p {
    font-size: 16px;
}

.hero-naslov .hero-gumb {
    display: inline-block;
    width: auto;
    max-width: 100%;
    padding: 10px 16px;
    font-size: 12px;
    white-space: normal;
}

@media (max-width: 768px) {
    .hero-naslov {
        top: 5%;
        left: 2%;
        width: 42%;
    }

    .hero-naslov h1 {
        font-size: 13px;
    }

    .hero-naslov h2 {
        font-size: 12px;
    }

    .hero-naslov p {
        font-size: 10px;
    }

    .hero-naslov .hero-gumb {
        font-size: 9px;
        padding: 6px 8px;
    }
}
/* Dotjerivanje naslova na mobitelu */
@media (max-width: 768px) {
    .hero-naslov {
        top: 5%;
        left: 3%;
        width: 40%;
        text-align: center;
    }

    .hero-naslov h1 {
        font-size: 14px;
        line-height: 1.1;
        margin-bottom: 5px;
    }

    .hero-naslov h2 {
        font-size: 13px;
        margin-bottom: 6px;
    }

    .hero-naslov p {
        font-size: 10px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .hero-naslov .hero-gumb {
        display: inline-block;
        width: auto;
        max-width: 100%;
        padding: 7px 9px;
        font-size: 9px;
        line-height: 1.2;
        white-space: normal;
    }
}
/* Zlatni tekst naslovnice na svim uređajima */
.hero-naslov,
.hero-naslov h1,
.hero-naslov h2,
.hero-naslov p {
    color: #F4C66A;
    text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.8);
}
/* Završna prilagodba za mobitel */
@media (max-width: 768px) {
    .hero-naslov {
        left: 2%;
        top: 4%;
        width: 34%;
    }

    .hero-naslov h1 {
        font-size: 12px;
        line-height: 1.15;
    }

    .hero-naslov h2 {
        font-size: 12px;
    }

    .hero-naslov p {
        font-size: 10px;
        line-height: 1.2;
    }

    .hero-naslov .hero-gumb {
        display: inline-block;
        width: auto;
        max-width: 100%;
        padding: 6px 8px;
        font-size: 9px;
        line-height: 1.2;
    }
}
/* Bolja čitljivost gesla na mobitelu */
@media (max-width: 768px) {
    .hero-naslov p {
        color: #FFD978;
        font-weight: bold;
        text-shadow:
            1px 1px 2px #000,
            -1px -1px 2px #000,
            0 2px 5px #000;
    }
}
/* Jedinstveni izgled zlatnih slova na svim uređajima */
.hero-naslov h1,
.hero-naslov h2,
.hero-naslov p {
    color: #FFD978;
    font-weight: bold;
    text-shadow:
        1px 1px 2px #000,
        -1px -1px 2px #000,
        0 2px 5px #000;
}
/* Zlatni naslov na stranici Povijest naše župe */
.povijest-zupe .povijest-naslovna h1,
.povijest-zupe .povijest-naslovna p {
    color: #d4af37 !important;
    text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.8);
}
/* Povijest župe – cijela fotografija na mobitelu */
@media (max-width: 768px) {
    .povijest-zupe .povijest-naslovna img {
        width: 100%;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}
/* Povijest župe – tamnoplava podloga na mobitelu */
@media (max-width: 768px) {
    .povijest-zupe .povijest-naslovna {
        background: #102748 !important;
        border-radius: 12px;
        overflow: hidden;
    }

    .povijest-zupe .povijest-naslovna h1,
    .povijest-zupe .povijest-naslovna p {
        color: #d4af37 !important;
    }
}
/* POVIJEST ZUPE – NOVA VREMENSKA CRTA */

.povijest-zupe .povijest-godine {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
    border-top: none;
    padding-top: 0;
    align-items: stretch;
}

.povijest-zupe .povijest-dogadaj {
    position: relative;
    text-align: center;
    padding: 28px 8px 18px;
    border-top: 3px solid #c59b51;
}

.povijest-zupe .povijest-dogadaj::before {
    content: none;
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    width: 13px;
    height: 13px;
    background: #c59b51;
    border: 3px solid #faf7f0;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #c59b51;
}

.povijest-zupe .povijest-dogadaj span {
    display: block;
    color: #9b722f;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 12px;
}

.povijest-zupe .povijest-dogadaj p {
    margin: 0;
    color: #594c3c;
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 1000px) {
    .povijest-zupe .povijest-godine {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 25px 15px;
    }
}

@media (max-width: 480px) {
    .povijest-zupe .povijest-godine {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .povijest-zupe .povijest-dogadaj {
        padding: 20px 15px;
    }
}
/* UKLANJANJE DVOSTRUKIH KRUGOVA NA VREMENSKOJ CRTI */

.povijest-zupe .povijest-dogadaj::after {
    content: none !important;
    display: none !important;
}

/* DORADA SLIKA I RASPOREDA POVIJESNIH KARTICA */

.povijest-zupe .povijest-kartice-mreza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.povijest-zupe .povijest-kartica {
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
}

.povijest-zupe .povijest-kartica img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
    display: block;
    border-radius: 8px;
}

@media (max-width: 900px) {
    .povijest-zupe .povijest-kartice-mreza {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .povijest-zupe .povijest-kartice-mreza {
        grid-template-columns: 1fr;
    }
}
/* PORAVNANJE SVIH SEST POVIJESNIH KARTICA */

@media (min-width: 901px) {
    .povijest-zupe .povijest-kartice-mreza {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .povijest-zupe .povijest-kartica {
        grid-column: auto !important;
        grid-row: auto !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }
}
/* PORAVNANJE SVIH SEST POVIJESNIH KARTICA */

@media (min-width: 1001px) {
  .povijest-zupe .povijest-kartice-mreza {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .povijest-zupe .povijest-kartica {
    grid-column: auto !important;
    min-width: 0;
    width: auto;
  }
}

/* Uredan prikaz sest povijesnih stranica */
body.page .entry-content {
    font-size: 18px;
    line-height: 1.8;
}

body.page .entry-content p {
    margin-bottom: 22px;
}

body.page .entry-content h2 {
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    margin-top: 36px;
    margin-bottom: 18px;
    color: #473322;
}

body.page .entry-content img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    body.page .entry-content {
        font-size: 17px;
        line-height: 1.7;
    }

    body.page .entry-content h2 {
        font-size: 24px;
    }
}
/* Mobilno zaglavlje zupe */
@media (max-width: 768px) {
    .site-header .head-top {
        padding: 14px 0;
    }

    .site-header .brand {
        font-size: 19px;
        line-height: 1.2;
    }

    .site-header .brand-cross {
        font-size: 40px;
    }

    .site-header .contact-top {
        display: none;
    }

    .site-header .menu-toggle {
        display: block;
    }

    .site-header .nav-list {
        display: none;
        flex-direction: column;
        width: 100%;
        padding: 0;
    }

    .site-header .nav-list.is-open {
        display: flex;
    }

    .site-header .nav-list li {
        width: 100%;
    }

    .site-header .nav-list a {
        display: block;
        padding: 13px 16px;
        font-size: 15px;
    }
}
/* Ispravak otvaranja mobilnog izbornika */
@media (max-width: 768px) {
    .site-header #main-nav.is-open .nav-list {
        display: flex;
    }
}
/* Uredenje zaglavlja na racunalu */
@media (min-width: 901px) {

    .site-header .head-top {
        padding: 20px 0;
        gap: 30px;
    }

    .site-header .brand {
        font-size: 24px;
        line-height: 1.15;
        gap: 16px;
    }

    .site-header .brand small {
        font-size: 17px;
        letter-spacing: 3px;
    }

    .site-header .brand-cross {
        font-size: 58px;
    }

    .site-header .contact-top {
        font-size: 14px;
        gap: 18px;
        line-height: 1.5;
    }

    .site-header .nav-list {
        gap: 32px;
        padding: 17px 0;
    }

    .site-header .nav-list a {
        font-size: 14px;
        font-weight: 700;
    }
}
/* Padajuci izbornik ZUPA */

.site-header .nav-list > li {
    position: relative;
}

.site-header .nav-list .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    min-width: 260px;
    margin: 0;
    padding: 8px 0;
    list-style: none;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    border-radius: 6px;
}

.site-header .nav-list > li:hover > .sub-menu,
.site-header .nav-list > li:focus-within > .sub-menu {
    display: block;
}

.site-header .nav-list .sub-menu li {
    display: block;
    width: 100%;
}

.site-header .nav-list .sub-menu a {
    display: block;
    padding: 11px 16px;
    color: #102748;
    font-size: 13px;
    text-align: left;
    white-space: nowrap;
}

.site-header .nav-list .sub-menu a:hover {
    background: #faf8f3;
    color: #b78735;
}

@media (max-width: 640px) {
    .site-header .nav-list .sub-menu {
        position: static;
        display: block;
        min-width: 0;
        box-shadow: none;
        padding-left: 15px;
    }

    .site-header .nav-list .sub-menu a {
        white-space: normal;
    }
}
/* Župni listić – bolji raspored samo na računalu */
@media (min-width: 951px) {
  .jn-maincards .jn-bulletin .jn-card-body {
    justify-content: flex-start;
  }

  .jn-maincards .jn-bulletin .jn-btn {
    margin-top: auto;
  }
}
/* Uredniji prikaz svih pojedinačnih objava */
body.single-post .entry-content {
  font-size: 18px;
  line-height: 1.8;
}

body.single-post .entry-content p {
  margin-bottom: 24px;
}

body.single-post .entry-title {
  line-height: 1.25;
  margin-bottom: 28px;
}

/* Prilagodba naslova i teksta na mobitelu */
@media (max-width: 767px) {
  body.single-post .entry-title {
    font-size: 32px;
    line-height: 1.25;
  }

  body.single-post .entry-content {
    font-size: 17px;
    line-height: 1.75;
  }
}
/* Uredan prikaz svih vijesti */
body.single-post .content-page {
  max-width: 900px;
  margin: 35px auto;
  padding: 0 24px;
  box-sizing: border-box;
}

body.single-post .content-page h1 {
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 28px;
}

body.single-post .content-page p {
  line-height: 1.8;
  margin-bottom: 24px;
}

/* Vijesti na mobitelu */
@media (max-width: 767px) {
  body.single-post .content-page {
    padding: 0 20px;
    margin: 28px auto;
  }

  body.single-post .content-page h1 {
    font-size: 29px;
    line-height: 1.3;
    margin-bottom: 24px;
  }

  body.single-post .content-page p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 22px;
  }
}
/* Uredan prikaz svih vijesti na mobitelu */
@media (max-width: 640px) {

  .content-page {
    padding: 24px 18px;
    box-sizing: border-box;
  }

  .content-page h1 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0 0 24px;
    overflow-wrap: break-word;
  }

  .content-page p {
    font-size: 17px;
    line-height: 1.75;
    margin-bottom: 20px;
  }

  .content-page img {
    max-width: 100%;
    height: auto;
  }
}
/* Uređen prikaz svih župnih vijesti */

.jn-single-post {
    max-width: 1000px;
    margin: 0 auto;
    padding: 45px 30px;
    box-sizing: border-box;
}

.jn-post-title {
    font-size: 36px;
    line-height: 1.25;
    margin: 0 0 30px;
    overflow-wrap: break-word;
}

.jn-post-content {
    font-size: 18px;
    line-height: 1.8;
}

.jn-post-content p {
    margin: 0 0 22px;
}

.jn-post-content img {
    max-width: 100%;
    height: auto;
}

/* Prilagodba za mobitele */

@media (max-width: 640px) {

    .jn-single-post {
        padding: 28px 20px;
    }

    .jn-single-post .jn-post-title {
        font-size: 28px;
        line-height: 1.3;
        margin-bottom: 25px;
    }

    .jn-single-post .jn-post-content {
        font-size: 17px;
        line-height: 1.75;
    }

    .jn-single-post .jn-post-content p {
        margin-bottom: 20px;
    }
}
/*Zupne rubrike - raspored kartica */
@media (min-width: 901px) {
  .jn-feature-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 16px !important;
  }

  .jn-feature-links > a {
    flex: 0 0 calc(25% - 12px) !important;
    box-sizing: border-box;
  }
}
/* Kontaktni podaci župe na mobitelu */
@media screen and (max-width: 767px) {
    .site-header .contact-top {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        gap: 6px;
        width: 100%;
        padding: 12px 8px;
        text-align: center;
        font-size: 13px;
        line-height: 1.6;
    }

    .site-header .contact-top span {
        display: block !important;
        overflow-wrap: anywhere;
    }

    .site-header .head-top {
        flex-wrap: wrap;
    }
}