/*
 Theme Name:   Superio Child
 Theme URI:    https://themeforest.net/item/superio-job-board-wordpress-theme/32180231
 Description:  Superio Child Theme
 Author:       ApusTheme
 Author URI:   http://apusthemes.com
 Template:     superio
 Version:      1.0.0
 Text Domain:  superio-child
*/

/* ============================================================
   Prilagoditve po popravkih stranke — 27. 7. 2026
   ============================================================ */

/* --- Odprava vodoravnega drsenja na mobilnih napravah ---------
   Vrtiljaki (slick) uporabljajo negativne robove za razmike med
   karticami, kar je na ozkih zaslonih segalo ~16px čez rob in
   povzročalo vodoravno drsenje celotne strani.               */
@media (max-width: 991px) {
    .slick-carousel,
    .slick-list {
        max-width: 100%;
    }
    .slick-list {
        overflow: hidden;
    }
    .over-dark {
        max-width: 100%;
    }
}

/* --- Berljivost na mobilnih napravah -------------------------- */
@media (max-width: 767px) {
    /* dolgi naslovi sekcij naj se ne prelivajo čez rob */
    .elementor-heading-title {
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    /* široke tabele v člankih naj drsijo znotraj svojega okvira */
    .entry-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* --- Stran Paketi: blok "Moji paketi" je smiseln samo za prijavljene ---- */
body.logged-out .samo-prijavljeni {
    display: none;
}

/* --- Javna mreža paketov: enaka višina kartic, berljivo na mobilnem ----- */
.javni-paketi .subwoo-inner {
    height: 100%;
}
.javni-paketi .short-des ul {
    margin: 0;
    padding-left: 1.1em;
    text-align: left;
}
.javni-paketi .short-des li {
    margin-bottom: 6px;
    line-height: 1.45;
}
@media (max-width: 767px) {
    .javni-paketi .row > [class*="col-"] {
        margin-bottom: 18px;
    }
}

/* Bootstrap vrstica ima negativne robove (-15px), ki so na mobilnem
   segali čez rob zaslona; na namizju jih pustimo zaradi razmikov. */
@media (max-width: 767px) {
    .javni-paketi .row {
        margin-left: 0;
        margin-right: 0;
    }
    .javni-paketi .row > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
}

/* Na tablici: dva paketa v vrstici (trije so preozki za branje značilnosti),
   hkrati odpravimo negativne robove Bootstrap vrstice, ki so segali čez rob. */
@media (min-width: 768px) and (max-width: 991px) {
    .javni-paketi .row {
        margin-left: -8px;
        margin-right: -8px;
    }
    .javni-paketi .row > [class*="col-"] {
        width: 50%;
        padding-left: 8px;
        padding-right: 8px;
        margin-bottom: 16px;
    }
    /* prekini Bootstrapovo čiščenje po tretjem stolpcu */
    .javni-paketi .row > [class*="col-"].sm-clearfix {
        clear: none;
    }
    .javni-paketi .row > [class*="col-"]:nth-child(odd) {
        clear: both;
    }
}

/* Enotna rešitev za vse širine: vrstica brez negativnih robov (ti so brez
   izravnalnega odmika starša povzročali vodoravno drsenje), razmiki med
   karticami pa prek notranjega odmika stolpcev. */
.javni-paketi .row {
    margin-left: 0;
    margin-right: 0;
}
.javni-paketi .row > [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}

/* --- Kontaktni obrazec: polja naj zapolnijo širino stolpca ------------- */
.wpcf7 label {
    display: block;
    width: 100%;
    margin-bottom: 14px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
}
.wpcf7 textarea {
    min-height: 130px;
}
.wpcf7 .wpcf7-acceptance {
    display: block;
    margin: 4px 0 16px;
    font-size: 0.9em;
    line-height: 1.5;
}

@media (max-width: 767px) {
    /* na mobilnem naj gre gumb čez celo širino, da je lažje zadeti */
    .wpcf7 input[type="submit"] {
        width: 100%;
    }
}

/* --- Pogosta vprašanja: berljivejši harmonika elementi ----------------- */
.elementor-accordion .elementor-tab-title {
    line-height: 1.4;
}
@media (max-width: 767px) {
    .elementor-accordion .elementor-tab-title {
        font-size: 1rem;
        padding: 14px 12px;
    }
    .elementor-accordion .elementor-tab-content {
        padding: 12px;
    }
}

/* ======================================================================
   Kartice paketov — enotna višina, modernejši videz
   ====================================================================== */
.javni-paketi .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.javni-paketi .row > [class*="col-"] {
    display: flex;
}
.javni-paketi .subwoo-inner {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #fff;
    border: 1px solid #E3E8F0;
    border-radius: 14px;
    padding: 28px 24px 24px;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.javni-paketi .subwoo-inner:hover {
    border-color: #1967D2;
    box-shadow: 0 12px 28px rgba(25, 103, 210, .12);
    transform: translateY(-3px);
}
.javni-paketi .subwoo-inner .item {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.javni-paketi .bottom-sub {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* priporočeni paket izstopa */
.javni-paketi .subwoo-inner.is_featured {
    border-color: #1967D2;
    border-width: 2px;
    box-shadow: 0 10px 30px rgba(25, 103, 210, .14);
}

/* naslov paketa */
.javni-paketi .header-sub .title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #1B2A41;
    margin: 0 0 4px;
    letter-spacing: .1px;
}
.javni-paketi .recommended {
    display: inline-block;
    background: #E8F0FE;
    color: #1967D2;
    font-size: .72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 4px 10px;
    border-radius: 999px;
}

/* cena */
.javni-paketi .price {
    font-size: 2rem;
    font-weight: 700;
    color: #1967D2;
    line-height: 1.15;
    margin: 6px 0 2px;
}
.javni-paketi .price .woocommerce-Price-currencySymbol {
    font-size: .7em;
    font-weight: 600;
}
/* pripis "+ DDV" pod ceno */
.javni-paketi .price::after {
    content: "+ DDV";
    display: block;
    font-size: .72rem;
    font-weight: 500;
    color: #7A8699;
    letter-spacing: .3px;
    margin-top: 2px;
}

/* seznam značilnosti */
.javni-paketi .short-des {
    flex: 1 1 auto;
    margin: 18px 0 22px;
    padding-top: 18px;
    border-top: 1px solid #EDF1F7;
}
.javni-paketi .short-des ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.javni-paketi .short-des li {
    position: relative;
    padding-left: 26px;
    margin-bottom: 11px;
    font-size: .9rem;
    line-height: 1.5;
    color: #45536B;
}
.javni-paketi .short-des li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .45em;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #E8F0FE url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231967D2' d='M6.4 11.2 3.6 8.4l1.1-1.1 1.7 1.7 4.9-4.9 1.1 1.1z'/%3E%3C/svg%3E") center/13px no-repeat;
}

/* gumb */
.javni-paketi .button-action {
    margin-top: auto;
}
.javni-paketi .button-action .button,
.javni-paketi .button-action a.button {
    display: block;
    width: 100%;
    text-align: center;
    background: #1967D2;
    color: #fff;
    border: 1px solid #1967D2;
    border-radius: 9px;
    padding: 13px 18px;
    font-weight: 600;
    font-size: .95rem;
    transition: background .2s ease, color .2s ease;
}
.javni-paketi .button-action .button:hover,
.javni-paketi .button-action a.button:hover {
    background: #fff;
    color: #1967D2;
}

@media (max-width: 767px) {
    .javni-paketi .subwoo-inner {
        padding: 24px 20px 20px;
    }
    .javni-paketi .price {
        font-size: 1.75rem;
    }
}

/* --- Ime delodajalca na kartici oglasa -------------------------------- */
.job-employer-name {
    margin: 2px 0 6px;
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.3;
}
.job-employer-name a {
    color: #1967D2;
}
.job-employer-name a:hover {
    text-decoration: underline;
}

/* logotip delodajalca naj bo enakomeren in ne razpotegnjen */
.layout-job .employer-logo img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #EDF1F7;
    border-radius: 10px;
    padding: 4px;
}
@media (max-width: 767px) {
    .layout-job .employer-logo img {
        width: 48px;
        height: 48px;
    }
    .job-employer-name {
        font-size: .9rem;
    }
}

/* --- Obrazec za novičnik v modri sekciji ------------------------------ */
.elementor-element-49bfb137 .wpcf7 {
    max-width: 460px;
}
.elementor-element-49bfb137 .wpcf7 input[type="email"] {
    width: 100%;
    padding: 14px 16px;
    border: 0;
    border-radius: 9px;
    font-size: .95rem;
}
.elementor-element-49bfb137 .wpcf7 .wpcf7-acceptance {
    display: block;
    margin: 10px 0 14px;
    color: #fff;
    font-size: .82rem;
    line-height: 1.45;
}
.elementor-element-49bfb137 .wpcf7 input[type="submit"] {
    width: 100%;
    background: #fff;
    color: #1967D2;
    border: 1px solid #fff;
    border-radius: 9px;
    padding: 13px 28px;
    font-weight: 600;
    transition: background .2s ease, color .2s ease;
}
.elementor-element-49bfb137 .wpcf7 input[type="submit"]:hover {
    background: transparent;
    color: #fff;
}
.elementor-element-49bfb137 .wpcf7-response-output {
    color: #fff;
    border-color: rgba(255,255,255,.5) !important;
    border-radius: 8px;
}

/* logotipi partnerjev naj bodo enotni in ne razpotegnjeni */
.widget-brands img,
.apus-brands img {
    max-height: 62px;
    width: auto;
    object-fit: contain;
}

/* ======================================================================
   Glave podstrani – enoten moder videz, skladen z domačo stranjo
   ====================================================================== */
.apus-breadscrumb {
    position: relative;
    background-color: #302EA7;
    background-size: cover;
    background-position: center;
    padding: 68px 0 60px;
}
/* moder preliv čez fotografijo, da je besedilo berljivo in barva znamke enotna */
.apus-breadscrumb::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(48,46,167,.94) 0%, rgba(25,103,210,.86) 100%);
}
.apus-breadscrumb > * {
    position: relative;
    z-index: 1;
}
.apus-breadscrumb .page-title,
.apus-breadscrumb h1,
.apus-breadscrumb h2 {
    color: #fff;
    font-weight: 600;
    margin: 0 0 8px;
}
.apus-breadscrumb,
.apus-breadscrumb a,
.apus-breadscrumb .breadcrumb,
.apus-breadscrumb .breadcrumb li,
.apus-breadscrumb .breadcrumb a {
    color: rgba(255,255,255,.88);
}
.apus-breadscrumb .breadcrumb a:hover {
    color: #fff;
    text-decoration: underline;
}

/* vsebina podstrani naj ne bo gola bela ploskev */
body:not(.home) .main-page-content,
body:not(.home) .site-content {
    background-color: #F7F9FC;
}
body:not(.home) .main-page-content .entry-content,
body:not(.home) article.page,
body:not(.home) .job-list,
body:not(.home) .layout-job {
    background-color: #fff;
}

@media (max-width: 767px) {
    .apus-breadscrumb {
        padding: 44px 0 38px;
    }
    .apus-breadscrumb .page-title,
    .apus-breadscrumb h1 {
        font-size: 1.5rem;
        line-height: 1.3;
    }
}

/* ======================================================================
   Podstrani: moder uvod, kartice, harmonika – slog Superio
   ====================================================================== */
.zdr-hero {
    margin-bottom: 0 !important;
}
.zdr-hero .elementor-heading-title {
    letter-spacing: -.4px;
}

/* --- Pogosta vprašanja: harmonika kot kartice ------------------------- */
.zdr-faq .elementor-accordion .elementor-accordion-item {
    border: 1px solid #E3E8F0;
    border-radius: 12px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
    transition: box-shadow .2s ease, border-color .2s ease;
}
.zdr-faq .elementor-accordion .elementor-accordion-item:hover {
    border-color: #C7D8F2;
    box-shadow: 0 6px 18px rgba(25,103,210,.07);
}
.zdr-faq .elementor-accordion .elementor-tab-title {
    padding: 20px 22px;
    font-size: 1.02rem;
    font-weight: 600;
    color: #1B2A41;
    line-height: 1.45;
    border: 0 !important;
    background: transparent;
}
.zdr-faq .elementor-accordion .elementor-tab-title.elementor-active {
    color: #1967D2;
    background: #F7FAFF;
}
.zdr-faq .elementor-accordion .elementor-tab-content {
    padding: 4px 22px 22px;
    border: 0 !important;
    color: #4A5768;
    font-size: .95rem;
    line-height: 1.65;
    background: #F7FAFF;
}
.zdr-faq .elementor-accordion .elementor-tab-content a {
    color: #1967D2;
    font-weight: 500;
}
.zdr-faq .elementor-accordion-icon {
    color: #1967D2;
    width: 26px;
}

/* --- Kontakt: kartice s podatki --------------------------------------- */
.zdr-kontakt-kartice .elementor-column {
    display: flex;
}
.zdr-kontakt-kartica > .elementor-widget-wrap,
.zdr-kontakt-kartica .elementor-widget-icon-box {
    width: 100%;
}
.zdr-kontakt-kartica .elementor-icon-box-wrapper {
    height: 100%;
    background: #fff;
    border: 1px solid #E3E8F0;
    border-radius: 14px;
    padding: 32px 24px;
    text-align: center;
    transition: box-shadow .25s ease, transform .25s ease, border-color .25s ease;
}
.zdr-kontakt-kartica .elementor-icon-box-wrapper:hover {
    border-color: #1967D2;
    box-shadow: 0 12px 26px rgba(25,103,210,.10);
    transform: translateY(-3px);
}
.zdr-kontakt-kartica .elementor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #E8F0FE;
    color: #1967D2;
    font-size: 22px;
}
.zdr-kontakt-kartica .elementor-icon-box-title {
    font-size: 1rem !important;
    font-weight: 600;
    color: #7A8699;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 8px !important;
}
.zdr-kontakt-kartica .elementor-icon-box-description {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1B2A41;
    line-height: 1.55;
}
.zdr-kontakt-kartica .elementor-icon-box-description a {
    color: #1967D2;
}
.zdr-kontakt-kartica .zdr-drobno {
    display: inline-block;
    margin-top: 4px;
    font-size: .84rem;
    font-weight: 400;
    color: #7A8699;
}

/* --- Kontakt: obrazec v beli kartici ---------------------------------- */
.zdr-obrazec-kartica > .elementor-container {
    max-width: 720px;
    background: #fff;
    border: 1px solid #E3E8F0;
    border-radius: 16px;
    padding: 38px 34px;
    box-shadow: 0 8px 26px rgba(27,42,65,.05);
}
.zdr-obrazec-kartica .wpcf7 input[type="text"],
.zdr-obrazec-kartica .wpcf7 input[type="email"],
.zdr-obrazec-kartica .wpcf7 textarea {
    border: 1px solid #DCE3ED;
    border-radius: 9px;
    padding: 13px 15px;
    background: #FBFCFE;
    transition: border-color .2s ease, background .2s ease;
}
.zdr-obrazec-kartica .wpcf7 input:focus,
.zdr-obrazec-kartica .wpcf7 textarea:focus {
    border-color: #1967D2;
    background: #fff;
    outline: none;
}
.zdr-obrazec-kartica .wpcf7 label {
    font-weight: 600;
    color: #1B2A41;
    font-size: .92rem;
}
.zdr-obrazec-kartica .wpcf7 input[type="submit"] {
    background: #1967D2;
    color: #fff;
    border: 1px solid #1967D2;
    border-radius: 9px;
    padding: 14px 38px;
    font-weight: 600;
    transition: background .2s ease, color .2s ease;
}
.zdr-obrazec-kartica .wpcf7 input[type="submit"]:hover {
    background: #fff;
    color: #1967D2;
}

@media (max-width: 767px) {
    .zdr-obrazec-kartica > .elementor-container {
        padding: 24px 18px;
        border-radius: 12px;
    }
    .zdr-kontakt-kartica .elementor-icon-box-wrapper {
        padding: 24px 18px;
    }
    .zdr-faq .elementor-accordion .elementor-tab-title {
        padding: 16px 16px;
        font-size: .96rem;
    }
    .zdr-faq .elementor-accordion .elementor-tab-content {
        padding: 2px 16px 18px;
    }
}

/* ======================================================================
   Kartice paketov – dodelan videz (nadgradnja prejšnjih pravil)
   ====================================================================== */
.javni-paketi .subwoo-inner {
    padding: 0;                     /* razmike prevzamejo notranji deli */
    border-radius: 16px;
    border-color: #E6EBF3;
    overflow: hidden;
    position: relative;
}
.javni-paketi .subwoo-inner:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(25,103,210,.13);
}

/* glava kartice – rahlo modra ploskev z imenom in ceno */
.javni-paketi .header-sub {
    background: linear-gradient(160deg, #F4F8FF 0%, #FFFFFF 100%);
    border-bottom: 1px solid #EDF1F7;
    padding: 26px 26px 20px;
    text-align: left;
}
.javni-paketi .header-sub .title {
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    color: #7A8699;
    margin: 0;
}
.javni-paketi .top-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}
.javni-paketi .recommended {
    background: #1967D2;
    color: #fff;
    font-size: .66rem;
    letter-spacing: .8px;
    padding: 5px 11px;
    white-space: nowrap;
}

/* telo kartice */
.javni-paketi .bottom-sub {
    padding: 22px 26px 26px;
    text-align: left;
}
.javni-paketi .price {
    font-size: 2.3rem;
    font-weight: 700;
    color: #1B2A41;
    letter-spacing: -1px;
    margin: -8px 0 0;
}
.javni-paketi .price .woocommerce-Price-currencySymbol {
    font-size: .55em;
    font-weight: 600;
    color: #1967D2;
    margin-left: 2px;
}
.javni-paketi .price::after {
    content: "brez DDV";
    font-size: .74rem;
    font-weight: 500;
    color: #9AA5B5;
    letter-spacing: .2px;
    margin-top: 4px;
    text-transform: none;
}
.javni-paketi .short-des {
    margin: 20px 0 24px;
    padding-top: 20px;
}
.javni-paketi .short-des li {
    font-size: .875rem;
    color: #4A5768;
    margin-bottom: 12px;
    padding-left: 27px;
}

/* gumb */
.javni-paketi .button-action .button,
.javni-paketi .button-action a.button {
    border-radius: 10px;
    padding: 14px 18px;
    letter-spacing: .2px;
    box-shadow: 0 4px 12px rgba(25,103,210,.18);
}
.javni-paketi .button-action .button:hover,
.javni-paketi .button-action a.button:hover {
    box-shadow: none;
}

/* priporočeni paket: modri rob + rahlo dvignjen */
.javni-paketi .subwoo-inner.is_featured {
    border-color: #1967D2;
    box-shadow: 0 14px 34px rgba(25,103,210,.16);
}
.javni-paketi .subwoo-inner.is_featured .header-sub {
    background: linear-gradient(160deg, #EAF2FE 0%, #F8FBFF 100%);
}

@media (max-width: 767px) {
    .javni-paketi .header-sub { padding: 22px 20px 16px; }
    .javni-paketi .bottom-sub { padding: 18px 20px 22px; }
    .javni-paketi .price { font-size: 2rem; }
}

/* cena v kartici paketa – premagamo pravilo teme */
.widget-subwoo.javni-paketi .subwoo-inner .bottom-sub .price,
.javni-paketi .subwoo-inner .price {
    font-size: 2.25rem !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    display: block;
}
.widget-subwoo.javni-paketi .subwoo-inner .bottom-sub .price bdi,
.javni-paketi .subwoo-inner .price bdi {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: #1B2A41;
}
.javni-paketi .subwoo-inner .price .woocommerce-Price-currencySymbol {
    font-size: .55em !important;
    color: #1967D2;
}
@media (max-width: 767px) {
    .widget-subwoo.javni-paketi .subwoo-inner .bottom-sub .price,
    .javni-paketi .subwoo-inner .price { font-size: 1.95rem !important; }
}

/* --- Ime delodajalca na oglasu: skoraj tako veliko kot naslov --------- */
.job-employer-name {
    margin: 4px 0 10px !important;
    font-size: 1.28rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -.2px;
}
.job-employer-name a {
    color: #1967D2 !important;
}

/* logotip delodajalca naj bo večji, da se ujema z besedilom */
.layout-job .employer-logo img {
    width: 72px;
    height: 72px;
}

@media (max-width: 991px) {
    .job-employer-name { font-size: 1.15rem !important; }
    .layout-job .employer-logo img { width: 62px; height: 62px; }
}
@media (max-width: 767px) {
    .job-employer-name { font-size: 1.06rem !important; }
    .layout-job .employer-logo img { width: 54px; height: 54px; }
}

/* (podvojena pravila za logotip odstranjena - velja enotni blok nizje) */

/* ======================================================================
   Popravek enot: tema uporablja korenski font 10px, zato rem vrednosti
   niso delovale po pričakovanju. Uporabimo px.
   ====================================================================== */
.job-employer-name {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 5px 0 10px !important;
}
@media (max-width: 991px) { .job-employer-name { font-size: 17px !important; } }
@media (max-width: 767px) { .job-employer-name { font-size: 16px !important; } }

/* kartice paketov – enote v px */
.widget-subwoo.javni-paketi .subwoo-inner .bottom-sub .price,
.javni-paketi .subwoo-inner .price {
    font-size: 34px !important;
}
@media (max-width: 767px) {
    .widget-subwoo.javni-paketi .subwoo-inner .bottom-sub .price,
    .javni-paketi .subwoo-inner .price { font-size: 29px !important; }
}
.javni-paketi .price::after { font-size: 12px; }
.javni-paketi .header-sub .title { font-size: 13px; }
.javni-paketi .short-des li { font-size: 14px; }
.javni-paketi .recommended { font-size: 11px; }
.javni-paketi .button-action .button,
.javni-paketi .button-action a.button { font-size: 15px; }

/* pogosta vprašanja in kontakt – enote v px */
.zdr-faq .elementor-accordion .elementor-tab-title { font-size: 16px; }
.zdr-faq .elementor-accordion .elementor-tab-content { font-size: 15px; }
.zdr-kontakt-kartica .elementor-icon-box-title { font-size: 13px !important; }
.zdr-kontakt-kartica .elementor-icon-box-description { font-size: 16px; }
.zdr-kontakt-kartica .zdr-drobno { font-size: 13px; }
.zdr-obrazec-kartica .wpcf7 label { font-size: 14px; }
@media (max-width: 767px) {
    .zdr-faq .elementor-accordion .elementor-tab-title { font-size: 15px; }
    .zdr-faq .elementor-accordion .elementor-tab-content { font-size: 14px; }
}

/* (zastareli blok za logotip odstranjen - velikosti so poenotene nizje) */

/* Ikona zvončka (obvestila) v mobilni glavi – iskalci zaposlitve nimajo
   računov, zato obvestila zanje nimajo pomena. */
@media (max-width: 991px) {
    a.message-notification,
    .message-notification,
    .apus-header-mobile .message-notification {
        display: none !important;
    }
}

/* --- Stran oglasa: ime delodajalca pod naslovom ----------------------- */
.job-detail-employer {
    margin: 6px 0 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}
.job-detail-employer a { color: #1967D2; }
.job-detail-employer a:hover { text-decoration: underline; }
.job-detail-header .employer-logo img {
    width: 84px;
    height: 84px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #EDF1F7;
    border-radius: 12px;
    padding: 6px;
    margin-right: 18px;
}

/* --- "Pregled dela": postavke naj zapolnijo širino, brez prazne celice - */
.job-overview ul,
.widget-job-overview ul,
.job-detail-overview ul {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.job-overview ul > li,
.widget-job-overview ul > li,
.job-detail-overview ul > li {
    flex: 1 1 190px;
    max-width: none;
    width: auto !important;
    float: none !important;
    margin: 0;
}

@media (max-width: 767px) {
    .job-detail-employer { font-size: 17px; }
    .job-detail-header .employer-logo img { width: 64px; height: 64px; margin-right: 12px; }
    .job-overview ul > li,
    .widget-job-overview ul > li,
    .job-detail-overview ul > li { flex: 1 1 140px; }
}

/* --- CTA pas z vzorcem ------------------------------------------------ */
.zdr-cta {
    background-blend-mode: soft-light;
}

/* ======================================================================
   Kartice paketov – dodelan videz z ikonami (referenca: sodobni ceniki)
   ====================================================================== */
.javni-paketi .subwoo-inner {
    text-align: center;
    padding: 0 0 6px;
}

/* ikona v barvnem krogu */
.javni-paketi .icon-wrapper {
    display: flex;
    justify-content: center;
    padding: 30px 0 4px;
}
.javni-paketi .icon-wrapper span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    border-radius: 22px;
    background: linear-gradient(145deg, #E8F0FE 0%, #D6E6FF 100%);
    color: #1967D2;
    font-size: 31px;
    box-shadow: inset 0 -2px 6px rgba(25,103,210,.08);
}

/* vsaki kartici svoj barvni pridih */
.javni-paketi .row > [class*="col-"]:nth-child(1) .icon-wrapper span {
    background: linear-gradient(145deg,#E7F3EC 0%,#D3EBDD 100%); color:#1E8E5A;
}
.javni-paketi .row > [class*="col-"]:nth-child(2) .icon-wrapper span {
    background: linear-gradient(145deg,#FDF0E3 0%,#FBE0C4 100%); color:#D9822B;
}
.javni-paketi .row > [class*="col-"]:nth-child(4) .icon-wrapper span {
    background: linear-gradient(145deg,#F1EAFB 0%,#E3D6F7 100%); color:#7B4FCB;
}
.javni-paketi .row > [class*="col-"]:nth-child(5) .icon-wrapper span {
    background: linear-gradient(145deg,#FDE8EC 0%,#F9D2DA 100%); color:#D6416B;
}

/* glava brez ločnice, bolj zračno */
.javni-paketi .header-sub {
    background: transparent;
    border-bottom: 0;
    padding: 6px 26px 0;
    text-align: center;
}
.javni-paketi .top-info {
    display: block;
    position: relative;
}
.javni-paketi .header-sub .title {
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: #1B2A41;
}
.javni-paketi .recommended {
    position: absolute;
    top: -84px;
    right: -12px;
}

.javni-paketi .bottom-sub {
    padding: 8px 26px 26px;
    text-align: center;
}
.javni-paketi .short-des {
    border-top: 1px solid #EDF1F7;
    margin: 18px 0 22px;
    padding-top: 20px;
}
.javni-paketi .short-des li {
    text-align: left;
}

/* ---------- priporočeni paket: polna barvna ploskev ---------- */
.javni-paketi .subwoo-inner.is_featured {
    background: linear-gradient(160deg,#1967D2 0%,#2F6FE0 100%);
    border-color: transparent;
    box-shadow: 0 18px 40px rgba(25,103,210,.28);
}
.javni-paketi .subwoo-inner.is_featured .header-sub .title,
.javni-paketi .subwoo-inner.is_featured .price,
.javni-paketi .subwoo-inner.is_featured .price bdi,
.javni-paketi .subwoo-inner.is_featured .short-des li {
    color: #fff !important;
}
.javni-paketi .subwoo-inner.is_featured .price .woocommerce-Price-currencySymbol { color:#CFE0FA; }
.javni-paketi .subwoo-inner.is_featured .price::after { color:#C7DAF7; }
.javni-paketi .subwoo-inner.is_featured .short-des { border-top-color: rgba(255,255,255,.22); }
.javni-paketi .subwoo-inner.is_featured .short-des li::before {
    background: rgba(255,255,255,.22) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M6.4 11.2 3.6 8.4l1.1-1.1 1.7 1.7 4.9-4.9 1.1 1.1z'/%3E%3C/svg%3E") center/13px no-repeat;
}
.javni-paketi .subwoo-inner.is_featured .icon-wrapper span {
    background: rgba(255,255,255,.16) !important;
    color: #fff !important;
    box-shadow: none;
}
.javni-paketi .subwoo-inner.is_featured .recommended {
    background: #fff;
    color: #1967D2;
}
.javni-paketi .subwoo-inner.is_featured .button-action .button,
.javni-paketi .subwoo-inner.is_featured .button-action a.button {
    background: #fff;
    color: #1967D2;
    border-color: #fff;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
}
.javni-paketi .subwoo-inner.is_featured .button-action .button:hover,
.javni-paketi .subwoo-inner.is_featured .button-action a.button:hover {
    background: rgba(255,255,255,.9);
    color: #1546A0;
}

@media (max-width: 767px) {
    .javni-paketi .icon-wrapper { padding: 24px 0 2px; }
    .javni-paketi .icon-wrapper span { width: 64px; height: 64px; font-size: 27px; border-radius: 18px; }
    .javni-paketi .recommended { top: -74px; right: 0; }
}

/* ======================================================================
   Stran posameznega oglasa – dodelave
   ====================================================================== */

/* logotip in ime delodajalca: razmik + krepko ime */
.zdr-emp-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}
.zdr-emp-logo img {
    display: block;
    width: 76px;
    height: 76px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #EDF1F7;
    border-radius: 12px;
    padding: 6px;
}
.zdr-emp-name {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
}
.zdr-emp-name a { color: #1967D2; }
.zdr-emp-name a:hover { text-decoration: underline; }

/* naslov oglasa naj ima zrak nad sabo */
.job-detail-title {
    margin-top: 6px !important;
    line-height: 1.3;
}

/* --- "Pregled dela": okvir se konča ob zadnji postavki ----------------- */
.job-overview .list,
.widget-job-overview .list,
.job-detail-overview .list {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 26px 44px;
    width: auto !important;
    margin: 0;
    padding: 0;
    list-style: none;
}
.job-overview .list > li,
.widget-job-overview .list > li,
.job-detail-overview .list > li {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
}
/* sam okvir naj se prilagodi vsebini, ne razteza čez ves stolpec */
.job-overview,
.widget-job-overview,
.job-detail-overview {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

/* --- gumb za prijavo: enaka pisava kot ostali gumbi --------------------
   29. 7. 2026: Roboto je bil pisava pred prenovo po artefaktu; zamenjan
   z Manrope, da je gumb enak vsem drugim gumbom na strani. */
.btn-apply,
.btn-apply-job-email,
.btn-apply-job,
a.btn-apply {
    font-family: 'Manrope', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .2px;
    text-transform: none !important;
    padding: 15px 30px !important;
    border-radius: 13px !important;
}

@media (max-width: 767px) {
    .zdr-emp-head { gap: 12px; margin-bottom: 14px; }
    .zdr-emp-logo img { width: 58px; height: 58px; }
    .zdr-emp-name { font-size: 16px; }
    .job-overview .list,
    .widget-job-overview .list,
    .job-detail-overview .list { gap: 18px 26px; }
    .job-overview, .widget-job-overview, .job-detail-overview { display: block; width: 100%; }
}

/* "Pregled dela": okvir naj se konča ob zadnji postavki, brez praznine desno */
.job-detail-detail {
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
}
/* prestavljeno v blok POPRAVKI OGLASA */
/* prestavljeno v blok POPRAVKI OGLASA */
.job-detail-detail .list > li::before,
.job-detail-detail .list > li::after { content: none !important; }

/* logotip delodajalca nad naslovom – premagamo pravilo teme */
.job-detail-header .zdr-emp-logo img,
.zdr-emp-head .zdr-emp-logo img {
    width: 74px !important;
    height: 74px !important;
    max-width: none !important;
}

@media (max-width: 767px) {
    .job-detail-detail { display: block !important; width: 100% !important; }
/* prestavljeno v blok POPRAVKI OGLASA */
    .job-detail-header .zdr-emp-logo img,
    .zdr-emp-head .zdr-emp-logo img { width: 56px !important; height: 56px !important; }
}

/* ======================================================================
   Glava: večji logotip, ki se ob lepljivi glavi pomanjša
   ====================================================================== */
/* logotip sme rahlo segati čez glavo, da deluje večji brez višje glave */
.apus-header .logo,
.apus-header-mobile .logo {
    position: relative;
    z-index: 5;
    line-height: 0;
}
/* (zastareli lepljivi selektorji odstranjeni - tema uporablja .main-sticky-header.sticky-header) */

/* --- gumb v glavi: samo "Prijava", brez "/ Registracija" -------------- */
.login-register-btn .apus-user-login .separate,
.login-register-btn .apus-user-login .separate + span {
    display: none !important;
}

/* --- Deli objavo: prave barve omrežij --------------------------------- */
.apus-social-share a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    margin: 0 8px 8px 0;
    border-radius: 8px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    transition: opacity .2s ease, transform .2s ease;
}
.apus-social-share a:hover { opacity: .9; transform: translateY(-1px); }
.apus-social-share a.facebook  { background: #1668D9 !important; }
.apus-social-share a.twitter   { background: #000000 !important; }
.apus-social-share a.linkedin  { background: #0A66C2 !important; }
.apus-social-share a.pinterest { background: #BD081C !important; }
.apus-social-share .title { margin-right: 12px; }

/* ======================================================================
   Stran oglasa: logotip/ime delodajalca ne smeta prekrivati naslova
   ====================================================================== */
.zdr-emp-head {
    display: flex !important;
    align-items: center;
    gap: 16px;
    margin: 0 0 20px !important;
    float: none !important;
    clear: both;
}
.zdr-emp-head .zdr-emp-name {
    display: block;
    margin: 0;
}
.job-detail-title {
    display: block;
    clear: both;
    margin: 0 0 10px !important;
    line-height: 1.3;
}
/* prepreči, da bi tema postavila logotip ob naslov */
.job-detail-header .zdr-emp-head + .job-detail-title,
.job-detail-header .job-detail-title { padding-left: 0 !important; }

@media (max-width: 767px) {
    .apus-social-share a { padding: 9px 14px; font-size: 13px; }
    .zdr-emp-head { gap: 12px; margin-bottom: 14px !important; }
}

/* --- logotip sme segati čez glavo (overlap), zato nič ne sme rezati ---- */
.apus-header,
.apus-header .elementor-section,
.apus-header .elementor-container,
.apus-header .elementor-widget-wrap,
.apus-header .elementor-widget-apus_element_logo,
.apus-header .elementor-widget-apus_element_logo .elementor-widget-container,
.apus-header .logo,
.apus-header-mobile,
.apus-header-mobile .logo {
    overflow: visible !important;
}
.apus-header .elementor-widget-apus_element_logo,
.apus-header .logo { display: flex; align-items: center; }

/* --- gumba "Objavi oglas" in "Prijava" skupaj, z majhnim razmakom ------ */
.apus-header .top-wrapper-menu { margin-left: 10px !important; }
.apus-header .elementor-widget-apus_element_user_info2,
.apus-header .elementor-widget-apus_element_user_info,
.apus-header .elementor-widget-apus_element_add_job_btn {
    width: auto !important;
    flex: 0 0 auto !important;
}
.apus-header .elementor-widget-apus_element_add_job_btn { margin-right: 10px !important; }
.apus-header .elementor-widget-apus_element_user_info2 { margin-left: 0 !important; }

/* --- blok delodajalca nad naslovom oglasa ----------------------------- */
.job-detail-header.v3 .zdr-emp-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 18px;
}
.job-detail-header.v3 .zdr-emp-logo img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    background: #fff;
    border: 1px solid #E4E5E8;
    border-radius: 10px;
    padding: 6px;
    display: block;
}
.job-detail-header.v3 .zdr-emp-name a,
.job-detail-header.v3 .zdr-emp-name {
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    color: #202124;
}
.job-detail-header.v3 .zdr-emp-name a:hover { color: #1967D2; }
.job-detail-header.v3 .title-wrapper { flex-wrap: wrap; row-gap: 8px; }
.job-detail-header.v3 .job-detail-title { margin: 0; }

@media (max-width: 575px) {
    .job-detail-header.v3 .zdr-emp-logo img { width: 52px; height: 52px; }
    .job-detail-header.v3 .zdr-emp-name a,
    .job-detail-header.v3 .zdr-emp-name { font-size: 17px; }
}

/* ======================================================================
   Glava – gumba "Objavi oglas" in "Prijava" skupaj, točno 20 px vmes
   Vzrok prevelikega razmika: Elementor vsebnika (840b1a4, 941551f) sta
   bila široka 285 px, gumba znotraj njiju pa le ~165 in ~108 px.
   Vsebnika zožimo na širino vsebine; zunanji flex-gap je 5 px, zato
   damo levemu vsebniku še 15 px roba => skupaj 20 px.
   ====================================================================== */
.apus-header .elementor-element-840b1a4,
.apus-header .elementor-element-941551f {
    --width: auto;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}
.apus-header .elementor-element-941551f { margin-left: 15px !important; }

/* widget in gumb naj se prilegata vsebini, brez praznega prostora */
.apus-header .elementor-element-840b1a4 > .elementor-widget,
.apus-header .elementor-element-941551f > .elementor-widget,
.apus-header .elementor-element-840b1a4 .elementor-widget-container,
.apus-header .elementor-element-941551f .elementor-widget-container {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
.apus-header .elementor-widget-apus_element_user_info2 .top-wrapper-menu {
    margin: 0 !important;
    display: flex;
    align-items: center;
}

/* razveljavi prejšnje robove, ki so razmik še povečevali */
.apus-header .elementor-widget-apus_element_add_job_btn { margin-right: 0 !important; }
.apus-header .top-wrapper-menu { margin-left: 0 !important; }

@media (max-width: 1199px) {
    .apus-header .elementor-element-941551f { margin-left: 10px !important; }
}

/* ======================================================================
   LOGOTIP V GLAVI – končna rešitev
   Tema lepljivo glavo naredi z Waypoint.Sticky, ki elementu
   .main-sticky-header doda razred .sticky-header (stuckClass).
   Prejšnji selektorji (.is-sticky, .header-sticky) niso obstajali.

   Na vrhu strani: logotip 80 px, sme rahlo segati čez rob glave (overlap).
   Ko se glava prilepi: logotip 46 px, glava nižja, z blago senco.
   ====================================================================== */
.apus-header .logo img,
.main-sticky-header .logo img {
    max-height: 80px !important;
    width: auto !important;
    height: auto !important;
    display: block;
    transition: max-height .28s cubic-bezier(.4,0,.2,1);
}

/* --- prilepljena glava: manjši logotip in nižja vrstica --------------- */
.main-sticky-header.sticky-header .logo img {
    max-height: 46px !important;
}
.main-sticky-header.sticky-header {
    box-shadow: 0 2px 14px rgba(0,0,0,.08);
    background: #fff;
}
.main-sticky-header.sticky-header .elementor-element-82fe2a5 {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    transition: padding .28s cubic-bezier(.4,0,.2,1);
}

/* --- tablica in mobilnik --------------------------------------------- */
@media (max-width: 991px) {
    .apus-header .logo img,
    .apus-header-mobile .logo img,
    .mobile-header .logo img,
    .apus-offcanvas .logo img,
    .header-mobile .logo img,
    .main-sticky-header .logo img { max-height: 60px !important; }
    .main-sticky-header.sticky-header .logo img { max-height: 44px !important; }
}
@media (max-width: 480px) {
    .apus-header .logo img,
    .apus-header-mobile .logo img,
    .mobile-header .logo img,
    .apus-offcanvas .logo img,
    .header-mobile .logo img,
    .main-sticky-header .logo img { max-height: 50px !important; }
    .main-sticky-header.sticky-header .logo img { max-height: 40px !important; }
}

/* logotip sme segati čez glavo – nič ga ne sme rezati */
.main-sticky-header,
.main-sticky-header-wrapper { overflow: visible !important; }

/* --- blagajna: skrita polja brez pomena za Slovenijo ------------------ */
.woocommerce-checkout .zdr-skrito { display: none !important; }

/* --- blagajna: berljivejša postavitev --------------------------------- */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout #order_review_heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;
}
.woocommerce-checkout .form-row label { font-size: 14px; font-weight: 600; color: #202124; }
.woocommerce-checkout .form-row .description,
.woocommerce-checkout .form-row small { font-size: 12px; color: #80868b; }
.woocommerce-checkout #payment .payment_box { font-size: 14px; line-height: 1.6; }

/* ======================================================================
   KARTICE PAKETOV – nova zasnova
   Bele kartice s tanko obrobo, izpostavljeni paket v polni modri.
   Enotni seznam lastnosti omogoča neposredno primerjavo.
   ====================================================================== */
.zdr-paketi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 22px;
    align-items: stretch;
    margin: 0 0 10px;
}

.zdr-paket {
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #e6e8ec;
    border-radius: 14px;
    padding: 28px 24px 24px;
    transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.zdr-paket:hover {
    border-color: #c9d4f0;
    box-shadow: 0 10px 30px rgba(25, 103, 210, .10);
    transform: translateY(-2px);
}

/* --- glava --- */
.zdr-paket__glava {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 6px;
}
.zdr-paket__naziv {
    margin: 0;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.2;
    color: #1a2b4b;
}
.zdr-paket__znacka {
    display: inline-block;
    background: #1967D2;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 5px 9px;
    border-radius: 5px;
    white-space: nowrap;
}

.zdr-paket__obseg {
    font-size: 13px;
    color: #8b93a7;
    letter-spacing: .01em;
    margin-bottom: 18px;
}

/* --- cena --- */
.zdr-paket__cena {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.05;
    color: #1a2b4b;
    letter-spacing: -.02em;
}
.zdr-paket__opomba {
    font-size: 12.5px;
    color: #8b93a7;
    margin-top: 6px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eef0f4;
}

/* --- seznam lastnosti --- */
.zdr-paket__lastnosti {
    list-style: none;
    margin: 18px 0 22px;
    padding: 0;
    flex: 1 1 auto;
}
.zdr-paket__lastnosti li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 13.5px;
    line-height: 1.45;
    padding: 6px 0;
}
.zdr-paket__lastnosti li.je  { color: #3c4356; }
.zdr-paket__lastnosti li.ni  { color: #697290; }
.zdr-paket__oznaka {
    flex: 0 0 auto;
    width: 14px;
    text-align: center;
    font-weight: 700;
}
.zdr-paket__lastnosti li.je .zdr-paket__oznaka { color: #1967D2; }
.zdr-paket__lastnosti li.ni .zdr-paket__oznaka { color: #cfd4de; }

/* --- gumb --- */
.zdr-paket__gumb {
    display: block;
    width: 100%;
    margin-top: auto;
    padding: 13px 18px;
    background: #ffffff;
    color: #1967D2;
    border: 1.5px solid #1967D2;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}
.zdr-paket__gumb:hover,
.zdr-paket__gumb:focus {
    background: #1967D2;
    color: #ffffff;
}

/* --- izpostavljeni paket --- */
.zdr-paket--izpostavljen {
    border-color: #1967D2;
    box-shadow: 0 8px 26px rgba(25, 103, 210, .16);
}
.zdr-paket--izpostavljen .zdr-paket__gumb {
    background: #1967D2;
    color: #ffffff;
}
.zdr-paket--izpostavljen .zdr-paket__gumb:hover {
    background: #1553ad;
    border-color: #1553ad;
}

/* --- odzivnost --- */
@media (max-width: 1199px) {
    .zdr-paketi { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    .zdr-paketi { grid-template-columns: 1fr; gap: 16px; }
    .zdr-paket { padding: 24px 20px 20px; }
    .zdr-paket__cena { font-size: 34px; }
}

/* stara zasnova kartic se ne uporablja več */
.zdr-paketi .subwoo-inner,
.zdr-paketi .widget-subwoo { all: unset; }

/* na velikih zaslonih največ štiri kartice v vrsti; Boost se prelije v drugo vrsto */
@media (min-width: 1200px) {
    .zdr-paketi { grid-template-columns: repeat(4, 1fr); }
}

/* ======================================================================
   KONTAKT – prenova po predlogi
   Tri kartice s podatki, pod njimi ožja kartica z obrazcem.
   ====================================================================== */
.zdr-kontakt-kartica > .elementor-widget-wrap,
.zdr-kontakt-kartica > .elementor-element-populated {
    display: flex;
    flex-direction: column;
    gap: 0;
    height: 100%;
    background: #ffffff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 22px 24px 24px !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.zdr-kontakt-kartica:hover > .elementor-element-populated {
    border-color: #c9d4f0;
    box-shadow: 0 8px 22px rgba(25, 103, 210, .08);
}
.zdr-kontakt-kartica .elementor-widget-text-editor { width: 100%; }

.zdr-kk__oznaka {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #697290;
    margin-bottom: 10px;
}
.zdr-kk__glavno {
    display: block;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
    color: #1967D2;
    text-decoration: none;
    word-break: break-word;
}
.zdr-kk__glavno:hover { text-decoration: underline; }
.zdr-kk__glavno--temno { color: #1a2b4b; }
.zdr-kk__pod {
    display: block;
    font-size: 13.5px;
    line-height: 1.5;
    color: #6b7280;
    margin-top: 6px;
}
.zdr-kk__vec {
    display: inline-block;
    font-size: 13.5px;
    font-weight: 500;
    color: #1967D2;
    margin-top: 8px;
    text-decoration: none;
}
.zdr-kk__vec:hover { text-decoration: underline; }

/* ---------- kartica z obrazcem ---------- */
.zdr-obrazec-kartica > .elementor-container {
    max-width: 720px;
    margin: 0 auto;
}
.zdr-obrazec-kartica > .elementor-container > .elementor-column > .elementor-element-populated {
    background: #f7f8fb;
    border: 1px solid #eceef3;
    border-radius: 14px;
    padding: 34px 36px 30px !important;
}
.zdr-obrazec-kartica .elementor-heading-title {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #1a2b4b;
    margin-bottom: 22px;
}

/* dve polji v vrsti */
.zdr-obrazec-vrstica {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.zdr-obrazec-kartica .zdr-polje,
.wpcf7 .zdr-polje {
    display: block;
    font-size: 13.5px;
    font-weight: 600;
    color: #3c4356;
    margin-bottom: 16px;
}
.zdr-obrazec-kartica .wpcf7-form-control:not(.wpcf7-submit),
.wpcf7 .zdr-polje .wpcf7-form-control:not(.wpcf7-submit) {
    display: block;
    width: 100%;
    margin-top: 7px;
    padding: 12px 14px;
    font-size: 14.5px;
    font-weight: 400;
    color: #1a2b4b;
    background: #ffffff;
    border: 1px solid #dfe3ea;
    border-radius: 9px;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.zdr-obrazec-kartica .wpcf7-form-control:not(.wpcf7-submit):focus {
    outline: none;
    border-color: #1967D2;
    box-shadow: 0 0 0 3px rgba(25, 103, 210, .12);
}
.zdr-obrazec-kartica textarea.wpcf7-form-control { min-height: 130px; resize: vertical; }
.zdr-obrazec-kartica select.wpcf7-form-control { appearance: none; background-image: none; cursor: pointer; }

.zdr-obrazec-kartica .wpcf7-submit {
    display: block;
    width: 100%;
    margin-top: 6px;
    padding: 14px 20px;
    background: #1967D2;
    color: #ffffff;
    border: none;
    border-radius: 9px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background .18s ease;
}
.zdr-obrazec-kartica .wpcf7-submit:hover { background: #1553ad; }

.zdr-obrazec-opomba {
    text-align: center;
    font-size: 12.5px;
    color: #697290;
    margin: 14px 0 0;
}

/* sporočila o napakah in uspehu */
.zdr-obrazec-kartica .wpcf7-not-valid-tip { font-size: 12.5px; font-weight: 400; color: #d93025; margin-top: 5px; }
.zdr-obrazec-kartica .wpcf7-response-output {
    margin: 16px 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 9px;
    font-size: 14px;
    border-width: 1px !important;
}

@media (max-width: 767px) {
    .zdr-obrazec-vrstica { grid-template-columns: 1fr; gap: 0; }
    .zdr-obrazec-kartica > .elementor-container > .elementor-column > .elementor-element-populated {
        padding: 26px 20px 22px !important;
    }
    .zdr-kontakt-kartica > .elementor-element-populated { padding: 20px !important; }
}

/* ======================================================================
   MOJI PAKETI – pregled kupljenih paketov
   ====================================================================== */
.zdr-paketi-seznam { display: flex; flex-direction: column; gap: 14px; }

.zdr-paket-vrstica {
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 18px 22px;
}
.zdr-paket-vrstica--aktiven   { border-left: 4px solid #1e8e3e; }
.zdr-paket-vrstica--porabljen { border-left: 4px solid #f9ab00; }
.zdr-paket-vrstica--potekel   { border-left: 4px solid #cfd4de; opacity: .72; }

.zdr-paket-vrstica__glava {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin-bottom: 12px;
}
.zdr-paket-vrstica__glava h4 { margin: 0; font-size: 17px; font-weight: 700; color: #1a2b4b; }
.zdr-paket-vrstica__stanje {
    font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
    padding: 4px 10px; border-radius: 20px; white-space: nowrap;
}
.zdr-paket-vrstica--aktiven   .zdr-paket-vrstica__stanje { background: #e6f4ea; color: #1e8e3e; }
.zdr-paket-vrstica--porabljen .zdr-paket-vrstica__stanje { background: #fef7e0; color: #b06000; }
.zdr-paket-vrstica--potekel   .zdr-paket-vrstica__stanje { background: #f1f3f4; color: #5f6368; }

.zdr-paket-vrstica__crta {
    height: 6px; background: #eef0f4; border-radius: 4px; overflow: hidden; margin-bottom: 8px;
}
.zdr-paket-vrstica__crta span { display: block; height: 100%; background: #1967D2; border-radius: 4px; }
.zdr-paket-vrstica--potekel .zdr-paket-vrstica__crta span { background: #b6bcca; }

.zdr-paket-vrstica__stevila { font-size: 13.5px; color: #3c4356; }
.zdr-paket-vrstica__pod {
    display: flex; flex-wrap: wrap; gap: 6px 18px;
    margin-top: 10px; padding-top: 10px; border-top: 1px solid #f1f3f6;
    font-size: 12.5px; color: #8b93a7;
}
.zdr-paketi-opomba { margin-top: 14px; font-size: 12.5px; color: #8b93a7; }
.zdr-brez-paketov { text-align: center; padding: 28px 0; }
.zdr-brez-paketov p { color: #6b7280; margin-bottom: 16px; }

/* izbira paketa ob objavi oglasa */
.zdr-paket-izbira { padding: 12px 0; border-bottom: 1px solid #f1f3f6; }
.zdr-paket-izbira:last-of-type { border-bottom: none; }
.zdr-paket-izbira label { font-weight: 600; color: #1a2b4b; margin-left: 6px; }
.zdr-paket-izbira__pod { font-size: 13px; color: #6b7280; margin: 4px 0 0 24px; line-height: 1.6; }
.zdr-paket-izbira__rok { color: #8b93a7; }

@media (max-width: 575px) {
    .zdr-paket-vrstica { padding: 16px; }
    .zdr-paket-vrstica__glava { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* ======================================================================
   POTEKEL OGLAS – prijave zaprte
   ====================================================================== */
.zdr-prijave-zaprte {
    background: #f7f8fb;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 20px 22px;
    text-align: center;
}
.zdr-prijave-zaprte__oznaka {
    display: inline-block;
    background: #f1f3f4;
    color: #5f6368;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}
.zdr-prijave-zaprte__besedilo {
    font-size: 14px;
    line-height: 1.6;
    color: #5f6368;
    margin: 0 0 16px;
}
.zdr-prijave-zaprte__gumb {
    display: inline-block;
    padding: 11px 22px;
    background: #1967D2;
    color: #fff !important;
    border-radius: 9px;
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none;
}
.zdr-prijave-zaprte__gumb:hover { background: #1553ad; }

/* --- v seznamu: sivo in na dnu --- */
.zdr-oglas-zaprt {
    opacity: .62;
    order: 99;
}
.zdr-oglas-zaprt:hover { opacity: .85; }
.zdr-oglas-zaprt .job-title a,
.zdr-oglas-zaprt .job-employer-name { color: #5f6368 !important; }
.zdr-oglas-zaprt .btn,
.zdr-oglas-zaprt .btn-apply { pointer-events: none; opacity: .5; }
.zdr-oglas-zaprt::after {
    content: "Zaprto";
    position: absolute;
    top: 14px;
    right: 14px;
    background: #f1f3f4;
    color: #5f6368;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 9px;
    border-radius: 20px;
    z-index: 3;
}
html[lang^="en"] .zdr-oglas-zaprt::after { content: "Closed"; }
.zdr-oglas-zaprt { position: relative; }

@media (max-width: 575px) {
    .zdr-prijave-zaprte { padding: 18px 16px; }
    .zdr-oglas-zaprt::after { top: 10px; right: 10px; }
}

/* ======================================================================
   STRAN OGLASA – prenova po predlogi
   ====================================================================== */

/* --- vrstica z značkami pod naslovom ------------------------------- */
.job-detail-header .job-metas-detail,
.job-detail-header .job-metas-detail-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
}
.job-detail-header .job-metas-detail > *,
.job-detail-header .job-metas-detail-bottom > * {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f2f5fb;
    color: #46536b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.3;
    padding: 6px 12px;
    border-radius: 20px;
    margin: 0;
    border: none;
}
.job-detail-header .job-metas-detail a,
.job-detail-header .job-metas-detail-bottom a { color: inherit; }
.job-detail-header .job-metas-detail a:hover { color: #1967D2; }
/* prva značka (lokacija) v modri */
.job-detail-header .job-metas-detail > *:first-child {
    background: #e8f0fe;
    color: #1967D2;
}
.job-detail-header .job-metas-detail i,
.job-detail-header .job-metas-detail-bottom i { font-size: 12px; opacity: .75; }

/* --- pregled dela kot tri kartice ---------------------------------- */
/* 29. 7. 2026: tri kartice razporeja ul.list (blok POPRAVKI OGLASA),
   zato ovoj ni vec mreza – sicer se seznam stisne v en ozek stolpec. */
.job-detail-detail {
    display: block !important;
    width: 100% !important;
    margin: 26px 0 30px;
    padding: 0;
    background: none;
    border: none;
}
.job-detail-detail > .title,
.job-detail-detail > h3,
.job-detail-detail > h4 { display: none; }
/* prestavljeno v blok POPRAVKI OGLASA */
/* prestavljeno v blok POPRAVKI OGLASA */
/* prestavljeno v blok POPRAVKI OGLASA */

/* --- besedilo oglasa ----------------------------------------------- */
.job-detail-description { font-size: 15.5px; line-height: 1.7; color: #3c4356; }
.job-detail-description h2,
.job-detail-description h3,
.job-detail-description h4,
.job-detail-description strong.zdr-naslov {
    font-size: 18px;
    font-weight: 700;
    color: #1a2b4b;
    margin: 28px 0 12px;
}
.job-detail-description ul { list-style: none; padding-left: 0; margin: 12px 0 18px; }
.job-detail-description ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    line-height: 1.65;
}
.job-detail-description ul li::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1967D2;
}
.job-detail-description blockquote,
.job-detail-description .zdr-citat {
    margin: 20px 0;
    padding: 4px 0 4px 18px;
    border-left: 3px solid #1967D2;
    font-style: italic;
    color: #46536b;
    background: none;
}

/* --- stranska kartica s prijavo ------------------------------------ */
.sidebar-job .widget_apus_job_buttons,
.sidebar-job .widget { border-radius: 12px; }

.zdr-prijava {
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 22px;
}
.zdr-prijava__stanje {
    display: inline-block;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    padding: 5px 11px;
    border-radius: 20px;
    margin-bottom: 14px;
}
.zdr-prijava__stanje--odprto { background: #e6f4ea; color: #1e8e3e; }
.zdr-prijava__stanje--zaprto { background: #f1f3f4; color: #5f6368; }

.zdr-prijava__rok { margin-bottom: 16px; }
.zdr-prijava__rok strong {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: #1a2b4b;
    line-height: 1.3;
}
.zdr-prijava__dni { font-size: 13px; color: #8b93a7; }

.zdr-prijava .deadline-time {
    font-size: 13px;
    color: #8b93a7;
    margin-bottom: 12px;
}
.zdr-prijava .btn-apply,
.zdr-prijava__gumb {
    display: block !important;
    width: 100%;
    text-align: center;
    padding: 14px 20px !important;
    background: #1967D2 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 9px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none;
}
.zdr-prijava .btn-apply:hover,
.zdr-prijava__gumb:hover { background: #1553ad !important; }
.zdr-prijava .btn-apply i { display: none; }

.zdr-prijava__gumb--sekundarni {
    background: #fff !important;
    color: #1967D2 !important;
    border: 1.5px solid #1967D2 !important;
}
.zdr-prijava__gumb--sekundarni:hover { background: #1967D2 !important; color: #fff !important; }

.zdr-prijava__pojasnilo { font-size: 14px; line-height: 1.6; color: #5f6368; margin: 0 0 16px; }

.zdr-prijava__stik {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f1f3f6;
    font-size: 13.5px;
    line-height: 1.7;
}
.zdr-prijava__stik-naslov { display: block; color: #8b93a7; font-size: 12.5px; margin-bottom: 4px; }
.zdr-prijava__stik a { display: block; color: #1967D2; word-break: break-word; }
.zdr-prijava__stik a:hover { text-decoration: underline; }

/* --- fotografije ---------------------------------------------------- */
.job-detail-portfolio .title,
.job-detail-portfolio h3 {
    font-size: 18px;
    font-weight: 700;
    color: #1a2b4b;
    margin-bottom: 14px;
}

/* --- odzivnost ------------------------------------------------------ */
@media (max-width: 991px) {
    /* mreza prestavljena na ul.list */
}
@media (max-width: 575px) {
    /* mreza prestavljena na ul.list */
    .zdr-prijava { padding: 18px; }
    .job-detail-header .job-metas-detail > *,
    .job-detail-header .job-metas-detail-bottom > * { font-size: 12px; padding: 5px 10px; }
}

/* rok izpisujemo sami v zdr-prijava__rok, vtičnikovega skrijemo */
.zdr-prijava .deadline-time { display: none; }

/* --- stran 404: povezave naprej ------------------------------------- */
.zdr-404-povezave { margin-top: 28px; }
.zdr-404-naslov {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: #697290;
    margin-bottom: 12px;
}
.zdr-404-povezave ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.zdr-404-povezave li { margin: 0; }
.zdr-404-povezave a {
    display: inline-block;
    padding: 9px 16px;
    background: #f2f5fb;
    color: #1967D2;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}
.zdr-404-povezave a:hover { background: #1967D2; color: #fff; }

/* ======================================================================
   ENOTEN OBLIKOVNI SISTEM
   Ena sama definicija barv, zaobljenosti in senc, ki jo uporabljajo vsi
   razdelki. Če želiš spremeniti videz celotnega portala, spremeni tukaj.
   ====================================================================== */
:root {
    --zdr-modra:        #1967D2;
    --zdr-modra-temna:  #1553ad;
    --zdr-modra-svetla: #e8f0fe;
    --zdr-temna:        #1a2b4b;
    --zdr-besedilo:     #3c4356;
    --zdr-sivo:         #6b7280;
    --zdr-sivo-svetlo:  #697290;
    --zdr-obroba:       #e6e8ec;
    --zdr-obroba-hover: #c9d4f0;
    --zdr-ozadje:       #f7f8fb;
    --zdr-r-kartica:    12px;
    --zdr-r-gumb:       9px;
    --zdr-senca:        0 8px 24px rgba(25, 103, 210, .09);
}

/* --- skupna podoba kartic ------------------------------------------- */
.job-list-content .list-item > .inner,
.employer-list .list-item > .inner,
.post-list .list-item > .inner,
.layout-blog article,
.list-item.item-job > .inner {
    background: #fff;
    border: 1px solid var(--zdr-obroba);
    border-radius: var(--zdr-r-kartica);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.job-list-content .list-item > .inner:hover,
.employer-list .list-item > .inner:hover,
.post-list .list-item > .inner:hover,
.layout-blog article:hover {
    border-color: var(--zdr-obroba-hover);
    box-shadow: var(--zdr-senca);
    transform: translateY(-2px);
}

/* --- naslovi ---------------------------------------------------------- */
.job-list-content .job-title a,
.employer-list .employer-title a,
.post-list .entry-title a,
.layout-blog .entry-title a {
    color: var(--zdr-temna);
    font-weight: 700;
    line-height: 1.35;
    transition: color .16s ease;
}
.job-list-content .job-title a:hover,
.employer-list .employer-title a:hover,
.post-list .entry-title a:hover,
.layout-blog .entry-title a:hover { color: var(--zdr-modra); }

/* --- drobni podatki na karticah -------------------------------------- */
.job-metas > *,
.job-metas-bottom > *,
.employer-metas > * {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f2f5fb;
    color: #46536b;
    font-size: 12.5px;
    font-weight: 500;
    padding: 5px 11px;
    border-radius: 20px;
    margin: 0 6px 6px 0;
    border: none;
}
.job-metas a, .job-metas-bottom a, .employer-metas a { color: inherit; }
.job-metas a:hover { color: var(--zdr-modra); }

/* --- gumbi ------------------------------------------------------------ */
.btn-readmore,
.btn-action-job,
.btn-follow-employer,
.btn-theme,
.wpcf7-submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    border-radius: var(--zdr-r-gumb) !important;
    font-weight: 600;
    font-size: 14.5px;
    padding: 11px 20px;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.btn-readmore {
    display: inline-block;
    background: transparent;
    color: var(--zdr-modra);
    padding: 0;
    font-size: 14px;
}
.btn-readmore:hover { color: var(--zdr-modra-temna); text-decoration: underline; }

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt {
    background: var(--zdr-modra) !important;
    color: #fff !important;
    border: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover { background: var(--zdr-modra-temna) !important; }

/* --- obrazci in filtri ------------------------------------------------ */
.form-control,
.widget select,
.widget input[type="text"],
.widget input[type="search"],
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select {
    border: 1px solid #dfe3ea !important;
    border-radius: var(--zdr-r-gumb) !important;
    padding: 11px 14px !important;
    font-size: 14.5px;
    color: var(--zdr-temna);
    background: #fff;
    transition: border-color .16s ease, box-shadow .16s ease;
}
.form-control:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus {
    outline: none;
    border-color: var(--zdr-modra) !important;
    box-shadow: 0 0 0 3px rgba(25, 103, 210, .12);
}
.form-group label,
.widget label { font-size: 13px; font-weight: 600; color: var(--zdr-besedilo); }

/* --- stranske vrstice -------------------------------------------------- */
.sidebar .widget,
.filter-sidebar .widget,
aside .widget {
    background: #fff;
    border: 1px solid var(--zdr-obroba);
    border-radius: var(--zdr-r-kartica);
    padding: 20px 22px;
    margin-bottom: 18px;
}
.widget-title,
.sidebar .widget-title,
aside .widget-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--zdr-temna);
    margin: 0 0 14px;
    padding: 0 0 12px;
    border-bottom: 1px solid #f1f3f6;
}

/* --- harmonika (pogosta vprašanja) ------------------------------------ */
.elementor-accordion .elementor-accordion-item {
    background: #fff;
    border: 1px solid var(--zdr-obroba) !important;
    border-radius: var(--zdr-r-kartica);
    margin-bottom: 10px;
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.elementor-accordion .elementor-accordion-item:hover { border-color: var(--zdr-obroba-hover); }
.elementor-accordion .elementor-tab-title {
    padding: 16px 20px !important;
    font-size: 15.5px !important;
    font-weight: 600;
    color: var(--zdr-temna);
    border: none !important;
    cursor: pointer;
}
.elementor-accordion .elementor-tab-title.elementor-active {
    color: var(--zdr-modra);
    background: #fafbfd;
}
.elementor-accordion .elementor-tab-content {
    padding: 4px 20px 20px !important;
    border: none !important;
    font-size: 14.5px;
    line-height: 1.7;
    color: var(--zdr-besedilo);
}
.elementor-accordion .elementor-accordion-icon { color: var(--zdr-sivo-svetlo); }
.elementor-accordion .elementor-active .elementor-accordion-icon { color: var(--zdr-modra); }

/* --- oštevilčenje strani ---------------------------------------------- */
.pagination > *, .page-numbers {
    border-radius: var(--zdr-r-gumb) !important;
    font-weight: 600;
    font-size: 14px;
}
.pagination .current, .page-numbers.current {
    background: var(--zdr-modra) !important;
    color: #fff !important;
    border-color: var(--zdr-modra) !important;
}

/* --- naslovi razdelkov ------------------------------------------------ */
.elementor-widget-heading .elementor-heading-title { color: var(--zdr-temna); }

/* --- odzivnost -------------------------------------------------------- */
@media (max-width: 767px) {
    .sidebar .widget, .filter-sidebar .widget, aside .widget { padding: 16px 18px; }
    .elementor-accordion .elementor-tab-title { padding: 14px 16px !important; font-size: 15px !important; }
    .elementor-accordion .elementor-tab-content { padding: 4px 16px 16px !important; }
    .job-metas > *, .job-metas-bottom > * { font-size: 12px; padding: 4px 9px; }
}

/* ======================================================================
   POPRAVKI PO PREGLEDU 28. 7.
   ====================================================================== */

/* --- 1) nikjer nobenega izpisa o komentarjih ------------------------- */
.entry-meta .comments,
.post-meta .comments,
.entry-header .comments,
.comments-link,
.comments-count,
span.comments,
div.comments,
li:has(> .comments) {
    display: none !important;
}

/* --- 2) gumba za deljenje poravnana ---------------------------------- */
.apus-social-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.apus-social-share .title {
    margin: 0 6px 0 0;
    font-size: 15px;
    font-weight: 600;
    color: #46536b;
    line-height: 1;
}
.apus-social-share a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 42px;
    min-width: 132px;
    padding: 0 18px;
    margin: 0 !important;
    border-radius: 9px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
}
.apus-social-share a i { font-size: 15px; line-height: 1; }
.apus-social-share a span { line-height: 1; }
.apus-social-share a.facebook { background: #1668D9 !important; }
.apus-social-share a.twitter  { background: #000 !important; }
.apus-social-share a.linkedin,
.apus-social-share a.pinterest { display: none !important; }

/* --- 3) puščice pri sorodnih prispevkih ob strani, ne čez ------------ */
.releated-jobs .slick-arrow,
.releated-posts .slick-arrow,
.widget .slick-arrow,
.slick-slider .slick-prev,
.slick-slider .slick-next {
    z-index: 5;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .07);
}
.slick-slider .slick-prev { left: -46px; }
.slick-slider .slick-next { right: -46px; }
@media (max-width: 1199px) {
    .slick-slider .slick-prev { left: -12px; }
    .slick-slider .slick-next { right: -12px; }
}
/* na ozkih zaslonih puščice raje nad seznamom kot čez vsebino */
@media (max-width: 767px) {
    .slick-slider .slick-prev,
    .slick-slider .slick-next { top: -34px; transform: none; }
    .slick-slider .slick-prev { left: auto; right: 44px; }
    .slick-slider .slick-next { right: 0; }
}

/* --- 4) posamezen prispevek: zrak nad naslovom ------------------------ */
.single-post .apus-breadscrumb + *,
.single-post .page-header,
.single-post .post-detail-header,
.single-post .entry-header,
.single-post article.post {
    padding-top: 50px;
}
.single-post .entry-title,
.single-post .post-title { margin-top: 0; }

/* --- 5) iskalno polje: ikona ob robu, ne čez besedilo ----------------- */
.widget_apus_search form,
.widget_search form,
.search-form,
.apus-search-form { position: relative; }

.widget_apus_search input[type="text"],
.widget_apus_search input[type="search"],
.widget_search input[type="search"],
.search-form input[type="search"],
.apus-search-form input[type="text"] {
    padding-right: 46px !important;
}
.widget_apus_search button,
.widget_search button,
.search-form button,
.apus-search-form button,
.widget_apus_search .btn-search,
.search-form .search-submit {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent;
    border: none;
    color: #8b93a7;
    border-radius: 7px;
}
.widget_apus_search button:hover,
.search-form .search-submit:hover { color: #1967D2; background: #f2f5fb; }

/* --- 6) potekli oglasi: jasnejša oznaka ------------------------------- */
.zdr-oglas-zaprt::after { content: "Poteklo"; }
html[lang^="en"] .zdr-oglas-zaprt::after { content: "Expired"; }

/* --- 7) O nas: slika čez celotno širino ------------------------------ */
.page-id-9148 .zdr-slika-siroka img,
.page-id-40 .zdr-slika-siroka img,
.page-id-9148 .elementor-widget-image img,
.page-id-40 .elementor-widget-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
}

/* --- 8) "Poiščite pravi paket": zrak spodaj -------------------------- */
.zdr-cta-paket,
.page-id-9148 .elementor-widget-call-to-action,
.page-id-40 .elementor-widget-call-to-action { margin-bottom: 50px; }

/* ======================================================================
   MOBILNI POPRAVKI
   Na telefonu se je sešteklo šest ugnezdenih notranjih razmakov
   (vsebnik + stolpec + gradnik + kartica + obrazec), zato so bila polja
   široka le 238 px na 390 px zaslonu. Odvečne razmake odstranimo.
   ====================================================================== */
@media (max-width: 767px) {
    .zdr-obrazec-kartica .elementor-container { padding-left: 10px; padding-right: 10px; }
    .zdr-obrazec-kartica .elementor-widget-wrap.elementor-element-populated { padding-left: 0; padding-right: 0; }
    .zdr-obrazec-kartica > .elementor-container > .elementor-column > .elementor-element-populated {
        padding: 22px 16px 18px !important;
    }
    .zdr-obrazec-kartica .wpcf7-form { padding: 0 !important; }
    .zdr-obrazec-kartica .wpcf7 { max-width: 100%; }

    /* enako za kontaktne kartice */
    .zdr-kontakt-kartica > .elementor-element-populated { padding: 18px 16px !important; }
    .zdr-kk__glavno { font-size: 16px; }
    .zdr-kk__pod { font-size: 13px; }
    .zdr-kk__oznaka { margin-bottom: 8px; }

    /* kartice paketov naj izkoristijo širino */
    .zdr-paketi { gap: 14px; }
    .zdr-paket { padding: 22px 18px 18px; }

    /* deljenje objave: gumba naj se lepo prelomita */
    .apus-social-share { gap: 8px; }
    .apus-social-share a { min-width: 0; flex: 1 1 auto; }
    .apus-social-share .title { flex: 1 0 100%; margin-bottom: 4px; }
}

/* --- tablica: dve kartici v vrsti, obrazec ne preozek ---------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .zdr-paketi { grid-template-columns: repeat(2, 1fr); }
    .zdr-obrazec-kartica > .elementor-container { max-width: 92%; }
    /* mreza prestavljena na ul.list */
}

/* ======================================================================
   ZDR ARTEFAKT start
   Oblikovni jezik iz Claude Design artefakta (28. 7. 2026).
   Korak 1: strani Paketi (SL #9465) in Packages (EN #1699).

   VRNITEV V PREJŠNJE STANJE: izbriši vse med to vrstico in "ZDR ARTEFAKT end".
   Kopija pred posegom: ~/varnostne-kopije/2026-07-28-korak1-paketi/
   Vsebina, besedila in cene s tem blokom niso spremenjeni – samo videz.

   OPOMBA O IZBIRNIKIH: Elementor svoja pravila piše s štirimi razredi
   (.elementor-9465 .elementor-element .elementor-element-XXX .elementor-heading-title),
   zato morajo biti spodnji izbirniki vsaj enako natančni, sicer jih prepiše.
   ====================================================================== */

/* --- pisavi iz artefakta, gostovani lokalno (brez klicev na Google) --- */
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('assets/pisave/manrope-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400 800;
    font-display: swap;
    src: url('assets/pisave/manrope-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
    src: url('assets/pisave/sora-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 500 800;
    font-display: swap;
    src: url('assets/pisave/sora-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- vrednosti iz artefakta --- */
:root {
    --zdr-a-modra:        #2557E8;
    --zdr-a-modra-temna:  #1A3FC4;
    --zdr-a-modra-svetla: #2F63F0;
    --zdr-a-noc:          #0E1E5B;
    --zdr-a-crna:         #0B1230;
    --zdr-a-siva:         #3D4664;
    --zdr-a-siva-blaga:   #5A6480;
    --zdr-a-nebo:         #9DC4FF;
    --zdr-a-ozadje:       #F5F7FC;
    --zdr-a-poudarek:     #EDF2FE;
    --zdr-a-nevtral:      #F0F3FB;
    --zdr-a-obroba:       rgba(11, 18, 48, .07);
    --zdr-a-senca:        0 8px 24px rgba(11, 18, 48, .05);
    --zdr-a-senca-dvig:   0 20px 50px rgba(7, 16, 60, .18);
    --zdr-a-senca-gumb:   0 8px 20px rgba(37, 87, 232, .32);
    --zdr-a-preliv:       linear-gradient(135deg, #2F63F0, #1A3FC4);
    --zdr-a-preliv-noc:   linear-gradient(135deg, #0E1E5B, #1A3FC4);
    --zdr-a-r-gumb:       12px;
    --zdr-a-r-kartica:    22px;
}

/* ======================================================================
   POSTAVITEV STRANI
   Predloga page-dashboard.php rezervira 360 px na levi za stranski predal.
   Ta predal kaže "sidebar-default" (iskanje, arhiv, kategorije) – blog
   gradnike, ki jih zdravstvena_vmesnik_brez_blog_vrstice() že odstrani,
   zato je na teh straneh prazen in prostor propade.

   Sproščamo ga POGOJNO z :not(:has(...)): če bi predal kdaj dobil gradnik,
   se postavitev sama vrne v prvotno stanje in nič se ne skrije.
   ====================================================================== */
body.page-id-9465 .inner-dashboard.left-main:not(:has(.sidebar-wrapper .widget)),
body.page-id-1699 .inner-dashboard.left-main:not(:has(.sidebar-wrapper .widget)) {
    padding-left: 0;
}
body.page-id-9465 .sidebar-wrapper:not(:has(.widget)),
body.page-id-1699 .sidebar-wrapper:not(:has(.widget)) {
    display: none;
}
body.page-id-9465 .main-page.col-md-8,
body.page-id-1699 .main-page.col-md-8 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

body.page-id-9465,
body.page-id-1699 { background: var(--zdr-a-ozadje); }

/* ======================================================================
   NASLOVNI PAS PODSTRANI  (temni preliv z radialnim sijem)
   Naslov in besedilo prihajata iz Elementorja – spremenjen je le videz.
   ====================================================================== */
body.page-id-9465 .elementor .elementor-element.elementor-element-7a53f1c,
body.page-id-1699 .elementor .elementor-element.elementor-element-dea2feb {
    background:
        radial-gradient(circle at 88% -40%, rgba(127, 178, 255, .28), transparent 62%),
        var(--zdr-a-preliv-noc);
    /* Razmik nad naslovom in razmik pod besedilom naj bosta približno enaka
       (okoli 70 px). Kartice se dvignejo za 96 px, zato spodnji odmik ostane
       večji od tega – prekrivanje je približno 55 px. */
    padding: 60px 0 96px;
    overflow: hidden;
    text-align: center;
}

body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-heading .elementor-heading-title,
body.page-id-1699 .elementor-element-dea2feb .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 42px;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 14px;
}

body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-text-editor .elementor-widget-container p,
body.page-id-1699 .elementor-element-dea2feb .elementor-widget-text-editor .elementor-widget-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.65;
    color: rgba(224, 233, 255, .85);
    max-width: 640px;
    margin: 0 auto;
}

/* drobna oznaka nad naslovom – okrasna, po jeziku strani */
body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-heading .elementor-heading-title::before,
body.page-id-1699 .elementor-element-dea2feb .elementor-widget-heading .elementor-heading-title::before {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    line-height: 1;
    letter-spacing: .16em;
    color: var(--zdr-a-nebo);
    margin-bottom: 12px;
}
body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-heading .elementor-heading-title::before {
    content: 'PAKETI IN CENE';
}
body.page-id-1699 .elementor-element-dea2feb .elementor-widget-heading .elementor-heading-title::before {
    content: 'PACKAGES & PRICING';
}

/* mreža paketov sega čez temni pas navzgor */
body.page-id-9465 .elementor-element-2cac6d2,
body.page-id-1699 .elementor-element-df987ba {
    margin-top: -96px;
    position: relative;
    z-index: 2;
}

/* ======================================================================
   KARTICE PAKETOV
   Označbe so nespremenjene – prekrit je samo videz.
   ====================================================================== */
body.page-id-9465 .zdr-paketi,
body.page-id-1699 .zdr-paketi {
    grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));
    gap: 20px;
    padding-top: 16px;
}

body.page-id-9465 .zdr-paket,
body.page-id-1699 .zdr-paket {
    position: relative;
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: var(--zdr-a-r-kartica);
    padding: 30px 24px;
    box-shadow: var(--zdr-a-senca);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.page-id-9465 .zdr-paket:hover,
body.page-id-1699 .zdr-paket:hover {
    transform: translateY(-4px);
    box-shadow: var(--zdr-a-senca-dvig);
    border-color: rgba(37, 87, 232, .28);
}

/* priporočeni paket – dvignjen, z modro obrobo in značko na robu */
body.page-id-9465 .zdr-paket--izpostavljen,
body.page-id-1699 .zdr-paket--izpostavljen {
    border: 1.5px solid var(--zdr-a-modra);
    box-shadow: var(--zdr-a-senca-dvig);
    transform: translateY(-8px);
}
body.page-id-9465 .zdr-paket--izpostavljen:hover,
body.page-id-1699 .zdr-paket--izpostavljen:hover {
    transform: translateY(-12px);
}

body.page-id-9465 .zdr-paket__glava,
body.page-id-1699 .zdr-paket__glava {
    display: block;
    margin-bottom: 4px;
}
body.page-id-9465 .zdr-paket__naziv,
body.page-id-1699 .zdr-paket__naziv {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 1.25;
    color: var(--zdr-a-crna);
    margin: 0;
}
body.page-id-9465 .zdr-paket__znacka,
body.page-id-1699 .zdr-paket__znacka {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--zdr-a-preliv);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .12em;
    padding: 7px 16px;
    border-radius: 100px;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .4);
    white-space: nowrap;
}

body.page-id-9465 .zdr-paket__obseg,
body.page-id-1699 .zdr-paket__obseg {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--zdr-a-siva-blaga);
    margin-bottom: 20px;
}

body.page-id-9465 .zdr-paket__cena,
body.page-id-1699 .zdr-paket__cena {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
    margin-bottom: 4px;
}
body.page-id-9465 .zdr-paket__valuta,
body.page-id-1699 .zdr-paket__valuta {
    font-size: 16px;
    font-weight: 700;
    color: var(--zdr-a-siva-blaga);
    margin-left: 4px;
}

body.page-id-9465 .zdr-paket__opomba,
body.page-id-1699 .zdr-paket__opomba {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 12.5px;
    color: var(--zdr-a-siva-blaga);
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--zdr-a-obroba);
}

body.page-id-9465 .zdr-paket__lastnosti,
body.page-id-1699 .zdr-paket__lastnosti {
    display: flex;
    flex-direction: column;
    gap: 11px;
    flex: 1;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.page-id-9465 .zdr-paket__lastnosti li,
body.page-id-1699 .zdr-paket__lastnosti li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
    padding: 0;
}
body.page-id-9465 .zdr-paket__lastnosti li.je,
body.page-id-1699 .zdr-paket__lastnosti li.je { color: var(--zdr-a-siva); }
body.page-id-9465 .zdr-paket__lastnosti li.ni,
body.page-id-1699 .zdr-paket__lastnosti li.ni { color: #697290; }

/* kljukica oziroma črtica v krogcu, kot v artefaktu */
body.page-id-9465 .zdr-paket__oznaka,
body.page-id-1699 .zdr-paket__oznaka {
    flex: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-top: 1px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}
body.page-id-9465 .zdr-paket__lastnosti li.je .zdr-paket__oznaka,
body.page-id-1699 .zdr-paket__lastnosti li.je .zdr-paket__oznaka {
    background: var(--zdr-a-poudarek);
    color: var(--zdr-a-modra);
}
body.page-id-9465 .zdr-paket__lastnosti li.ni .zdr-paket__oznaka,
body.page-id-1699 .zdr-paket__lastnosti li.ni .zdr-paket__oznaka {
    background: var(--zdr-a-nevtral);
    color: #B7C0D8;
}

body.page-id-9465 .zdr-paket__gumb,
body.page-id-1699 .zdr-paket__gumb {
    margin-top: 24px;
    text-align: center;
    padding: 13px 16px;
    border: 0;
    border-radius: var(--zdr-a-r-gumb);
    background: var(--zdr-a-preliv);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    box-shadow: var(--zdr-a-senca-gumb);
    transition: filter .2s, transform .2s;
}
body.page-id-9465 .zdr-paket__gumb:hover,
body.page-id-9465 .zdr-paket__gumb:focus,
body.page-id-1699 .zdr-paket__gumb:hover,
body.page-id-1699 .zdr-paket__gumb:focus {
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: #fff;
}

/* ======================================================================
   POZIV "POTREBUJETE PAKET PO MERI?"
   V artefaktu ni poln modri pas, ampak zaobljena kartica z belim gumbom.
   Elementor ima staro modro #1967D2 zapečeno pri elementu s štirimi razredi,
   zato je izbirnik spodaj enako natančen (brez !important).
   ====================================================================== */
body.page-id-9465 .elementor .elementor-element.elementor-element-c4dd207,
body.page-id-1699 .elementor .elementor-element.elementor-element-4a7dbb8 {
    background-color: transparent;
    background-image: none;
    padding: 40px 24px 80px;
}

body.page-id-9465 .elementor-element-c4dd207 > .elementor-container,
body.page-id-1699 .elementor-element-4a7dbb8 > .elementor-container {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    background:
        radial-gradient(circle at 10% -20%, rgba(255, 255, 255, .10), transparent 42%),
        radial-gradient(circle at 94% 120%, rgba(255, 255, 255, .10), transparent 42%),
        linear-gradient(135deg, #1A3FC4, #2F63F0);
    padding: 56px 32px;
    text-align: center;
}

body.page-id-9465 .elementor-element-c4dd207 .elementor-widget-heading .elementor-heading-title,
body.page-id-1699 .elementor-element-4a7dbb8 .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -.01em;
    color: #fff;
    margin: 0 0 12px;
}
body.page-id-9465 .elementor-element-c4dd207 .elementor-widget-text-editor .elementor-widget-container p,
body.page-id-1699 .elementor-element-4a7dbb8 .elementor-widget-text-editor .elementor-widget-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    line-height: 1.6;
    color: rgba(224, 233, 255, .88);
    max-width: 620px;
    margin: 0 auto 28px;
}
body.page-id-9465 .elementor .elementor-element.elementor-element-c4dd207 .elementor-button,
body.page-id-1699 .elementor .elementor-element.elementor-element-4a7dbb8 .elementor-button {
    background: #fff;
    background-color: #fff;
    color: var(--zdr-a-modra-temna);
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 30px;
    border: 0;
    border-radius: 13px;
    box-shadow: 0 14px 34px rgba(7, 16, 60, .3);
    transition: transform .2s, box-shadow .2s;
}
body.page-id-9465 .elementor .elementor-element.elementor-element-c4dd207 .elementor-button:hover,
body.page-id-1699 .elementor .elementor-element.elementor-element-4a7dbb8 .elementor-button:hover {
    transform: translateY(-2px);
    background: #fff;
    color: var(--zdr-a-modra-temna);
}

/* ======================================================================
   TABLICA IN TELEFON
   ====================================================================== */
@media (max-width: 1199px) {
    body.page-id-9465 .zdr-paketi,
    body.page-id-1699 .zdr-paketi { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
    body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-heading .elementor-heading-title,
    body.page-id-1699 .elementor-element-dea2feb .elementor-widget-heading .elementor-heading-title {
        font-size: 34px;
    }
    body.page-id-9465 .zdr-paketi,
    body.page-id-1699 .zdr-paketi { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
    body.page-id-9465 .elementor .elementor-element.elementor-element-7a53f1c,
    body.page-id-1699 .elementor .elementor-element.elementor-element-dea2feb { padding: 42px 0 104px; }
    body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-heading .elementor-heading-title,
    body.page-id-1699 .elementor-element-dea2feb .elementor-widget-heading .elementor-heading-title {
        font-size: 27px;
    }
    body.page-id-9465 .elementor-element-7a53f1c .elementor-widget-text-editor .elementor-widget-container p,
    body.page-id-1699 .elementor-element-dea2feb .elementor-widget-text-editor .elementor-widget-container p {
        font-size: 14.5px;
    }

    body.page-id-9465 .zdr-paketi,
    body.page-id-1699 .zdr-paketi { grid-template-columns: 1fr; gap: 26px; }
    body.page-id-9465 .zdr-paket,
    body.page-id-1699 .zdr-paket { padding: 26px 22px; }
    body.page-id-9465 .zdr-paket__cena,
    body.page-id-1699 .zdr-paket__cena { font-size: 34px; }

    /* na ozkem zaslonu dvig ni smiseln – kartice si sledijo navpično */
    body.page-id-9465 .zdr-paket--izpostavljen,
    body.page-id-1699 .zdr-paket--izpostavljen { transform: none; }
    body.page-id-9465 .zdr-paket--izpostavljen:hover,
    body.page-id-1699 .zdr-paket--izpostavljen:hover { transform: translateY(-4px); }

    body.page-id-9465 .elementor-element-c4dd207 > .elementor-container,
    body.page-id-1699 .elementor-element-4a7dbb8 > .elementor-container {
        border-radius: 20px;
        padding: 36px 22px;
    }
    body.page-id-9465 .elementor-element-c4dd207 .elementor-widget-heading .elementor-heading-title,
    body.page-id-1699 .elementor-element-4a7dbb8 .elementor-widget-heading .elementor-heading-title {
        font-size: 23px;
    }
}

/* ======================================================================
   ZDR ARTEFAKT end
   ====================================================================== */
/* ======================================================================
   ZDR ARTEFAKT – KONTAKT start
   Korak 2 (29. 7. 2026): strani Kontakt (SL #9457) in Contact (EN #32).
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu tega bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak3-kontakt/

   Sekcije: glava 8cc09ea/600766d · kartice 0c113aa/ea01608
            obrazec 46860a9/e2cbb8c · poziv 09283dd/c69a999
   ====================================================================== */

body.page-id-9457,
body.page-id-32 { background: var(--zdr-a-ozadje); }

/* ---------- naslovni pas ---------- */
body.page-id-9457 .elementor .elementor-element.elementor-element-8cc09ea,
body.page-id-32 .elementor .elementor-element.elementor-element-600766d {
    background:
        radial-gradient(circle at 88% -40%, rgba(127, 178, 255, .25), transparent 62%),
        var(--zdr-a-preliv-noc);
    /* spodnji odmik mora preseči dvig kartic (-56 px) */
    padding: 60px 0 132px;
    overflow: hidden;
    text-align: center;
}
body.page-id-9457 .elementor-element-8cc09ea .elementor-widget-heading .elementor-heading-title,
body.page-id-32 .elementor-element-600766d .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 12px;
}
body.page-id-9457 .elementor-element-8cc09ea .elementor-widget-text-editor .elementor-widget-container p,
body.page-id-32 .elementor-element-600766d .elementor-widget-text-editor .elementor-widget-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    line-height: 1.6;
    color: rgba(224, 233, 255, .85);
    max-width: 620px;
    margin: 0 auto;
}
/* okrasna oznaka nad naslovom, po jeziku strani */
body.page-id-9457 .elementor-element-8cc09ea .elementor-widget-heading .elementor-heading-title::before,
body.page-id-32 .elementor-element-600766d .elementor-widget-heading .elementor-heading-title::before {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    line-height: 1;
    letter-spacing: .16em;
    color: var(--zdr-a-nebo);
    margin-bottom: 12px;
}
body.page-id-9457 .elementor-element-8cc09ea .elementor-widget-heading .elementor-heading-title::before {
    content: 'STOPITE V STIK';
}
body.page-id-32 .elementor-element-600766d .elementor-widget-heading .elementor-heading-title::before {
    content: 'GET IN TOUCH';
}

/* ---------- tri kartice s podatki ---------- */
/* Kartice segajo čez temni pas navzgor. Sekcija ima svoj zgornji odmik, ki bi
   dvig izničil, zato ga je treba postaviti na nič – sicer prekrivanja ni. */
body.page-id-9457 .elementor .elementor-element.elementor-element-0c113aa,
body.page-id-32 .elementor .elementor-element.elementor-element-ea01608 {
    margin-top: -96px;
    padding-top: 0;
    position: relative;
    z-index: 2;
}
body.page-id-9457 .elementor-element-0c113aa > .elementor-container,
body.page-id-32 .elementor-element-ea01608 > .elementor-container {
    max-width: 1100px;
}
body.page-id-9457 .zdr-kontakt-kartica,
body.page-id-32 .zdr-kontakt-kartica { padding: 0 9px; }

body.page-id-9457 .zdr-kontakt-kartica .elementor-widget-wrap,
body.page-id-32 .zdr-kontakt-kartica .elementor-widget-wrap {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 16px 40px rgba(11, 18, 48, .1);
    height: 100%;
    align-content: flex-start;
}

/* okrasna ikona nad podatkom – iz artefakta, vrisana v CSS */
body.page-id-9457 .zdr-kontakt-kartica .elementor-widget-wrap::before,
body.page-id-32 .zdr-kontakt-kartica .elementor-widget-wrap::before {
    content: '';
    flex: none;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: var(--zdr-a-poudarek);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px 19px;
    margin-bottom: 16px;
}
/* e-pošta */
body.page-id-9457 .elementor-element-2e6d046 .elementor-widget-wrap::before,
body.page-id-32 .elementor-element-9d9f150 .elementor-widget-wrap::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%232557E8' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* telefon */
body.page-id-9457 .elementor-element-0b3e66c .elementor-widget-wrap::before,
body.page-id-32 .elementor-element-8845906 .elementor-widget-wrap::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%232557E8' stroke-width='2'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a12 12 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* naslov */
body.page-id-9457 .elementor-element-c521b5a .elementor-widget-wrap::before,
body.page-id-32 .elementor-element-25c92bd .elementor-widget-wrap::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%232557E8' stroke-width='2'%3E%3Cpath d='M12 21s-6.5-5.3-6.5-10a6.5 6.5 0 1 1 13 0c0 4.7-6.5 10-6.5 10Z'/%3E%3Ccircle cx='12' cy='11' r='2.3'/%3E%3C/svg%3E");
}

body.page-id-9457 .zdr-kk__oznaka,
body.page-id-32 .zdr-kk__oznaka {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--zdr-a-siva-blaga);
    margin-bottom: 6px;
}
body.page-id-9457 .zdr-kk__glavno,
body.page-id-32 .zdr-kk__glavno {
    display: block;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 15.5px;
    line-height: 1.35;
    color: var(--zdr-a-modra);
}
body.page-id-9457 a.zdr-kk__glavno:hover,
body.page-id-32 a.zdr-kk__glavno:hover { color: var(--zdr-a-modra-temna); }
body.page-id-9457 .zdr-kk__glavno--temno,
body.page-id-32 .zdr-kk__glavno--temno { color: var(--zdr-a-crna); }
body.page-id-9457 .zdr-kk__pod,
body.page-id-32 .zdr-kk__pod {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--zdr-a-siva-blaga);
    margin-top: 6px;
}

/* ---------- obrazec v beli kartici ---------- */
body.page-id-9457 .elementor .elementor-element.elementor-element-46860a9,
body.page-id-32 .elementor .elementor-element.elementor-element-e2cbb8c {
    padding: 56px 0 20px;
}
body.page-id-9457 .elementor-element-46860a9 > .elementor-container,
body.page-id-32 .elementor-element-e2cbb8c > .elementor-container {
    max-width: 760px;
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 24px;
    padding: 44px;
    box-shadow: 0 16px 44px rgba(11, 18, 48, .07);
}
/* Kartica ima svoj odmik 44 px; notranja odmika stolpca (36 px) in obrazca
   (45 px) bi ga podvojila in obrazec stisnila – tu ju izničimo. */
/* Sekcija nosi še staro kartico iz prejšnje prenove (.zdr-obrazec-kartica:
   siva podlaga, obroba, polmer 14 px in odmik z !important). Ker kartico zdaj
   riše zunanji .elementor-container, staro izničimo – sicer sta kartici dve. */
body.page-id-9457 .zdr-obrazec-kartica > .elementor-container > .elementor-column > .elementor-element-populated,
body.page-id-32 .zdr-obrazec-kartica > .elementor-container > .elementor-column > .elementor-element-populated {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

body.page-id-9457 .wpcf7 form.wpcf7-form,
body.page-id-32 .wpcf7 form.wpcf7-form {
    padding: 0;
    max-width: none;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.page-id-9457 .elementor-element-46860a9 .elementor-widget-heading .elementor-heading-title,
body.page-id-32 .elementor-element-e2cbb8c .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 26px;
    letter-spacing: -.01em;
    color: var(--zdr-a-crna);
    text-align: center;
    margin: 0 0 28px;
}

/* .zdr-obrazec-vrstica je po starem sam mreža, obe polji pa sta znotraj enega
   odstavka – to bi dalo mrežo v mreži in prepolovilo širino stolpcev.
   Zunanji element zato spustimo na blok, mreža je na odstavku. */
body.page-id-9457 .zdr-obrazec-vrstica,
body.page-id-32 .zdr-obrazec-vrstica { display: block; }

body.page-id-9457 .zdr-obrazec-vrstica p,
body.page-id-32 .zdr-obrazec-vrstica p {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin: 0 0 18px;
}
body.page-id-9457 .zdr-obrazec-vrstica br,
body.page-id-32 .zdr-obrazec-vrstica br { display: none; }

body.page-id-9457 .zdr-polje,
body.page-id-32 .zdr-polje {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: var(--zdr-a-siva);
    margin-bottom: 0;
}
body.page-id-9457 .wpcf7-form p,
body.page-id-32 .wpcf7-form p { margin-bottom: 18px; }

/* Starejše splošno pravilo v tej datoteki (".wpcf7 .zdr-polje .wpcf7-form-control")
   ima štiri razrede, zato morajo biti spodnji izbirniki vsaj enako natančni.
   Namerno brez !important. */
body.page-id-9457 .wpcf7 .zdr-polje .wpcf7-form-control:not(.wpcf7-submit),
body.page-id-32 .wpcf7 .zdr-polje .wpcf7-form-control:not(.wpcf7-submit) {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    border: 1.5px solid rgba(11, 18, 48, .12);
    border-radius: 12px;
    padding: 13px 15px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    color: var(--zdr-a-crna);
    background: #fff;
    box-shadow: none;
    outline: none;
    transition: border-color .18s, box-shadow .18s;
}
body.page-id-9457 .wpcf7 .zdr-polje textarea.wpcf7-form-control,
body.page-id-32 .wpcf7 .zdr-polje textarea.wpcf7-form-control {
    resize: vertical;
    min-height: 150px;
}
body.page-id-9457 .wpcf7 .zdr-polje .wpcf7-form-control:not(.wpcf7-submit):focus,
body.page-id-32 .wpcf7 .zdr-polje .wpcf7-form-control:not(.wpcf7-submit):focus {
    border-color: var(--zdr-a-modra);
    box-shadow: 0 0 0 3px rgba(37, 87, 232, .12);
}

body.page-id-9457 .wpcf7 form.wpcf7-form input.wpcf7-submit,
body.page-id-32 .wpcf7 form.wpcf7-form input.wpcf7-submit {
    width: 100%;
    border: 0;
    /* splošno pravilo za gumbe v tej datoteki postavlja polmer z !important,
       zato ga je tu treba prebiti na enak način */
    border-radius: 13px !important;
    padding: 15px 20px;
    background: var(--zdr-a-preliv);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    box-shadow: 0 12px 28px rgba(37, 87, 232, .32);
    transition: filter .2s, transform .2s;
}
body.page-id-9457 .wpcf7 form.wpcf7-form input.wpcf7-submit:hover,
body.page-id-32 .wpcf7 form.wpcf7-form input.wpcf7-submit:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: #fff;
}

/* ---------- poziv k paketom ---------- */
body.page-id-9457 .elementor .elementor-element.elementor-element-09283dd,
body.page-id-32 .elementor .elementor-element.elementor-element-c69a999 {
    background-color: transparent;
    background-image: none;
    padding: 36px 24px 90px;
}
/* Pasica se razteza čez celotno širino strani, enako kot poziv na Paketih.
   Privzeti vsebnik je omejen na 1320 px, zato omejitev odstranimo – stranski
   zrak da sekcija sama (24 px), da se pasica ne dotika roba zaslona. */
body.page-id-9457 .elementor-element-09283dd > .elementor-container,
body.page-id-32 .elementor-element-c69a999 > .elementor-container {
    max-width: none;
    width: 100%;
    background: linear-gradient(135deg, #1A3FC4, #2F63F0);
    border-radius: 26px;
    padding: 48px 32px;
    text-align: center;
}

body.page-id-9457 .elementor-element-09283dd .elementor-widget-heading .elementor-heading-title,
body.page-id-32 .elementor-element-c69a999 .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    margin: 0 0 10px;
}
body.page-id-9457 .elementor-element-09283dd .elementor-widget-text-editor .elementor-widget-container p,
body.page-id-32 .elementor-element-c69a999 .elementor-widget-text-editor .elementor-widget-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.65;
    color: rgba(224, 233, 255, .88);
    max-width: 640px;
    margin: 0 auto 24px;
}
body.page-id-9457 .elementor .elementor-element.elementor-element-09283dd .elementor-button,
body.page-id-32 .elementor .elementor-element.elementor-element-c69a999 .elementor-button {
    background: #fff;
    background-color: #fff;
    color: var(--zdr-a-modra-temna);
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14.5px;
    padding: 14px 24px;
    border: 0;
    border-radius: 12px;
    transition: transform .2s;
}
body.page-id-9457 .elementor .elementor-element.elementor-element-09283dd .elementor-button:hover,
body.page-id-32 .elementor .elementor-element.elementor-element-c69a999 .elementor-button:hover {
    transform: translateY(-2px);
    background: #fff;
    color: var(--zdr-a-modra-temna);
}

/* ---------- tablica in telefon ---------- */
@media (max-width: 1024px) {
    body.page-id-9457 .elementor-element-8cc09ea .elementor-widget-heading .elementor-heading-title,
    body.page-id-32 .elementor-element-600766d .elementor-widget-heading .elementor-heading-title {
        font-size: 33px;
    }
}

@media (max-width: 767px) {
    body.page-id-9457 .elementor .elementor-element.elementor-element-8cc09ea,
    body.page-id-32 .elementor .elementor-element.elementor-element-600766d {
        /* dvig kartic je -96 px, zato mora biti spodnji odmik večji */
        padding: 42px 0 142px;
    }
    body.page-id-9457 .elementor-element-8cc09ea .elementor-widget-heading .elementor-heading-title,
    body.page-id-32 .elementor-element-600766d .elementor-widget-heading .elementor-heading-title {
        font-size: 27px;
    }
    body.page-id-9457 .zdr-kontakt-kartica,
    body.page-id-32 .zdr-kontakt-kartica { padding: 0; margin-bottom: 14px; }

    body.page-id-9457 .elementor-element-46860a9 > .elementor-container,
    body.page-id-32 .elementor-element-e2cbb8c > .elementor-container {
        border-radius: 18px;
        padding: 26px 20px;
    }
    body.page-id-9457 .zdr-obrazec-vrstica p,
    body.page-id-32 .zdr-obrazec-vrstica p { grid-template-columns: 1fr; gap: 18px; }

    body.page-id-9457 .elementor-element-09283dd > .elementor-container,
    body.page-id-32 .elementor-element-c69a999 > .elementor-container {
        border-radius: 18px;
        padding: 28px 22px;
    }
    body.page-id-9457 .elementor-element-09283dd .elementor-widget-heading .elementor-heading-title,
    body.page-id-32 .elementor-element-c69a999 .elementor-widget-heading .elementor-heading-title {
        font-size: 20px;
    }
}

/* ======================================================================
   ZDR ARTEFAKT – KONTAKT end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – AKTUALNO start
   Korak 3 (29. 7. 2026): arhiv prispevkov, SL /aktualno/ in EN /en/blog/.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak6-aktualno/

   Označbe prihajajo iz nadrejene teme (article.post-list-item, .top-image,
   .inner-bottom, .top-info, .entry-title, .description, .readmore),
   spremenjen je samo videz. Naslovni pas izriše zdravstvena_glava_bloga().
   ====================================================================== */

body.zdr-arhiv-prispevkov { background: var(--zdr-a-ozadje); }

/* ---------- naslovni pas ---------- */
.zdr-glava-arhiva {
    background:
        radial-gradient(circle at 88% -40%, rgba(127, 178, 255, .25), transparent 62%),
        var(--zdr-a-preliv-noc);
    padding: 52px 0 60px;
    overflow: hidden;
}
.zdr-glava-arhiva__oznaka {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    line-height: 1;
    letter-spacing: .16em;
    color: var(--zdr-a-nebo);
    margin-bottom: 10px;
}
.zdr-glava-arhiva__naslov {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 38px;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0;
}

/* ---------- seznam prispevkov ---------- */
body.zdr-arhiv-prispevkov #main-container { padding-top: 40px; padding-bottom: 80px; }

body.zdr-arhiv-prispevkov .layout-posts-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

body.zdr-arhiv-prispevkov article.post-list-item {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: transform .2s, box-shadow .2s;
    margin: 0;
    padding: 0;
}
body.zdr-arhiv-prispevkov article.post-list-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .11);
}

body.zdr-arhiv-prispevkov article.post-list-item .flex-middle {
    display: grid;
    grid-template-columns: 280px 1fr;
    align-items: stretch;
}
/* Nadrejena tema obema deloma postavi fiksni širini (300 px in 27 %), zato
   mreža sama ne bi imela učinka – širino prepustimo celicam mreže. */
body.zdr-arhiv-prispevkov article.post-list-item .flex-middle > .top-image,
body.zdr-arhiv-prispevkov article.post-list-item .flex-middle > .inner-bottom {
    width: auto;
    max-width: none;
    float: none;
}
body.zdr-arhiv-prispevkov article.post-list-item .top-image { min-height: 200px; height: 100%; margin: 0; }
body.zdr-arhiv-prispevkov article.post-list-item .entry-thumb,
body.zdr-arhiv-prispevkov article.post-list-item .post-thumbnail,
body.zdr-arhiv-prispevkov article.post-list-item .image-wrapper { height: 100%; margin: 0; display: block; }
body.zdr-arhiv-prispevkov article.post-list-item .top-image img {
    width: 100%;
    height: 100%;
    min-height: 200px;
    object-fit: cover;
    display: block;
}

body.zdr-arhiv-prispevkov article.post-list-item .inner-bottom {
    padding: 26px 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* datum in kategorija */
body.zdr-arhiv-prispevkov article.post-list-item .top-info {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--zdr-a-siva-blaga);
}
body.zdr-arhiv-prispevkov article.post-list-item .top-info > div { margin: 0; padding: 0; border: 0; }
body.zdr-arhiv-prispevkov article.post-list-item .top-info .comments { display: none; }
body.zdr-arhiv-prispevkov article.post-list-item .list-categories a.categories-name {
    display: inline-block;
    color: var(--zdr-a-modra);
    background: var(--zdr-a-poudarek);
    padding: 4px 11px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 12px;
}
body.zdr-arhiv-prispevkov article.post-list-item .list-categories a.categories-name:hover {
    background: var(--zdr-a-modra);
    color: #fff;
}

body.zdr-arhiv-prispevkov article.post-list-item .entry-title {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.35;
}
body.zdr-arhiv-prispevkov article.post-list-item .entry-title a { color: var(--zdr-a-crna); }
body.zdr-arhiv-prispevkov article.post-list-item .entry-title a:hover { color: var(--zdr-a-modra); }

body.zdr-arhiv-prispevkov article.post-list-item .description {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.65;
    color: #5B6480;
    margin: 0;
}

/* "Preberi več" je povezava, ne gumb – splošno pravilo za gumbe ga sicer
   preoblikuje v gumb, zato ga tu vrnemo na navadno povezavo. */
body.zdr-arhiv-prispevkov article.post-list-item .readmore { margin-top: auto; padding-top: 4px; }
body.zdr-arhiv-prispevkov article.post-list-item .readmore .btn-readmore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 0;
    padding: 0;
    border-radius: 0 !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: var(--zdr-a-modra);
    box-shadow: none;
}
body.zdr-arhiv-prispevkov article.post-list-item .readmore .btn-readmore:hover {
    color: var(--zdr-a-modra-temna);
    background: none;
}
body.zdr-arhiv-prispevkov article.post-list-item .readmore .btn-readmore i { font-size: 12px; }

/* ---------- stranska vrstica ---------- */
body.zdr-arhiv-prispevkov .sidebar-right .widget {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 20px;
}
body.zdr-arhiv-prispevkov .sidebar-right .widget-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--zdr-a-crna);
    margin: 0 0 14px;
    padding: 0;
    border: 0;
}
body.zdr-arhiv-prispevkov .sidebar-right .widget-title::before,
body.zdr-arhiv-prispevkov .sidebar-right .widget-title::after { display: none; }

/* iskalnik */
body.zdr-arhiv-prispevkov .sidebar-right .widget-search form {
    display: flex;
    align-items: center;
    gap: 9px;
    border: 1.5px solid rgba(11, 18, 48, .12);
    border-radius: 12px;
    padding: 5px 13px;
    background: #fff;
    transition: border-color .18s;
}
body.zdr-arhiv-prispevkov .sidebar-right .widget-search form:focus-within { border-color: var(--zdr-a-modra); }
body.zdr-arhiv-prispevkov .sidebar-right .widget-search .btn-search {
    order: -1;
    position: static;
    background: none;
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
    color: var(--zdr-a-siva-blaga);
    box-shadow: none;
}
body.zdr-arhiv-prispevkov .sidebar-right .widget-search input.apus-search {
    border: 0;
    outline: 0;
    box-shadow: none;
    background: transparent;
    padding: 6px 0;
    height: auto;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-crna);
}

/* kategorije */
body.zdr-arhiv-prispevkov .sidebar-right .widget_categories ul { margin: 0; padding: 0; list-style: none; }
body.zdr-arhiv-prispevkov .sidebar-right .widget_categories li { margin: 0; padding: 0; border: 0; }
body.zdr-arhiv-prispevkov .sidebar-right .widget_categories li a {
    display: block;
    padding: 10px 12px;
    border-radius: 11px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-siva);
    transition: background .16s, color .16s;
}
body.zdr-arhiv-prispevkov .sidebar-right .widget_categories li a:hover {
    background: var(--zdr-a-poudarek);
    color: var(--zdr-a-modra);
}

/* najnovejši prispevki */
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .posts-list { margin: 0; padding: 0; list-style: none; }
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .posts-list > li {
    padding: 12px 0;
    border-bottom: 1px solid var(--zdr-a-obroba);
}
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .posts-list > li:first-child { padding-top: 0; }
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .posts-list > li:last-child { border-bottom: 0; padding-bottom: 0; }
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .flex-middle {
    display: flex;
    align-items: center;
    gap: 12px;
}
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .image-left { flex: none; }
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .image-left img {
    width: 62px;
    height: 62px;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .entry-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    line-height: 1.45;
    margin: 0 0 3px;
}
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .entry-title a { color: var(--zdr-a-crna); }
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .entry-title a:hover { color: var(--zdr-a-modra); }
body.zdr-arhiv-prispevkov .sidebar-right .post-widget .date {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: var(--zdr-a-siva-blaga);
}

/* ---------- tablica in telefon ---------- */
@media (max-width: 1024px) {
    .zdr-glava-arhiva__naslov { font-size: 32px; }
    body.zdr-arhiv-prispevkov article.post-list-item .flex-middle { grid-template-columns: 220px 1fr; }
    body.zdr-arhiv-prispevkov article.post-list-item .inner-bottom { padding: 22px 24px; }
}

@media (max-width: 767px) {
    .zdr-glava-arhiva { padding: 40px 0 44px; }
    .zdr-glava-arhiva__naslov { font-size: 27px; }

    body.zdr-arhiv-prispevkov #main-container { padding-top: 26px; padding-bottom: 50px; }
    body.zdr-arhiv-prispevkov article.post-list-item .flex-middle { grid-template-columns: 1fr; }
    body.zdr-arhiv-prispevkov article.post-list-item .top-image,
    body.zdr-arhiv-prispevkov article.post-list-item .top-image img { min-height: 190px; max-height: 220px; }
    body.zdr-arhiv-prispevkov article.post-list-item .inner-bottom { padding: 20px 20px 22px; }
    body.zdr-arhiv-prispevkov article.post-list-item .entry-title { font-size: 18px; }
    body.zdr-arhiv-prispevkov .layout-posts-list { gap: 16px; }
    body.zdr-arhiv-prispevkov .sidebar-right .widget { padding: 20px; margin-bottom: 16px; }
}

/* ======================================================================
   ZDR ARTEFAKT – AKTUALNO end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – O NAS start
   Korak 4 (29. 7. 2026): strani O nas (SL #9148) in About Us (EN #40).
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak7-onas/

   Sekcije: števci d1d543b/83b1daa · besedilo b349c76 · zaupajo nam d9ce54a
            logotipi 4beb206e · poziv c7487cc/7e81a774
   Vsa besedila, števila in logotipi ostajajo nespremenjeni.
   ====================================================================== */

body.page-id-9148,
body.page-id-40 { background: #fff; }

/* ======================================================================
   NASLOVNI DEL – besedilo levo, fotografija desno, kot v artefaktu
   Sekcijo doda skript onas_hero.php; naslov in uvodni odstavek sta
   prestavljena iz osrednjega besedila (ista beseda, drugo mesto).
   ====================================================================== */
body.page-id-9148 .elementor .elementor-element.zdr-onas-hero,
body.page-id-40 .elementor .elementor-element.zdr-onas-hero {
    background-image:
        radial-gradient(circle at 6% -26%, rgba(255, 255, 255, .10) 0 300px, transparent 301px),
        radial-gradient(circle at 92% -34%, rgba(127, 178, 255, .26), transparent 58%),
        linear-gradient(135deg, #0E1E5B, #1A3FC4);
    padding: 72px 24px 64px;
    overflow: hidden;
}
body.page-id-9148 .zdr-onas-hero > .elementor-container,
body.page-id-40 .zdr-onas-hero > .elementor-container {
    max-width: 1240px;
    align-items: center;
    gap: 56px;
}

/* drobna oznaka nad naslovom – okrasna, po jeziku strani */
body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor h1::before,
body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor h1::before {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    line-height: 1;
    letter-spacing: .16em;
    color: var(--zdr-a-nebo);
    margin-bottom: 14px;
}
body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor h1::before { content: 'O PORTALU'; }
body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor h1::before { content: 'ABOUT THE PORTAL'; }

body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor h1,
body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor h1 {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 42px;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 16px;
}
body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor p,
body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(224, 233, 255, .85);
    margin: 0;
}
body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor p strong,
body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor p strong { color: #fff; }

/* fotografija v okvirju, kot v artefaktu */
body.page-id-9148 .zdr-onas-hero .elementor-widget-image img,
body.page-id-40 .zdr-onas-hero .elementor-widget-image img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 24px;
    border: 4px solid rgba(255, 255, 255, .2);
    box-shadow: 0 30px 70px rgba(7, 16, 60, .4);
    display: block;
}

/* ======================================================================
   ŠTEVCI – temni pas na vrhu, kot statistika v artefaktu
   Obstoječa fotografija ostane, čeznjo položimo preliv.
   ====================================================================== */
body.page-id-9148 .elementor .elementor-element.elementor-element-d1d543b,
body.page-id-40 .elementor .elementor-element.elementor-element-83b1daa {
    /* nadaljevanje temnega naslovnega bloka – fotografija je zdaj v njem */
    background-image: linear-gradient(135deg, #0E1E5B, #1A3FC4);
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, .12);
    padding: 34px 0;
}

body.page-id-9148 .elementor-element-d1d543b .elementor-counter,
body.page-id-40 .elementor-element-83b1daa .elementor-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4px;
}
/* V artefaktu je številka nad opisom – vrstni red zamenjamo brez posega v
   vsebino. Elementor velikost pisave zapiše s štirimi razredi, zato mora biti
   spodnji izbirnik enako natančen. */
body.page-id-9148 .elementor .elementor-element.elementor-element-d1d543b .elementor-counter .elementor-counter-number-wrapper,
body.page-id-40 .elementor .elementor-element.elementor-element-83b1daa .elementor-counter .elementor-counter-number-wrapper {
    order: -1;
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -.02em;
    color: #fff;
}
body.page-id-9148 .elementor .elementor-element.elementor-element-d1d543b .elementor-counter .elementor-counter-title,
body.page-id-40 .elementor .elementor-element.elementor-element-83b1daa .elementor-counter .elementor-counter-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.5;
    color: rgba(224, 233, 255, .75);
    max-width: 260px;
    margin: 0 auto;
}
/* tanki ločnici med stolpci, kot v artefaktu */
body.page-id-9148 .elementor-element-d1d543b .elementor-col-33 + .elementor-col-33 .elementor-widget-wrap,
body.page-id-40 .elementor-element-83b1daa .elementor-col-33 + .elementor-col-33 .elementor-widget-wrap {
    border-left: 1px solid rgba(255, 255, 255, .14);
}

/* ======================================================================
   OSREDNJE BESEDILO
   ====================================================================== */
body.page-id-9148 .elementor .elementor-element.elementor-element-b349c76,
body.page-id-40 .elementor .elementor-element.elementor-element-b349c76 {
    padding: 72px 24px 56px;
}
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor {
    max-width: 900px;
    margin: 0 auto;
}

/* uvodni naslov strani */
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h3:first-child,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h3:first-child {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
    margin: 0 0 20px;
}
/* vmesni naslovi */
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h2,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h2 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
    margin: 46px 0 20px;
}
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h3,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h3 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.35;
    color: var(--zdr-a-crna);
    margin: 40px 0 14px;
}
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > p,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15.5px;
    line-height: 1.75;
    color: #5B6480;
    margin: 0 0 16px;
}
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > p strong,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > p strong {
    color: var(--zdr-a-crna);
    font-weight: 700;
}
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor a,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor a {
    color: var(--zdr-a-modra);
    font-weight: 700;
}

/* ======================================================================
   PET PREDNOSTI POD NASLOVOM "ZAKAJ IZBRATI ..."
   V vsebini to niso postavke seznama, ampak navadni odstavki. Ker jih ni
   mogoče prepoznati po oznaki, jih ciljamo po mestu: v besedilnem gradniku
   so to otroci 5 do 9 (za naslovom h2 na 4. mestu).

   POZOR: če se besedilo na tej strani spremeni – doda ali odstrani odstavek
   pred njimi – je treba te številke popraviti. Trajnejša rešitev bi bila,
   da teh pet odstavkov v vsebini postane pravi seznam.
   ====================================================================== */
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9),
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9) {
    position: relative;
    background: var(--zdr-a-ozadje);
    border: 1px solid rgba(11, 18, 48, .05);
    border-radius: 18px;
    padding: 20px 22px 20px 58px;
    margin: 0 0 12px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    color: var(--zdr-a-siva);
    transition: background .2s, box-shadow .2s, border-color .2s;
}
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9):hover,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9):hover {
    background: #fff;
    border-color: rgba(37, 87, 232, .22);
    box-shadow: 0 14px 34px rgba(11, 18, 48, .09);
}
/* kljukica v modrem kvadratku */
body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9)::before,
body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9)::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 18px;
    width: 26px;
    height: 26px;
    border-radius: 9px;
    background-color: var(--zdr-a-poudarek);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232557E8' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4 10-10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

/* ======================================================================
   ZAUPAJO NAM + LOGOTIPI  (skupaj kot en svetel pas)
   ====================================================================== */
body.page-id-9148 .elementor .elementor-element.elementor-element-d9ce54a,
body.page-id-40 .elementor .elementor-element.elementor-element-d9ce54a {
    background-color: var(--zdr-a-ozadje);
    padding: 72px 0 0;
    text-align: center;
}
body.page-id-9148 .elementor .elementor-element.elementor-element-4beb206e,
body.page-id-40 .elementor .elementor-element.elementor-element-4beb206e {
    background-color: var(--zdr-a-ozadje);
    padding: 34px 0 72px;
}
body.page-id-9148 .elementor-element-d9ce54a .elementor-widget-heading .elementor-heading-title,
body.page-id-40 .elementor-element-d9ce54a .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
    margin: 0 0 10px;
}
body.page-id-9148 .elementor-element-d9ce54a .elementor-widget-text-editor .elementor-widget-container p,
body.page-id-40 .elementor-element-d9ce54a .elementor-widget-text-editor .elementor-widget-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.65;
    color: #5B6480;
    max-width: 700px;
    margin: 0 auto;
}

/* logotipi kot bele ploščice */
body.page-id-9148 .elementor-element-4beb206e .brand-item,
body.page-id-40 .elementor-element-4beb206e .brand-item,
body.page-id-9148 .elementor-element-4beb206e .item-brand,
body.page-id-40 .elementor-element-4beb206e .item-brand {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 14px;
    padding: 16px 22px;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
body.page-id-9148 .elementor-element-4beb206e .brand-item:hover,
body.page-id-40 .elementor-element-4beb206e .brand-item:hover,
body.page-id-9148 .elementor-element-4beb206e .item-brand:hover,
body.page-id-40 .elementor-element-4beb206e .item-brand:hover {
    border-color: rgba(37, 87, 232, .3);
    box-shadow: 0 12px 28px rgba(11, 18, 48, .08);
    transform: translateY(-2px);
}

/* ======================================================================
   POZIV K PAKETOM
   ====================================================================== */
body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc,
body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 {
    background-color: #fff;
    padding: 80px 24px 90px;
}
/* Pasica čez celo širino, enako kot na Paketih in Kontaktu.
   Modra kartica je NOTRANJA sekcija (5dea35c7 / 609bde0a) – ta je imela svojo
   fotografijo z megafonom, ki je gledala izpod preliva. Odstranimo jo. */
body.page-id-9148 .elementor-element-c7487cc > .elementor-container,
body.page-id-40 .elementor-element-7e81a774 > .elementor-container {
    max-width: none;
    width: 100%;
    background: none;
    padding: 0;
}
body.page-id-9148 .elementor .elementor-element.elementor-element-5dea35c7,
body.page-id-40 .elementor .elementor-element.elementor-element-609bde0a {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    background-color: transparent;
    background-image:
        radial-gradient(circle at 96% 130%, rgba(255, 255, 255, .10), transparent 42%),
        linear-gradient(135deg, #1A3FC4, #2F63F0);
    background-size: cover;
    background-position: center;
    text-align: center;
}
body.page-id-9148 .elementor-element-5dea35c7 .elementor-background-overlay,
body.page-id-40 .elementor-element-609bde0a .elementor-background-overlay { display: none; }

/* Besedilni gradnik v pasici ima nastavljeno širino 800 px in stoji ob levem
   robu, zato je bilo besedilo videti zamaknjeno. Postavimo ga na sredino. */
body.page-id-9148 .elementor .elementor-element.elementor-element-5dea35c7 .elementor-widget-text-editor,
body.page-id-40 .elementor .elementor-element.elementor-element-609bde0a .elementor-widget-text-editor {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
}
body.page-id-9148 .elementor-element-c7487cc .elementor-widget-heading .elementor-heading-title,
body.page-id-40 .elementor-element-7e81a774 .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 29px;
    line-height: 1.25;
    letter-spacing: -.01em;
    color: #fff;
    margin: 0 0 12px;
}
body.page-id-9148 .elementor-element-c7487cc .elementor-widget-text-editor .elementor-widget-container p,
body.page-id-40 .elementor-element-7e81a774 .elementor-widget-text-editor .elementor-widget-container p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(224, 233, 255, .88);
    max-width: 640px;
    margin: 0 auto 26px;
}
body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc .elementor-button,
body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 .elementor-button {
    background: #fff;
    background-color: #fff;
    color: var(--zdr-a-modra-temna);
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    padding: 15px 26px;
    border: 0;
    border-radius: 13px !important;
    box-shadow: 0 14px 34px rgba(7, 16, 60, .3);
    transition: transform .2s;
}
body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc .elementor-button:hover,
body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 .elementor-button:hover {
    transform: translateY(-2px);
    background: #fff;
    color: var(--zdr-a-modra-temna);
}

/* ======================================================================
   TABLICA IN TELEFON
   ====================================================================== */
@media (max-width: 1024px) {
    body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h3:first-child,
    body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h3:first-child { font-size: 30px; }
    body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h2,
    body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h2 { font-size: 26px; }
}

@media (max-width: 767px) {
    /* naslovni del */
    body.page-id-9148 .elementor .elementor-element.zdr-onas-hero,
    body.page-id-40 .elementor .elementor-element.zdr-onas-hero { padding: 44px 18px 40px; }
    body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor h1,
    body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor h1 { font-size: 26px; }
    body.page-id-9148 .zdr-onas-hero .elementor-widget-text-editor p,
    body.page-id-40 .zdr-onas-hero .elementor-widget-text-editor p { font-size: 15px; }
    body.page-id-9148 .zdr-onas-hero .elementor-widget-image img,
    body.page-id-40 .zdr-onas-hero .elementor-widget-image img {
        height: 210px;
        border-radius: 18px;
        margin-top: 26px;
    }

    body.page-id-9148 .elementor .elementor-element.elementor-element-d1d543b,
    body.page-id-40 .elementor .elementor-element.elementor-element-83b1daa { padding: 26px 0; }
    body.page-id-9148 .elementor .elementor-element.elementor-element-d1d543b .elementor-counter .elementor-counter-number-wrapper,
    body.page-id-40 .elementor .elementor-element.elementor-element-83b1daa .elementor-counter .elementor-counter-number-wrapper { font-size: 32px; }
    /* na ozkem zaslonu so števci en pod drugim – navpična ločnica ni smiselna */
    body.page-id-9148 .elementor-element-d1d543b .elementor-col-33 + .elementor-col-33 .elementor-widget-wrap,
    body.page-id-40 .elementor-element-83b1daa .elementor-col-33 + .elementor-col-33 .elementor-widget-wrap {
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
        padding-top: 22px;
        margin-top: 22px;
    }

    body.page-id-9148 .elementor .elementor-element.elementor-element-b349c76,
    body.page-id-40 .elementor .elementor-element.elementor-element-b349c76 { padding: 44px 20px 36px; }
    body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h3:first-child,
    body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h3:first-child { font-size: 25px; }
    body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > h2,
    body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > h2 { font-size: 22px; margin-top: 34px; }
    body.page-id-9148 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9),
    body.page-id-40 .elementor-element-b349c76 .elementor-widget-text-editor > p:nth-child(n+5):nth-child(-n+9) {
        padding: 18px 18px 18px 54px;
    }

    body.page-id-9148 .elementor .elementor-element.elementor-element-d9ce54a,
    body.page-id-40 .elementor .elementor-element.elementor-element-d9ce54a { padding: 44px 0 0; }
    body.page-id-9148 .elementor-element-d9ce54a .elementor-widget-heading .elementor-heading-title,
    body.page-id-40 .elementor-element-d9ce54a .elementor-widget-heading .elementor-heading-title { font-size: 23px; }

    body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc,
    body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 { padding: 46px 12px 60px; }
    body.page-id-9148 .elementor .elementor-element.elementor-element-5dea35c7,
    body.page-id-40 .elementor .elementor-element.elementor-element-609bde0a { border-radius: 20px; }
    /* notranji stolpec ima 60 px odmika na vsaki strani – na telefonu preveč */
    body.page-id-9148 .elementor .elementor-element.elementor-element-60773ab7 > .elementor-widget-wrap,
    body.page-id-40 .elementor .elementor-element.elementor-element-427fcdaf > .elementor-widget-wrap { padding: 28px 20px 30px; }
    body.page-id-9148 .elementor-element-c7487cc .elementor-widget-heading .elementor-heading-title,
    body.page-id-40 .elementor-element-7e81a774 .elementor-widget-heading .elementor-heading-title { font-size: 21px; }
}

/* ======================================================================
   ZDR ARTEFAKT – O NAS end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – BLOG POPRAVKI start
   Popravki po pregledu 29. 7. 2026:
     - odstranjeni okrasni pikici pri datumu in kategoriji
     - iskalnik v stranski vrstici: eno samo polje, brez ikone in dvojnega okvirja
     - posamezen prispevek: temni pas z naslovom, kot na Paketih in Kontaktu
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   ====================================================================== */

/* ---------- pikici pri datumu in kategoriji ----------
   Tema ju riše kot 5 px sive krogce v ::before, ne kot besedilo. */
body.zdr-arhiv-prispevkov article.post-list-item .top-info > div::before,
body.zdr-arhiv-prispevkov article.post-list-item .top-info > div::after {
    display: none;
    content: none;
}

/* ---------- iskalnik: eno polje, brez ikone ----------
   Prej: okvir obrazca + okvir vnosnega polja + ikona = okvir v okvirju. */
body.zdr-arhiv-prispevkov .sidebar-right .widget-search .btn-search { display: none; }

body.zdr-arhiv-prispevkov .sidebar-right .widget-search form {
    display: block;
    padding: 0;
    border: 1.5px solid rgba(11, 18, 48, .12);
    border-radius: 12px;
    overflow: hidden;
}
body.zdr-arhiv-prispevkov .sidebar-right .widget-search form:focus-within {
    border-color: var(--zdr-a-modra);
    box-shadow: 0 0 0 3px rgba(37, 87, 232, .12);
}
/* Splošno pravilo v tej datoteki postavlja obrobo in polmer vsem vnosnim
   poljem v gradnikih z !important, zato je tu potrebna enaka moč – sicer
   ostane okvir znotraj okvirja. */
body.zdr-arhiv-prispevkov .sidebar-right .widget_apus_search .widget-search input.apus-search,
body.zdr-arhiv-prispevkov .sidebar-right .widget-search input.form-control {
    width: 100%;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    outline: 0;
    background: transparent;
    padding: 12px 14px !important;
    height: auto;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-crna);
}

/* ======================================================================
   POSAMEZEN PRISPEVEK – temni pas z naslovom
   Predloga template-posts/single/header.php je prepisana v otroški temi.

   Pas mora biti čez celo širino. Namesto računanja z enotami vw (ki poleg
   vsebine zajamejo tudi drsnik in povzročijo vodoravni drsnik) sprostimo
   vsebnik, ki ovija glavo prispevka – ta ovija samo njo, nič drugega.
   ====================================================================== */
body.single-post article.post > .container:first-child {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Nad pasom je bilo 130 px belega (80 px vsebnika + 50 px članka) – pas naj
   se začne takoj pod glavo, kot na Paketih in Kontaktu. */
body.single-post #main-container.wrapper-single-post { padding-top: 0; }
body.single-post article.post { padding-top: 0; }

body.single-post .zdr-glava-clanka {
    padding: 56px 24px 60px;
    background:
        radial-gradient(circle at 88% -40%, rgba(127, 178, 255, .25), transparent 62%),
        var(--zdr-a-preliv-noc);
    text-align: center;
}
body.single-post .zdr-glava-clanka__vsebina {
    max-width: 860px;
    margin: 0 auto;
}
body.single-post .zdr-glava-clanka__naslov {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 36px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 16px;
}
body.single-post .zdr-glava-clanka__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
body.single-post .zdr-glava-clanka__kategorija {
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .04em;
    padding: 5px 13px;
    border-radius: 100px;
    transition: background .18s;
}
body.single-post .zdr-glava-clanka__kategorija:hover {
    background: #fff;
    color: var(--zdr-a-modra-temna);
}
body.single-post .zdr-glava-clanka__datum {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: rgba(224, 233, 255, .8);
}

/* razmik pod pasom in tipografija članka */
body.single-post .entry-thumb-detail { margin-top: 36px; }
body.single-post .top-content-detail-blog { padding-top: 36px; }
body.single-post .entry-description {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #3D4664;
}
body.single-post .entry-description h2,
body.single-post .entry-description h3,
body.single-post .entry-description h4 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    color: var(--zdr-a-crna);
    letter-spacing: -.01em;
}
body.single-post .entry-description h2 { font-size: 27px; margin: 40px 0 16px; }
body.single-post .entry-description h3 { font-size: 21px; margin: 32px 0 12px; }
body.single-post .entry-description a { color: var(--zdr-a-modra); font-weight: 600; }

@media (max-width: 767px) {
    body.single-post .zdr-glava-clanka { padding: 38px 18px 42px; }
    body.single-post .zdr-glava-clanka__naslov { font-size: 24px; }
    body.single-post .entry-description { font-size: 15.5px; }
    body.single-post .entry-description h2 { font-size: 22px; }
}

/* ======================================================================
   ZDR ARTEFAKT – BLOG POPRAVKI end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – DOMOV start
   Korak 5 (29. 7. 2026): naslovnica SL #9348 in EN #8610.
   Obe strani uporabljata iste ID-je gradnikov, zato zadošča en nabor pravil.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak11-domov/

   Hero: sekcija 822c1ff · naslov bb61b25 · pasica 7735147 · iskalnik 8ac8c3f
         izpostavljeni delodajalec 67f95c3 + a09be1f · fotografija 0a7232a
   Vsa besedila, slike in gradniki ostajajo nespremenjeni.
   ====================================================================== */

/* ======================================================================
   PUŠČICE VRTILJAKOV – velja za celo stran
   Tema jih postavlja 46 px izven vsebnika, zato so na ozkih zaslonih segale
   čez rob in povzročale vodoravni drsnik (naslovnica, članki, seznami).
   ====================================================================== */
.slick-arrow.slick-next { right: 0; }
.slick-arrow.slick-prev { left: 0; }

/* ======================================================================
   HERO – preliv s krogi namesto fotografije v ozadju
   Fotografija zdravnice v desnem stolpcu ostane; ozadje prevzame preliv
   iz artefakta, ki je bil doslej stara slika bg-slider2.jpg.
   ====================================================================== */
/* 30. 7. 2026: uvodna sekcija dobi isti oblikovni jezik kot sekcija
   Izpostavljena delovna mesta – preliv, dva mehka svetlobna kroga in
   komaj vidna mreza pik. Kroga sta zrcalno postavljena, preliv pa se
   proti dnu poglobi do odtenka, s katerim se spodnja sekcija zacne,
   da obe ploskvi delujeta kot ena celota. */
body.home .elementor .elementor-element.elementor-element-822c1ff {
    position: relative;
    isolation: isolate;
    background-color: #16266B;
    background-image:
        radial-gradient(720px 460px at 82% 4%, rgba(47, 99, 240, .55), transparent 62%),
        radial-gradient(620px 430px at 6% 98%, rgba(157, 196, 255, .20), transparent 60%),
        linear-gradient(168deg, #24409B 0%, #1B2E7A 54%, #16266B 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 40px 0 30px;   /* skrčeno 4. 8. 2026, korak 67 (prej 76/84) */
    overflow: hidden;
}
/* Mreza pik je za spoznanje redkejsa in blednejsa kot spodaj, da sekciji
   nista enaki, a se prepoznata kot isti jezik. */
body.home .elementor-element-822c1ff::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgba(255, 255, 255, .13) 1px, transparent 1px);
    background-size: 30px 30px;
    opacity: .45;
    pointer-events: none;
}
body.home .elementor-element-822c1ff > .elementor-container {
    align-items: center;
}

/* naslov */
body.home .elementor .elementor-element.elementor-element-bb61b25 .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 50px;
    line-height: 1.12;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0 0 22px;
}

/* oglasna pasica v heroju */
body.home .elementor-element-7735147 img {
    border-radius: 14px;
    max-width: 100%;
    height: auto;
    display: block;
}
body.home .elementor-element-7735147 { margin-bottom: 22px; }

/* ======================================================================
   ISKALNIK – namenoma brez oblikovanja
   Bela kartica iz artefakta se z označbami tega vtičnika ni izšla (nastala
   je visoka prazna škatla), zato iskalnik pustimo v prvotnem videzu.
   ====================================================================== */

/* ======================================================================
   IZPOSTAVLJENI DELODAJALEC – drobna prosojna kartica
   ====================================================================== */
body.home .elementor-element-e69fbdd > .elementor-container {
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 16px;
    padding: 16px 18px;
    max-width: 660px;
    margin-inline: 0;
}
body.home .elementor .elementor-element.elementor-element-67f95c3 .elementor-heading-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 11.5px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: rgba(224, 233, 255, .75);
    margin: 0 0 10px;
}
body.home .elementor-element-a09be1f img {
    max-height: 52px;
    width: auto;
}

/* ======================================================================
   FOTOGRAFIJA DESNO – lok, kot v artefaktu
   ====================================================================== */
/* fotografija brez okvirja in loka – samo slika */
body.home .elementor-element-0a7232a img {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

/* ======================================================================
   TABLICA IN TELEFON
   ====================================================================== */
@media (max-width: 1024px) {
    body.home .elementor .elementor-element.elementor-element-bb61b25 .elementor-heading-title { font-size: 38px; }

}

@media (max-width: 767px) {
    body.home .elementor .elementor-element.elementor-element-822c1ff { padding: 26px 0 22px; }   /* korak 67 (prej 44/48) */
    body.home .elementor .elementor-element.elementor-element-bb61b25 .elementor-heading-title {
        font-size: 28px;
        margin-bottom: 18px;
    }
    body.home .elementor-element-0a7232a img { max-width: 240px; margin: 20px auto 0; }
    body.home .elementor-element-e69fbdd > .elementor-container { padding: 14px 16px; }
}

/* ======================================================================
   ZDR ARTEFAKT – DOMOV end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – DOMOV SEKCIJE start
   Preostale sekcije naslovnice (29. 7. 2026). SL #9348 in EN #8610 imata
   iste ID-je sekcij, zato en nabor pravil velja za oba jezika.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak12-domov-sekcije/

   Vsa besedila, slike in gradniki ostajajo nespremenjeni – samo videz.
   ====================================================================== */

/* ======================================================================
   NASLOVI IN PODNASLOVI SEKCIJ
   Velja za vse sekcije naslovnice razen heroja, ki ima svoja pravila.
   ====================================================================== */
body.home .elementor-element-8e51be5 .elementor-heading-title,
body.home .elementor-element-670a51a .elementor-heading-title,
body.home .elementor-element-9dacd85 .elementor-heading-title,
body.home .elementor-element-017eba3 .elementor-heading-title,
body.home .elementor-element-1648b60 .elementor-heading-title,
body.home .elementor-element-72e2446 .elementor-heading-title,
body.home .elementor-element-eb07df8 .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
    margin: 0 0 12px;
}
body.home .elementor-element-8e51be5 .elementor-widget-text-editor p,
body.home .elementor-element-670a51a .elementor-widget-text-editor p,
body.home .elementor-element-9dacd85 .elementor-widget-text-editor p,
body.home .elementor-element-017eba3 .elementor-widget-text-editor p,
body.home .elementor-element-1648b60 .elementor-widget-text-editor p,
body.home .elementor-element-72e2446 .elementor-widget-text-editor p,
body.home .elementor-element-eb07df8 .elementor-widget-text-editor p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.65;
    color: #5B6480;
    max-width: 720px;
    margin: 0 auto;
}

/* svetla pasova ostaneta, le v odtenku iz artefakta */
body.home .elementor .elementor-element.elementor-element-670a51a,
body.home .elementor .elementor-element.elementor-element-72e2446 {
    background-color: var(--zdr-a-ozadje);
}

/* ======================================================================
   PREDNOSTI IN TRIJE KORAKI  (apus_element_features_box)
   ====================================================================== */
body.home .widget-features-box .item-inner {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 20px;
    padding: 30px 26px;
    height: 100%;
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.home .widget-features-box .item-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .1);
    border-color: rgba(37, 87, 232, .22);
}
body.home .widget-features-box .features-box-image img {
    width: 54px;
    height: 54px;
    object-fit: contain;
    margin-bottom: 16px;
}
body.home .widget-features-box .title,
body.home .widget-features-box h3,
body.home .widget-features-box h4 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.35;
    color: var(--zdr-a-crna);
    margin: 0 0 8px;
}
body.home .widget-features-box .desc,
body.home .widget-features-box p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 13.5px;
    line-height: 1.65;
    color: #5B6480;
    margin: 0;
}

/* ======================================================================
   KATEGORIJE ZAPOSLITEV  (job_category_banner v4)
   ====================================================================== */
body.home .widget-job-category-banner .category-banner-inner {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 18px;
    padding: 24px 22px;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.home .widget-job-category-banner a:hover .category-banner-inner {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .1);
    border-color: rgba(37, 87, 232, .25);
}
body.home .widget-job-category-banner .category-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
    background: var(--zdr-a-poudarek);
    color: var(--zdr-a-modra);
    display: grid;
    place-items: center;
    margin-bottom: 14px;
    font-size: 19px;
}
body.home .widget-job-category-banner .title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.35;
    color: var(--zdr-a-crna);
    margin: 0 0 4px;
}
body.home .widget-job-category-banner .count,
body.home .widget-job-category-banner .number {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: var(--zdr-a-siva-blaga);
}

/* ======================================================================
   IZPOSTAVLJENA DELOVNA MESTA  (kartice oglasov)
   ====================================================================== */
body.home .widget-jobs article.job-list {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.home .widget-jobs article.job-list:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .1);
    border-color: rgba(37, 87, 232, .22);
}
body.home .widget-jobs .entry-title,
body.home .widget-jobs .job-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.35;
}
body.home .widget-jobs .entry-title a { color: var(--zdr-a-crna); }
body.home .widget-jobs .entry-title a:hover { color: var(--zdr-a-modra); }

/* gumb "Vsa delovna mesta" pod seznamom */
body.home .elementor .elementor-element.elementor-element-cde7f3f .elementor-button {
    background: var(--zdr-a-preliv);
    background-color: transparent;
    border: 0;
    border-radius: 13px !important;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14.5px;
    padding: 14px 28px;
    box-shadow: var(--zdr-a-senca-gumb);
    transition: filter .2s, transform .2s;
}
body.home .elementor .elementor-element.elementor-element-cde7f3f .elementor-button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: #fff;
}

/* ======================================================================
   ZA DELODAJALCE / ZA ISKALCE ZAPOSLITVE
   ====================================================================== */
body.home .elementor-element-1c217473 .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.3;
    letter-spacing: -.01em;
    color: var(--zdr-a-crna);
    margin: 0 0 12px;
}
body.home .elementor-element-1c217473 .elementor-widget-text-editor p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 14.5px;
    line-height: 1.7;
    color: #5B6480;
}
body.home .elementor .elementor-element.elementor-element-216644f7 .elementor-button {
    background: var(--zdr-a-preliv);
    background-color: transparent;
    border: 0;
    border-radius: 12px !important;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14.5px;
    padding: 13px 24px;
    box-shadow: var(--zdr-a-senca-gumb);
}
body.home .elementor .elementor-element.elementor-element-216644f7 .elementor-button:hover {
    filter: brightness(1.08);
    color: #fff;
}

/* ======================================================================
   LOGOTIPI DELODAJALCEV  (Zaupajo nam)
   ====================================================================== */
body.home .elementor-element-72e2446 .brand-item,
body.home .elementor-element-72e2446 .item-brand {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 14px;
    padding: 16px 22px;
    transition: border-color .2s, box-shadow .2s, transform .2s;
}
body.home .elementor-element-72e2446 .brand-item:hover,
body.home .elementor-element-72e2446 .item-brand:hover {
    border-color: rgba(37, 87, 232, .3);
    box-shadow: 0 12px 28px rgba(11, 18, 48, .08);
    transform: translateY(-2px);
}

/* ======================================================================
   KARIERNI NASVETI  (vrtiljak prispevkov)
   ====================================================================== */
body.home .elementor-element-42b71ef article,
body.home .elementor-element-42b71ef .item-inner {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: transform .2s, box-shadow .2s;
}
body.home .elementor-element-42b71ef article:hover,
body.home .elementor-element-42b71ef .item-inner:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .1);
}
body.home .elementor-element-42b71ef .entry-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 16.5px;
    line-height: 1.4;
}
body.home .elementor-element-42b71ef .entry-title a { color: var(--zdr-a-crna); }
body.home .elementor-element-42b71ef .entry-title a:hover { color: var(--zdr-a-modra); }

/* ======================================================================
   NOVIČNIK – modra pasica po oblikovnem jeziku artefakta
   ====================================================================== */
body.home .elementor .elementor-element.elementor-element-49bfb137 {
    background-color: transparent;
    background-image:
        radial-gradient(circle at 96% 130%, rgba(255, 255, 255, .10), transparent 42%),
        linear-gradient(135deg, #1A3FC4, #2F63F0);
    border-radius: 26px;
    overflow: hidden;
}
body.home .elementor .elementor-element.elementor-element-5bf390eb .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 1.3;
    color: #fff;
}
body.home .elementor-element-6afa8922 p {
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 14.5px;
    line-height: 1.6;
    color: rgba(224, 233, 255, .88);
}

/* ======================================================================
   TABLICA IN TELEFON
   ====================================================================== */
@media (max-width: 1024px) {
    body.home .elementor-element-8e51be5 .elementor-heading-title,
    body.home .elementor-element-670a51a .elementor-heading-title,
    body.home .elementor-element-9dacd85 .elementor-heading-title,
    body.home .elementor-element-017eba3 .elementor-heading-title,
    body.home .elementor-element-1648b60 .elementor-heading-title,
    body.home .elementor-element-72e2446 .elementor-heading-title,
    body.home .elementor-element-eb07df8 .elementor-heading-title { font-size: 27px; }
}

@media (max-width: 767px) {
    body.home .elementor-element-8e51be5 .elementor-heading-title,
    body.home .elementor-element-670a51a .elementor-heading-title,
    body.home .elementor-element-9dacd85 .elementor-heading-title,
    body.home .elementor-element-017eba3 .elementor-heading-title,
    body.home .elementor-element-1648b60 .elementor-heading-title,
    body.home .elementor-element-72e2446 .elementor-heading-title,
    body.home .elementor-element-eb07df8 .elementor-heading-title { font-size: 22px; }
    body.home .elementor-element-1c217473 .elementor-heading-title { font-size: 21px; }
    body.home .widget-features-box .item-inner { padding: 24px 20px; }
    body.home .widget-job-category-banner .category-banner-inner { padding: 20px 18px; }
    body.home .widget-jobs article.job-list { padding: 18px 18px; }
    body.home .elementor .elementor-element.elementor-element-49bfb137 { border-radius: 18px; }
    body.home .elementor .elementor-element.elementor-element-5bf390eb .elementor-heading-title { font-size: 21px; }
}

/* ======================================================================
   ZDR ARTEFAKT – DOMOV SEKCIJE end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – SEZNAM ZAPOSLITEV start
   Korak 6 (29. 7. 2026). Velja za predlogo "Jobs Template", torej za
   /seznam-zaposlitev/ in /en/job-list/ ter vse strani z isto predlogo.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak13-seznam/

   Označbe prihajajo iz teme in vtičnika – spremenjen je samo videz.
   ====================================================================== */

body.page-template-page-jobs { background: var(--zdr-a-ozadje); }

/* ======================================================================
   KARTICE OGLASOV
   ====================================================================== */
body.page-template-page-jobs .items-wrapper-list .item-job { margin-bottom: 16px; }

body.page-template-page-jobs article.layout-job {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}
body.page-template-page-jobs article.layout-job:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .11);
    border-color: rgba(37, 87, 232, .22);
}

body.page-template-page-jobs article.layout-job .employer-logo img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 13px;
    padding: 5px;
}

body.page-template-page-jobs article.layout-job .job-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.35;
    margin: 0 0 4px;
}
body.page-template-page-jobs article.layout-job .job-title a { color: var(--zdr-a-crna); }
body.page-template-page-jobs article.layout-job .job-title a:hover { color: var(--zdr-a-modra); }

body.page-template-page-jobs article.layout-job .job-employer-name a {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: var(--zdr-a-modra);
}
body.page-template-page-jobs article.layout-job .job-employer-name a:hover { color: var(--zdr-a-modra-temna); }

body.page-template-page-jobs article.layout-job .job-metas,
body.page-template-page-jobs article.layout-job .job-metas a,
body.page-template-page-jobs article.layout-job .job-metas span {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: var(--zdr-a-siva-blaga);
}
body.page-template-page-jobs article.layout-job .job-metas a:hover { color: var(--zdr-a-modra); }
body.page-template-page-jobs article.layout-job .job-metas i { color: var(--zdr-a-siva-blaga); }

/* značke (vrsta zaposlitve, nujno, izpostavljeno) */
body.page-template-page-jobs article.layout-job .job-type,
body.page-template-page-jobs article.layout-job .job-types a {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: var(--zdr-a-modra);
    background: var(--zdr-a-poudarek);
    padding: 5px 12px;
    border-radius: 100px;
}

/* gumb za prijavo na kartici */
body.page-template-page-jobs article.layout-job .btn-apply,
body.page-template-page-jobs article.layout-job .btn-action-job {
    border-radius: 12px !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
}

/* ======================================================================
   STRANSKA VRSTICA S FILTRI
   ====================================================================== */
body.page-template-page-jobs .filter-sidebar aside.widget {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 18px;
}
body.page-template-page-jobs .filter-sidebar .widget-title,
body.page-template-page-jobs .filter-sidebar .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--zdr-a-crna);
    margin: 0 0 14px;
    padding: 0;
    border: 0;
}
body.page-template-page-jobs .filter-sidebar label,
body.page-template-page-jobs .filter-sidebar .form-group > label {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: var(--zdr-a-siva);
    margin-bottom: 8px;
}
body.page-template-page-jobs .filter-sidebar .form-control,
body.page-template-page-jobs .filter-sidebar select,
body.page-template-page-jobs .filter-sidebar input[type="text"] {
    border: 1.5px solid rgba(11, 18, 48, .12) !important;
    border-radius: 12px !important;
    padding: 11px 13px !important;
    height: auto;
    box-shadow: none !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-crna);
    background: #fff;
    transition: border-color .18s, box-shadow .18s;
}
body.page-template-page-jobs .filter-sidebar .form-control:focus {
    border-color: var(--zdr-a-modra) !important;
    box-shadow: 0 0 0 3px rgba(37, 87, 232, .12) !important;
}

/* gumbi v filtrih */
body.page-template-page-jobs .filter-sidebar .btn-theme,
body.page-template-page-jobs .filter-sidebar button[type="submit"] {
    background: var(--zdr-a-preliv) !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 13px 20px !important;
    width: 100%;
    box-shadow: var(--zdr-a-senca-gumb);
}
body.page-template-page-jobs .filter-sidebar .btn-theme:hover { filter: brightness(1.08); }

/* potrditvena polja in izbirniki v filtrih */
body.page-template-page-jobs .filter-sidebar input[type="checkbox"],
body.page-template-page-jobs .filter-sidebar input[type="radio"] {
    accent-color: var(--zdr-a-modra);
    width: 16px;
    height: 16px;
}

/* ======================================================================
   VRSTICA Z REZULTATI IN RAZVRŠČANJEM
   ====================================================================== */
body.page-template-page-jobs .jobs-top-filter,
body.page-template-page-jobs .items-top-filter,
body.page-template-page-jobs .top-filter {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 16px;
    padding: 14px 18px;
    margin-bottom: 18px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #5B6480;
}

/* razdelitev strani */
body.page-template-page-jobs .pagination > li > a,
body.page-template-page-jobs .pagination > li > span,
body.page-template-page-jobs .page-numbers {
    border-radius: 11px;
    border: 1px solid var(--zdr-a-obroba);
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: var(--zdr-a-siva);
}
body.page-template-page-jobs .pagination > .active > span,
body.page-template-page-jobs .page-numbers.current {
    background: var(--zdr-a-modra);
    border-color: var(--zdr-a-modra);
    color: #fff;
}

/* ======================================================================
   TABLICA IN TELEFON
   ====================================================================== */
@media (max-width: 767px) {
    body.page-template-page-jobs article.layout-job { padding: 18px 18px; }
    body.page-template-page-jobs article.layout-job .job-title { font-size: 16px; }
    body.page-template-page-jobs article.layout-job .employer-logo img { width: 48px; height: 48px; }
    body.page-template-page-jobs .filter-sidebar aside.widget { padding: 20px; }
}

/* ======================================================================
   ZDR ARTEFAKT – SEZNAM ZAPOSLITEV end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – OGLAS, DELODAJALEC, PRAVNE STRANI start
   Korak 7 (29. 7. 2026).
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak15-ostalo/

   Označbe prihajajo iz teme in vtičnika – spremenjen je samo videz.
   ====================================================================== */

/* ======================================================================
   POSAMEZEN OGLAS
   ====================================================================== */
body.single-job_listing { background: var(--zdr-a-ozadje); }

body.single-job_listing .job-detail-header {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 30px 32px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 20px;
}
body.single-job_listing .job-detail-title {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
    margin: 0 0 14px;
}
body.single-job_listing .zdr-emp-name a {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14.5px;
    color: var(--zdr-a-modra);
}
body.single-job_listing .zdr-emp-logo img {
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 13px;
    background: #fff;
    padding: 5px;
}
body.single-job_listing .job-metas-detail,
body.single-job_listing .job-metas-detail a,
body.single-job_listing .job-metas-detail span {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-siva-blaga);
}
body.single-job_listing .job-metas-detail a:hover { color: var(--zdr-a-modra); }

/* Opis oglasa v beli kartici. Pravi vsebnik je .job-detail-detail –
   .job-description v tej temi ne obstaja. */
body.single-job_listing .job-detail-detail {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 30px 32px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    font-family: 'Manrope', sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
    color: #3D4664;
}
body.single-job_listing .job-detail-detail h2,
body.single-job_listing .job-detail-detail h3 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    color: var(--zdr-a-crna);
    letter-spacing: -.01em;
}
body.single-job_listing .job-detail-detail h2 { font-size: 22px; margin: 28px 0 12px; }
body.single-job_listing .job-detail-detail h3 { font-size: 18px; margin: 24px 0 10px; }
body.single-job_listing .job-detail-detail h3.title:first-child { margin-top: 0; }

/* stranska vrstica oglasa */
body.single-job_listing .sidebar-job .widget {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 18px;
}
body.single-job_listing .sidebar-job .widget-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: var(--zdr-a-crna);
    margin: 0 0 14px;
    padding: 0;
    border: 0;
}

/* kartica za prijavo – uskladimo zaobljenost z ostalimi karticami */
body.single-job_listing .zdr-prijava {
    border-radius: 20px;
    border: 1px solid var(--zdr-a-obroba);
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    padding: 24px;
}
body.single-job_listing .zdr-prijava__stanje {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .04em;
    border-radius: 100px;
    padding: 6px 13px;
}
body.single-job_listing .zdr-prijava__stanje--odprto {
    background: #EAFBF2;
    color: #127a53;
}
body.single-job_listing .zdr-prijava__rok strong,
body.single-job_listing .zdr-prijava__dni {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: var(--zdr-a-siva);
}
body.single-job_listing .zdr-prijava .btn-apply {
    background: var(--zdr-a-preliv) !important;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px !important;
    padding: 15px 20px !important;
    box-shadow: var(--zdr-a-senca-gumb);
    transition: filter .2s, transform .2s;
}
body.single-job_listing .zdr-prijava .btn-apply:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
}
body.single-job_listing .zdr-prijava__stik a {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: var(--zdr-a-modra);
}

/* ======================================================================
   PROFIL DELODAJALCA
   ====================================================================== */
body.single-employer { background: var(--zdr-a-ozadje); }

body.single-employer .employer-detail-header,
body.single-employer .employer-header {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 30px 32px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 20px;
}
body.single-employer .employer-detail-header h1,
body.single-employer .employer-detail-header .employer-title,
body.single-employer h1.entry-title {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 32px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
}
/* Stranski gradniki niso v ovoju .sidebar-employer, ampak neposredno kot
   aside.widget. Tema jim da svoje ozadje z enako natančnostjo, zato v
   izbirnik dodamo še razred gradnika – brez !important. */
body.single-employer aside.widget[class*="widget_apus"] {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 18px;
}
/* opis delodajalca v beli kartici */
body.single-employer .employer-detail-description {
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 20px;
    padding: 30px 32px;
    box-shadow: 0 8px 24px rgba(11, 18, 48, .05);
    margin-bottom: 20px;
    font-family: 'Manrope', sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
    color: #3D4664;
}

body.single-employer article.layout-job,
body.single-employer article.job-list {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .06);
    border-radius: 18px;
    padding: 22px 24px;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: transform .2s, box-shadow .2s;
}
body.single-employer article.layout-job:hover,
body.single-employer article.job-list:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px rgba(11, 18, 48, .11);
}

/* ======================================================================
   PRAVNE IN BESEDILNE STRANI
   (splošni pogoji, zasebnost, piškotki – privzeta predloga strani)
   ====================================================================== */
body.page-template-default.page-id-9038,
body.page-template-default.page-id-9034,
body.page-template-default.page-id-9036,
body.page-template-default.page-id-9025,
body.page-template-default.page-id-3,
body.page-template-default.page-id-9023 {
    background: #fff;
}
body.page-template-default.page-id-9038 #main .elementor-widget-text-editor,
body.page-template-default.page-id-9034 #main .elementor-widget-text-editor,
body.page-template-default.page-id-9036 #main .elementor-widget-text-editor,
body.page-template-default.page-id-9025 #main .elementor-widget-text-editor,
body.page-template-default.page-id-3 #main .elementor-widget-text-editor,
body.page-template-default.page-id-9023 #main .elementor-widget-text-editor {
    max-width: 860px;
    margin: 0 auto;
    font-family: 'Manrope', sans-serif;
    font-size: 15.5px;
    line-height: 1.8;
    color: #3D4664;
}
body.page-template-default.page-id-9038 #main h1,
body.page-template-default.page-id-9034 #main h1,
body.page-template-default.page-id-9036 #main h1,
body.page-template-default.page-id-9025 #main h1,
body.page-template-default.page-id-3 #main h1,
body.page-template-default.page-id-9023 #main h1 {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 34px;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--zdr-a-crna);
}
body.page-template-default.page-id-9038 #main h2,
body.page-template-default.page-id-9034 #main h2,
body.page-template-default.page-id-9036 #main h2,
body.page-template-default.page-id-9025 #main h2,
body.page-template-default.page-id-3 #main h2,
body.page-template-default.page-id-9023 #main h2 {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.35;
    color: var(--zdr-a-crna);
    margin: 34px 0 12px;
}

/* ======================================================================
   TABLICA IN TELEFON
   ====================================================================== */
@media (max-width: 767px) {
    body.single-job_listing .job-detail-header,
    body.single-employer .employer-detail-header { padding: 22px 20px; }
    body.single-job_listing .job-detail-title,
    body.single-employer .employer-title { font-size: 23px; }
    body.single-job_listing .job-detail-detail { padding: 22px 20px; }
    body.single-job_listing .sidebar-job .widget,
    body.single-employer aside.widget[class*="widget_apus"] { padding: 20px; }
    body.single-employer .employer-detail-description { padding: 22px 20px; }
}

/* ======================================================================
   ZDR ARTEFAKT – OGLAS, DELODAJALEC, PRAVNE STRANI end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – POGOSTA VPRAŠANJA start
   Korak 8 (29. 7. 2026): SL #9454 in EN #34.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak16-faq/

   Vprašanja in odgovori ostajajo nespremenjeni – samo videz.
   Pozor: zdravstvena_faq_shema() bere ta ista vprašanja iz harmonik za
   strukturirane podatke, zato označb ne spreminjamo.
   ====================================================================== */

body.page-id-9454,
body.page-id-34 { background: var(--zdr-a-ozadje); }

/* naslov strani in skupine vprašanj */
body.page-id-9454 .elementor-widget-heading .elementor-heading-title,
body.page-id-34 .elementor-widget-heading .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--zdr-a-crna);
}
body.page-id-9454 h1.elementor-heading-title,
body.page-id-34 h1.elementor-heading-title {
    font-weight: 800;
    font-size: 38px;
    line-height: 1.2;
    letter-spacing: -.02em;
}
body.page-id-9454 h2.elementor-heading-title,
body.page-id-34 h2.elementor-heading-title {
    font-size: 22px;
    margin: 0 0 18px;
}

/* ======================================================================
   HARMONIKA VPRAŠANJ – kartice, kot v artefaktu
   ====================================================================== */
body.page-id-9454 .elementor-accordion,
body.page-id-34 .elementor-accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.page-id-9454 .elementor-accordion .elementor-accordion-item,
body.page-id-34 .elementor-accordion .elementor-accordion-item {
    background: #fff;
    border: 1px solid rgba(11, 18, 48, .07);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(11, 18, 48, .04);
    transition: border-color .2s, box-shadow .2s;
}
body.page-id-9454 .elementor-accordion .elementor-accordion-item:hover,
body.page-id-34 .elementor-accordion .elementor-accordion-item:hover {
    border-color: rgba(37, 87, 232, .22);
}

/* vrstica z vprašanjem */
body.page-id-9454 .elementor-accordion .elementor-tab-title,
body.page-id-34 .elementor-accordion .elementor-tab-title {
    display: flex;
    align-items: center;
    gap: 14px;
    /* Elementor odmike harmonike vsiljuje, zato je tu potrebna enaka moč */
    padding: 19px 22px !important;
    border: 0;
    background: transparent;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.45;
    color: var(--zdr-a-crna);
    transition: background .18s;
}
body.page-id-9454 .elementor-accordion .elementor-tab-title:hover,
body.page-id-34 .elementor-accordion .elementor-tab-title:hover { background: #FAFBFE; }

body.page-id-9454 .elementor-accordion .elementor-tab-title.elementor-active,
body.page-id-34 .elementor-accordion .elementor-tab-title.elementor-active {
    color: var(--zdr-a-modra);
}

/* znak plus oziroma minus v krogcu */
body.page-id-9454 .elementor-accordion .elementor-accordion-icon,
body.page-id-34 .elementor-accordion .elementor-accordion-icon {
    flex: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--zdr-a-nevtral);
    color: var(--zdr-a-siva);
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    transition: background .2s, color .2s;
}
body.page-id-9454 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon,
body.page-id-34 .elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
    background: var(--zdr-a-modra);
    color: #fff;
}
body.page-id-9454 .elementor-accordion .elementor-accordion-icon svg,
body.page-id-34 .elementor-accordion .elementor-accordion-icon svg {
    width: 11px;
    height: 11px;
    fill: currentColor;
}

/* odgovor */
body.page-id-9454 .elementor-accordion .elementor-tab-content,
body.page-id-34 .elementor-accordion .elementor-tab-content {
    border: 0;
    background: transparent;
    padding: 14px 22px 22px 62px !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
    color: #5B6480;
}
body.page-id-9454 .elementor-accordion .elementor-tab-content p,
body.page-id-34 .elementor-accordion .elementor-tab-content p { margin: 0 0 10px; }
body.page-id-9454 .elementor-accordion .elementor-tab-content a,
body.page-id-34 .elementor-accordion .elementor-tab-content a {
    color: var(--zdr-a-modra);
    font-weight: 700;
}

/* ======================================================================
   TELEFON
   ====================================================================== */
@media (max-width: 767px) {
    body.page-id-9454 h1.elementor-heading-title,
    body.page-id-34 h1.elementor-heading-title { font-size: 26px; }
    body.page-id-9454 h2.elementor-heading-title,
    body.page-id-34 h2.elementor-heading-title { font-size: 19px; }
    body.page-id-9454 .elementor-accordion .elementor-tab-title,
    body.page-id-34 .elementor-accordion .elementor-tab-title {
        padding: 16px 16px !important;
        font-size: 14px;
        gap: 11px;
    }
    body.page-id-9454 .elementor-accordion .elementor-tab-content,
    body.page-id-34 .elementor-accordion .elementor-tab-content { padding: 0 16px 18px 51px !important; }
}

/* ======================================================================
   ZDR ARTEFAKT – POGOSTA VPRAŠANJA end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – POPRAVKI PO PREGLEDU start
   29. 7. 2026, po uporabnikovem pregledu.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak18-popravki/
   ====================================================================== */

/* ======================================================================
   GUMBA V GLAVI – natanko po artefaktu
   ====================================================================== */
.apus-header .login-register-btn .apus-user-login.btn-login {
    background: #fff;
    color: var(--zdr-a-crna);
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 15px;
    border: 1.5px solid rgba(11, 18, 48, .14);
    border-radius: 12px;
    box-shadow: none;
    transition: border-color .18s, color .18s;
}
.apus-header .login-register-btn .apus-user-login.btn-login:hover {
    border-color: var(--zdr-a-modra);
    color: var(--zdr-a-modra);
    background: #fff;
}

.apus-header .widget-submit-btn .btn-theme {
    background: var(--zdr-a-preliv) !important;
    background-color: transparent;
    color: #fff !important;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 11px 17px !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .32);
    white-space: nowrap;
    transition: filter .2s;
}
.apus-header .widget-submit-btn .btn-theme:hover { filter: brightness(1.08); }

/* ======================================================================
   TRIJE KVADRATKI – prednosti in trije koraki
   Ikone so vijolične ilustracije; s premikom odtenka jih uskladimo z modro.
   Kvadratki niso povezave, zato odstranimo tudi odziv na miško.
   ====================================================================== */
body.home .widget-features-box .features-box-image img {
    filter: hue-rotate(-38deg) saturate(1.15);
}
body.home .widget-features-box .item-inner,
body.home .widget-features-box .item-inner:hover {
    transform: none;
    box-shadow: none;
    border-color: rgba(11, 18, 48, .06);
    cursor: default;
}
body.home .widget-features-box .item-inner a { cursor: default; pointer-events: none; }

/* ======================================================================
   ZNAČKA VRSTE ZAPOSLITVE – en sam element, ne gumb v gumbu
   ====================================================================== */
body.page-template-page-jobs article.layout-job .job-type,
body.single-job_listing .job-type,
body.home .widget-jobs .job-type {
    background: transparent;
    padding: 0;
    border-radius: 0;
}
body.page-template-page-jobs article.layout-job .job-type a,
body.single-job_listing .job-type a,
body.home .widget-jobs .job-type a {
    display: inline-block;
    background: var(--zdr-a-modra);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding: 6px 14px;
    border-radius: 100px;
    transition: filter .2s;
}
body.page-template-page-jobs article.layout-job .job-type a:hover,
body.single-job_listing .job-type a:hover,
body.home .widget-jobs .job-type a:hover { filter: brightness(1.1); color: #fff; }

/* ======================================================================
   NOVIČNIK – zaobljen samo zgoraj
   ====================================================================== */
body.home .elementor .elementor-element.elementor-element-49bfb137 {
    border-radius: 26px 26px 0 0;
}

/* ======================================================================
   NOGA – barva iz artefakta na celotni strani
   ====================================================================== */
.apus-footer,
.apus-footer .elementor-section,
.apus-footer .elementor-top-section,
.apus-footer .elementor-inner-section {
    background-color: #0A1233 !important;
    background-image: none !important;
}

/* ======================================================================
   VRTILJAK PRISPEVKOV NA NASLOVNICI
   Besedilo je bilo tesno ob robu kartice, puščici pa sta stali med
   vrtiljakom in socialnimi ikonami. Puščici postavimo pod vrtiljak.
   ====================================================================== */
/* Odmik dobi samo besedilni del; slika ostane čez celo širino kartice. */
body.home .elementor-element-42b71ef article > .inner-bottom {
    padding-left: 22px;
    padding-right: 22px;
}
body.home .elementor-element-42b71ef article > .top-image {
    padding-left: 0;
    padding-right: 0;
}
body.home .elementor-element-42b71ef .entry-title { padding-bottom: 18px; }
body.home .elementor-element-42b71ef .top-info,
body.home .elementor-element-42b71ef .date { padding-top: 16px; }

body.home .elementor-element-42b71ef .slick-slider { position: relative; padding-bottom: 56px; }
body.home .elementor-element-42b71ef .slick-arrow {
    top: auto;
    bottom: 0;
    transform: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid var(--zdr-a-obroba);
    background: #fff;
    color: var(--zdr-a-siva);
    box-shadow: 0 4px 14px rgba(11, 18, 48, .06);
    transition: background .2s, color .2s, border-color .2s;
}
body.home .elementor-element-42b71ef .slick-arrow:hover {
    background: var(--zdr-a-modra);
    border-color: var(--zdr-a-modra);
    color: #fff;
}
/* Par puscic centriramo neodvisno od njune sirine: leva se konca 4 px
   pred sredino, desna se zacne 4 px za njo. */
body.home .elementor-element-42b71ef .slick-arrow.slick-prev { right: calc(50% + 4px); left: auto; margin-left: 0; }
body.home .elementor-element-42b71ef .slick-arrow.slick-next { left: calc(50% + 4px); right: auto; margin-left: 0; }

/* ======================================================================
   TELEFON
   ====================================================================== */
@media (max-width: 767px) {
    .apus-header .widget-submit-btn .btn-theme { padding: 10px 14px !important; font-size: 13px; }
    .apus-header .login-register-btn .apus-user-login.btn-login { padding: 9px 13px; font-size: 13px; }
    body.home .elementor-element-42b71ef .slick-slider { padding-bottom: 50px; }
}

/* ======================================================================
   ZDR ARTEFAKT – POPRAVKI PO PREGLEDU end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – FILTRI PROSTIH ZAPOSLITEV start
   29. 7. 2026. Stranska vrstica s filtri po artefaktu.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak19-filtri/
   ====================================================================== */

/* ---------- oznake nad polji ---------- */
body.page-template-page-jobs .filter-sidebar .form-group > label,
body.page-template-page-jobs .filter-sidebar .form-group-title > label,
body.page-template-page-jobs .filter-sidebar .filter-title {
    display: block;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: var(--zdr-a-siva);
    margin: 0 0 10px;
}

body.page-template-page-jobs .filter-sidebar .form-group { margin-bottom: 22px; }

/* ---------- polja z ikono: ikona ob besedilu, ne čeznj ---------- */
body.page-template-page-jobs .filter-sidebar .form-group-inner.has-icon { position: relative; }
body.page-template-page-jobs .filter-sidebar .form-group-inner.has-icon > i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 1;
    color: var(--zdr-a-siva-blaga);
    pointer-events: none;
    z-index: 2;
}
body.page-template-page-jobs .filter-sidebar .form-group-inner.has-icon .form-control,
body.page-template-page-jobs .filter-sidebar .form-group-inner.has-icon select {
    padding-left: 42px !important;
}
/* izbirnik kategorije, ki ga izriše select2 */
body.page-template-page-jobs .filter-sidebar .form-group-inner.has-icon .select2-selection__rendered {
    padding-left: 42px !important;
}

/* ---------- drsnik za radij ---------- */
body.page-template-page-jobs .filter-sidebar .form-group-distance .distance-value,
body.page-template-page-jobs .filter-sidebar .form-group-distance label {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13px;
    color: var(--zdr-a-modra);
}
body.page-template-page-jobs .filter-sidebar input[type="range"] { accent-color: var(--zdr-a-modra); }
body.page-template-page-jobs .filter-sidebar .ui-slider {
    background: var(--zdr-a-nevtral);
    border: 0;
    height: 6px;
    border-radius: 100px;
}
body.page-template-page-jobs .filter-sidebar .ui-slider .ui-slider-range {
    background: var(--zdr-a-modra);
    border-radius: 100px;
}
body.page-template-page-jobs .filter-sidebar .ui-slider .ui-slider-handle {
    background: #fff;
    border: 3px solid var(--zdr-a-modra);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    top: -6px;
    box-shadow: 0 2px 8px rgba(11, 18, 48, .18);
}

/* ---------- izbirna polja (datum objave, vrsta, izkušnje) ---------- */
body.page-template-page-jobs .filter-sidebar .form-group ul,
body.page-template-page-jobs .filter-sidebar .list-checkbox {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
body.page-template-page-jobs .filter-sidebar .form-group li label,
body.page-template-page-jobs .filter-sidebar .list-checkbox label {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-siva);
    cursor: pointer;
}
body.page-template-page-jobs .filter-sidebar input[type="checkbox"],
body.page-template-page-jobs .filter-sidebar input[type="radio"] {
    accent-color: var(--zdr-a-modra);
    width: 16px;
    height: 16px;
    margin: 0;
    flex: none;
}

/* Raven izkušenj: tema navadna potrditvena polja izriše kot stikala.
   Artefakt ima potrditvena polja, zato okrasje odstranimo in pokažemo
   pravo polje – tudi zaradi dostopnosti. */
body.page-template-page-jobs .filter-sidebar .form-group-experience .list-item {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 0;
}
body.page-template-page-jobs .filter-sidebar .form-group-experience .list-item input[type="checkbox"] {
    /* tema polje skrije z display:none in nariše stikalo prek oznake */
    display: inline-block !important;
    position: static;
    opacity: 1;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--zdr-a-modra);
    appearance: auto;
    -webkit-appearance: checkbox;
}
body.page-template-page-jobs .filter-sidebar .form-group-experience .list-item label {
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-siva);
    cursor: pointer;
}
body.page-template-page-jobs .filter-sidebar .form-group-experience .list-item label::before,
body.page-template-page-jobs .filter-sidebar .form-group-experience .list-item label::after {
    display: none !important;
    content: none !important;
}

/* Datum objave: enaka obravnava kot izkušnje, da so vsi izbirni gumbi
   enotni in dostopni – tema tudi te skrije in nariše svoje krogce. */
body.page-template-page-jobs .filter-sidebar .form-group-date-posted .list-item {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 0;
}
body.page-template-page-jobs .filter-sidebar .form-group-date-posted .list-item input[type="radio"] {
    display: inline-block !important;
    position: static;
    opacity: 1;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--zdr-a-modra);
    appearance: auto;
    -webkit-appearance: radio;
}
body.page-template-page-jobs .filter-sidebar .form-group-date-posted .list-item label {
    margin: 0;
    padding: 0;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-siva);
    cursor: pointer;
}
body.page-template-page-jobs .filter-sidebar .form-group-date-posted .list-item label::before,
body.page-template-page-jobs .filter-sidebar .form-group-date-posted .list-item label::after {
    display: none !important;
    content: none !important;
}

/* ---------- povezava "Prikaži več" ---------- */
body.page-template-page-jobs .filter-sidebar .toggle-filter-list {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12.5px;
    color: var(--zdr-a-modra);
    background: none;
    border: 0;
    padding: 0;
}
body.page-template-page-jobs .filter-sidebar .toggle-filter-list i {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--zdr-a-poudarek);
    color: var(--zdr-a-modra);
    font-size: 10px;
}

/* ---------- izbirniki select2 ---------- */
body.page-template-page-jobs .filter-sidebar .select2-container--default .select2-selection--single {
    border: 1.5px solid rgba(11, 18, 48, .12) !important;
    border-radius: 12px !important;
    height: auto;
    padding: 10px 13px;
    background: #fff;
}
body.page-template-page-jobs .filter-sidebar .select2-selection__rendered {
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    color: var(--zdr-a-crna);
    line-height: 1.4;
    padding-left: 0;
}
body.page-template-page-jobs .filter-sidebar .select2-selection__arrow { top: 50%; transform: translateY(-50%); }

/* ======================================================================
   ZDR ARTEFAKT – FILTRI PROSTIH ZAPOSLITEV end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – POPRAVKI OGLASA start
   29. 7. 2026, po pregledu.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak20-oglas/
   ====================================================================== */

/* ---------- tri škatle s podatki (datum objave, lokacija, potek) ----------
   Označevanje: li > .icon > i  in  li > .details > (.text, .value)         */
body.single-job_listing .job-detail-detail .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}
body.single-job_listing .job-detail-detail .list > li,
body.single-job_listing .list-content-job .job-detail-detail .list > li {
    /* Tema postavke plava in jim doloci sirino 25 % ter jih odreze
       (.list-content-job .job-detail-detail .list li). To razveljavimo,
       sicer se kartice stisnejo in besedilo izgine. */
    float: none;
    clear: none;
    width: auto;
    overflow: visible;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(11, 18, 48, .04);
}
body.single-job_listing .job-detail-detail .list > li .icon {
    flex: none;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--zdr-a-poudarek);
}
body.single-job_listing .job-detail-detail .list > li .icon i {
    font-size: 18px;
    line-height: 1;
    color: var(--zdr-a-modra);
    margin: 0;
}
body.single-job_listing .job-detail-detail .list > li .details { min-width: 0; }
body.single-job_listing .job-detail-detail .list > li .text {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 10.5px;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--zdr-a-siva-blaga);
    margin-bottom: 4px;
}
body.single-job_listing .job-detail-detail .list > li .value,
body.single-job_listing .job-detail-detail .list > li .value a {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.35;
    color: var(--zdr-a-crna);
}
body.single-job_listing .job-detail-detail .list > li .value a:hover { color: var(--zdr-a-modra); }

/* ---------- kartica za prijavo: samo gumb ---------- */
body.single-job_listing .zdr-prijava__stik { display: none; }

/* Gumb je plaval levo, ker je tema ob njem racunala se gumb za priljubljene;
   ta je skrit, zato je desno ostal prazen prostor. Gumb naj zapolni kartico. */
body.single-job_listing .zdr-prijava .btn-apply,
body.single-job_listing .zdr-prijava a.btn-apply {
    float: none !important;
    width: 100% !important;
    margin: 0;
}

/* ---------- pisave v stranski vrstici ---------- */
body.single-job_listing .sidebar-job .employer-website a,
body.single-job_listing .sidebar-job .employer-website {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 13.5px;
    color: var(--zdr-a-modra);
    word-break: break-all;
}
body.single-job_listing .sidebar-job .bg-theme {
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 100px;
    background: var(--zdr-a-modra);
    color: #fff;
    cursor: pointer;
}
body.single-job_listing .sidebar-job .widget_apus_job_employer_info,
body.single-job_listing .sidebar-job .widget_apus_job_employer_info a,
body.single-job_listing .sidebar-job .widget_apus_job_employer_info span,
body.single-job_listing .sidebar-job .widget_apus_job_employer_info div {
    font-family: 'Manrope', sans-serif;
}
body.single-job_listing .sidebar-job .widget_apus_job_employer_info { font-size: 13.5px; }

/* ---------- telefon in razmiki v podatkih o delodajalcu ---------- */
body.single-job_listing .sidebar-job .employer-info li,
body.single-job_listing .sidebar-job .employer-detail-info li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid var(--zdr-a-obroba);
}
body.single-job_listing .sidebar-job .employer-info li:last-child,
body.single-job_listing .sidebar-job .employer-detail-info li:last-child { border-bottom: 0; }

/* ---------- tablica in telefon ---------- */
@media (max-width: 1024px) {
    body.single-job_listing .job-detail-detail .list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    body.single-job_listing .job-detail-detail .list { grid-template-columns: 1fr; gap: 10px; }
    body.single-job_listing .job-detail-detail .list > li { padding: 14px 16px; }
    body.single-job_listing .job-detail-detail .list > li .icon { width: 38px; height: 38px; }
}

/* ======================================================================
   ZDR ARTEFAKT – POPRAVKI OGLASA end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – GLAVA PRIJAVLJENEGA start
   29. 7. 2026. Prijavljen uporabnik je bil v glavi samo golo besedilo,
   medtem ko je "Prijava" gumb. Zdaj je gumb enakega videza, s podobo,
   imenom in puščico, spustni meni pa je bela kartica po artefaktu.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak22-sidebar-glava/
   ====================================================================== */

/* ---------- gumb z imenom uporabnika ---------- */
.apus-header .top-wrapper-menu > a.drop-dow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    /* enaka višina kot gumb Prijava (50 px) */
    padding: 10px 15px 10px 10px;
    background: #fff;
    border: 1.5px solid rgba(11, 18, 48, .14);
    border-radius: 12px;
    text-decoration: none;
    transition: border-color .18s, box-shadow .18s;
}
.apus-header .top-wrapper-menu:hover > a.drop-dow {
    border-color: var(--zdr-a-modra);
    box-shadow: 0 4px 14px rgba(37, 87, 232, .12);
}

.apus-header .top-wrapper-menu .infor-account {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
}

/* podoba delodajalca ali privzeta podoba */
.apus-header .top-wrapper-menu .avatar-wrapper {
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
    background: var(--zdr-a-poudarek);
}
.apus-header .top-wrapper-menu .avatar-wrapper img {
    width: 28px;
    height: 28px;
    object-fit: cover;
    border-radius: 50%;
    display: block;
}

.apus-header .top-wrapper-menu .name-acount {
    display: flex;
    align-items: center;
    gap: 7px;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    color: var(--zdr-a-crna);
    white-space: nowrap;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.apus-header .top-wrapper-menu .name-acount i {
    font-size: 10px;
    color: var(--zdr-a-siva-blaga);
    transition: transform .18s;
}
.apus-header .top-wrapper-menu:hover .name-acount i { transform: rotate(180deg); }

/* ---------- spustni meni kot bela kartica ---------- */
.apus-header .top-wrapper-menu .inner-top-menu {
    margin-top: 10px;
    padding: 10px;
    min-width: 232px;
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(11, 18, 48, .12);
}
/* puščica nad kartico po barvi kartice */
.apus-header .top-wrapper-menu .inner-top-menu:before {
    border-color: transparent transparent #fff;
    right: 22px;
}
.apus-header .top-wrapper-menu .inner-top-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.apus-header .top-wrapper-menu .inner-top-menu li { margin: 0; }
.apus-header .top-wrapper-menu .inner-top-menu li > a {
    display: block;
    padding: 9px 12px;
    border-radius: 9px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 13.5px;
    line-height: 1.35;
    color: var(--zdr-a-siva);
    transition: background .16s, color .16s;
}
.apus-header .top-wrapper-menu .inner-top-menu li > a:hover,
.apus-header .top-wrapper-menu .inner-top-menu li.current-menu-item > a {
    background: var(--zdr-a-poudarek);
    color: var(--zdr-a-modra);
}
/* zadnja postavka je odjava – ločimo jo s črto */
.apus-header .top-wrapper-menu .inner-top-menu li:last-child > a {
    margin-top: 6px;
    padding-top: 13px;
    border-top: 1px solid var(--zdr-a-obroba);
    border-radius: 0 0 9px 9px;
}

/* ---------- telefon ---------- */
@media (max-width: 767px) {
    .apus-header .top-wrapper-menu > a.drop-dow { padding: 6px 10px 6px 7px; }
    .apus-header .top-wrapper-menu .name-acount { font-size: 13px; max-width: 120px; }
    .apus-header .top-wrapper-menu .avatar-wrapper,
    .apus-header .top-wrapper-menu .avatar-wrapper img { width: 24px; height: 24px; }
}

/* ======================================================================
   ZDR ARTEFAKT – GLAVA PRIJAVLJENEGA end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – GUMBI DELODAJALCEV IN ZAOBLJENOST start
   29. 7. 2026.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak23-povezave/
   ====================================================================== */

/* ---------- gumb "N prostih delovnih mest" na karticah delodajalcev ----------
   Bil je bleda modra ploskev s tanko pisavo; zdaj je enak kot drugi gumbi.  */
/* .employer-grid.v1 .open-job iz teme ima dva razreda, zato jo tu ujamemo
   z enako natancnostjo, sicer prevlada njen radij 8px in velikost 15px. */
.layout-employer a.open-job,
.employer-grid a.open-job,
.employer-grid.v1 a.open-job,
body.post-type-archive-employer a.open-job {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: var(--zdr-a-preliv);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    text-transform: none;
    padding: 13px 20px;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .24);
    transition: filter .2s, transform .2s;
}
.layout-employer a.open-job:hover,
.employer-grid a.open-job:hover,
body.post-type-archive-employer a.open-job:hover {
    color: #fff;
    filter: brightness(1.08);
    transform: translateY(-1px);
}
.layout-employer a.open-job span,
.employer-grid a.open-job span,
body.post-type-archive-employer a.open-job span {
    color: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    text-transform: none;
}

/* ---------- stran delodajalca ----------
   Zvezdica za priljubljene: iskalci zaposlitve na portalu nimajo racunov,
   zato jo skrijemo tudi pri delodajalcih (pri oglasih je bila ze skrita). */
body.single-employer .btn-follow,
body.single-employer .btn-follow-employer,
body.single-employer .btn-add-employer-shortlist,
.employer-detail-header .btn-follow { display: none !important; }

/* Povezava do spletne strani delodajalca je bila v pisavi Jost. */
body.single-employer .employer-website a,
body.single-employer .employer-website a.btn,
body.single-job_listing .employer-website a.btn {
    display: block;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700;
    font-size: 13.5px;
    line-height: 1.4;
    color: var(--zdr-a-modra);
    background: var(--zdr-a-poudarek);
    border: 0;
    border-radius: 12px;
    padding: 13px 16px;
    text-align: center;
    word-break: break-all;
    transition: background .18s, color .18s;
}
body.single-employer .employer-website a:hover,
body.single-job_listing .employer-website a.btn:hover {
    background: var(--zdr-a-modra);
    color: #fff;
}

/* ---------- stranska vrstica na Prostih zaposlitvah ----------
   Leva vogala brez zaobljenosti (ploskev se drzi roba), desna ostaneta. */
body.page-template-page-jobs aside.sidebar.sidebar-left,
body.page-template-page-jobs .sidebar.sidebar-left {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* ======================================================================
   ZDR ARTEFAKT – GUMBI DELODAJALCEV IN ZAOBLJENOST end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – ENOTNE PISAVE start
   29. 7. 2026. Tema je za osnovno pisavo uporabljala Jost z Googlovega
   strežnika. Po artefaktu sta pisavi Manrope (besedilo) in Sora (naslovi),
   ki ju gostimo sami. S tem odpade zunanja zahteva na fonts.googleapis.com
   in stran se izriše prej.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-29-korak24-hitrost/
   ====================================================================== */

:root {
    --superio-main-font: 'Manrope';
    --superio-heading-font: 'Sora';
}

/* Kjer je tema Jost zapisala neposredno (ne prek spremenljivke). */
body,
button,
input,
select,
textarea,
.form-control,
.btn,
.widget,
.entry-content,
.elementor-widget-container {
    font-family: 'Manrope', -apple-system, 'Segoe UI', sans-serif;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
    font-family: 'Sora', -apple-system, 'Segoe UI', sans-serif;
}

/* ======================================================================
   ZDR ARTEFAKT – ENOTNE PISAVE end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – NOVIČNIK start
   30. 7. 2026. Obrazec za novice je bil bel okvir v modrem pasu — kot
   škatla v škatli. Zdaj je brez okvirja: polje in gumb sta v eni vrstici,
   privolitev pa drobno pod njima.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-30-korak29-hero/
   ====================================================================== */

/* okvir okoli obrazca odstranimo */
body.home .elementor-element-49bfb137 .elementor-widget-shortcode,
body.home .elementor-element-49bfb137 .elementor-widget-shortcode > .elementor-widget-container {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* naslov sekcije naj bo večji in zračnejši.
   Elementor piše slog s štirimi razredi, zato jih moramo doseči. */
body.home .elementor .elementor-element.elementor-element-5bf390eb .elementor-heading-title,
body.home .elementor-element-49bfb137 h2,
body.home .elementor-element-49bfb137 .elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-weight: 800;
    font-size: 34px;
    line-height: 1.22;
    letter-spacing: -.02em;
    color: #fff;
}
body.home .elementor-element-49bfb137 p:not(.zdr-novicnik__drobno) {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: rgba(255, 255, 255, .82);
}

/* polje in gumb v eni vrstici */
body.home .elementor-element-49bfb137 .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}
/* Stolpec je širok le okoli 440 px, zato polje in gumb zložimo enega pod
   drugega – v eni vrstici bi bila oba pretesna. */
body.home .elementor-element-49bfb137 .wpcf7-form > p {
    flex: 1 1 100%;
    margin: 0;
    order: 1;
}
body.home .elementor-element-49bfb137 .wpcf7-form > p:has(input[type="submit"]),
body.home .elementor-element-49bfb137 .wpcf7-form > p:has(button[type="submit"]) {
    order: 2;
}
body.home .elementor-element-49bfb137 .wpcf7-form input[type="submit"],
body.home .elementor-element-49bfb137 .wpcf7-form button[type="submit"] {
    width: 100%;
}
body.home .elementor-element-49bfb137 .wpcf7-form > p:has(.wpcf7-acceptance) {
    flex: 1 1 100%;
    order: 3;
}
body.home .elementor-element-49bfb137 .wpcf7-form input[type="email"],
body.home .elementor-element-49bfb137 .wpcf7-form input[type="text"] {
    width: 100%;
    height: 58px;
    padding: 0 20px;
    background: rgba(255, 255, 255, .12);
    border: 1.5px solid rgba(255, 255, 255, .35);
    border-radius: 14px;
    font-family: 'Manrope', sans-serif;
    font-weight: 600;
    font-size: 15.5px;
    color: #fff;
    transition: border-color .18s, background .18s;
}
body.home .elementor-element-49bfb137 .wpcf7-form input[type="email"]::placeholder,
body.home .elementor-element-49bfb137 .wpcf7-form input[type="text"]::placeholder {
    color: rgba(255, 255, 255, .68);
}
body.home .elementor-element-49bfb137 .wpcf7-form input[type="email"]:focus,
body.home .elementor-element-49bfb137 .wpcf7-form input[type="text"]:focus {
    outline: 0;
    background: rgba(255, 255, 255, .18);
    border-color: #fff;
}

body.home .elementor-element-49bfb137 .wpcf7-form input[type="submit"],
body.home .elementor-element-49bfb137 .wpcf7-form button[type="submit"] {
    border-radius: 14px !important;   /* tema vsiljuje 9px vsem gumbom */
    height: 58px;
    padding: 0 30px;
    background: #fff;
    color: var(--zdr-a-modra);
    font-family: 'Manrope', sans-serif;
    font-weight: 700;
    font-size: 15.5px;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 10px 26px rgba(11, 18, 48, .18);
    transition: transform .18s, box-shadow .18s;
    white-space: nowrap;
}
body.home .elementor-element-49bfb137 .wpcf7-form input[type="submit"]:hover,
body.home .elementor-element-49bfb137 .wpcf7-form button[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(11, 18, 48, .24);
}

/* privolitev drobno pod poljem, čez celo širino */
body.home .elementor-element-49bfb137 .wpcf7-form .wpcf7-acceptance,
body.home .elementor-element-49bfb137 .wpcf7-form p:has(.wpcf7-acceptance) {
    flex: 1 1 100%;
    order: 3;
}
body.home .elementor-element-49bfb137 .wpcf7-acceptance .wpcf7-list-item {
    margin: 0;
}
body.home .elementor-element-49bfb137 .wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-family: 'Manrope', sans-serif;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .78);
    cursor: pointer;
}
body.home .elementor-element-49bfb137 .wpcf7-acceptance input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 2px 0 0;
    flex: none;
    accent-color: #fff;
}

/* sporočila po oddaji */
body.home .elementor-element-49bfb137 .wpcf7-response-output {
    flex: 1 1 100%;
    order: 4;
    margin: 4px 0 0;
    padding: 12px 16px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .16);
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #fff;
}

/* ---------- tablica in telefon ---------- */
@media (max-width: 991px) {
    body.home .elementor-element-49bfb137 h2,
    body.home .elementor-element-49bfb137 .elementor-heading-title { font-size: 28px; }
}
@media (max-width: 575px) {
    body.home .elementor-element-49bfb137 h2,
    body.home .elementor-element-49bfb137 .elementor-heading-title { font-size: 24px; }
    body.home .elementor-element-49bfb137 .wpcf7-form > p { flex: 1 1 100%; }
    body.home .elementor-element-49bfb137 .wpcf7-form input[type="submit"],
    body.home .elementor-element-49bfb137 .wpcf7-form button[type="submit"] { width: 100%; }
}

/* ======================================================================
   ZDR ARTEFAKT – NOVIČNIK end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT – IZPOSTAVLJENA DELOVNA MESTA start
   30. 7. 2026. Sekcija je bila svetlo siva kot vse okoli nje; zdaj je
   modra z blagim prelivom in dvema mehkima svetlobnima krogoma, da stran
   dobi ritem in ni videti kot operacijska soba. Bele kartice na modrem
   dobijo poudarek, spodnji gumb pa postane bel z modrim napisom.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-30-korak31-oblika/
   ====================================================================== */

body.home .elementor .elementor-element.elementor-element-670a51a {
    position: relative;
    isolation: isolate;
    background-color: #16266B;
    background-image:
        radial-gradient(680px 420px at 12% 8%, rgba(47, 99, 240, .55), transparent 62%),
        radial-gradient(560px 380px at 88% 92%, rgba(157, 196, 255, .22), transparent 60%),
        linear-gradient(158deg, #1B2E7A 0%, #16266B 46%, #101C51 100%);
    overflow: hidden;
}

/* Drobna mreža pik – komaj vidna, da ploskev ni čisto gola. */
body.home .elementor-element-670a51a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: radial-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px);
    background-size: 26px 26px;
    opacity: .5;
    pointer-events: none;
}

/* naslov in uvodno besedilo na modrem */
body.home .elementor .elementor-element.elementor-element-670a51a .elementor-heading-title,
body.home .elementor-element-670a51a h2,
body.home .elementor-element-670a51a h3 {
    color: #fff;
}
body.home .elementor-element-670a51a .elementor-widget-text-editor,
body.home .elementor-element-670a51a .elementor-widget-text-editor p {
    color: rgba(255, 255, 255, .78);
}

/* kartice oglasov: na modrem naj bodo bolj poudarjene */
body.home .elementor-element-670a51a article,
body.home .elementor-element-670a51a article.layout-job,
body.home .elementor-element-670a51a .widget-jobs article {
    background: #fff;
    border-color: transparent;
    box-shadow: 0 14px 34px rgba(6, 12, 40, .28) !important;
}
body.home .elementor-element-670a51a article:hover {
    box-shadow: 0 20px 44px rgba(6, 12, 40, .36);
}

/* spodnji gumb: bel z modrim napisom */
body.home .elementor .elementor-element.elementor-element-670a51a .elementor-button,
body.home .elementor-element-670a51a .elementor-button {
    background: #fff !important;
    background-image: none !important;
    color: var(--zdr-a-modra) !important;
    border: 0;
    box-shadow: 0 10px 26px rgba(6, 12, 40, .26);
    transition: transform .18s, box-shadow .18s;
}
body.home .elementor-element-670a51a .elementor-button:hover {
    color: var(--zdr-a-modra-temna) !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 32px rgba(6, 12, 40, .32);
}
body.home .elementor-element-670a51a .elementor-button .elementor-button-text,
body.home .elementor-element-670a51a .elementor-button span {
    color: inherit;
}

/* ---------- tablica in telefon ---------- */
@media (max-width: 767px) {
    body.home .elementor-element-670a51a::before { background-size: 20px 20px; opacity: .38; }
    body.home .elementor-element-670a51a article { box-shadow: 0 10px 24px rgba(6, 12, 40, .24); }
}

/* ======================================================================
   ZDR ARTEFAKT – IZPOSTAVLJENA DELOVNA MESTA end
   ====================================================================== */

/* ======================================================================
   ZDR ARTEFAKT end
   ====================================================================== */

/* ======================================================================
   ZDR – ikonske pisave s font-display: swap
   Tema ju vpisuje brez te lastnosti, zato besedilo caka na prenos pisave.
   Ker se ta datoteka nalozi za temo, prevlada ta zapis.
   ====================================================================== */
@font-face {
    font-family: 'themify';
    font-display: swap;
    src: url('../superio/fonts/themify.woff') format('woff');
}
@font-face {
    font-family: 'Flaticon';
    font-display: swap;
    src: url('../superio/fonts/Flaticon.woff2') format('woff2'),
         url('../superio/fonts/Flaticon.woff') format('woff');
}









/* ======================================================================
   ZDR – ENOTNI ODMIKI NA NASLOVNICI start
   31. 7. 2026. Izmerjeno stanje na telefonu (375 px):
     · večina sekcij  15 px levo in desno  – prav
     · 4ce6129, 363341b  0 px  – vsebina se je dotikala roba
     · 1c217473        30 px  – dvakrat več kot drugod
     · vrtiljaki so imeli rob 0 -8px, ki pa se je poznal samo na levi,
       zato so bile puščice levo 6-7 px, desno pa 22-23 px od roba.
   Zato: povsod enakih 15 px, vrtiljaki brez negativnega roba, puščici
   simetrični.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-31-korak34-odmiki/
   ====================================================================== */

@media (max-width: 991px) {

    /* ---------- sekciji, ki sta segali do roba zaslona ---------- */
    body.home .elementor-element-4ce6129 > .elementor-container,
    body.home .elementor-element-363341b > .elementor-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* ---------- sekcija z dvojnim odmikom ---------- */
    body.home .elementor .elementor-element.elementor-element-1c217473 > .elementor-container {
        padding-left: 0;
        padding-right: 0;
    }
    body.home .elementor .elementor-element.elementor-element-1c217473 .elementor-widget-wrap {
        padding-left: 0;
        padding-right: 0;
    }

    /* ---------- vrtiljaki: brez negativnega roba, da so simetrični ---------- */
    body.home .elementor-element-4ce6129 .slick-carousel,
    body.home .elementor-element-363341b .slick-carousel,
    body.home .elementor-element-8f321c6 .slick-carousel,
    body.home .elementor-element-72e2446 .slick-carousel,
    body.home .elementor-element-7ef83d9 .slick-carousel {
        margin-left: 0;
        margin-right: 0;
    }

    /* ---------- puščici pod vrtiljak, na sredino ----------
       Ob strani sta na telefonu ležali čez opis sekcije in v enem primeru
       celo čez povezavo "Poglej vse delodajalce". Pod vrtiljakom sta
       simetrični po zasnovi in ne prekrivata ničesar – enako kot pri
       vrtiljaku prispevkov. */
    body.home .elementor-element-4ce6129 .slick-slider,
    body.home .elementor-element-363341b .slick-slider,
    body.home .elementor-element-8f321c6 .slick-slider,
    body.home .elementor-element-72e2446 .slick-slider {
        position: relative;
        padding-bottom: 58px;
    }
    body.home .elementor-element-4ce6129 .slick-arrow,
    body.home .elementor-element-363341b .slick-arrow,
    body.home .elementor-element-8f321c6 .slick-arrow,
    body.home .elementor-element-72e2446 .slick-arrow {
        top: auto;
        bottom: 0;
        transform: none;
    }
    body.home .elementor-element-4ce6129 .slick-arrow.slick-prev,
    body.home .elementor-element-363341b .slick-arrow.slick-prev,
    body.home .elementor-element-8f321c6 .slick-arrow.slick-prev,
    body.home .elementor-element-72e2446 .slick-arrow.slick-prev {
        right: calc(50% + 4px);
        left: auto;
        margin-left: 0;
    }
    body.home .elementor-element-4ce6129 .slick-arrow.slick-next,
    body.home .elementor-element-363341b .slick-arrow.slick-next,
    body.home .elementor-element-8f321c6 .slick-arrow.slick-next,
    body.home .elementor-element-72e2446 .slick-arrow.slick-next {
        left: calc(50% + 4px);
        right: auto;
        margin-left: 0;
    }
}

/* ======================================================================
   ZDR – ENOTNI ODMIKI NA NASLOVNICI end
   ====================================================================== */

/* ======================================================================
   ZDR – POPRAVKI 31. 7. start
   Izmerjeno na 400 px:
     · iskalnik je bil 15 px od roba, naslov, pasica in izpostavljeni
       delodajalec pa 30 px – zato je iskalnik gledal ven na obe strani;
     · boksa "Za delodajalce" in "Za iskalce zaposlitve" sta imela
       padding 15px 0 – torej znotraj boksa ni bilo nobenega odmika levo
       in desno, besedilo se je dotikalo roba;
     · gumba nista bila enaka: zgornji ima preliv, r12, 700; spodnji je
       bil brez preliva, r8, 600;
     · puščice vrtiljakov so bile 37–55 px pod kartico – previsoko pod njo.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-31-korak36-popravki/
   ====================================================================== */

/* ---------- 1) oba gumba enaka, na vseh zaslonih ----------
   Zgornji (216644f7) je vzorec; spodnjega (5178655c) poravnamo nanj. */
body.home .elementor .elementor-element.elementor-element-5178655c .elementor-button,
body.home .elementor .elementor-element.elementor-element-216644f7 .elementor-button {
    background-image: var(--zdr-a-preliv);
    background-color: transparent;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.2;
    padding: 13px 24px;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .28);
    transition: filter .2s, transform .18s;
}
body.home .elementor-element-5178655c .elementor-button:hover,
body.home .elementor-element-216644f7 .elementor-button:hover {
    color: #fff;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* ---------- 2) zrak znotraj obeh boksov ---------- */
body.home .elementor .elementor-element.elementor-element-1c217473 .elementor-widget-wrap {
    padding: 30px 26px;
}

/* ---------- 3) puščice bliže karticam ---------- */
body.home .elementor-element-4ce6129 .slick-slider,
body.home .elementor-element-363341b .slick-slider,
body.home .elementor-element-8f321c6 .slick-slider,
body.home .elementor-element-72e2446 .slick-slider {
    padding-bottom: 52px;
}
body.home .elementor-element-4ce6129 .slick-arrow,
body.home .elementor-element-363341b .slick-arrow,
body.home .elementor-element-8f321c6 .slick-arrow,
body.home .elementor-element-72e2446 .slick-arrow {
    bottom: 8px;
}

@media (max-width: 991px) {

    /* ---------- 4) iskalnik poravnan z ostalo vsebino uvodne sekcije ---------- */
    body.home .elementor-element-822c1ff .elementor-widget-apus_element_job_board_pro_search_form {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* na ozkih zaslonih malo manj zraka v boksih, da ne postaneta previsoka */
    body.home .elementor .elementor-element.elementor-element-1c217473 .elementor-widget-wrap {
        padding: 26px 20px;
    }
}

/* ======================================================================
   ZDR – POPRAVKI 31. 7. end
   ====================================================================== */

/* ======================================================================
   ZDR – OZNAKE POD PRISPEVKOM start
   31. 7. 2026. Vsi prispevki so zdaj na isti predlogi, zato tema pod
   člankom izpiše oznake. Privzeto so poravnane desno in videti kot sivi
   gumbki teme; tu jih poravnamo levo in oblikujemo v jeziku strani.
   Napis pred oznakami je odvisen od jezika strani (lang na <html>).
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-07-31-korak38-clanki/
   ====================================================================== */

body.single-post .tag-social {
    display: block;
    margin-top: 34px;
    padding: 28px 0 0;
    border-top: 1px solid var(--zdr-a-obroba);
}

body.single-post .tag-social .entry-tags-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    float: none;
    text-align: left;
}

/* napis pred oznakami */
body.single-post .tag-social .entry-tags-list::before {
    content: "Ključne besede";
    margin-right: 6px;
    color: var(--zdr-a-siva-blaga);
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}
html[lang^="en"] body.single-post .tag-social .entry-tags-list::before {
    content: "Keywords";
}

body.single-post .tag-social .entry-tags-list > a {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 7px 14px;
    background: var(--zdr-a-poudarek);
    border: 1px solid rgba(37, 87, 232, .12);
    border-radius: 999px;
    color: var(--zdr-a-modra);
    font-family: 'Manrope', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    transition: background .18s, color .18s, border-color .18s;
}

body.single-post .tag-social .entry-tags-list > a:hover,
body.single-post .tag-social .entry-tags-list > a:focus {
    background: var(--zdr-a-modra);
    border-color: var(--zdr-a-modra);
    color: #fff;
}

@media (max-width: 767px) {
    body.single-post .tag-social {
        margin-top: 26px;
        padding-top: 22px;
    }
    body.single-post .tag-social .entry-tags-list > a {
        padding: 6px 12px;
        font-size: 13px;
    }
}

/* ======================================================================
   ZDR – OZNAKE POD PRISPEVKOM end
   ====================================================================== */

/* ======================================================================
   ZDR – POT DELODAJALCA start
   1. 8. 2026. Iz pregleda cele poti (nadzorna plošča → paket → oglas →
   košarica → blagajna):
     · nadzorna plošča je dobila pozdrav, stanje paketa in tri glavne
       poti v enem kliku (nova predloga v otroški temi);
     · kartice paketov na strani za objavo so bile stisnjene na 195 px,
       ker ob njih stoji stranski meni – zdaj se prelomijo v več vrstic;
     · v košarici je imel povzetek 30 px odmika, kupon pa 15 px levo in
       25 px desno, medtem ko ima vse ostalo 15 px;
     · na blagajni je skrit napis za bralnike zaslona segal 16 px čez
       desni rob in stran se je dala vodoravno premikati.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-08-01-korak40-pot-delodajalca/
   ====================================================================== */

/* ---------- 1) nadzorna plošča: pozdrav in glavne poti ---------- */
.zdr-nadzorna__pozdrav {
    margin-bottom: 26px;
    padding: 26px 28px;
    background: var(--zdr-a-poudarek);
    border: 1px solid rgba(37, 87, 232, .14);
    border-radius: 16px;
}

.zdr-nadzorna__pozdrav .title {
    margin: 0 0 6px;
    font-family: 'Sora', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--zdr-a-crna);
}

.zdr-nadzorna__stanje {
    margin: 0 0 18px;
    color: var(--zdr-a-siva);
    font-size: 15px;
    line-height: 1.6;
}

.zdr-nadzorna__gumbi {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.zdr-nadzorna__gumbi .zdr-gumb {
    display: inline-flex;
    align-items: center;
    padding: 11px 20px;
    background: #fff;
    border: 1px solid rgba(37, 87, 232, .22);
    border-radius: 12px;
    color: var(--zdr-a-modra);
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.2;
    transition: background .18s, color .18s, transform .18s;
}

.zdr-nadzorna__gumbi .zdr-gumb:hover {
    background: var(--zdr-a-modra);
    border-color: var(--zdr-a-modra);
    color: #fff;
    transform: translateY(-1px);
}

.zdr-nadzorna__gumbi .zdr-gumb--polni {
    background-image: var(--zdr-a-preliv);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .26);
}

.zdr-nadzorna__gumbi .zdr-gumb--polni:hover {
    filter: brightness(1.08);
    color: #fff;
}

.zdr-nadzorna__prazno {
    margin: 0;
    color: var(--zdr-a-siva-blaga);
    font-size: 14.5px;
}

/* ---------- 2) izbira paketa na strani za objavo oglasa ---------- */
.zdr-izbira-paketa {
    margin-bottom: 22px;
}

.zdr-izbira-paketa__naslov {
    margin: 0 0 8px;
    font-family: 'Sora', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--zdr-a-crna);
}

.zdr-izbira-paketa__opis {
    margin: 0;
    max-width: 620px;
    color: var(--zdr-a-siva);
    font-size: 15px;
    line-height: 1.65;
}

/* Ob stranskem meniju je prostora manj, zato naj se kartice prelomijo,
   namesto da se stisnejo v ozke stolpce. */
.zdr-paketi--izbira {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(232px, 1fr));
    gap: 20px;
}

/* ---------- 3) košarica in blagajna na telefonu ---------- */
@media (max-width: 767px) {

    /* povzetek košarice je imel dvojni odmik (15 px stolpca + 15 px ovoja) */
    .woocommerce-cart .cart-collaterals,
    .woocommerce-checkout .woocommerce-checkout-review-order {
        padding-left: 0;
        padding-right: 0;
    }

    /* kupon: polje in gumb naj skupaj zapolnita širino, da desni rob ustreza levemu */
    .woocommerce .coupon {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        margin-right: 0;
        padding-right: 0;
    }

    .woocommerce .coupon > label {
        flex: 0 0 100%;
        margin: 0 0 6px;
    }

    .woocommerce .coupon > input,
    .woocommerce .coupon > button {
        flex: 1 1 140px;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        margin: 0 !important;
    }
}

/* ---------- 4) skriti napisi naj ne širijo strani ---------- */
/* Tema jih le odmakne iz vidnega polja, zato je stran na telefonu
   dobila 16 px vodoravnega drsenja. */
.screen-reader-text,
.woocommerce .screen-reader-text,
.woocommerce-checkout label.screen-reader-text,
.woocommerce-page label.screen-reader-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    max-width: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap;
    border: 0;
}

/* ---------- 5) nekaj več prostora za vnosna polja na ozkih zaslonih ---------- */
@media (max-width: 575px) {
    .cmb-form .before-group-row {
        padding-left: 14px;
        padding-right: 14px;
    }
    .zdr-nadzorna__pozdrav {
        padding: 22px 18px;
    }
    .zdr-nadzorna__gumbi .zdr-gumb {
        flex: 1 1 100%;
        justify-content: center;
    }
}

/* ======================================================================
   ZDR – POT DELODAJALCA end
   ====================================================================== */

/* ======================================================================
   ZDR – PROFIL BREZ MRTVIH OMREŽIJ start
   Google Plus ne obstaja od 2019, Dribbble je oblikovalski portal in na
   zdravstvenem zaposlitvenem portalu nima kaj iskati. Polji sta vgrajeni
   v vtičnik (nista v nastavitvah polj), zato ju skrijemo.
   ====================================================================== */
.cmb-row[class*=google-plus],
.cmb-row[class*=google_plus],
.cmb-row[class*=dribbble],
.cmb2-id--employer-socials .cmb-row[class*=google],
.cmb2-id--employer-socials .cmb-row[class*=dribbble] {
    display: none !important;
}
/* ======================================================================
   ZDR – PROFIL BREZ MRTVIH OMREŽIJ end
   ====================================================================== */

/* ======================================================================
   ZDR – NADZORNA PLOŠČA IN STRANSKI MENI start
   1. 8. 2026.
   Tema stransko vrstico delodajalca na namizju pribije na zaslon
   (position: fixed, višina 720 px, bela podlaga), zato se je ob drsenju
   prekrila z nogo. Tu jo vrnemo v tok strani in ji dovolimo, da se
   »prilepi« ob vrh, dokler je vsebina daljša od nje.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-08-01-korak41-nadzorna/
   ====================================================================== */

@media (min-width: 992px) {

    .inner-dashboard .sidebar-wrapper > .sidebar.sidebar-left,
    .inner-dashboard.container-fluid .sidebar.sidebar-left,
    .inner-dashboard.container .sidebar.sidebar-left {
        position: sticky;
        top: 96px;
        left: auto;
        width: auto;
        height: auto;
        max-height: calc(100vh - 130px);
        overflow-y: auto;
        overflow-x: hidden;
        border-radius: 16px;
    }

    /* stolpec mora spet zavzeti svoj prostor */
    .inner-dashboard .sidebar-wrapper {
        min-height: 1px;
    }
}

/* ---------- hitre poti namesto obvestil ---------- */
.zdr-hitre-poti {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.zdr-hitre-poti .zdr-pot {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--zdr-a-obroba);
    border-radius: 12px;
    color: var(--zdr-a-crna);
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.3;
    transition: border-color .18s, box-shadow .18s, transform .18s;
}

.zdr-hitre-poti .zdr-pot:hover {
    border-color: rgba(37, 87, 232, .4);
    box-shadow: 0 6px 18px rgba(11, 18, 48, .07);
    transform: translateY(-1px);
    color: var(--zdr-a-modra);
}

.zdr-hitre-poti .zdr-pot__ikona {
    flex: 0 0 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--zdr-a-poudarek);
    border-radius: 10px;
    color: var(--zdr-a-modra);
    font-size: 16px;
}

.zdr-hitre-poti .zdr-pot--glavni {
    background-image: var(--zdr-a-preliv);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .26);
}

.zdr-hitre-poti .zdr-pot--glavni:hover {
    color: #fff;
    filter: brightness(1.08);
}

.zdr-hitre-poti .zdr-pot--glavni .zdr-pot__ikona {
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.zdr-pot__opomba {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    font-weight: 400;
    color: var(--zdr-a-siva-blaga);
}

.zdr-pot--glavni .zdr-pot__opomba {
    color: rgba(255, 255, 255, .82);
}

/* ---------- števec preostalih objav ---------- */
.zdr-nadzorna__stevci .zdr-stevec--poudarek .inner-header {
    background: var(--zdr-a-poudarek);
    border-color: rgba(37, 87, 232, .18);
}

/* ======================================================================
   ZDR – NADZORNA PLOŠČA IN STRANSKI MENI end
   ====================================================================== */

/* ======================================================================
   ZDR – OBVESTILA V KOŠARICI IN NA BLAGAJNI start
   1. 8. 2026. WooCommerce je obvestila risal po svoje: siva podlaga,
   zelena črta na vrhu, ostri robovi in gumb v stari modri barvi teme.
   Ob nakupu paketa je to izstopalo iz videza portala.
   Vrnitev samo tega dela: izbriši vse do zaključne oznake na dnu bloka.
   Kopija: ~/varnostne-kopije/2026-08-01-korak41-nadzorna/
   ====================================================================== */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-notice,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0 0 22px;
    padding: 16px 20px 16px 52px;
    background: var(--zdr-a-poudarek);
    border: 1px solid rgba(37, 87, 232, .16);
    border-top-width: 1px;
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(11, 18, 48, .04);
    color: var(--zdr-a-crna);
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    line-height: 1.55;
    list-style: none;
}

/* ikona v krogcu namesto Woocommercove pisave */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 18px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    font-family: inherit;
    color: transparent;
}

/* uspeh – zelena kljukica */
.woocommerce-message,
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
    background: #EAF7EF;
    border-color: rgba(23, 138, 74, .18);
}

.woocommerce-message::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23178A4A'%3E%3Cpath d='M10 .8a9.2 9.2 0 1 0 0 18.4A9.2 9.2 0 0 0 10 .8Zm4.5 6.9-5.3 5.3a1 1 0 0 1-1.4 0L5.5 10.7a1 1 0 1 1 1.4-1.4l1.6 1.6 4.6-4.6a1 1 0 1 1 1.4 1.4Z'/%3E%3C/svg%3E");
}

/* obvestilo – modri »i« */
.woocommerce-info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232557E8'%3E%3Cpath d='M10 .8a9.2 9.2 0 1 0 0 18.4A9.2 9.2 0 0 0 10 .8Zm0 4a1.3 1.3 0 1 1 0 2.6 1.3 1.3 0 0 1 0-2.6Zm1.6 10.4H8.4a.9.9 0 0 1 0-1.8h.7v-3h-.6a.9.9 0 0 1 0-1.8h1.5c.5 0 .9.4.9.9v3.9h.7a.9.9 0 0 1 0 1.8Z'/%3E%3C/svg%3E");
}

/* napaka – rdeč klicaj */
.woocommerce-error,
.woocommerce .woocommerce-error,
.woocommerce-page .woocommerce-error {
    background: #FDEEEE;
    border-color: rgba(197, 48, 48, .18);
}

.woocommerce-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23C53030'%3E%3Cpath d='M10 .8a9.2 9.2 0 1 0 0 18.4A9.2 9.2 0 0 0 10 .8Zm.9 13.9a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0Zm0-3.6a.9.9 0 0 1-1.8 0V5.6a.9.9 0 1 1 1.8 0Z'/%3E%3C/svg%3E");
}

/* gumb v obvestilu naj bo enak ostalim na portalu */
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-info a.button,
.woocommerce-page .woocommerce-message a.button,
.woocommerce-page .woocommerce-info a.button {
    margin-left: auto;
    padding: 11px 20px !important;
    background-image: var(--zdr-a-preliv) !important;
    background-color: transparent !important;
    border: 0;
    border-radius: 12px !important;
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .24);
    transition: filter .18s, transform .18s;
}

.woocommerce-message .button:hover,
.woocommerce-info .button:hover,
.woocommerce-error .button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    color: #fff;
}

/* povezava znotraj obvestila (npr. »Kliknite tukaj za vnos kode«) */
.woocommerce-info > a:not(.button),
.woocommerce-message > a:not(.button) {
    color: var(--zdr-a-modra);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* obvestilo o kuponu je le povezava – naj ne izgleda kot velik blok */
.woocommerce-form-coupon-toggle .woocommerce-info {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 14.5px;
}

@media (max-width: 767px) {
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error {
        padding: 14px 16px 14px 46px;
        font-size: 14.5px;
    }
    .woocommerce-message .button,
    .woocommerce-info .button {
        flex: 1 1 100%;
        margin-left: 0;
        text-align: center;
    }
}

/* ======================================================================
   ZDR – OBVESTILA V KOŠARICI IN NA BLAGAJNI end
   ====================================================================== */

/* ------------------------------------------------------------------
   ZDR – ODMIK POD IZPOSTAVLJENIM DELODAJALCEM start
   4. 8. 2026 — po zamenjavi vrstnega reda v pasici (korak 46) se je box
   "Izpostavljeni delodajalec" dotikal belega bannerja pod sabo.
   Odmik pod boxom poravnamo z odmikom nad njim:
     namizje in tablica  20 px (margin-bottom naslova) + 20 px (margin-top boxa) = 40 px
     telefon (<=767)     20 px + 10 px = 30 px
   Elementor sam nastavlja margin-bottom: 0 s selektorjem
   .elementor-9348 .elementor-element.elementor-element-e69fbdd (0,3,0),
   zato je tu body.home + dva razreda (0,3,1) — velja za SL in EN naslovnico.
   Varnostna kopija: ~/varnostne-kopije/2026-08-04-korak48-odmik-izpostavljeni/
   ------------------------------------------------------------------ */

body.home .elementor-element.elementor-element-e69fbdd {
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	body.home .elementor-element.elementor-element-e69fbdd {
		margin-bottom: 30px;
	}
}

/* ------------------------------------------------------------------
   ZDR – ODMIK POD IZPOSTAVLJENIM DELODAJALCEM end
   ------------------------------------------------------------------ */

/* ======================================================================
   ZDR – NADZORNA PLOŠČA V EN ZASLON start
   4. 8. 2026.
   Tema je nadzorno ploščo risala takole: stranska vrstica position: fixed,
   odseku pa levi rob (padding-left 280/360 px), da je vsebina fixed vrstico
   obšla. Glavni vsebini je zato v template.css vsiljena širina 100 %:
       .inner-dashboard.container-fluid .main-page { width: 100% }
   Ko smo 1. 8. (korak 41) vrstico vrnili v tok kot sticky, da ni več
   prekrivala noge, sta ostala oba ostanka starega risanja: 100 % široka
   vsebina in prazen levi rob. Prijavljeni delodajalec je zato dobil meni
   zgoraj in ploščo pod njim.
   Tu na namizju: levi rob odstranimo, vrstico preklopimo v flex, stranska
   vrstica dobi stalno širino, vsebina pa ves preostanek — vse v en zaslon.
   Pod 992 px ostane zloženo eno pod drugim, kot je bilo.
   Kopija: ~/varnostne-kopije/2026-08-04-korak49-nadzorna-en-zaslon/
   ====================================================================== */

@media (min-width: 992px) {

    /* prostor za nekdanjo pribito vrstico ni več potreben */
    .inner-dashboard.container-fluid.left-main {
        padding-left: 0 !important;
    }

    /* iz istega razloga je bila zamaknjena tudi noga */
    body.page-template-page-dashboard .apus-footer {
        padding-left: 0 !important;
    }

    .inner-dashboard.container-fluid > .row {
        display: flex;
        align-items: flex-start;
    }

    .inner-dashboard.container-fluid > .row > .sidebar-wrapper {
        flex: 0 0 320px;
        width: 320px;
        max-width: 320px;
    }

    /* premaga .inner-dashboard.container-fluid .main-page { width: 100% } */
    .inner-dashboard.container-fluid > .row > .main-page {
        flex: 1 1 auto;
        width: auto;
        min-width: 0;
    }
}

@media (min-width: 1200px) {

    .inner-dashboard.container-fluid.left-main {
        padding-left: 0 !important;
    }

    .inner-dashboard.container-fluid > .row > .sidebar-wrapper {
        flex: 0 0 360px;
        width: 360px;
        max-width: 360px;
    }
}

/* ======================================================================
   ZDR – NADZORNA PLOŠČA V EN ZASLON end
   ====================================================================== */

/* ======================================================================
   ZDR – MOJI BOOSTI start
   4. 8. 2026, korak 50.
   Boost je promocija, ne paket za objavo, zato ima na strani »Moji paketi«
   svoj razdelek. Oblika je namenoma enaka karticam paketov zgoraj
   (bela podlaga, obroba #e6e8ec, zaobljenost 12 px, barvni levi rob za
   stanje), da je stran videti iz enega kosa.
   Kopija: ~/varnostne-kopije/2026-08-04-korak50-boost/
   ====================================================================== */

.zdr-boosti {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid #eef0f4;
}

.zdr-boosti__glava {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.zdr-boosti__naslov {
    margin: 0;
    font-family: 'Sora', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #1a2b4b;
}

.zdr-boosti__kupi {
    flex: 0 0 auto;
}

.zdr-boosti__prazno {
    margin: 0;
    padding: 22px;
    background: var(--zdr-a-poudarek, #EDF2FE);
    border-radius: 12px;
    font-size: 14px;
    color: #3c4356;
}

.zdr-boosti__seznam {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.zdr-boost {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 12px;
    padding: 18px 22px;
}

.zdr-boost--caka    { border-left: 4px solid #1967D2; }
.zdr-boost--izveden { border-left: 4px solid #1e8e3e; }
.zdr-boost--potekel { border-left: 4px solid #cfd4de; opacity: .72; }

.zdr-boost__ikona {
    flex: 0 0 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--zdr-a-poudarek, #EDF2FE);
    border-radius: 10px;
    color: var(--zdr-a-modra, #2557E8);
    font-size: 17px;
}

.zdr-boost--izveden .zdr-boost__ikona { background: #e6f4ea; color: #1e8e3e; }
.zdr-boost--potekel .zdr-boost__ikona { background: #f1f3f4; color: #5f6368; }

.zdr-boost__telo { flex: 1 1 auto; min-width: 0; }

.zdr-boost__vrh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.zdr-boost__ime {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #1a2b4b;
}

.zdr-boost__stanje {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.zdr-boost--caka    .zdr-boost__stanje { background: #e8f0fe; color: #1967D2; }
.zdr-boost--izveden .zdr-boost__stanje { background: #e6f4ea; color: #1e8e3e; }
.zdr-boost--potekel .zdr-boost__stanje { background: #f1f3f4; color: #5f6368; }

.zdr-boost__pod {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 18px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #f1f3f6;
    font-size: 12.5px;
    color: #8b93a7;
}

@media (max-width: 575px) {

    .zdr-boost { padding: 16px; gap: 12px; }
    .zdr-boost__vrh { flex-direction: column; align-items: flex-start; gap: 6px; }
    .zdr-boosti__glava { flex-direction: column; align-items: stretch; }
    .zdr-boosti__kupi { text-align: center; }
}

/* ======================================================================
   ZDR – MOJI BOOSTI end
   ====================================================================== */

/* ======================================================================
   ZDR – ODMIK NAD NOGO V NADZORNI PLOŠČI start
   4. 8. 2026, korak 52.
   Odsek nadzorne plošče je imel spodaj padding 0 (template.css:
   .inner-dashboard.container-fluid { padding: 0 }), zato se je na daljših
   straneh – najbolj opazno pri Profilu podjetja – gumb za shranjevanje
   dotaknil noge. Odmik damo na cel odsek, da ga dobita tako vsebina kot
   stranska vrstica.
   Kopija: ~/varnostne-kopije/2026-08-04-korak52-odmik-noga/
   ====================================================================== */

.inner-dashboard.container-fluid {
    padding-bottom: 32px;
}

/* ======================================================================
   ZDR – ODMIK NAD NOGO V NADZORNI PLOŠČI end
   ====================================================================== */

/* ======================================================================
   ZDR – STRAN MOJI BOOSTI start
   4. 8. 2026, korak 54.
   Boosti so dobili svojo podstran in postavko v stranskem meniju. Naslov
   in uvod prideta iz kratke kode (zaradi obeh jezikov), zato sta tu
   oblikovana enako kot naslovi drugih podstrani nadzorne plošče.
   Dodan je še izbirnik oglasa, za katerega naj se Boost porabi.
   Kopija: ~/varnostne-kopije/2026-08-04-korak54-stran-boosti/
   ====================================================================== */

.zdr-stran__naslov {
    margin: 0 0 8px;
    font-family: 'Sora', sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1.2;
    color: #0B1230;
}

.zdr-stran__uvod {
    margin: 0 0 26px;
    font-size: 14.5px;
    color: #8b93a7;
}

/* na svoji strani razdelek nima ločilne črte nad sabo */
.zdr-boosti--stran {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.zdr-boosti__glava--brez-naslova {
    justify-content: flex-end;
}

/* povezava na Booste z dna Mojih paketov */
.zdr-paketi-povezava {
    margin-top: 18px;
    font-size: 14px;
    font-weight: 600;
}

.zdr-paketi-povezava a {
    color: var(--zdr-a-modra, #2557E8);
}

/* ---------- izbira oglasa za Boost ---------- */

.zdr-boost__oglas {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #f1f3f6;
}

.zdr-boost__oglas--zaklenjen {
    font-size: 13.5px;
    color: #3c4356;
}

.zdr-boost__obrazec {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.zdr-boost__obrazec label {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #3c4356;
}

.zdr-boost__obrazec select {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 420px;
    height: 40px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    color: #0B1230;
}

.zdr-boost__obrazec select:focus {
    border-color: rgba(37, 87, 232, .5);
    outline: none;
}

.zdr-boost__obrazec .zdr-gumb {
    flex: 0 0 auto;
    height: 40px;
    padding: 0 20px;
    line-height: 40px;
}

.zdr-boost__potrjeno {
    margin: 10px 0 0;
    font-size: 12.5px;
    color: #1e8e3e;
}

.zdr-boost__opozorilo {
    margin: 0;
    font-size: 13px;
    color: #b06000;
}

@media (max-width: 575px) {

    .zdr-stran__naslov { font-size: 26px; }

    .zdr-boost__obrazec { flex-direction: column; align-items: stretch; }
    .zdr-boost__obrazec select { max-width: none; }
    .zdr-boost__obrazec .zdr-gumb { text-align: center; }
}

/* ======================================================================
   ZDR – STRAN MOJI BOOSTI end
   ====================================================================== */

/* ======================================================================
   ZDR – IKONE V STRANSKEM MENIJU start
   4. 8. 2026, korak 55.
   Postavke stranskega menija delodajalca so bile samo besedilo. Ikono
   nariše psevdoelement iz pisave Flaticon, ki jo tema že nalaga — brez
   dodatnih zahtevkov in brez posega v hodilnik menija.
   Razredi zdr-mi--* so na postavkah menija (Videz → Meniji → Razredi CSS),
   zato jih je mogoče urejati tudi brez kode.
   Kopija: ~/varnostne-kopije/2026-08-04-korak55-ikone-menija/
   ====================================================================== */

.menu_short_profile li.zdr-mi > a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.menu_short_profile li.zdr-mi > a::before {
    flex: 0 0 20px;
    font-family: Flaticon;
    font-style: normal;
    font-size: 15px;
    line-height: 1;
    text-align: center;
    color: var(--zdr-a-siva-blaga, #8A93AD);
    transition: color .18s;
}

.menu_short_profile li.zdr-mi > a:hover::before,
.menu_short_profile li.zdr-mi.active > a::before,
.menu_short_profile li.zdr-mi.current-menu-item > a::before {
    color: var(--zdr-a-modra, #2557E8);
}

.menu_short_profile li.zdr-mi--nadzorna > a::before { content: "\f109"; }
.menu_short_profile li.zdr-mi--oglasi   > a::before { content: "\f10f"; }
.menu_short_profile li.zdr-mi--objavi   > a::before { content: "\f127"; }
.menu_short_profile li.zdr-mi--profil   > a::before { content: "\f115"; }
.menu_short_profile li.zdr-mi--geslo    > a::before { content: "\f122"; }
.menu_short_profile li.zdr-mi--paketi   > a::before { content: "\f120"; }
.menu_short_profile li.zdr-mi--boosti   > a::before { content: "\f107"; }
.menu_short_profile li.zdr-mi--odjava   > a::before { content: "\f123"; }

/* ======================================================================
   ZDR – IKONE V STRANSKEM MENIJU end
   ====================================================================== */

/* ======================================================================
   ZDR – OBRNJEN PRIKAZ CENE V KARTICI PAKETA start
   4. 8. 2026, korak 57.
   Zgoraj veliko cena na oglas, spodaj drobno cena celega paketa. Pri
   paketih z enim oglasom in pri Boostu ostane po starem.
   Kopija: ~/varnostne-kopije/2026-08-04-korak57-paketi/
   ====================================================================== */

.zdr-paket__cena-enota {
    margin-left: 6px;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: var(--zdr-a-siva-blaga, #8A93AD);
}

.zdr-paket__ujp {
    margin: 10px 0 0;
    font-size: 11.5px;
    line-height: 1.45;
    color: var(--zdr-a-siva-blaga, #8A93AD);
}

/* ======================================================================
   ZDR – OBRNJEN PRIKAZ CENE V KARTICI PAKETA end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMBI NA TREH KORAKIH start
   4. 8. 2026, korak 59.
   Kopija: ~/varnostne-kopije/2026-08-04-korak59-gumbi/
   ====================================================================== */

.zdr-korak__gumb {
    margin-top: 18px;
}

.zdr-korak__gumb .zdr-gumb {
    display: inline-block;
}

/* gumb v obrazcu za registracijo naj ne bo z velikimi začetnicami */
.cmb-form input.button-primary,
#mb-register-employer {
    text-transform: none;
}

/* ======================================================================
   ZDR – GUMBI NA TREH KORAKIH end
   ====================================================================== */

/* ======================================================================
   ZDR – OPIS OGLASA V BELEM OKVIRJU start
   4. 8. 2026, korak 61.
   Zgornji del oglasa (naslov, lokacija, datumi) je bil v belem okvirju,
   opis dela pa je visel kar na ozadju. Zdaj sta v okvirju oba, nad njima
   pa še »Kratek opis« – novo obvezno polje v obrazcu za oglas.
   Kopija: ~/varnostne-kopije/2026-08-04-korak61-opis/
   ====================================================================== */

.job-detail-description.zdr-okvir {
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: 16px;
    padding: 26px 30px;
    margin-bottom: 24px;
}

.job-detail-description.zdr-okvir > .title {
    margin: 0 0 14px;
    font-family: 'Sora', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #1a2b4b;
}

/* kratek opis naj se loči od dolgega besedila */
.zdr-kratek-opis {
    border-left: 4px solid var(--zdr-a-modra, #2557E8);
}

.zdr-kratek-opis p {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.6;
    color: #3c4356;
}

.zdr-kratek-opis p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {

    .job-detail-description.zdr-okvir {
        padding: 20px 18px;
        border-radius: 14px;
    }
}

/* ======================================================================
   ZDR – OPIS OGLASA V BELEM OKVIRJU end
   ====================================================================== */

/* ======================================================================
   ZDR – KARTICA OGLASA: ROK, VRSTA ZAPOSLITVE IN GUMB start
   4. 8. 2026, korak 63.
   Kopija: ~/varnostne-kopije/2026-08-04-korak63-kartice/
   ====================================================================== */

/* vrsta zaposlitve je zdaj med metapodatki – naj bo videti enako kot ostali */
.job-metas .job-type.with-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.job-metas .job-type.with-icon a {
    color: inherit;
}

/* gumb na desni strani kartice */
.zdr-gumb-oglas {
    display: inline-block;
    padding: 11px 22px;
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4));
    border-radius: var(--zdr-a-r-gumb, 12px);
    color: #fff;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .26);
    transition: filter .18s, transform .18s;
}

.zdr-gumb-oglas:hover,
.zdr-gumb-oglas:focus {
    color: #fff;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* potekli oglas: ostane na strani, le pobledi */
.zdr-oglas-potekel {
    opacity: .62;
}

.zdr-oglas-potekel:hover {
    opacity: .82;
}

.zdr-rok--potekel {
    color: #b06000;
    font-weight: 600;
}

@media (max-width: 767px) {

    .zdr-gumb-oglas {
        display: block;
        margin-top: 12px;
        padding: 12px 18px;
        text-align: center;
        white-space: normal;
    }
}


/* potekel oglas: ista obravnava kot »Zaprto«, a s svojo oznako.
   Ker sta razreda lahko oba hkrati, mora to pravilo priti za njim. */
.zdr-oglas-potekel {
    position: relative;
    opacity: .62;
    order: 99;
}

.zdr-oglas-potekel:hover { opacity: .85; }

.zdr-oglas-potekel .job-title a,
.zdr-oglas-potekel .job-employer-name { color: #5f6368 !important; }

.zdr-oglas-potekel::after {
    content: "Potekel";
    position: absolute;
    top: 14px;
    right: 14px;
    background: #fef7e0;
    color: #b06000;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 9px;
    border-radius: 20px;
    z-index: 3;
}

html[lang^="en"] .zdr-oglas-potekel::after { content: "Expired"; }

/* ======================================================================
   ZDR – KARTICA OGLASA: ROK, VRSTA ZAPOSLITVE IN GUMB end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMB ZA IZBRIS OGLASA start
   4. 8. 2026, korak 64.
   Vidi ga samo delodajalec v svoji nadzorni plošči (in skrbnik). Namenoma
   je tih – rdeč šele ob prehodu z miško, da se ga ne klikne po nesreči.
   Kopija: ~/varnostne-kopije/2026-08-04-korak64-trajni-oglasi/
   ====================================================================== */

.zdr-gumb-brisi {
    display: inline-block;
    margin-top: 10px;
    padding: 9px 18px;
    background: #fff;
    border: 1px solid #e6e8ec;
    border-radius: var(--zdr-a-r-gumb, 12px);
    color: #8b93a7;
    font-family: 'Manrope', sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: color .18s, border-color .18s, background .18s;
}

.zdr-gumb-brisi:hover,
.zdr-gumb-brisi:focus {
    background: #fdecea;
    border-color: rgba(214, 54, 56, .35);
    color: #d63638;
}

.zdr-gumb-brisi.loading {
    opacity: .5;
    pointer-events: none;
}

.job-metas-bottom .zdr-gumb-oglas + .zdr-gumb-brisi {
    margin-left: 8px;
}

@media (max-width: 767px) {

    .zdr-gumb-brisi {
        display: block;
        margin-left: 0 !important;
        text-align: center;
    }
}

/* ======================================================================
   ZDR – GUMB ZA IZBRIS OGLASA end
   ====================================================================== */

/* ======================================================================
   ZDR – NASLOVNICA BOLJ STRNJENA start
   4. 8. 2026, korak 67.

   Izmerjeno stanje odsekov (padding zgoraj/spodaj v px):
     pasica 822c1ff 100/60 · 8e51be5 75/0 · 670a51a 75/75 · 9dacd85 75/35
     1c217473 65/0 · 017eba3 75/0 · 8f321c6 0/85 · 1648b60 75/0
     72e2446 75/75 · eb07df8 70/20 · 7ef83d9 0/45
   Zaradi tega je bilo med naslovom in koncem odseka tudi 140 px praznine.
   Tu vse skrčimo na ~20 px, pasico pa na 40/30, da je stran višja in
   strnjena. Odseki z naslovom obdržijo 0 spodaj, ker jim vsebina sledi
   v naslednjem odseku.

   Elementor piše svoja pravila z (0,3,0) – zato tu body.home + dva razreda.
   Velja za obe naslovnici (SL in EN imata iste ID-je elementov).
   Vrnitev: izbriši ta blok.
   Kopija: ~/varnostne-kopije/2026-08-04-korak67-razmiki/
   ====================================================================== */

/* ---------- pasica ----------
   Odmik pasice nastavlja starejši blok »ZDR ARTEFAKT – DOMOV« s selektorjem
   višje specifičnosti, zato je popravljen tam (40/30, na telefonu 26/22).
   Tu ga namenoma ne podvajamo. */

/* ---------- odseki z naslovom: vsebina sledi v naslednjem odseku ---------- */
body.home .elementor-element.elementor-element-8e51be5,
body.home .elementor-element.elementor-element-1c217473,
body.home .elementor-element.elementor-element-017eba3,
body.home .elementor-element.elementor-element-1648b60 {
    padding-top: 20px;
    padding-bottom: 0;
}

body.home .elementor-element.elementor-element-9dacd85,
body.home .elementor-element.elementor-element-eb07df8 {
    padding-top: 20px;
    padding-bottom: 10px;
}

/* ---------- odseki z vsebino ---------- */
body.home .elementor-element.elementor-element-670a51a,
body.home .elementor-element.elementor-element-72e2446 {
    padding-top: 20px;
    padding-bottom: 20px;
}

body.home .elementor-element.elementor-element-8f321c6,
body.home .elementor-element.elementor-element-7ef83d9 {
    padding-top: 0;
    padding-bottom: 20px;
}

/* ======================================================================
   ZDR – NASLOVNICA BOLJ STRNJENA end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMBA V GLAVI start
   4. 8. 2026, korak 71.
   »Paketi« postane poln gumb (kot »Objavi oglas«), »Ugledni delodajalci«
   pa gumb z obrobo (kot »Prijava«). Postavki sta v glavnem meniju, zato
   ju je mogoče urejati v Videz → Meniji; videz nosita razreda
   zdr-meni-gumb--polni in --obroba.
   Tema ima za .megamenu > li > a pravilo z !important (odmik, ozadje),
   zato so ključne lastnosti tu prav tako označene z !important.
   Kopija: ~/varnostne-kopije/2026-08-04-korak71-glava/
   ====================================================================== */

/* display puščamo temi – flex na postavki razbije vodoravno vrsto menija */
#primary-menu li.zdr-meni-gumb {
    margin-left: 8px;
}

#primary-menu li.zdr-meni-gumb > a {
    padding: 9px 18px !important;
    border-radius: var(--zdr-a-r-gumb, 12px) !important;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    transition: filter .18s, background .18s, color .18s, box-shadow .18s;
}

/* poln gumb – enak kot »Objavi oglas« */
#primary-menu li.zdr-meni-gumb--polni > a {
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4)) !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .26);
}

#primary-menu li.zdr-meni-gumb--polni > a:hover,
#primary-menu li.zdr-meni-gumb--polni > a:focus {
    color: #fff !important;
    filter: brightness(1.08);
}

/* gumb z obrobo – enak kot »Prijava« */
#primary-menu li.zdr-meni-gumb--obroba > a {
    background: #fff !important;
    border: 1px solid rgba(37, 87, 232, .35) !important;
    color: var(--zdr-a-modra, #2557E8) !important;
}

#primary-menu li.zdr-meni-gumb--obroba > a:hover,
#primary-menu li.zdr-meni-gumb--obroba > a:focus {
    background: var(--zdr-a-poudarek, #EDF2FE) !important;
    border-color: rgba(37, 87, 232, .6) !important;
    color: var(--zdr-a-modra-temna, #1A3FC4) !important;
}

/* v mobilnem meniju sta postavki v stolpcu – naj ne štrlita */
@media (max-width: 1199px) {

    #primary-menu li.zdr-meni-gumb {
        display: block;
        margin: 8px 0 0;
    }

    #primary-menu li.zdr-meni-gumb > a {
        display: block;
        text-align: center;
    }
}

/* ======================================================================
   ZDR – GUMBA V GLAVI end
   ====================================================================== */

/* ======================================================================
   ZDR – PASICA NA NASLOVNICI start
   4. 8. 2026, korak 72.
   Prostor za pasico je zdaj vezan na nastavitev (Nastavitve → Pasica na
   naslovnici). Kadar je prazna, gradnik ne izriše ničesar, zato tu urejamo
   samo videz, kadar pasica je.
   Skrijemo tudi razdelek »Izpostavljeni delodajalci«, kadar ni nobenega —
   sicer bi nad prazno mrežo ostal naslov.
   Kopija: ~/varnostne-kopije/2026-08-04-korak72-pasica/
   ====================================================================== */

.zdr-pasica {
    margin-top: 18px;
    max-width: 970px;
    border-radius: 12px;
    overflow: hidden;
    line-height: 0;                 /* brez špranje pod sliko */
}

.zdr-pasica img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.zdr-pasica a {
    display: block;
}

/* razdelek z uglednimi delodajalci, kadar ni nobenega */
body.zdr-brez-uglednih .elementor-element-017eba3,
body.zdr-brez-uglednih .elementor-element-8f321c6 {
    display: none;
}

/* ======================================================================
   ZDR – PASICA NA NASLOVNICI end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMBI PO ZAKLJUČENEM NAKUPU start
   4. 8. 2026, korak 74.
   Kopija: ~/varnostne-kopije/2026-08-04-korak74-gumbi-nakup/
   ====================================================================== */

.zdr-po-nakupu {
    margin: 0 0 26px;
    padding: 22px 24px;
    background: var(--zdr-a-poudarek, #EDF2FE);
    border-radius: 16px;
    text-align: center;
}

.zdr-po-nakupu__opomba {
    margin: 0 0 16px;
    font-size: 15px;
    font-weight: 600;
    color: #1a2b4b;
}

.zdr-po-nakupu__gumbi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

@media (max-width: 575px) {

    .zdr-po-nakupu { padding: 18px 16px; }
    .zdr-po-nakupu__gumbi { flex-direction: column; }
    .zdr-po-nakupu__gumbi .zdr-gumb { text-align: center; }
}

/* ======================================================================
   ZDR – GUMBI PO ZAKLJUČENEM NAKUPU end
   ====================================================================== */

/* ======================================================================
   ZDR – STRANSKA VRSTICA NA KOŠARICI IN BLAGAJNI start
   4. 8. 2026, korak 75.
   Košarica in blagajna zdaj uporabljata predlogo nadzorne plošče, da
   delodajalca stranska vrstica spremlja tudi med nakupom. Neprijavljenemu
   je vrstica prazna, zato stolpec takrat skrijemo — sicer bi ob strani
   ostala praznina.
   Kopija: ~/varnostne-kopije/2026-08-04-korak75-kosarica/
   ====================================================================== */

body.zdr-brez-stranske .inner-dashboard.container-fluid > .row > .sidebar-wrapper {
    display: none;
}

/* WooCommercove tabele naj v ožjem stolpcu ne štrlijo čez rob */
.inner-dashboard .woocommerce table.shop_table,
.inner-dashboard .woocommerce-cart-form table {
    width: 100%;
}

.inner-dashboard .woocommerce {
    max-width: 100%;
    overflow-x: auto;
}

/* ======================================================================
   ZDR – STRANSKA VRSTICA NA KOŠARICI IN BLAGAJNI end
   ====================================================================== */

/* ======================================================================
   ZDR – NASLOV SEZNAMA ZAPOSLITEV NI VEČ POD FILTRI start
   7. 8. 2026, korak 78.

   Filtrska stranska vrstica na seznamu zaposlitev je `position: fixed`
   (širina 300 px od 992 px in 450 px od 1350 px navzgor, z-index 2), naša
   glava arhiva pa se je raztezala čez celo širino pod njo — naslov in
   podnaslov sta bila skrita za filtri.

   Tema vsebini da odmik z istima prelomnima točkama; tu enako naredimo za
   glavo, da se naslov poravna z levim robom oglasnih kartic.
   Vrednosti sta usklajeni z levim robom oglasnih kartic (izmerjeno), ker ima notranji
   .container svoj rob.

   Kopija: ~/varnostne-kopije/2026-08-07-korak78-glava-arhiva/
   ====================================================================== */

@media (min-width: 992px) {

    /* korak 251: naslov poravnan levo z vsebino (prej korak 78: 315/485px) */
    body.page-template-page-jobs .zdr-glava-arhiva {
        padding-left: 0;
    }
    body.page-template-page-jobs .zdr-glava-arhiva > .container {
        max-width: 100%;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 485px;
        padding-right: 30px;
    }
}

/* ======================================================================
   ZDR – NASLOV SEZNAMA ZAPOSLITEV NI VEČ POD FILTRI end
   ====================================================================== */

/* ======================================================================
   ZDR – GLAVA BOLJ STRNJENA start
   7. 8. 2026, korak 79.
   Naročnik: »Logotip daj bolj desno … Header bolj skupaj, da bo clean.«

   Izmerjeno pred posegom (naslovnica, Chrome, brez predpomnilnika):
     - glava je bila visoka 110 px = 10 px odmik glave + 10 px odmik
       vsebnika + logotip 80 px + 10 px odmik vsebnika;
     - vsebina glave je tekla čez celo širino zaslona, zato je logotip
       stal levo od besedila pod njim: pri 1440 px pri x = 30, vsebina
       strani (.container) pa se je začela pri x = 68 (38 px razlike),
       pri 1920 px pa pri x = 30 proti x = 308 — kar 278 px razlike.

   Popravek:
     1. vsebina glave dobi enake širine kot .container teme
        (1240 px od 1200 px navzgor, 1320 px od 1380 px navzgor,
        notranji odmik 15 px, sredinsko) — logotip je s tem poravnan
        z vsebino strani, torej »bolj desno«;
     2. glava s 110 px na 80 px: logotip 80 → 64 px, notranji vsebniki
        brez privzetega Elementorjevega odmika 10 px, zunanji odmik
        8 px zgoraj in spodaj.

   Vse je v @media (min-width: 1200px), ker se ta glava pokaže samo na
   velikih zaslonih (razred visible-lg). Mobilna glava (.apus-header-mobile)
   in njena pravila za logotip (60 px pod 992 px, 50 px pod 480 px)
   ostanejo nedotaknjena.

   Prilepljena glava (.main-sticky-header.sticky-header) ostane
   nespremenjena — logotip 46 px, odmik 6 px; ima višjo specifičnost.

   Velja za obe glavi hkrati: SL #9441 in EN #4824 imata iste ID-je
   gradnikov (82fe2a5, a673893, 1e227f1, 840b1a4, 941551f).

   Kopija: ~/varnostne-kopije/2026-08-07-korak79-glava/
   ====================================================================== */

@media (min-width: 1200px) {

    /* --- 1. vsebina glave poravnana z vsebino strani ------------------ */
    .apus-header .elementor-element.elementor-element-82fe2a5 {
        width: 1240px !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;

        /* --- 2. glava bolj strnjena --- */
        padding-top: 8px !important;
        padding-right: 15px !important;
        padding-bottom: 8px !important;
        padding-left: 15px !important;
    }

    /* notranji vsebniki: Elementor jim privzeto da 10 px odmika,
       kar je glavo po nepotrebnem višalo */
    .apus-header .elementor-element.elementor-element-a673893,
    .apus-header .elementor-element.elementor-element-1e227f1,
    .apus-header .elementor-element.elementor-element-840b1a4,
    .apus-header .elementor-element.elementor-element-941551f {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* logotip 80 → 64 px; višino glave določa prav on */
    .apus-header .logo img,
    .main-sticky-header .logo img {
        max-height: 64px !important;
    }

    /* --- 3. da se meni v ožji glavi ne prelomi v dve vrsti ------------ */
    /* Vsebnik logotipa ima v Elementorju širino 35 %, vsebnik menija
       250 %; oba se krčita sorazmerno, zato je bil vsebnik logotipa
       132 px širok pri 64 px logotipa in je meniju kradel 48 px.
       Logotip naj bo širok toliko, kolikor meri, meni pa naj dobi
       ves preostanek. */
    .apus-header .elementor-element.elementor-element-a673893 {
        --width: auto;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    .apus-header .elementor-element.elementor-element-5430d2a {
        width: auto !important;
        max-width: none !important;
    }

    .apus-header .elementor-element.elementor-element-1e227f1 {
        --width: auto;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    /* razmik med postavkami menija 20 → 12 px (»bolj skupaj«) in
       ožja gumba »Paketi« ter »Ugledni delodajalci«: skupaj ~64 px
       prihranka, da meni ostane v eni vrsti tudi pri 1200 px */
    .apus-header #primary-menu > li {
        margin-right: 12px !important;
    }

    .apus-header #primary-menu > li:last-child {
        margin-right: 0 !important;
    }

    .apus-header #primary-menu li.zdr-meni-gumb {
        margin-left: 6px !important;
    }

    .apus-header #primary-menu li.zdr-meni-gumb > a {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

/* od 1380 px navzgor je .container teme širok 1320 px – glava enako */
@media (min-width: 1380px) {

    .apus-header .elementor-element.elementor-element-82fe2a5 {
        width: 1320px !important;
    }
}

/* ======================================================================
   ZDR – GLAVA BOLJ STRNJENA end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMBI V GLAVI POENOTENI start
   10. 8. 2026, korak 84.

   Naročnik: »gumb Paketi naj bo enak kot Objavi oglas in gumb Ugledni
   delodajalci naj bo enak kot gumb Prijava. Enako velik, enak font,
   enake barve, enaka postavitev top/bottom … enako.«

   Izmerjeno pred posegom (naslovnica, 1366 px):
     Objavi oglas  h 50  pad 11/17  line-height 28  Roboto   senca .32
     Paketi        h 35  pad  9/14  line-height 16.8 Manrope senca .26
     Prijava       h 50  pad 10/15  line-height 28  Manrope  obroba rgba(11,18,48,.14)
     Ugledni       h 37  pad  9/14  line-height 16.8 Manrope obroba rgba(37,87,232,.35)

   Za razliko v višini je kriv line-height (16.8 proti 28 px), ne padding.

   Pisava: »Objavi oglas« je imel v Elementorju nastavljen Roboto, ki pa
   ga portal sploh ne nalaga (gostujemo samo Soro in Manrope, glej korak
   »brez Googlovih pisav«) – izrisal se je torej sistemski nadomestek.
   Zato so tu vsi štirje gumbi poenoteni na **Manrope**, kar hkrati
   odpravi to nedoslednost.

   Ta blok nadomešča videz iz koraka 71 (blok ZDR – GUMBA V GLAVI, ki
   ostaja zgoraj zaradi mobilnega prikaza) in mere iz koraka 79.
   Vse je v @media (min-width: 1200px), ker se ta glava pokaže samo na
   velikih zaslonih; mobilni meni ostaja nedotaknjen.

   Kopija: ~/varnostne-kopije/2026-08-10-korak84-gumbi/
   ====================================================================== */

@media (min-width: 1200px) {

    /* --- skupna mera vseh štirih gumbov ------------------------------ */
    .apus-header #primary-menu li.zdr-meni-gumb > a,
    .apus-header .elementor-element-66209de a,
    .apus-header .elementor-element-5ada552 .top-wrapper-menu > a {
        font-family: 'Manrope', sans-serif !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
        letter-spacing: normal !important;
        border-radius: 12px !important;
        display: inline-block !important;
        text-align: center !important;
        white-space: nowrap !important;
        vertical-align: middle !important;
        transition: filter .18s, background .18s, color .18s, border-color .18s;
    }

    /* --- polna gumba: Paketi = Objavi oglas -------------------------- */
    .apus-header #primary-menu li.zdr-meni-gumb--polni > a,
    .apus-header .elementor-element-66209de a {
        padding: 11px 17px !important;
        border: 0 none !important;
        background-color: transparent !important;
        background-image: linear-gradient(135deg, #2F63F0, #1A3FC4) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 20px rgba(37, 87, 232, .32) !important;
    }

    .apus-header #primary-menu li.zdr-meni-gumb--polni > a:hover,
    .apus-header #primary-menu li.zdr-meni-gumb--polni > a:focus,
    .apus-header .elementor-element-66209de a:hover,
    .apus-header .elementor-element-66209de a:focus {
        color: #ffffff !important;
        filter: brightness(1.08);
    }

    /* --- obrobna gumba: Ugledni delodajalci = Prijava ---------------- */
    .apus-header #primary-menu li.zdr-meni-gumb--obroba > a,
    .apus-header .elementor-element-5ada552 .top-wrapper-menu > a {
        padding: 10px 15px !important;
        background-color: #ffffff !important;
        background-image: none !important;
        border: 1px solid rgba(11, 18, 48, .14) !important;
        color: #0B1230 !important;
        box-shadow: none !important;
    }

    .apus-header #primary-menu li.zdr-meni-gumb--obroba > a:hover,
    .apus-header #primary-menu li.zdr-meni-gumb--obroba > a:focus,
    .apus-header .elementor-element-5ada552 .top-wrapper-menu > a:hover,
    .apus-header .elementor-element-5ada552 .top-wrapper-menu > a:focus {
        background-color: #1967D2 !important;
        border-color: #1967D2 !important;
        color: #ffffff !important;
    }

    /* --- navpična poravnava: vsi gumbi na isti sredini --------------- */
    .apus-header #primary-menu li.zdr-meni-gumb {
        display: inline-block;
        vertical-align: middle;
        margin-left: 6px !important;
    }

    /* postavke menija in gumbi naj imajo isto sredinsko os */
    .apus-header .elementor-element-1e227f1,
    .apus-header .elementor-element-840b1a4,
    .apus-header .elementor-element-941551f {
        align-items: center !important;
        justify-content: center !important;
    }
}

/* ======================================================================
   ZDR – GUMBI V GLAVI POENOTENI end
   ====================================================================== */

/* ======================================================================
   ZDR – KARTICA: VRSTA ZAPOSLITVE IN GUMB start
   10. 8. 2026, korak 85.

   Naročnik:
     »gumb Polni delovni čas mora biti enako oblikovan in istih barv kot
      lokacija ali kdaj objavljen oglas (torej siv ...)«
     »Gumb Ogled oglasa naj bo font bel, zaradi kontrasta. Naj se ob
      hoverju obarva font modro in gumb belo.«

   Izmerjeno pred posegom:
     .job-location / .job-deadline  bg #F2F5FB  barva #46536B  12,5 px/500
                                    pad 5/11  radij 20  višina 32
     .type-job (Polni delovni čas)  bg #2557E8  barva bela  12 px/700
                                    pad 6/14  radij 100  višina 33
     .zdr-gumb-oglas                barva rgb(119,131,143) na modrem
                                    gradientu – od tod slab kontrast

   Ikona ure je pri vrsti zaposlitve stala zunaj obarvanega dela, pri
   ostalih metapodatkih pa znotraj sive pilule. Zato pilulo naredimo iz
   ovoja .job-type.with-icon (kot pri .job-deadline), povezavo .type-job
   pa razbarvamo, da postane navadno besedilo znotraj nje.

   Kopija: ~/varnostne-kopije/2026-08-10-korak85-kartica/
   ====================================================================== */

/* --- vrsta zaposlitve: siva pilula, enaka lokaciji in datumu --------- */
.job-metas .job-type.with-icon,
article .job-type.with-icon {
    background: #F2F5FB !important;
    color: #46536B !important;
    border-radius: 20px !important;
    padding: 5px 11px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    line-height: 21.875px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;
}

/* povezava znotraj pilule ni več svoj gumb */
.job-metas .job-type.with-icon .type-job,
article .job-type.with-icon .type-job {
    background: none !important;
    background-color: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    padding: 0 !important;
    border: 0 none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.job-metas .job-type.with-icon .type-job:hover,
article .job-type.with-icon .type-job:hover {
    color: var(--zdr-a-modra, #2557E8) !important;
    text-decoration: none;
}

/* ikona ure naj bo enako velika kot pri ostalih metapodatkih */
.job-metas .job-type.with-icon > i,
article .job-type.with-icon > i {
    font-size: 13px !important;
    color: inherit !important;
    margin: 0 !important;
}

/* --- gumb »Ogled oglasa«: bela pisava, obrnjen hover ----------------- */
.zdr-gumb-oglas {
    color: #ffffff !important;
    border: 1px solid transparent !important;
}

.zdr-gumb-oglas:hover,
.zdr-gumb-oglas:focus {
    background: #ffffff !important;
    background-image: none !important;
    background-color: #ffffff !important;
    color: var(--zdr-a-modra, #2557E8) !important;
    border-color: rgba(37, 87, 232, .45) !important;
    box-shadow: none !important;
    filter: none !important;
}

/* ======================================================================
   ZDR – KARTICA: VRSTA ZAPOSLITVE IN GUMB end
   ====================================================================== */

/* ======================================================================
   ZDR – KARTICE KATEGORIJ NA SREDINO start
   10. 8. 2026, korak 86 (popravljeno 13. 8. 2026).

   Naročnik: »tale sektor … daj druge ikonce, postavi jih na sredino«.
   Ikone same so korak 89.

   Popravek 13. 8.: prva različica je dala `display: block` tudi
   elementu <span> znotraj .number. Ker je zapis oblike
   `(<span>0</span> odprtih delovnih mest)`, se je oklepaj odlomil v
   svojo vrstico – naročnik je to opazil na posnetku. Span mora ostati
   inline; sredinsko poravnavo opravi .number sam.

   Zgradba kartice (Elementorjev gradnik widget-job-category-banner):
     .category-banner-inner.v4 > .category-icon > i.ti-*
                               > .inner > h4.title + .number
   ====================================================================== */

.widget-job-category-banner .category-banner-inner,
.widget-job-category-banner .category-banner-inner.v4 {
    text-align: center !important;
}

.widget-job-category-banner .category-banner-inner .category-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}

.widget-job-category-banner .category-banner-inner .inner {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
}

.widget-job-category-banner .category-banner-inner .title,
.widget-job-category-banner .category-banner-inner .number {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
}

/* število mora ostati v isti vrstici z oklepajema */
.widget-job-category-banner .category-banner-inner .number span {
    display: inline !important;
    width: auto !important;
}

/* ======================================================================
   ZDR – KARTICE KATEGORIJ NA SREDINO end
   ====================================================================== */


/* ======================================================================
   ZDR – NOGA: VABILO OB COPYRIGHTU start
   10. 8. 2026, korak 87.

   Naročnik: vabilo »Želite objaviti zaposlitveni oglas? Pišite nam na …«
   naj bo v spodnji vrstici noge, desno od copyrighta.

   Sam gradnik je prestavljen s skripto ~/skripte/zdr-noga-87.php
   (iz stolpca »Delodajalci« v stolpec s copyrightom, obe nogi: SL #9496
   in EN #2056). Tu ju postavimo v isto vrsto, da ne posegamo v strukturo
   Elementorjevih stolpcev.

   Na telefonu se postavita eden pod drugega in sredinsko.

   Kopija: ~/varnostne-kopije/2026-08-10-korak87-noga/
   ====================================================================== */

.elementor-element-b883999 > .elementor-widget-wrap,
.elementor-element-b883999 > .elementor-element-populated > .elementor-widget-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px 24px;
}

/* oba gradnika naj zavzameta le toliko, kolikor merita */
.elementor-element-b883999 .elementor-widget-text-editor {
    width: auto !important;
    max-width: 100%;
    margin: 0 !important;
}

.elementor-element-b883999 .elementor-widget-text-editor p {
    margin: 0 !important;
}

/* copyright levo, vabilo desno */
.elementor-element-b883999 .elementor-element-535f3ca { text-align: left !important; }
.elementor-element-b883999 .elementor-element-zdrmail { text-align: right !important; }

/* --- berljivost na temni nogi ---------------------------------------
   Tu je bil naročnikov »modro na modro in se ne vid text«: povezava
   z e-naslovom je bila rgb(32,33,36) – skoraj črna – na temno modri
   nogi rgb(10,18,51), torej praktično nevidna. Samo besedilo vabila je
   bilo rgb(119,131,143) (kontrast 4,73 – mejno).
   Zdaj je vabilo belo, povezava pa bela in podčrtana, da je razpoznavna
   kot povezava tudi brez barvne razlike. */
.elementor-element-b883999 .elementor-element-zdrmail,
.elementor-element-b883999 .elementor-element-zdrmail p,
.elementor-element-b883999 .elementor-element-zdrmail .elementor-widget-container {
    color: #ffffff !important;
}

.elementor-element-b883999 .elementor-element-zdrmail a {
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.elementor-element-b883999 .elementor-element-zdrmail a:hover,
.elementor-element-b883999 .elementor-element-zdrmail a:focus {
    color: var(--zdr-a-nebo, #7FB2FF) !important;
    text-decoration: underline;
}

/* --- pripis za ikone (licenca Freepik, korak 90) ---------------------
   Gre v svojo vrstico pod copyright in vabilo: drobno, nevsiljivo, a
   viden in klikljiv, kot zahteva brezplačna licenca. */
.elementor-element-b883999 .elementor-element-zdrpripis {
    flex-basis: 100% !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 2px !important;
}

.elementor-element-b883999 .elementor-element-zdrpripis,
.elementor-element-b883999 .elementor-element-zdrpripis p,
.elementor-element-b883999 .elementor-element-zdrpripis a {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, .45) !important;
}

.elementor-element-b883999 .elementor-element-zdrpripis a {
    text-decoration: underline;
    text-underline-offset: 2px;
}

.elementor-element-b883999 .elementor-element-zdrpripis a:hover {
    color: rgba(255, 255, 255, .75) !important;
}

@media (max-width: 767px) {

    .elementor-element-b883999 > .elementor-widget-wrap,
    .elementor-element-b883999 > .elementor-element-populated > .elementor-widget-wrap {
        flex-direction: column !important;
        justify-content: center !important;
        gap: 8px;
    }

    .elementor-element-b883999 .elementor-element-535f3ca,
    .elementor-element-b883999 .elementor-element-zdrmail {
        text-align: center !important;
        width: 100% !important;
    }
}

/* ======================================================================
   ZDR – NOGA: VABILO OB COPYRIGHTU end
   ====================================================================== */


/* ======================================================================
   ZDR – IKONE KATEGORIJ start
   10. 8. 2026, korak 89.

   Naročnik: »tale sektor … daj druge ikonce, postavi jih na sredino«
   (postavitev na sredino je korak 86).

   Ikone so izrezane iz naročnikovega nabora »vector ui illustration mixed
   medical business concept« (datoteka 8165.eps / 8165.jpg, mreža 10 x 10):
       zob (v5,s1)          -> Dentalna medicina
       sestrska kapa (v4,s1)-> Zdravstvena nega
       stetoskop (v3,s3)    -> Zdravniki
       zobnika (v1,s7)      -> Tehnične službe
       globus (v3,s6)       -> Delo v tujini
       znak za sevanje (v4,s3) -> Radiologija

   Shranjene so kot alfa maske v superio-child/assets/ikone/, barvo pa
   določa CSS (mask-image + background-color). Tako ikone sledijo barvam
   portala in se ob prehodu miške obarvajo skupaj s kartico – česar s
   pobarvano sliko ne bi mogli.

   Ciljamo prek povezave kartice, zato pravila veljajo v obeh jezikih
   (slovenski in angleški slug).

   ⚠ Licenca: nabor je s Freepika. Če je bil prenesen kot neregistriran
   uporabnik, je obvezen pripis »Designed by rawpixel.com / Freepik«.
   Pri premium naročnini pripis ni potreben. Preveriti pri naročniku.

   Kopija: ~/varnostne-kopije/2026-08-10-korak89-ikone/
   ====================================================================== */

/* skrijemo znak iz pisave Themify in pripravimo prostor za masko */
.widget-job-category-banner .category-icon i {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 0 !important;
}

.widget-job-category-banner .category-icon i::before {
    content: '' !important;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--zdr-a-modra, #2557E8);
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
    transition: background-color .18s ease;
}

/* --- posamezne kategorije (SL + EN slug) ----------------------------- */
.widget-job-category-banner a[href*="/dentalna-medicina/"] .category-icon i::before,
.widget-job-category-banner a[href*="/dental-medicine/"] .category-icon i::before {
    -webkit-mask-image: url('assets/ikone/zdr-dentalna.png');
            mask-image: url('assets/ikone/zdr-dentalna.png');
}

.widget-job-category-banner a[href*="/zdravstvena-nega/"] .category-icon i::before,
.widget-job-category-banner a[href*="/nursing/"] .category-icon i::before {
    -webkit-mask-image: url('assets/ikone/zdr-nega.png');
            mask-image: url('assets/ikone/zdr-nega.png');
}

.widget-job-category-banner a[href*="/zdravniki/"] .category-icon i::before,
.widget-job-category-banner a[href*="/doctors/"] .category-icon i::before {
    -webkit-mask-image: url('assets/ikone/zdr-zdravniki.png');
            mask-image: url('assets/ikone/zdr-zdravniki.png');
}

.widget-job-category-banner a[href*="/tehnicne-sluzbe/"] .category-icon i::before,
.widget-job-category-banner a[href*="/technical-services/"] .category-icon i::before {
    -webkit-mask-image: url('assets/ikone/zdr-tehnicne.png');
            mask-image: url('assets/ikone/zdr-tehnicne.png');
}

.widget-job-category-banner a[href*="/delo-v-tujini/"] .category-icon i::before,
.widget-job-category-banner a[href*="/work-abroad/"] .category-icon i::before {
    -webkit-mask-image: url('assets/ikone/zdr-tujina.png');
            mask-image: url('assets/ikone/zdr-tujina.png');
}

.widget-job-category-banner a[href*="/radiologija/"] .category-icon i::before,
.widget-job-category-banner a[href*="/radiology/"] .category-icon i::before {
    -webkit-mask-image: url('assets/ikone/zdr-radiologija.png');
            mask-image: url('assets/ikone/zdr-radiologija.png');
}

/* ob prehodu miške ikona potemni skupaj s kartico */
.widget-job-category-banner a:hover .category-icon i::before {
    background-color: var(--zdr-a-modra-temna, #1A3FC4);
}

/* ======================================================================
   ZDR – IKONE KATEGORIJ end
   ====================================================================== */

/* ======================================================================
   ZDR – POMOČNIK (CHATBOT) start
   11. 8. 2026, korak 91.

   Pogovorni pomočnik v desnem spodnjem kotu. Odgovori so vnaprej
   napisani (superio-child/inc/chatbot.php), zato ne kliče nobene
   zunanje storitve in ne potrebuje privolitve za piškotke.

   Barve so iz spremenljivk portala, pisava Manrope kot drugod.
   Na telefonu se okno razpre čez skoraj cel zaslon.

   Kopija: ~/varnostne-kopije/2026-08-11-korak91-pomocnik/
   ====================================================================== */

.zdr-bot {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    font-family: 'Manrope', sans-serif;
}

/* --- gumb, ki odpre pomočnika ---------------------------------------- */
.zdr-bot__sprozilec {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 20px;
    border: 0;
    border-radius: 999px;
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4));
    color: #fff;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 10px 26px rgba(37, 87, 232, .34);
    transition: filter .18s ease, transform .18s ease;
}

.zdr-bot__sprozilec:hover { filter: brightness(1.08); transform: translateY(-1px); }
.zdr-bot__sprozilec:focus-visible { outline: 3px solid #7FB2FF; outline-offset: 2px; }

/* pogovorni oblaček, narisan s CSS (v pisavi teme ni primerne ikone) */
.zdr-bot__sprozilec-ikona {
    width: 17px;
    height: 15px;
    border-radius: 4px 4px 4px 1px;
    background: #fff;
    position: relative;
    flex: 0 0 auto;
}
.zdr-bot__sprozilec-ikona::after {
    content: '';
    position: absolute;
    left: 3px;
    bottom: -4px;
    border-width: 5px 5px 0 0;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

.zdr-bot--odprt .zdr-bot__sprozilec { display: none; }

/* --- okno ------------------------------------------------------------- */
.zdr-bot__okno {
    width: 360px;
    max-width: calc(100vw - 32px);
    max-height: min(560px, calc(100vh - 120px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
    border: 1px solid #E4E7EF;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(11, 18, 48, .22);
}

.zdr-bot__okno[hidden] { display: none; }

.zdr-bot__glava {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4));
    color: #fff;
}

.zdr-bot__glava strong { display: block; font-size: 15.5px; line-height: 1.2; }

.zdr-bot__podnaslov {
    display: block;
    font-size: 12px;
    font-weight: 500;
    opacity: .85;
    margin-top: 2px;
}

.zdr-bot__zapri {
    background: none;
    border: 0;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    padding: 0 4px;
    cursor: pointer;
    opacity: .85;
}
.zdr-bot__zapri:hover { opacity: 1; }

/* --- pogovor ---------------------------------------------------------- */
.zdr-bot__telo {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px;
    background: #F7F9FD;
}

.zdr-bot__sporocilo {
    font-size: 13.5px;
    line-height: 1.6;
    margin-bottom: 12px;
    max-width: 92%;
}

.zdr-bot__sporocilo p { margin: 0 0 8px; }
.zdr-bot__sporocilo p:last-child { margin-bottom: 0; }
.zdr-bot__sporocilo ol,
.zdr-bot__sporocilo ul { margin: 0 0 4px; padding-left: 20px; }
.zdr-bot__sporocilo li { margin-bottom: 5px; }
.zdr-bot__sporocilo a { color: var(--zdr-a-modra, #2557E8); font-weight: 600; }

.zdr-bot__sporocilo--bot {
    background: #fff;
    border: 1px solid #E7EAF3;
    border-radius: 12px 12px 12px 4px;
    padding: 12px 14px;
    color: #202124;
}

.zdr-bot__sporocilo--jaz {
    margin-left: auto;
    background: var(--zdr-a-modra, #2557E8);
    color: #fff;
    border-radius: 12px 12px 4px 12px;
    padding: 10px 14px;
    font-weight: 600;
}

.zdr-bot__drobno { font-size: 12px; color: #6B7280; }

/* --- predlagana vprašanja --------------------------------------------- */
.zdr-bot__predlogi { margin: 0 0 12px; }

.zdr-bot__predlogi-naslov {
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #8A93A8;
    margin: 0 0 6px;
}

.zdr-bot__predlog {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 6px;
    padding: 9px 13px;
    background: #fff;
    border: 1px solid rgba(37, 87, 232, .3);
    border-radius: 10px;
    color: var(--zdr-a-modra, #2557E8);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease;
}

.zdr-bot__predlog:hover {
    background: var(--zdr-a-poudarek, #EDF2FE);
    border-color: rgba(37, 87, 232, .55);
}

/* --- vnosna vrstica ---------------------------------------------------- */
.zdr-bot__vnos {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #E7EAF3;
    background: #fff;
}

.zdr-bot__vnos input {
    flex: 1 1 auto;
    min-width: 0;
    padding: 10px 13px;
    border: 1px solid #DCE1EC;
    border-radius: 10px;
    font-family: inherit;
    font-size: 13.5px;
    color: #202124;
}

.zdr-bot__vnos input:focus {
    outline: none;
    border-color: var(--zdr-a-modra, #2557E8);
    box-shadow: 0 0 0 3px rgba(37, 87, 232, .14);
}

.zdr-bot__vnos button {
    flex: 0 0 auto;
    padding: 10px 16px;
    border: 0;
    border-radius: 10px;
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4));
    color: #fff;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    cursor: pointer;
}

.zdr-bot__vnos button:hover { filter: brightness(1.08); }

/* --- telefon ----------------------------------------------------------- */
@media (max-width: 575px) {

    .zdr-bot { right: 12px; bottom: 12px; left: 12px; }

    .zdr-bot__sprozilec { float: right; padding: 11px 17px; font-size: 14px; }

    .zdr-bot__okno {
        width: 100%;
        max-width: none;
        max-height: calc(100vh - 90px);
    }
}

/* piškotni pas naj pomočnika ne prekriva */
.cmplz-cookiebanner { z-index: 10000; }

/* ======================================================================
   ZDR – POMOČNIK (CHATBOT) end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMBI NA TREH KORAKIH: VIDEZ KOT V GLAVI start
   13. 8. 2026, korak 94.

   Naročnik (posnetek): »gumb blau estetishe kukr so gor v meniju, CGP pa to«
   — gumbi v razdelku »Objavite delovno mesto v treh enostavnih korakih«
   (Registriraj se, Oglejte si pakete, Objavi oglas) naj bodo modri in
   enaki gumbom v glavi.

   Mere so prepisane iz koraka 84 (ZDR – GUMBI V GLAVI POENOTENI), da so
   res isti: Manrope 14/700, line-height 28, odmik 11/17, radij 12,
   preliv in senca. Sam gumb dodaja koda iz koraka 59
   (functions.php, razred .zdr-korak__gumb .zdr-gumb--polni).

   Kopija: ~/varnostne-kopije/2026-08-13-korak94-koraki/
   ====================================================================== */

.zdr-korak__gumb {
    margin-top: 18px;
}

.zdr-korak__gumb .zdr-gumb,
.zdr-korak__gumb .zdr-gumb--polni {
    display: inline-block;
    padding: 11px 17px;
    border: 0 none;
    border-radius: 12px;
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4));
    background-color: transparent;
    color: #ffffff;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: normal;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .32);
    transition: filter .18s ease, transform .18s ease;
}

.zdr-korak__gumb .zdr-gumb:hover,
.zdr-korak__gumb .zdr-gumb:focus,
.zdr-korak__gumb .zdr-gumb--polni:hover,
.zdr-korak__gumb .zdr-gumb--polni:focus {
    color: #ffffff;
    filter: brightness(1.08);
    transform: translateY(-1px);
    text-decoration: none;
}

.zdr-korak__gumb .zdr-gumb:focus-visible {
    outline: 3px solid #7FB2FF;
    outline-offset: 2px;
}

/* na ozkih zaslonih naj gumb ne štrli čez kartico */
@media (max-width: 575px) {

    .zdr-korak__gumb .zdr-gumb,
    .zdr-korak__gumb .zdr-gumb--polni {
        display: block;
        white-space: normal;
    }
}

/* ======================================================================
   ZDR – GUMBI NA TREH KORAKIH: VIDEZ KOT V GLAVI end
   ====================================================================== */

/* ======================================================================
   ZDR – UGLEDNI DELODAJALCI: BREZ OSAMLJENE PIKE start
   13. 8. 2026, korak 95.

   Naročnik (posnetek): »briš črno črtoo in moooove closer«.

   Kaj je bila tista črtica: kartice uglednih delodajalcev so v vrtiljaku
   (slick) z vklopljeno paginacijo (data-pagination="true"). Ker je
   ugledni delodajalec trenutno **en sam**, vrtiljak izriše eno samo
   piko, ki je v temi oblikovana kot kratka vodoravna črtica — od tod
   osamljena črtica sredi praznine pod kartico.

   Pike ne brišemo na pamet: skrijemo jih samo takrat, kadar je stran
   ena sama in torej ni česa listati. Ko bo uglednih delodajalcev več,
   se paginacija vrne sama.

   Kopija: ~/varnostne-kopije/2026-08-13-korak95-crtica/
   ====================================================================== */

/* ena sama pika = ni kaj listati */
.widget-employers .slick-dots li:only-child {
    display: none !important;
}

/* skrij še prazen seznam, da za sabo ne pusti odmika */
.widget-employers .slick-dots:has(li:only-child) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* rezerva za brskalnike brez :has() – seznam ostane, a brez višine */
.widget-employers .slick-dots {
    margin-bottom: 0 !important;
}

/* razdelek naj se stisne bliže naslednjemu (»moooove closer«) */
.widget-employers .widget-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.widget-employers.carousel {
    margin-bottom: 0 !important;
}

/* ======================================================================
   ZDR – UGLEDNI DELODAJALCI: BREZ OSAMLJENE PIKE end
   ====================================================================== */

/* ======================================================================
   ZDR – PASICA V HERO RAZDELKU start
   13. 8. 2026, korak 96.

   Dva dela pod naslovom na naslovnici: levi vodi na proste zaposlitve,
   desni na pakete. Vsebino vstavi ~/skripte/zdr-hero-96.php
   (gradnik zdrherocta v stolpcu 5ff0613, takoj za naslovom).

   Hero ima temno modro ozadje, zato je levi del bel in polni, desni pa
   prosojen z belo obrobo — oba imata dovolj kontrasta.

   Kopija: ~/varnostne-kopije/2026-08-13-korak96-hero/
   ====================================================================== */

.zdr-hero-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 26px 0 6px;
}

.zdr-hero-cta__del {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1 1 260px;
    min-width: 0;
    padding: 15px 22px;
    border-radius: 14px;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.zdr-hero-cta__del:hover {
    transform: translateY(-2px);
}

.zdr-hero-cta__naslov {
    font-family: 'Sora', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
}

.zdr-hero-cta__opis {
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    opacity: .8;
}

/* levi del – bel, poln */
.zdr-hero-cta__del--polni {
    background: #ffffff;
    color: var(--zdr-a-modra-temna, #1A3FC4) !important;
    box-shadow: 0 12px 28px rgba(6, 14, 46, .28);
}

.zdr-hero-cta__del--polni:hover {
    box-shadow: 0 16px 34px rgba(6, 14, 46, .34);
}

/* desni del – prosojen z belo obrobo */
.zdr-hero-cta__del--obroba {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .45);
    color: #ffffff !important;
}

.zdr-hero-cta__del--obroba:hover {
    background: rgba(255, 255, 255, .16);
    border-color: rgba(255, 255, 255, .7);
}

.zdr-hero-cta__del:focus-visible {
    outline: 3px solid #7FB2FF;
    outline-offset: 3px;
}

/* na telefonu eden pod drugim */
@media (max-width: 767px) {

    .zdr-hero-cta {
        flex-direction: column;
        gap: 10px;
        margin: 20px 0 4px;
    }

    .zdr-hero-cta__del {
        flex: 1 1 auto;
        padding: 13px 18px;
    }

    .zdr-hero-cta__naslov { font-size: 15px; }
    .zdr-hero-cta__opis   { font-size: 12.5px; }
}

/* ======================================================================
   ZDR – PASICA V HERO RAZDELKU end
   ====================================================================== */

/* ======================================================================
   ZDR – DELJENJE POD PRISPEVKOM start
   13. 8. 2026, korak 98.

   Naročnik (posnetek): »MOARRR PRESLEDKA« nad blokom za deljenje in
   »dodaj povsod še instagramske«.

   Instagram gumb doda predloga superio-child/template-parts/sharebox.php.
   Ker Instagram nima naslova za deljenje vsebine, gumb vodi na naš
   profil (naročnik je izbral to možnost); zato ima svojo barvo, da se
   loči od obeh, ki res delita.

   Kopija: ~/varnostne-kopije/2026-08-13-korak98-instagram/
   ====================================================================== */

/* več zraka nad blokom za deljenje */
.apus-social-share.share-blog {
    margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid #E7EAF3;
}

/* Instagram – znamčni preliv */
.apus-social-share a.instagram,
.apus-social-share a.zdr-instagram {
    background: linear-gradient(45deg, #F58529 0%, #DD2A7B 45%, #8134AF 75%, #515BD4 100%) !important;
    color: #fff !important;
}

.apus-social-share a.instagram:hover,
.apus-social-share a.zdr-instagram:hover {
    filter: brightness(1.08);
}

@media (max-width: 767px) {

    .apus-social-share.share-blog {
        margin-top: 32px;
        padding-top: 22px;
    }
}

/* ======================================================================
   ZDR – DELJENJE POD PRISPEVKOM end
   ====================================================================== */

/* ZDR – IZBIRA PAKETA: VRSTICA S POMOČJO start */
/* korak 100, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak100-objava/ */
.zdr-izbira-paketa__pomoc {
    margin: 10px 0 0;
    max-width: 620px;
    color: var(--zdr-a-siva);
    font-size: 14.5px;
    line-height: 1.65;
}

.zdr-izbira-paketa__pomoc a {
    color: var(--zdr-a-modra);
    font-weight: 600;
    text-decoration: underline;
}
/* ZDR – IZBIRA PAKETA: VRSTICA S POMOČJO end */

/* ZDR – PASICA 300x600 NA STRANI OGLASA start */
/* korak 104, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak104-pasica/
   Standardna oglasna velikost 300 x 600 v desnem stolpcu strani oglasa.
   Besedilo je zasidrano ob dno, fotografija ostane vidna zgoraj – da ni
   videti kot še ena obarvana kartica. */

.zdr-pasica-ovoj {
    padding: 0;
    border: 0;
    background: none;
}

.zdr-pasica {
    position: relative;
    display: block;
    width: 300px;
    max-width: 100%;
    aspect-ratio: 1 / 2;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    text-decoration: none;
    isolation: isolate;
}

.zdr-pasica__slika {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 18%;
    /* rahla zameglitev; povečava skrije mehke robove, ki jih naredi blur */
    filter: blur(2.5px);
    transform: scale(1.08);
}

.zdr-pasica__zavesa {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(11, 18, 48, .30) 0%,
            rgba(11, 18, 48, .62) 42%,
            rgba(13, 36, 116, .93) 100%
        );
}

.zdr-pasica__vsebina {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    padding: 26px 24px 24px;
}

.zdr-pasica__oznaka {
    display: block;
    margin-bottom: 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: rgba(255, 255, 255, .72);
}

.zdr-pasica__naslov {
    display: block;
    margin-bottom: 10px;
    font-family: 'Sora', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.16;
    color: #FFFFFF;
}

.zdr-pasica__poved {
    display: block;
    margin-bottom: 20px;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    line-height: 1.55;
    color: rgba(255, 255, 255, .86);
}

.zdr-pasica__gumb {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 18px;
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    background: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    color: #1A3FC4;
    transition: background-color .18s ease, color .18s ease;
}

.zdr-pasica:hover .zdr-pasica__gumb,
.zdr-pasica:focus-visible .zdr-pasica__gumb {
    background: transparent;
    color: #FFFFFF;
}

.zdr-pasica:focus-visible {
    outline: 3px solid #2557E8;
    outline-offset: 3px;
}

/* Na telefonu je 600 px previsoko – pasica ostane v razmerju, a nižja. */
@media (max-width: 767px) {

    .zdr-pasica {
        width: 300px;
        aspect-ratio: auto;
        min-height: 420px;
    }

    .zdr-pasica__naslov {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {

    .zdr-pasica__gumb {
        transition: none;
    }
}
/* ZDR – PASICA 300x600 NA STRANI OGLASA end */

/* ZDR – PRIJAVA NA E-NOVICE start */
/* korak 105, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak105-enovice/
   Obrazec v desnem stolpcu strani oglasa, nad pasico 300 x 600.
   Svetla kartica, da ne tekmuje s pasico, ki je temna in slikovna. */

/* Obvestilo na vrhu strani po potrditvi ali odjavi (pride iz e-pošte). */
.zdr-enovice-obvestilo {
    padding: 14px 20px;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
}

.zdr-enovice-obvestilo--ok {
    background: #EAF7EF;
    color: #146B3A;
    border-bottom: 1px solid rgba(23, 138, 74, .25);
}

.zdr-enovice-obvestilo--ni {
    background: #FDEDED;
    color: #99201F;
    border-bottom: 1px solid rgba(190, 40, 40, .25);
}

.zdr-enovice-ovoj {
    padding: 0;
    border: 0;
    background: none;
}

.zdr-enovice {
    width: 300px;
    max-width: 100%;
    margin: 0 auto 24px;
    padding: 24px 22px;
    border: 1px solid #E3E8F5;
    border-radius: 20px;
    background: #F7F9FE;
}

.zdr-enovice__naslov {
    margin: 0 0 6px;
    font-family: 'Sora', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    color: var(--zdr-a-crna, #0B1230);
}

.zdr-enovice__poved {
    margin: 0 0 16px;
    font-family: 'Manrope', sans-serif;
    font-size: 13.5px;
    line-height: 1.55;
    color: var(--zdr-a-siva, #3D4664);
}

.zdr-enovice__odziv {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

.zdr-enovice__odziv--ok {
    border: 1px solid rgba(23, 138, 74, .25);
    background: #EAF7EF;
    color: #146B3A;
}

.zdr-enovice__odziv--ni {
    border: 1px solid rgba(190, 40, 40, .25);
    background: #FDEDED;
    color: #99201F;
}

.zdr-enovice__oznaka {
    display: block;
    margin-bottom: 6px;
    font-family: 'Manrope', sans-serif;
    font-size: 12.5px;
    font-weight: 700;
    color: var(--zdr-a-crna, #0B1230);
}

.zdr-enovice__polje {
    width: 100%;
    height: 46px;
    margin-bottom: 12px;
    padding: 0 14px;
    border: 1px solid #D5DCEF;
    border-radius: 12px;
    background: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    color: var(--zdr-a-crna, #0B1230);
}

.zdr-enovice__polje:focus {
    border-color: var(--zdr-a-modra, #2557E8);
    outline: 2px solid rgba(37, 87, 232, .25);
    outline-offset: 1px;
}

.zdr-enovice__privolitev {
    display: flex;
    gap: 9px;
    margin-bottom: 16px;
    font-family: 'Manrope', sans-serif;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--zdr-a-siva, #3D4664);
    cursor: pointer;
}

.zdr-enovice__privolitev input {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    accent-color: var(--zdr-a-modra, #2557E8);
}

.zdr-enovice__privolitev a {
    color: var(--zdr-a-modra, #2557E8);
    text-decoration: underline;
}

/* past za robote – skrita tako, da je bralnik zaslona ne ponudi */
.zdr-enovice__past {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.zdr-enovice__gumb {
    display: block;
    width: 100%;
    min-height: 46px;
    padding: 12px 18px;
    border: 1px solid var(--zdr-a-modra, #2557E8);
    border-radius: 12px;
    background: var(--zdr-a-modra, #2557E8);
    font-family: 'Manrope', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    color: #FFFFFF;
    cursor: pointer;
    transition: background-color .18s ease, color .18s ease;
}

.zdr-enovice__gumb:hover,
.zdr-enovice__gumb:focus-visible {
    background: #FFFFFF;
    color: var(--zdr-a-modra, #2557E8);
}

@media (prefers-reduced-motion: reduce) {

    .zdr-enovice__gumb {
        transition: none;
    }
}
/* ZDR – PRIJAVA NA E-NOVICE end */


/* ZDR – QA 13. 8.: TARČE ZA PRST start */
/* korak 107, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak107-qa/
   Vizualni QA je pokazal premajhne tarče na telefonu: e-naslov na
   Kontaktu 21 px in okence za privolitev pri e-novicah 17 px. */

@media (max-width: 767px) {

    /* e-naslov je glavni klic k akciji na Kontaktu – mora biti lahko zadet */
    .zdr-kk__glavno {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}

.zdr-enovice__privolitev {
    padding: 5px 0;
}

.zdr-enovice__privolitev input {
    width: 20px;
    height: 20px;
}
/* ZDR – QA 13. 8.: TARČE ZA PRST end */

/* ZDR – QA 13. 8.: PODATKI DELODAJALCA start */
/* korak 108, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak108-qa2/
   Telefon in ostali podatki delodajalca so podedovali temino privzeto
   #77838F — na beli kontrast 3,87, torej pod mejo. */

body.single-job_listing .sidebar-job .widget_apus_job_employer_info,
body.single-job_listing .sidebar-job .widget_apus_job_employer_info span,
body.single-job_listing .sidebar-job .widget_apus_job_employer_info div,
body.single-job_listing .sidebar-job .employer-info li {
    color: var(--zdr-a-siva);
}

/* Izjema: gumb \prikaži\ pri telefonu je moder z belo pisavo — pravilo
   zgoraj mu je pisavo pobarvalo sivo (kontrast 1,6). */
body.single-job_listing .sidebar-job .widget_apus_job_employer_info .phone-show span,
body.single-job_listing .sidebar-job .widget_apus_job_employer_info .bg-theme {
    color: #FFFFFF;
}
/* ZDR – QA 13. 8.: PODATKI DELODAJALCA end */


/* ZDR – QA 13. 8.: GUMBI ZA DELJENJE start */
/* korak 108, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak108-qa2/
   Bela pisava na Facebookovi modri #1877F2 je imela kontrast 4,23 (meja 4,5),
   gumbi pa so bili visoki 42 px (meja 44). Modra je potemnjena na #1668D9
   (kontrast 5,2) in še vedno bere kot Facebookova. */
.apus-social-share a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* ZDR – QA 13. 8.: GUMBI ZA DELJENJE end */

/* ZDR – POMOČ V STRANSKI VRSTICI start */
/* korak 113, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak113-plosca/
   Gumb pod menijem v nadzorni plošči delodajalca. Namenoma je mirnejši od
   glavnih gumbov – je pomoč, ne klic k dejanju. */

.zdr-pomoc {
    margin: 18px 12px 6px;
    padding: 16px 16px 18px;
    border: 1px solid #E3E8F5;
    border-radius: 14px;
    background: #F7F9FE;
}

.zdr-pomoc__naslov {
    margin: 0 0 4px;
    font-family: 'Sora', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    color: var(--zdr-a-crna, #0B1230);
}

.zdr-pomoc__poved {
    margin: 0 0 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 12.5px;
    line-height: 1.5;
    color: var(--zdr-a-siva, #3D4664);
}

.zdr-pomoc__gumb {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--zdr-a-modra, #2557E8);
    border-radius: 10px;
    background: #FFFFFF;
    font-family: 'Manrope', sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: var(--zdr-a-modra, #2557E8);
    text-decoration: none;
    word-break: break-all;
    transition: background-color .18s ease, color .18s ease;
}

.zdr-pomoc__gumb:hover,
.zdr-pomoc__gumb:focus-visible {
    background: var(--zdr-a-modra, #2557E8);
    color: #FFFFFF;
}

/* »Dodatna promocija« vodi na /paketi/#boost; glava je lepljiva in visoka
   80 px, zato mora kartica ob skoku ostati pod njo. */
#boost {
    scroll-margin-top: 100px;
}

/* Nakupni postavki na vrhu menija ločimo od ostalih s tanko črto spodaj. */
.sidebar .widget_apus_user_short_profile .nav > li:nth-child(2) {
    border-bottom: 1px solid #E3E8F5;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

@media (prefers-reduced-motion: reduce) {

    .zdr-pomoc__gumb {
        transition: none;
    }
}
/* ZDR – POMOČ V STRANSKI VRSTICI end */

/* ZDR – POPRAVKI 13. 8.: PAKETI IN UGLEDNI start */
/* korak 114, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak114/
   Neprijavljenemu gradnik »Moji paketi« ne izpiše ničesar, ostane pa prazen
   ovoj – da za karticami ni prazne vrzeli, ga skrijemo. */
body:not(.logged-in) .elementor-widget-apus_element_jobs_user_packages {
    display: none;
}
/* ZDR – POPRAVKI 13. 8.: PAKETI IN UGLEDNI end */

/* ZDR – QA 13. 8.: TARČA UPRAVLJAVCA start */
/* korak 114, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak114/
   Naziv upravljavca je na Kontaktu postal povezava na tothemoon.si; na
   telefonu je bila visoka 19 px, kar je premalo za prst. */
@media (max-width: 767px) {

    .zdr-kk__glavno a,
    a.zdr-kk__pod {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}
/* ZDR – QA 13. 8.: TARČA UPRAVLJAVCA end */

/* ZDR – PASICA V STOLPCU: LASTNA VSEBINA start */
/* korak 118, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak118-pasica/
   Kadar skrbnik vpiše svojo kodo ali izbere sliko, pasica ne potrebuje
   vgrajenega besedila – samo okvir prave velikosti. */

.zdr-pasica--slika,
.zdr-pasica--koda {
    display: block;
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
}

.zdr-pasica--koda {
    line-height: 0;
}

.zdr-pasica--koda img,
.zdr-pasica--koda iframe {
    max-width: 100%;
    height: auto;
}

.zdr-pasica__slika--cela {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    filter: none;
    transform: none;
}
/* ZDR – PASICA V STOLPCU: LASTNA VSEBINA end */

/* ZDR – E-NOVICE: BARVE NE GLEDE NA OKOLICO start */
/* korak 121, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak121-enovice/
   Obrazec je odslej tudi na naslovnici, kjer razdelek sili belo pisavo v vse
   naslove. Na svetli kartici je bilo besedilo zato nevidno (kontrast 1,05).
   Barve pripnemo bloku samemu, da je videti enako, kamor koli ga postavimo. */

.zdr-enovice .zdr-enovice__naslov {
    color: var(--zdr-a-crna, #0B1230) !important;
}

.zdr-enovice .zdr-enovice__poved,
.zdr-enovice .zdr-enovice__privolitev {
    color: var(--zdr-a-siva, #3D4664) !important;
}

.zdr-enovice .zdr-enovice__oznaka {
    color: var(--zdr-a-crna, #0B1230) !important;
}

.zdr-enovice .zdr-enovice__polje {
    color: var(--zdr-a-crna, #0B1230) !important;
    background: #FFFFFF !important;
}

.zdr-enovice .zdr-enovice__privolitev a {
    color: var(--zdr-a-modra, #2557E8) !important;
}

.zdr-enovice .zdr-enovice__gumb {
    color: #FFFFFF !important;
    background: var(--zdr-a-modra, #2557E8) !important;
}

.zdr-enovice .zdr-enovice__gumb:hover,
.zdr-enovice .zdr-enovice__gumb:focus-visible {
    color: var(--zdr-a-modra, #2557E8) !important;
    background: #FFFFFF !important;
}
/* ZDR – E-NOVICE: BARVE NE GLEDE NA OKOLICO end */

/* ZDR – POPRAVKI 13. 8. VEČER start */
/* korak 123 · kopija: ~/varnostne-kopije/2026-08-13-korak123/ */

/* --- 1) malo več zraka med razdelki naslovnice ---------------------- */
body.home .elementor-top-section + .elementor-top-section {
    margin-top: 14px;
}

/* --- 2) slika zdravnice v hero razdelku malo manjša ----------------- */
@media (min-width: 992px) {

    .elementor-element-0a7232a img {
        max-width: 258px;   /* prej 292 px */
        height: auto;
    }
}

/* --- 3) gumba v hero razdelku višja, vsebina navpično na sredino ---- */
.zdr-hero-cta__del {
    justify-content: center;   /* naslov + opis na sredino višine */
    min-height: 86px;          /* prej ~73 px */
    padding: 18px 22px;
}

/* --- 4) osamljena siva pika pri datumu na karticah prispevkov ------- */
/* Tema izriše piko kot ločilo med datumom in številom komentarjev.
   Komentarji so skriti (glej »POPRAVKI PO PREGLEDU 28. 7.«), zato je
   pika ostala brez para. */
.top-info .date::before,
.entry-meta .date::before,
article .date::before {
    content: none !important;
    display: none !important;
}

/* --- 5) odgovor v pogostih vprašanjih ni več stisnjen ob naslov ----- */
.elementor-accordion .elementor-tab-content {
    padding-top: 16px !important;
    padding-bottom: 22px !important;
}
/* ZDR – POPRAVKI 13. 8. VEČER end */

/* ZDR – FOTOGRAFIJA V ČLANKU start */
/* korak 125, 13. 8. 2026 · kopija: ~/varnostne-kopije/2026-08-13-korak125/ */
.zdr-clanek-slika {
    margin: 26px 0 30px;
}

.zdr-clanek-slika img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.zdr-clanek-slika figcaption {
    margin-top: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--zdr-a-blaga, #5A6480);
}
/* ZDR – FOTOGRAFIJA V ČLANKU end */

/* ======================================================================
   ZDR – POPRAVKI 14. 8. start
   14. 8. 2026, korak 126.

   Naročnikov seznam:
   1) gumbi treh korakov na naslovnici niso reagirali na klik,
   2) fotografija zdravnice v hero razdelku naj bo manjša,
   3) gumba v hero razdelku na sredino in višja (pod njima je bilo
      videti prazen prostor),
   4) v prispevku več zraka med blokom »Deli to objavo« in ključnimi
      besedami.

   Kopija: ~/varnostne-kopije/2026-08-14-korak126-popravki/
   ====================================================================== */

/* --- 1) gumbi treh korakov morajo biti klikljivi --------------------
   Pravilo iz bloka »IKONE V TREH KORAKIH« postavi celotni kartici
   pointer-events: none, ker kvadratki niso povezave. S tem pa je
   ugasnilo tudi naše gumbe (korak 59), zato so bili videti klikljivi,
   a se ni zgodilo nič. Gumb izvzamemo nazaj.                          */
body.home .widget-features-box .item-inner .zdr-korak__gumb a {
    cursor: pointer;
    pointer-events: auto;
}

/* --- 2) fotografija zdravnice v hero razdelku še malo manjša -------- */
@media (min-width: 992px) {

    .elementor-element-0a7232a img {
        max-width: 220px;   /* korak 123: 258 px, prej 292 px */
        height: auto;
    }
}

/* --- 3) gumba v hero razdelku: vsebina na sredino in višja ----------
   Pod gumboma je bilo veliko praznega prostora, ker sta bila nizka in
   je bilo besedilo stisnjeno ob levi rob.                             */
.zdr-hero-cta__del {
    align-items: center;       /* naslov in opis vodoravno na sredino */
    text-align: center;
    justify-content: center;   /* navpično na sredino (že iz koraka 123) */
    min-height: 112px;         /* korak 123: 86 px */
    padding: 22px 24px;
}

.zdr-hero-cta__naslov {
    font-size: 17px;
}

.zdr-hero-cta__opis {
    font-size: 13.5px;
}

@media (max-width: 767px) {

    .zdr-hero-cta__del {
        min-height: 92px;
        padding: 16px 18px;
    }
}

/* --- 4) razmik med »Deli to objavo« in ključnimi besedami ----------- */
body.single-post .tag-social .apus-social-share.share-blog + .entry-tags-list,
body.single-post .tag-social .entry-tags-list {
    margin-top: 30px;
}

@media (max-width: 767px) {

    body.single-post .tag-social .entry-tags-list {
        margin-top: 22px;
    }
}

/* --- 5) fotografija v članku ne sme biti višja od zaslona -----------
   Slika v članku #10040 je pokončna (603 × 1024) in se je izrisala
   850 × 1474 px — bralec je moral prek nje drsati kot prek plakata.
   Portal ima samo tri lastne nevtralne fotografije in ena je pokončna,
   zato višino omejimo tu; pravilo velja tudi za vse prihodnje slike.  */
   Meja 580 px je izbrana tako, da se ležeča fotografija (razmerje 3:2)
   pri 850 px stolpca izriše CELA — 850 / 1,5 = 567 px. Obreže se torej
   samo tisto, kar bi bilo previsoko, obrazov na skupinskih slikah pa
   ne odreže.                                                          */
.zdr-clanek-slika img {
    max-height: 580px;
    width: 100%;
    object-fit: cover;
    object-position: center 30%;   /* pri obrezu obdrži obraze v kadru */
}

@media (max-width: 767px) {

    .zdr-clanek-slika img {
        max-height: 320px;
    }
}

/* ======================================================================
   ZDR – POPRAVKI 14. 8. end
   ====================================================================== */

/* ======================================================================
   ZDR – KOLIČINA IN IZBRIS NA BLAGAJNI start
   14. 8. 2026, korak 131.

   Gumbi − / + in × v povzetku naročila na blagajni. Izpis pripne filter
   `woocommerce_checkout_cart_item_quantity` (functions.php, isti blok).

   Tarče so 32 px; v vrstici povzetka je prostora malo, zato so manjše od
   priporočenih 44 px, a stojijo narazen in niso ob robu zaslona.

   Kopija: ~/varnostne-kopije/2026-08-14-korak131-blagajna/
   ====================================================================== */

.zdr-kolicina {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
    vertical-align: middle;
}

.zdr-kolicina__gumb,
.zdr-kolicina__brisi {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--zdr-a-obroba, #E2E8F6);
    border-radius: 8px;
    background: #FFFFFF;
    color: var(--zdr-a-modra, #2557E8);
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.zdr-kolicina__gumb:hover:not(:disabled),
.zdr-kolicina__brisi:hover {
    background: var(--zdr-a-modra, #2557E8);
    border-color: var(--zdr-a-modra, #2557E8);
    color: #FFFFFF;
}

.zdr-kolicina__gumb:disabled {
    opacity: .4;
    cursor: default;
}

/* izbris je rdečkast, da se loči od + in − */
.zdr-kolicina__brisi {
    color: #B23B3B;
    margin-left: 4px;
}

.zdr-kolicina__brisi:hover {
    background: #B23B3B;
    border-color: #B23B3B;
}

.zdr-kolicina__st {
    min-width: 22px;
    text-align: center;
    font-weight: 700;
    color: var(--zdr-a-temna, #0B1230);
}

/* med čakanjem na odziv strežnika */
.zdr-kolicina--dela {
    opacity: .5;
    pointer-events: none;
}

.zdr-kolicina__gumb:focus-visible,
.zdr-kolicina__brisi:focus-visible {
    outline: 3px solid #7FB2FF;
    outline-offset: 2px;
}

/* v povzetku naj ima ime izdelka svojo vrstico, gumbi pa svojo */
.woocommerce-checkout-review-order .cart_item .product-name {
    line-height: 1.5;
}

/* ======================================================================
   ZDR – KOLIČINA IN IZBRIS NA BLAGAJNI end
   ====================================================================== */

/* ======================================================================
   ZDR – ODSTOTEK SPRETNOSTI VEN start
   14. 8. 2026, korak 132.

   Naročnik: »Odstotek spretnosti lahko kar odstraniš, uporabniki se itak
   ne morejo registrirati na portal in ne rabijo nič funkcij.«

   Gradnik `apus_user_short_profile` v stranski vrstici je iz teme in je
   namenjen KANDIDATOM: kaže odstotek izpolnjenosti profila in vabi k
   izpolnjevanju življenjepisa. Na tem portalu kandidatov ni — registrirajo
   se samo delodajalci — zato je bil ta blok za delodajalca nesmiseln
   (opazil sem ga 14. 8. na blagajni).

   Skrijemo ga s CSS, ker je izpis v temi Superio
   (`superio/widgets/user-short-profile.php:120`), te pa se ne dotikamo.
   Ostalo v gradniku (ime, slika, gumb »Ogled profila«, meni) ostane.

   Kopija: ~/varnostne-kopije/2026-08-14-korak132-spretnosti/
   ====================================================================== */

.skill-percents {
    display: none !important;
}

/* ======================================================================
   ZDR – ODSTOTEK SPRETNOSTI VEN end
   ====================================================================== */

/* ======================================================================
   ZDR – ENA STRAN ZA BOOSTE start
   14. 8. 2026, korak 134.

   Razdelek za nakup Boosta pod seznamom kupljenih (functions.php,
   isti blok). Gumb »Kupi Boost« v glavi seznama je na tej strani skrit,
   ker je nakup tik spodaj.

   Kopija: ~/varnostne-kopije/2026-08-14-korak134-boosti/
   ====================================================================== */

/* na strani Boostov je gumb v glavi odveč – nakup je spodaj */
body.zdr-boosti-stran .zdr-boosti__kupi {
    display: none;
}

.zdr-boost-nakup {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid var(--zdr-a-obroba, #E2E8F6);
}

.zdr-boost-nakup__naslov {
    font-family: 'Sora', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--zdr-a-temna, #0B1230);
    margin: 0 0 6px;
}

.zdr-boost-nakup__uvod {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--zdr-a-siva, #5A6480);
    margin: 0 0 18px;
    max-width: 68ch;
}

.zdr-boost-nakup__kartica {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border: 1px solid var(--zdr-a-obroba, #E2E8F6);
    border-radius: 14px;
    background: #FFFFFF;
}

.zdr-boost-nakup__kartica + .zdr-boost-nakup__kartica {
    margin-top: 14px;
}

.zdr-boost-nakup__opis {
    flex: 1 1 320px;
    min-width: 0;
}

.zdr-boost-nakup__opis h4 {
    font-family: 'Sora', sans-serif;
    font-size: 16.5px;
    font-weight: 700;
    color: var(--zdr-a-temna, #0B1230);
    margin: 0 0 6px;
}

.zdr-boost-nakup__besedilo {
    font-size: 14px;
    line-height: 1.6;
    color: var(--zdr-a-siva, #5A6480);
}

.zdr-boost-nakup__besedilo p {
    margin: 0 0 4px;
}

.zdr-boost-nakup__desno {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
}

.zdr-boost-nakup__cena {
    display: flex;
    align-items: baseline;
    gap: 7px;
    font-family: 'Sora', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: var(--zdr-a-temna, #0B1230);
}

.zdr-boost-nakup__cena .amount,
.zdr-boost-nakup__cena bdi {
    font-size: inherit;
    color: inherit;
}

.zdr-boost-nakup__ddv {
    font-family: 'Manrope', sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--zdr-a-siva, #5A6480);
}

.zdr-boost-nakup__obrazec {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.zdr-boost-nakup__oznaka {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--zdr-a-siva, #5A6480);
    margin: 0;
}

.zdr-boost-nakup__stevilo {
    width: 74px;
    height: 46px;
    padding: 0 10px;
    border: 1px solid var(--zdr-a-obroba, #E2E8F6);
    border-radius: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: var(--zdr-a-temna, #0B1230);
    background: #FFFFFF;
}

/* Razred .zdr-gumb--polni na portalu ni samostojen — povsod je zapisan
   skupaj z nadrejenim elementom (.zdr-korak__gumb, .zdr-nadzorna__gumbi).
   Zato videz gumba tu zapišemo v celoti, sicer ostane siv sistemski gumb. */
.zdr-boost-nakup__obrazec .zdr-gumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, #2F63F0 0%, #1A3FC4 100%);
    color: #FFFFFF !important;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(26, 63, 196, .28);
    transition: filter .15s ease, box-shadow .15s ease;
}

.zdr-boost-nakup__obrazec .zdr-gumb:hover,
.zdr-boost-nakup__obrazec .zdr-gumb:focus {
    filter: brightness(1.07);
    box-shadow: 0 8px 20px rgba(26, 63, 196, .34);
}

.zdr-boost-nakup__obrazec .zdr-gumb:focus-visible {
    outline: 3px solid #7FB2FF;
    outline-offset: 2px;
}

@media (max-width: 767px) {

    .zdr-boost-nakup__kartica {
        padding: 16px 16px;
    }

    .zdr-boost-nakup__desno {
        align-items: stretch;
        width: 100%;
    }

    .zdr-boost-nakup__obrazec {
        width: 100%;
    }

    .zdr-boost-nakup__obrazec .zdr-gumb {
        flex: 1 1 auto;
        justify-content: center;
    }
}

/* ======================================================================
   ZDR – ENA STRAN ZA BOOSTE end
   ====================================================================== */

/* ======================================================================
   ZDR – POMOČ NA DVA NASLOVA start
   14. 8. 2026, korak 140.

   Poleg videza pomoči tu poravnamo še dvoje s strani »Oglasi in paketi«
   (korak 138):
   · gumb »Objavi oglas« je bil siv sistemski gumb Elementorja,
   · gradnik »Moji paketi« je pod seboj ponujal gumb »Oglejte si pakete«,
     kar je odveč, ker so kartice paketov tik pod njim na isti strani.

   Kopija: ~/varnostne-kopije/2026-08-14-korak140-pomoc/
   ====================================================================== */

/* --- pomoč z dvema naslovoma --------------------------------------- */

.zdr-pomoc--dvojna .zdr-pomoc__vrsta + .zdr-pomoc__vrsta {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--zdr-a-obroba, #E2E8F6);
}

.zdr-pomoc--dvojna .zdr-pomoc__opis {
    margin: 0 0 6px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--zdr-a-temna, #0B1230);
}

.zdr-pomoc--dvojna .zdr-pomoc__gumb {
    display: inline-block;
    font-size: 12.5px;
    word-break: break-all;
}

.zdr-pomoc--dvojna .zdr-pomoc__odziv {
    margin: 12px 0 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--zdr-a-siva, #5A6480);
}

/* --- gumb »Objavi oglas« na združeni strani ------------------------- */

#zdr-objavi-oglas .elementor-button,
#zdr-objavi-oglas.elementor-button {
    background: linear-gradient(180deg, #2F63F0 0%, #1A3FC4 100%);
    border: 0;
    border-radius: 12px;
    padding: 15px 26px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FFFFFF;
    box-shadow: 0 6px 16px rgba(26, 63, 196, .28);
    transition: filter .15s ease, box-shadow .15s ease;
}

#zdr-objavi-oglas .elementor-button:hover,
#zdr-objavi-oglas.elementor-button:hover {
    filter: brightness(1.07);
    box-shadow: 0 8px 20px rgba(26, 63, 196, .34);
    color: #FFFFFF;
}

/* malo zraka okoli gumba, da ne visi na naslovu pod njim */
.page-id-9856 #zdr-objavi-oglas,
.page-id-9857 #zdr-objavi-oglas {
    margin: 4px 0 26px;
}

/* --- odvečni gumb pod »Moji paketi« -------------------------------- */

/* Gradnik teme ponudi pot na /paketi/, kadar delodajalec paketa nima.
   Na tej strani so kartice paketov spodaj, zato je gumb odveč. */
.page-id-9856 .elementor-widget-apus_element_jobs_user_packages .btn-theme,
.page-id-9856 .elementor-widget-apus_element_jobs_user_packages .btn,
.page-id-9857 .elementor-widget-apus_element_jobs_user_packages .btn-theme,
.page-id-9857 .elementor-widget-apus_element_jobs_user_packages .btn {
    display: none;
}

/* --- Boost ne sodi med pakete za objavo ----------------------------
   Na strani »Oglasi in paketi« so paketi za objavo oglasov; Boost je
   promocija in se kupi na strani »Dodatne promocije«.

   Kartice riše filter `zdravstvena_kartice_paketov()` v functions.php
   (NE predloga template-paid-listings/packages.php — ta se uporablja
   drugje), Boost pa tam dobi `id="boost"`. Zato ga skrijemo s CSS:
   koda ostane nedotaknjena in na /paketi/ je Boost še naprej viden. */
.page-id-9856 .zdr-paketi #boost,
.page-id-9857 .zdr-paketi #boost {
    display: none;
}

/* ======================================================================
   ZDR – POMOČ NA DVA NASLOVA end
   ====================================================================== */

/* ======================================================================
   ZDR – ENOTNE PODSTRANI NADZORNE PLOŠČE start
   14. 8. 2026, korak 145.

   Naročnik: »poravnavo daj isto kot pri nadzorni plošči (mora iti naslov
   malo bolj dol in content bolj v desno od sidebara), tudi levo mora biti
   nek spacing. Torej na vseh podstraneh te nadzorne plošče mora biti malo
   spacinga gor, malo do footerja in malo levo in desno, vse podstrani naj
   imajo enake spacinge.« In: »Vsi naslovi na podstraneh pri delodajalcih
   znotraj nadzorne naj bodo odebeljeni kot je Spremeni geslo.«

   Izmerjeno pred posegom (vse podstrani, 1440 px):
     · `.main-page` se začne pri 360 px in nima nobenega odmika,
     · naslovi so bili neenotni:
         »Spremeni geslo«   h3.widget-title  700 · 30 px · #1A2B4B   (vzorec)
         »Statistika prijav« h3.title         500 · 30 px · #202124
         »Uredi profil«      h1.title         500 · 30 px · #202124
         »Oglasi in paketi«  h1 (Elementor)   700 · 32 px · #0B1230, in
                                              je stal 60 px višje od ostalih.

   Vse podstrani imajo `body.page-template-page-dashboard`, zato zadostuje
   eno pravilo za odmike in eno za naslove.

   Kopija: ~/varnostne-kopije/2026-08-14-korak145-plosca/
   ====================================================================== */

/* --- 1) enaki odmiki na vseh podstraneh ----------------------------- */

body.page-template-page-dashboard .main-page {
    padding: 34px 32px 64px 36px;
}

@media (max-width: 991px) {

    body.page-template-page-dashboard .main-page {
        padding: 22px 15px 44px;
    }
}

/* --- 2) glavni naslov podstrani: povsod enak ------------------------
   Vzorec je »Spremeni geslo« (h3.widget-title): 700, 30 px, #1A2B4B.

   Naslov v stranski vrstici (ime delodajalca) je v `aside.sidebar`, torej
   izven `.main-page`, in ostane nedotaknjen.                            */

body.page-template-page-dashboard .main-page .site-main h1,
body.page-template-page-dashboard .main-page .site-main h3.title,
body.page-template-page-dashboard .main-page .widget-title,
body.page-template-page-dashboard .main-page .elementor-widget-heading h1.elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    color: #1A2B4B;
    margin-top: 0;
}

/* Elementorjeve podstrani (Oglasi in paketi, Dodatne promocije) so imele
   naslov 60 px višje kot ostale, ker njihova prva sekcija nima zgornjega
   odmika, ki ga ima ovoj teme. Poravnamo ju z ostalimi podstranmi. */
body.page-template-page-dashboard .main-page .site-main > .elementor {
    padding-top: 60px;
}

body.page-template-page-dashboard .main-page .elementor-widget-heading h1.elementor-heading-title {
    margin-bottom: 6px;
}

/* podnaslovi razdelkov znotraj podstrani */
body.page-template-page-dashboard .main-page .elementor-widget-heading h2.elementor-heading-title {
    font-family: 'Sora', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #1A2B4B;
    margin-top: 26px;
}

@media (max-width: 767px) {

    body.page-template-page-dashboard .main-page > .site-main h1,
    body.page-template-page-dashboard .main-page .widget-title,
    body.page-template-page-dashboard .main-page .site-main > .title,
    body.page-template-page-dashboard .main-page .elementor-widget-heading h1.elementor-heading-title {
        font-size: 24px;
    }

    body.page-template-page-dashboard .main-page .elementor-widget-heading h2.elementor-heading-title {
        font-size: 19px;
    }
}

/* ======================================================================
   ZDR – ENOTNE PODSTRANI NADZORNE PLOŠČE end
   ====================================================================== */

/* ======================================================================
   ZDR – BOOST KOT KARTICA PAKETA start
   14. 8. 2026, korak 146.

   Kartica Boosta na strani »Dodatne promocije« uporablja iste razrede kot
   paketi (`.zdr-paket`), zato podeduje ves videz. Tu je samo tisto, kar
   je pri Boostu drugače: kartica stoji sama (ne v mreži petih) in ima nad
   gumbom še polje za količino.

   Kopija: ~/varnostne-kopije/2026-08-14-korak146-boost/
   ====================================================================== */

.zdr-boost-nakup__naslov {
    font-family: 'Sora', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #1A2B4B;
    margin: 30px 0 6px;
}

.zdr-boost-nakup__uvod {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--zdr-a-siva, #5A6480);
    margin: 0 0 20px;
    max-width: 68ch;
}

/* ena sama kartica naj ne bo raztegnjena čez celo širino */
.zdr-paketi--boost {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.zdr-paketi--boost .zdr-paket {
    flex: 0 1 320px;
    max-width: 360px;
}

/* količina in gumb v podnožju kartice */
.zdr-paket--boost .zdr-boost-nakup__obrazec {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 16px 0 0;
}

.zdr-paket--boost .zdr-boost-nakup__oznaka {
    font-size: 13px;
    font-weight: 600;
    color: var(--zdr-a-siva, #5A6480);
    margin: 0;
    white-space: nowrap;
}

.zdr-paket--boost .zdr-boost-nakup__stevilo {
    width: 68px;
    height: 46px;
    padding: 0 8px;
    border: 1px solid var(--zdr-a-obroba, #E2E8F6);
    border-radius: 10px;
    font-family: 'Manrope', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: var(--zdr-a-temna, #0B1230);
    background: #FFFFFF;
}

.zdr-paket--boost .zdr-paket__gumb {
    flex: 1 1 auto;
    margin-top: 0;
}

@media (max-width: 767px) {

    .zdr-paketi--boost .zdr-paket {
        flex: 1 1 100%;
        max-width: none;
    }
}

/* ======================================================================
   ZDR – BOOST KOT KARTICA PAKETA end
   ====================================================================== */

/* ======================================================================
   ZDR – MOBILNI POPRAVKI start
   14. 8. 2026, korak 149.

   Naročnik je na telefonu opazil »črne naslove, ki na modri podlagi niso
   vidni« in »neusklajenost spacingov levo desno«.

   IZMERJENO (375 px):

   1) Stran PAKETI je edina, ki ima v modri glavi TEMEN naslov:
        /paketi/   naslov rgb(26,43,75)  · podnaslov rgb(119,131,143)
        /kontakt/, /pogosta-vprasanja/, /ugledni-delodajalci/, /o-nas/
                   naslov rgb(255,255,255)
      Kontrast naslova proti prelivu je bil 1,0–1,4 — praktično neviden.
      Napaka je na obeh širinah, le na telefonu bolj bode v oči.

   2) Levi robovi na naslovnici so se razhajali: naslovi razdelkov pri
      15 px, kartice pa pri 23 px z različnimi notranjimi odmiki —
      `item-inner` 20 px (naslov pade na 44 px), `employer-grid` 15 px
      (naslov na 39 px). Zato so se naslovi v sosednjih razdelkih zamikali
      za nekaj pikslov, kar je vidno kot »neporavnano«.

   Vodoravnega drsenja ni na nobeni od dvanajstih pregledanih strani.

   Kopija: ~/varnostne-kopije/2026-08-14-korak149-mobilni/
   ====================================================================== */

/* --- 1) modra glava strani Paketi: belo besedilo --------------------
   Ciljamo prvo sekcijo s prelivom na straneh paketov (SL #9465, EN #1699),
   da ne posežemo v kartice paketov pod njo.                            */

.page-id-9465 #main > .elementor > .elementor-top-section:first-child h1,
.page-id-9465 #main > .elementor > .elementor-top-section:first-child h2,
.page-id-1699 #main > .elementor > .elementor-top-section:first-child h1,
.page-id-1699 #main > .elementor > .elementor-top-section:first-child h2 {
    color: #FFFFFF !important;
}

.page-id-9465 #main > .elementor > .elementor-top-section:first-child p,
.page-id-9465 #main > .elementor > .elementor-top-section:first-child .elementor-widget-text-editor,
.page-id-1699 #main > .elementor > .elementor-top-section:first-child p,
.page-id-1699 #main > .elementor > .elementor-top-section:first-child .elementor-widget-text-editor {
    color: rgba(255, 255, 255, .88) !important;
}

/* --- 1b) popravek moje regresije iz koraka 145 ----------------------
   Stran PAKETI (#9465 SL, #1699 EN) uporablja predlogo `page-dashboard`,
   čeprav je javna stran. Odmiki, ki sem jih v koraku 145 dodal vsem
   podstranem nadzorne plošče, so ji zato ustvarili 82 px prazne reže med
   glavo in modrim pasom — druge javne strani je nimajo. Izvzamemo jo.   */

body.page-id-9465 .main-page,
body.page-id-1699 .main-page {
    padding: 0;
}

/* korak 145 je Elementorjevim podstranem dodal še 60 px na vrhu — na
   strani Paketi to ni potrebno, ker ima modri pas svoj lasten odmik */
body.page-id-9465 .main-page .site-main > .elementor,
body.page-id-1699 .main-page .site-main > .elementor {
    padding-top: 0;
}

/* --- 2) poravnani robovi kartic na telefonu ------------------------- */

@media (max-width: 767px) {

    /* kartice treh korakov, prednosti in uglednih delodajalcev so imele
       notranje odmike 15 oz. 20 px — poenotimo jih */
    body.home .widget-features-box .item-inner,
    body.home .employer-grid,
    body.home .widget-employers .employer-grid {
        padding-left: 18px;
        padding-right: 18px;
    }

    /* kartica in naslov razdelka naj se začneta na isti navpičnici */
    body.home .widget-features-box .slick-slide,
    body.home .widget-employers .slick-slide {
        padding-left: 0;
        padding-right: 0;
    }

    /* Kartici »Za delodajalce« in »Za iskalce zaposlitve« sta notranji
       sekciji: zunanji stolpec jima je dodal 20 px, kartica pa še 20 px,
       zato je naslov padel na 55 px namesto na ~34 px kot drugod.
       Notranjo sekcijo povlečemo nazaj na rob razdelka; kartičin lastni
       odmik ostane, da se besedilo ne dotika roba. */
    body.home .elementor-inner-section {
        margin-left: -20px;
        margin-right: -20px;
    }

    /* hero je prav tako notranja sekcija, a je že poravnan — brez tega
       bi ga zgornje pravilo potisnilo na 10 px namesto na 15 px */
    body.home #main > .elementor > .elementor-top-section:first-child .elementor-inner-section {
        margin-left: 0;
        margin-right: 0;
    }
}

/* ======================================================================
   ZDR – MOBILNI POPRAVKI end
   ====================================================================== */

/* ======================================================================
   ZDR – ENOTNI GUMBI  (15. 8. 2026, korak 154) start

   Popis (qa/gumbi-popis.mjs) je našel 91 gumbov v 12 slogih in tri modre.
   Vzrok nista bila nered in naključje, ampak DVA sklopa spremenljivk v tej
   datoteki: starejši (--zdr-modra #1967D2, --zdr-r-gumb 9px) in novejši
   blagovni (--zdr-a-modra #2557E8). Gumbi so bili razdeljeni med oba.

   Merilo je gumb v glavi (»Objavi oglas«): r=12px, višina 50px, Sora 14,5/700.

   Načelo: obliko in tipografijo poenotimo POVSOD, barvo pa spremenimo samo
   pri polnih gumbih. Prosojni gumbi ležijo na modri podlagi — če bi jim dali
   modro ozadje, bi izginili.

   Varnostna kopija: ~/varnostne-kopije/2026-08-15-korak154-enotni-gumbi/
   ====================================================================== */

:root {
    --zdr-g-modra:       #2557E8;
    --zdr-g-modra-temna: #1A3FC4;
    --zdr-g-r:           12px;
    --zdr-g-visina:      50px;
}

/* --- 1. oblika in tipografija: velja za vse gumbe --------------------- */
.btn-theme,
.btn-submit,
.btn-theme-light,
.wpcf7-submit,
.zdr-enovice__gumb,
.account-sign-in .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.elementor-button {
    border-radius: var(--zdr-g-r) !important;
    min-height: var(--zdr-g-visina);
    padding: 12px 20px !important;
    font-family: 'Sora', sans-serif;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.5;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* --- 2. barva: samo polni gumbi --------------------------------------- */
.btn-submit,
.wpcf7-submit,
.zdr-enovice__gumb,
.account-sign-in .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce button.button.alt {
    background: var(--zdr-g-modra) !important;
    border: 1px solid var(--zdr-g-modra) !important;
    color: #fff !important;
}
.btn-submit:hover,
.btn-submit:focus-visible,
.wpcf7-submit:hover,
.zdr-enovice__gumb:hover,
.account-sign-in .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover {
    background: var(--zdr-g-modra-temna) !important;
    border-color: var(--zdr-g-modra-temna) !important;
    color: #fff !important;
}

/* --- 3. iskalni gumbi: bili so 60px visoki in v stari modri ----------- */
.btn-submit.btn-inverse {
    height: var(--zdr-g-visina) !important;
}

/* --- 4. prosojni gumb na modri podlagi: samo oblika, barva ostane ----- */
.job-search-form .btn-submit[style*="transparent"],
.search-jobs-form .btn-submit {
    min-height: var(--zdr-g-visina);
}

/* --- 5. »Za dostop do te strani se morate prijaviti« ------------------ */
/* Povezava je imela razred .button, a je tema tega razreda ne stilizira —
   izpisala se je kot navadno besedilo, visoko 21px. */
.account-sign-in .button {
    margin-left: 8px;
    text-decoration: none !important;
}

/* --- 6. Elementorjevi gumbi: obrat bela/modra je pravilen ------------- */
/* Barve pustimo (bel gumb na modri podlagi), poravnamo le obliko in višino.
   Pravila po straneh imajo večjo specifičnost, zato !important. */
.elementor .elementor-element .elementor-button {
    border-radius: var(--zdr-g-r) !important;
    min-height: var(--zdr-g-visina);
    font-size: 14.5px !important;
    font-weight: 700 !important;
}

/* --- 7. tekstovna povezava »Preberi več« ni gumb ---------------------- */
.btn-readmore {
    min-height: 0;
    padding: 0 !important;
    display: inline-block !important;
    border-radius: 0 !important;
}

/* --- 8. telefon: tarča naj ne pade pod 44px --------------------------- */
@media (max-width: 767px) {
    .btn-theme,
    .btn-submit,
    .btn-theme-light,
    .wpcf7-submit,
    .zdr-enovice__gumb,
    .account-sign-in .button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .elementor .elementor-element .elementor-button {
        min-height: 46px;
    }
}

/* ======================================================================
   ZDR – ENOTNI GUMBI end
   ====================================================================== */

/* ======================================================================
   ZDR – ENOTNI GUMBI: obrazec Kontakt  (15. 8. 2026, korak 154b) start

   Gumb »Pošlji sporočilo« je edini ostal pri zaobljenosti 13px. Pravilo po
   strani (vrstica ~3193) ima večjo specifičnost od splošnega, zato ga tu
   ponovimo z ENAKIM izbirnikom — pri enaki specifičnosti zmaga poznejši.
   Popravimo samo polmer; preliv in senca sta namerna in ostaneta.
   ====================================================================== */

body.page-id-9457 .wpcf7 form.wpcf7-form input.wpcf7-submit,
body.page-id-32 .wpcf7 form.wpcf7-form input.wpcf7-submit {
    border-radius: var(--zdr-g-r) !important;
}

/* ======================================================================
   ZDR – ENOTNI GUMBI: obrazec Kontakt end
   ====================================================================== */

/* ======================================================================
   ZDR – PAKET PO MERI: beli naslov in enaki odmiki  (15. 8. 2026, korak 156) start

   Naslov »Potrebujete paket po meri?« je bil #1A2B4B (temno moder) na modrem
   prelivu — ista vrsta napake kot modri kvadratek na strani O nas (korak 103).
   Izmerjeno: barva rgb(26,43,75) na prelivu, torej praktično neviden.

   Odmiki: nad naslovom je bilo 36px odmika odseka + 26px roba naslova = 62px,
   pod gumbom pa samo 36px. Od tod občutek, da je zgoraj več kot spodaj.
   Rob naslova damo na 0, odmik odseka pa zmanjšamo in izenačimo.

   SL: stran 9465, naslov 71754a5, odsek c4dd207
   EN: stran 1699, naslov 6cfdbdb, odsek 4a7dbb8

   Varnostna kopija: ~/varnostne-kopije/2026-08-15-korak156-paket-po-meri/
   ====================================================================== */

/* --- 1. naslov v belo ------------------------------------------------- */
body.page-id-9465 .elementor .elementor-element.elementor-element-71754a5 .elementor-heading-title,
body.page-id-1699 .elementor .elementor-element.elementor-element-6cfdbdb .elementor-heading-title {
    color: #FFFFFF !important;
}

/* --- 2. rob naslova na 0, da odmik določa odsek ----------------------- */
body.page-id-9465 .elementor .elementor-element.elementor-element-71754a5 .elementor-heading-title,
body.page-id-1699 .elementor .elementor-element.elementor-element-6cfdbdb .elementor-heading-title {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}
body.page-id-9465 .elementor .elementor-element.elementor-element-71754a5,
body.page-id-1699 .elementor .elementor-element.elementor-element-6cfdbdb {
    margin-top: 0 !important;
}

/* --- 3. odmik odseka: manjši in enak zgoraj kot spodaj ---------------- */
body.page-id-9465 .elementor .elementor-element.elementor-element-c4dd207 > .elementor-container,
body.page-id-1699 .elementor .elementor-element.elementor-element-4a7dbb8 > .elementor-container {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

@media (max-width: 767px) {
    body.page-id-9465 .elementor .elementor-element.elementor-element-c4dd207 > .elementor-container,
    body.page-id-1699 .elementor .elementor-element.elementor-element-4a7dbb8 > .elementor-container {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }
}

/* ======================================================================
   ZDR – PAKET PO MERI end
   ====================================================================== */

/* ======================================================================
   ZDR – VRSTNI RED NA STRANI OGLASA (telefon)  (15. 8. 2026, korak 157) start

   Izmerjeno pri 375 px: gumb »Prijavi se« je bil šele na 6774 px, ker je bil
   pred njim cel seznam sorodnih zaposlitev, visok 1786 px. Obiskovalec je
   moral do prijave prescrollati pol strani.

   Ovira: sorodne zaposlitve so ZNOTRAJ levega stolpca, gumb pa v stranskem —
   z navadnim vrstnim redom se jih ne da prepletati. Zato levemu stolpcu na
   telefonu vzamemo okvir (`display: contents`), da njegovi otroci postanejo
   neposredni elementi vrstice in jih je mogoče razvrstiti med seboj.

   Ker s tem izgubimo 15 px stranskega odmika stolpca, ga prestavimo na
   vrstico — širina vsebine ostane 345 px, natanko kot prej.

   Velja SAMO na telefonu; na namizju ostane dvostolpčna postavitev nedotaknjena.

   Varnostna kopija: ~/varnostne-kopije/2026-08-15-korak157-vrstni-red-oglas/
   ====================================================================== */

@media (max-width: 767px) {

    .row.content-job-detail {
        display: flex;
        flex-direction: column;
        padding-left: 15px;
        padding-right: 15px;
    }

    /* stolpec se odpove svojemu okviru, otroci gredo v vrstico */
    .row.content-job-detail > .list-content-job {
        display: contents;
    }

    /* odmik zdaj daje vrstica, sicer bi se podvojil */
    .row.content-job-detail > .sidebar-job {
        padding-left: 0;
        padding-right: 0;
    }

    /* vrstni red: naslov, podatki, opis, PRIJAVI SE, ostalo, sorodne */
    .row.content-job-detail .job-detail-header      { order: 1; }
    .row.content-job-detail .job-detail-detail      { order: 2; }
    .row.content-job-detail .job-detail-description { order: 3; }
    .row.content-job-detail > .sidebar-job          { order: 4; }
    .row.content-job-detail .sharebox-job           { order: 5; }
    .row.content-job-detail .job-detail-portfolio   { order: 6; }
    .row.content-job-detail .widget.releated-jobs   { order: 99; }
}

/* ======================================================================
   ZDR – VRSTNI RED NA STRANI OGLASA end
   ====================================================================== */

/* ======================================================================
   ZDR – PRAZEN SEZNAM DELODAJALCEV  (15. 8. 2026, korak 163) start
   ====================================================================== */

.zdr-prazno-delodajalci {
    margin: 18px 0 8px;
    padding: 26px 24px;
    background: #fff;
    border: 1px solid var(--zdr-obroba);
    border-radius: var(--zdr-r-kartica);
    text-align: center;
}
.zdr-prazno-delodajalci p {
    margin: 0 0 16px;
    color: var(--zdr-sivo);
    font-size: 15px;
    line-height: 1.6;
}

@media (max-width: 767px) {
    .zdr-prazno-delodajalci { padding: 22px 16px; }
    .zdr-prazno-delodajalci .btn { width: 100%; }
}

/* ======================================================================
   ZDR – PRAZEN SEZNAM DELODAJALCEV end
   ====================================================================== */

/* ======================================================================
   ZDR – NAKUP IN KOŠARICA  (16. 8. 2026, korak 166) start

   Na telefonu je vsebina košarice in blagajne segala do roba zaslona
   (izmerjeno: brez stranskega odmika). Damo enak odmik kot drugod, 15 px.
   ====================================================================== */

.zdr-odstrani {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    width: auto !important;
    height: auto !important;
    padding: 6px 12px 6px 8px !important;
    border-radius: var(--zdr-g-r, 12px) !important;
    background: #fff !important;
    border: 1px solid var(--zdr-obroba) !important;
    color: var(--zdr-sivo) !important;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
}
.zdr-odstrani:hover {
    border-color: #d63638 !important;
    color: #d63638 !important;
    background: #fff !important;
}
.zdr-odstrani__x { font-size: 17px; line-height: 1; }

.zdr-prijava-ovoj {
    margin: 18px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--zdr-obroba);
    border-radius: var(--zdr-r-kartica);
}
.zdr-prijava-ovoj p { margin: 0 0 14px; color: var(--zdr-sivo); font-size: 14.5px; }

/* --- odmik ob robu na telefonu: košarica, blagajna, moj račun --------- */
@media (max-width: 767px) {
    .woocommerce-cart .entry-content,
    .woocommerce-checkout .entry-content,
    .woocommerce-account .entry-content,
    .woocommerce-cart .woocommerce,
    .woocommerce-checkout .woocommerce,
    .woocommerce-account .woocommerce {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* tabela košarice je široka; naj drsi znotraj svojega okvirja,
       ne da bi potegnila celo stran */
    .woocommerce-cart-form,
    .woocommerce table.shop_table_responsive {
        max-width: 100%;
        overflow-x: auto;
    }

    .zdr-odstrani { width: 100% !important; justify-content: center; }
}

/* ======================================================================
   ZDR – NAKUP IN KOŠARICA end
   ====================================================================== */

/* ======================================================================
   ZDR – POVEZAVA NA ČLANEK O BOOSTU  (16. 8. 2026, korak 168) start
   ====================================================================== */

.zdr-paket__vec {
    display: block;
    margin: 4px 0 14px;
    padding: 10px 12px;
    background: var(--zdr-modra-svetla, #e8f0fe);
    border-radius: var(--zdr-g-r, 12px);
    color: var(--zdr-g-modra, #2557E8);
    font-size: 13.5px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}
.zdr-paket__vec:hover,
.zdr-paket__vec:focus-visible {
    background: var(--zdr-g-modra, #2557E8);
    color: #fff;
}

/* --- povezava na registracijo pod prijavnim obrazcem ------------------ */
.zdr-registracija {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--zdr-obroba);
    font-size: 14px;
    color: var(--zdr-sivo);
}
.zdr-registracija__povezava {
    font-weight: 700;
    color: var(--zdr-g-modra, #2557E8);
}

/* ======================================================================
   ZDR – POVEZAVA NA ČLANEK O BOOSTU end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMB NA ČLANEK O BOOSTU: TARČA  (17. 8. 2026, korak 181) start

   Vizualni QA je po koraku 168 javil, da je povezava »Kaj sploh je Boost
   oglas?« na telefonu visoka samo 39 px — pod mejo 44 px, ki jo zahteva
   dostopnost in ki jo drugod na portalu držimo.
   ====================================================================== */

.zdr-paket__vec {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .zdr-paket__vec {
        min-height: 46px;
        padding: 10px 14px;
    }
}

/* ======================================================================
   ZDR – GUMB NA ČLANEK O BOOSTU: TARČA end
   ====================================================================== */

/* ======================================================================
   ZDR – POJASNILO PO NAKUPU Z UPN  (17. 8. 2026, korak 182) start
   ====================================================================== */

.zdr-po-nakupu__sprozi {
    border: 0;
    cursor: pointer;
    font: inherit;
}

.zdr-po-nakupu__pojasnilo {
    margin: 14px 0 0;
    padding: 16px 18px;
    background: var(--zdr-modra-svetla, #e8f0fe);
    border: 1px solid var(--zdr-obroba);
    border-left: 4px solid var(--zdr-g-modra, #2557E8);
    border-radius: var(--zdr-r-kartica, 12px);
}
.zdr-po-nakupu__pojasnilo p { margin: 0 0 8px; font-size: 14.5px; line-height: 1.6; }
.zdr-po-nakupu__pojasnilo p:last-child { margin-bottom: 0; }
.zdr-po-nakupu__pojasnilo[hidden] { display: none; }

@media (max-width: 767px) {
    .zdr-po-nakupu__pojasnilo { padding: 14px; }
}

/* ======================================================================
   ZDR – POJASNILO PO NAKUPU Z UPN end
   ====================================================================== */

/* ======================================================================
   ZDR – PAKETI: BREZ DDV IN RAZMIK start
   18. 8. 2026, korak 187. Naročnikov seznam, točki 3 in 4.
   »brez DDV« je povsod enako drobno, med ceno in seznamom lastnosti
   pa je več zraka. Kopija: ~/varnostne-kopije/2026-08-18-korak187-paketi/
   ====================================================================== */

.zdr-paket__ddv {
    font-family: 'Manrope', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .01em;
    color: var(--zdr-a-siva-blaga, #5A6480);
}

/* Cena celega paketa stoji v isti vrstici kot »brez DDV«. Tam mora biti
   evro enako velik kot besedilo — privzeto je 16 px in vrstica poskoči. */
.zdr-paket__opomba .zdr-paket__valuta {
    font-size: inherit;
    font-weight: inherit;
    margin-left: 2px;
}

body.page-id-9465 .zdr-paket__opomba,
body.page-id-1699 .zdr-paket__opomba,
.zdr-paket__opomba {
    padding-bottom: 26px;
    margin-bottom: 34px;
}

/* ======================================================================
   ZDR – PAKETI: BREZ DDV IN RAZMIK end
   ====================================================================== */

/* ======================================================================
   ZDR – NOGA NAD FIKSNIM ISKALNIKOM start
   18. 8. 2026, korak 188. Naročnikov seznam, točka 9.
   Filtrirna vrstica na /seznam-zaposlitev/ je position: fixed (tema,
   layout-type-fullwidth). Zato je ostala na zaslonu tudi ob nogi in se
   je besedilo noge prepletalo z iskalnikom. Noga se odslej izrise cez
   vrstico; glava (z-index 3) ostane nad obema.
   Kopija: ~/varnostne-kopije/2026-08-18-korak188-noga/
   ====================================================================== */

@media (min-width: 992px) {
    .layout-type-fullwidth .filter-sidebar {
        z-index: 1;
    }
    .apus-footer {
        position: relative;
        z-index: 2;
    }
}

/* ======================================================================
   ZDR – NOGA NAD FIKSNIM ISKALNIKOM end
   ====================================================================== */



/* ======================================================================
   ZDR – GLAVA PRI DOLGEM IMENU FIRME start
   18. 8. 2026, korak 189. Naročnikov seznam, točka 1.
   Med 1200 in 1379 px je glava široka 1240 px in se je ob dolgem imenu
   firme meni prelomil v dve vrsti (glava 80 -> 116 px). Dve zožitvi,
   izmerjeni v qa/glava-dolgo-ime.mjs. Nad 1380 px ostane vse po starem.
   Kopija: ~/varnostne-kopije/2026-08-18-korak189-glava/
   ====================================================================== */

@media (min-width: 1200px) and (max-width: 1379px) {

    /* 1. jezikovni izbirnik: samo zastavica. Napis ni skrit z display:none,
       ker bi povezava ostala brez imena — odmaknjen je z zaslona, tako da
       ga bralniki še vedno preberejo. Spustni seznam ostane z napisi. */
    .apus-header #primary-menu > li.pll-parent-menu-item > a > span {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }

    /* 2. ime firme v desnem kotu: 190 -> 150 px */
    .apus-header .top-wrapper-menu .name-acount {
        max-width: 150px;
    }
}

/* 3. tropičje pri dolgem imenu — velja pri vseh širinah.
   .name-acount je bil flex vsebnik; v njem text-overflow: ellipsis na
   golem besedilu ne prime (besedilo je brezimen flex element), zato se
   je ime odrezalo sredi črke, puščico pa je porinilo iz vidnega dela.
   Zdaj je navaden blok s tropičjem, puščica pa stoji ob desnem robu. */
.apus-header .top-wrapper-menu .name-acount {
    display: block;
    position: relative;
    padding-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apus-header .top-wrapper-menu .name-acount i {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.apus-header .top-wrapper-menu:hover .name-acount i {
    transform: translateY(-50%) rotate(180deg);
}

/* ======================================================================
   ZDR – GLAVA PRI DOLGEM IMENU FIRME end
   ====================================================================== */

/* ======================================================================
   ZDR – QA: KONTRAST GUMBA ZAPRI start
   18. 8. 2026, korak 190 (vizualni QA po korakih 185–189).
   »Zapri« v mobilni filtrirni vrstici je bil #E44343 na belem —
   kontrast 4,05 pri 14 px, meja je 4,5. Zdaj #C62828 (6,0).
   Kopija: ~/varnostne-kopije/2026-08-18-korak190-qa/
   ====================================================================== */

.close-sidebar-btn,
.close-sidebar-btn:hover,
.close-sidebar-btn:active,
.close-sidebar-btn:focus {
    color: #C62828;
}

/* ======================================================================
   ZDR – QA: KONTRAST GUMBA ZAPRI end
   ====================================================================== */

/* ======================================================================
   ZDR – UGLEDNI: PRAZNO STANJE start
   18. 8. 2026, korak 191.
   Odkar je postavka v glavnem meniju (korak 185), je prazna stran
   slepa ulica. Poved dobi pod sabo dve poti naprej.

   ⚠ .zdr-gumb NIMA splošnega pravila — vsak sklop si ga oblikuje sam
   (.zdr-korak__gumb .zdr-gumb, .zdr-boost__obrazec .zdr-gumb …). Mere
   so zato prepisane iz koraka 94, da sta gumba enaka kot v glavi.
   Kopija: ~/varnostne-kopije/2026-08-18-korak191-ugledni/
   ====================================================================== */

.zdr-ugledni__prazno {
    margin: 34px 0 0;
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--zdr-a-siva, #5A6480);
}

.zdr-ugledni__poti {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0 56px;
}

.zdr-ugledni__poti .zdr-gumb {
    display: inline-block;
    padding: 11px 17px;
    border: 0 none;
    border-radius: 12px;
    font-family: 'Manrope', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    text-decoration: none;
    transition: filter .18s ease, transform .18s ease;
}

.zdr-ugledni__poti .zdr-gumb--polni {
    background-image: var(--zdr-a-preliv, linear-gradient(135deg, #2F63F0, #1A3FC4));
    background-color: transparent;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .32);
}

.zdr-ugledni__poti .zdr-gumb--obroba {
    background: #ffffff;
    border: 1px solid rgba(37, 87, 232, .35);
    color: var(--zdr-a-modra, #2557E8);
}

.zdr-ugledni__poti .zdr-gumb:hover,
.zdr-ugledni__poti .zdr-gumb:focus {
    filter: brightness(1.08);
    transform: translateY(-1px);
    text-decoration: none;
}

.zdr-ugledni__poti .zdr-gumb--polni:hover,
.zdr-ugledni__poti .zdr-gumb--polni:focus { color: #ffffff; }

.zdr-ugledni__poti .zdr-gumb:focus-visible {
    outline: 3px solid #7FB2FF;
    outline-offset: 2px;
}

@media (max-width: 575px) {
    .zdr-ugledni__poti { gap: 10px; }
    .zdr-ugledni__poti .zdr-gumb { display: block; width: 100%; }
}

/* ======================================================================
   ZDR – UGLEDNI: PRAZNO STANJE end
   ====================================================================== */

/* ======================================================================
   ZDR – NAVODILA ZA DELODAJALCE start
   18. 8. 2026, korak 192. Strani #10110 (SL) in #10111 (EN).
   Vizualni QA je javil 12 slabih kontrastov: besedilo je bilo temina
   privzeta #77838F na belem (3,87 pri 15 px, meja 4,5). Zdaj
   var(--zdr-a-siva) = #3D4664 → 8,3.
   Ker stran po odstranitvi stranske vrstice teče čez celo širino,
   je besedilo omejeno na 760 px — sicer so vrstice predolge.
   Kopija: ~/varnostne-kopije/2026-08-18-korak192-navodila/
   ====================================================================== */

body.page-id-10110 .site-main,
body.page-id-10111 .site-main {
    max-width: 760px;
    padding-bottom: 40px;
}

body.page-id-10110 .site-main p,
body.page-id-10111 .site-main p,
body.page-id-10110 .site-main li,
body.page-id-10111 .site-main li {
    font-family: 'Manrope', sans-serif;
    font-size: 15.5px;
    line-height: 1.7;
    color: var(--zdr-a-siva, #3D4664);
}

body.page-id-10110 .site-main h2,
body.page-id-10111 .site-main h2 {
    margin: 38px 0 12px;
    font-family: 'Sora', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--zdr-a-crna, #0B1230);
}

body.page-id-10110 .site-main .zdr-stran__naslov,
body.page-id-10111 .site-main .zdr-stran__naslov {
    margin: 0 0 6px;
}

/* uvodna poved je drobnejša, a mora ostati nad mejo kontrasta */
body.page-id-10110 .site-main .zdr-navodila__uvod,
body.page-id-10111 .site-main .zdr-navodila__uvod {
    margin: 0 0 30px;
    font-size: 16px;
    color: var(--zdr-a-siva-blaga, #5A6480);
}

body.page-id-10110 .site-main ul,
body.page-id-10111 .site-main ul {
    margin: 0 0 18px;
    padding-left: 20px;
}

body.page-id-10110 .site-main li,
body.page-id-10111 .site-main li {
    margin-bottom: 7px;
}

/* ======================================================================
   ZDR – NAVODILA ZA DELODAJALCE end
   ====================================================================== */

/* ======================================================================
   ZDR – STRAN 404: KONTRAST start
   18. 8. 2026, korak 193.
   Poved na strani 404 je bila #77838F na belem — 3,87 pri 17 px.
   Kopija: ~/varnostne-kopije/2026-08-18-korak193-404/
   ====================================================================== */

body.error404 .description,
body.error404 .description p {
    color: var(--zdr-a-siva, #3D4664);
}

/* ======================================================================
   ZDR – STRAN 404: KONTRAST end
   ====================================================================== */

/* ======================================================================
   ZDR – SORODNI PRISPEVKI: KONTRAST start
   18. 8. 2026, korak 194.
   Oznaka kategorije, povzetek kartice in poved nad razdelkom so bili
   #77838F na belem — 3,87 pri 14–15 px. Velja pod vsemi prispevki.
   Kopija: ~/varnostne-kopije/2026-08-18-korak194-sorodni/
   ====================================================================== */

.related-posts .top-related .des,
.related-posts .inner-bottom .description,
.related-posts .list-categories .categories-name {
    color: var(--zdr-a-siva, #3D4664);
}

.related-posts .list-categories .categories-name:hover,
.related-posts .list-categories .categories-name:focus {
    color: var(--zdr-a-modra, #2557E8);
}

/* ======================================================================
   ZDR – SORODNI PRISPEVKI: KONTRAST end
   ====================================================================== */

/* ======================================================================
   ZDR – NASLOVNA SLIKA CLANKA start
   19. 8. 2026, korak 196.
   Tema je naslovno sliko izpisala v naravni velikosti, zato je bila
   vsaka drugacna: 1200x630, 934x540, 1440x450, nove pa 508x335 sredi
   1440 px prostora. Zdaj je povsod siroka kot besedilo (850 px),
   razmerje 16:9, izrez prek object-fit.
   Kopija: ~/varnostne-kopije/2026-08-19-korak196-naslovnica/
   ====================================================================== */

.entry-thumb-detail .image-wrapper {
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
    overflow: hidden;
}

.entry-thumb-detail .image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    object-position: center;
}

/* brskalniki brez aspect-ratio dobijo trdno visino */
@supports not (aspect-ratio: 16 / 9) {
    .entry-thumb-detail .image-wrapper img { height: 478px; }
}

/* na telefonu naj bo slika poravnana z besedilom, ne od roba do roba */
@media (max-width: 767px) {
    .entry-thumb-detail { padding-left: 15px; padding-right: 15px; }
    .entry-thumb-detail .image-wrapper { border-radius: 12px; }
}

/* ======================================================================
   ZDR – NASLOVNA SLIKA CLANKA end
   ====================================================================== */



/* ======================================================================
   ZDR – SORODNI PRISPEVKI: BREZ OBROBE IN PIKE start
   19. 8. 2026, korak 200. Mihova pripomba.

   1. Obroba ni bila na sliki, ampak na kartici: article.post-grid ima
      border 1px #ECEDF2, slika pa je zamaknjena 15 px navznoter, zato
      je crta tekla okoli slike. Kartica se od podlage locuje ze po
      beli barvi, zato obroba ni potrebna.
   2. Pika je .list-categories::before (5x5 px, absolutno right: -5px),
      zato se izrise ZA imenom kategorije.

   3. Slika je segala le do notranjega odmika kartice, zato je bilo levo
      in desno od nje belo. Kartici je odvzet stranski odmik; besedilo
      ima svoj vsebnik .inner-bottom z lastnim odmikom, zato ostane
      zamaknjeno. Negativnih robov namenoma NE uporabljam: odmik je
      10 px, nad 1200 px pa 15 px, in ena sama vrednost bi pri enem
      od pragov usla cez rob.

   Omejeno na .related-posts. Seznam /aktualno/ uporablja drugo
   predlogo (post-list-item) in ostane nedotaknjen.
   Kopija: ~/varnostne-kopije/2026-08-19-korak200-sorodni/
   ====================================================================== */

.related-posts article.post-grid {
    border: 0 none;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

/* zaobljenost vogalov prevzame kartica */
.related-posts article.post-grid .top-image {
    border-radius: 0;
}

.related-posts .list-categories::before,
.related-posts .comments::before {
    content: none;
    display: none;
}

/* ======================================================================
   ZDR – SORODNI PRISPEVKI: BREZ OBROBE IN PIKE end
   ====================================================================== */

/* =========================================================
   ZDR – MODALA: ZNACKA SAMO ZA DELODAJALCE start
   22. 8. 2026, korak 207.
   Kopija pred posegom: ~/varnostne-kopije/2026-08-22-korak207-modali/style.css.pred
   Besedilo znacke in podnaslova je v nastavitvah gradnika
   apus_element_user_info2 (login_title / register_title), glava 9439/9441 (SL)
   in 4824/9185 (EN). Ureja jih skripta ~/skripte/zdr-popravki-207.php.
   ========================================================= */
.apus_login_register_form .title-wrapper {
	align-items: flex-start;
}

.apus_login_register_form .title-wrapper .title {
	line-height: 1.2;
}

.apus_login_register_form .title-wrapper .title .zdr-znacka {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin-bottom: 12px;
	padding: 5px 11px;
	border-radius: 999px;
	background: rgba( 25, 103, 210, .10 );
	color: #1A3FC4;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.4;
	text-transform: uppercase;
}

.apus_login_register_form .title-wrapper .title .zdr-podnaslov {
	display: block;
	max-width: 46ch;
	margin-top: 10px;
	color: #5A6480;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.55;
}

@media ( max-width: 575px ) {
	.apus_login_register_form .title-wrapper .title .zdr-znacka {
		margin-bottom: 10px;
		font-size: 10px;
	}

	.apus_login_register_form .title-wrapper .title .zdr-podnaslov {
		margin-top: 8px;
		font-size: 13px;
	}
}
/* ZDR – MODALA: ZNACKA SAMO ZA DELODAJALCE end */

/* =========================================================
   ZDR – ZNACKA SAMO ZA DELODAJALCE NA STRANI PRIJAVE start
   22. 8. 2026, korak 207. Na telefonu ikona za prijavo ne odpre pojavnega
   okna, ampak pelje na /prijava-registracija/ — zato mora znacka delovati
   tudi v Elementorjevem naslovu na tej strani (stran 9544 SL, 154 EN).
   Kopija pred posegom: ~/varnostne-kopije/2026-08-22-korak207-modali/style.css.pred
   ========================================================= */
.elementor-heading-title .zdr-znacka {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 0 14px;
	padding: 5px 11px;
	border-radius: 999px;
	background: rgba( 25, 103, 210, .10 );
	color: #1A3FC4;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.4;
	text-transform: uppercase;
}

.elementor-heading-title .zdr-podnaslov {
	display: block;
	max-width: 46ch;
	margin: 12px 0 0;
	color: #5A6480;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
}

@media ( max-width: 575px ) {
	.elementor-heading-title .zdr-znacka {
		margin-bottom: 10px;
		font-size: 10px;
	}

	.elementor-heading-title .zdr-podnaslov {
		margin-top: 10px;
		font-size: 13px;
	}
}
/* ZDR – ZNACKA SAMO ZA DELODAJALCE NA STRANI PRIJAVE end */

/* =========================================================
   ZDR – STRAN OBJAVITE ZAPOSLITVENI OGLAS start
   22. 8. 2026, korak 210 (nadomesti korak 209).
   Stran je navadna (post_content), ne Elementor, zato sta modra pasova
   narejena tukaj. Vizualni jezik je enak kot na strani Paketi:
   temni preliv --zdr-a-preliv-noc z radialnim sijem, drobna oznaka nad
   naslovom, sredinsko poravnano.
   Kopija pred posegom: ~/varnostne-kopije/2026-08-22-korak208-naslovi/
   ========================================================= */

/* Pasova segata od roba do roba, vsebina strani pa je v ozjem vsebniku.
   overflow-x: clip prepreci, da bi 100vw ustvaril vodoravni drsnik. */
body.page-id-10178 #apus-main-content,
body.page-id-10179 #apus-main-content {
	overflow-x: clip;
}

body.page-id-10178 #main-container,
body.page-id-10179 #main-container {
	padding-top: 0;
}

.zdr-objava-pas,
.zdr-objava-cta {
	margin-left: calc( 50% - 50vw );
	margin-right: calc( 50% - 50vw );
	background:
		radial-gradient( circle at 88% -40%, rgba( 127, 178, 255, .25 ), transparent 62% ),
		var( --zdr-a-preliv-noc );
	overflow: hidden;
	text-align: center;
}

/* ---------- naslovni pas ---------- */
.zdr-objava-pas {
	padding: 56px 15px 96px;
}

.zdr-objava-pas__vsebina,
.zdr-objava-cta__vsebina {
	max-width: 780px;
	margin: 0 auto;
}

.zdr-objava-oznaka {
	display: block;
	margin-bottom: 12px;
	color: var( --zdr-a-nebo );
	font-family: 'Manrope', sans-serif;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .16em;
	line-height: 1;
	text-transform: uppercase;
}

.zdr-objava-naslov {
	margin: 0;
	color: #fff;
	font-family: 'Sora', sans-serif;
	font-size: 38px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.15;
}

.zdr-objava-podnaslov {
	margin: 18px auto 0;
	max-width: 68ch;
	color: rgba( 255, 255, 255, .82 );
	font-size: 16px;
	line-height: 1.65;
}

/* ---------- kartice s stevilkami, dvignjene cez rob pasu ---------- */
.zdr-objava-stevilke {
	position: relative;
	z-index: 2;
	display: grid;
	gap: 16px;
	grid-template-columns: repeat( 3, 1fr );
	margin: -56px 0 48px;
}

.zdr-objava-stevilka {
	padding: 22px 24px;
	border: 1px solid rgba( 11, 18, 48, .06 );
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 30px rgba( 11, 18, 48, .08 );
	text-align: left;
}

.zdr-objava-stevilka strong {
	display: block;
	margin-bottom: 6px;
	color: var( --zdr-a-modra-temna );
	font-family: 'Sora', sans-serif;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.1;
}

.zdr-objava-stevilka span {
	display: block;
	color: #5A6480;
	font-size: 14px;
	line-height: 1.5;
}

/* ---------- besedilo ---------- */
.zdr-objava-koraki,
.zdr-objava-seznam {
	max-width: 72ch;
	margin: 0 0 44px;
	padding-left: 22px;
}

.zdr-objava-koraki li {
	margin-bottom: 14px;
	color: #3D4664;
	line-height: 1.65;
}

.zdr-objava-koraki li strong {
	color: #0B1230;
}

.zdr-objava-seznam li {
	margin-bottom: 10px;
	color: #3D4664;
	line-height: 1.6;
}

/* ---------- pas s pozivom k dejanju ---------- */
.zdr-objava-cta {
	margin-top: 8px;
	padding: 56px 15px 52px;
}

.zdr-objava-cta__naslov {
	margin: 0 0 12px;
	color: #fff;
	font-family: 'Sora', sans-serif;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
}

.zdr-objava-cta__besedilo {
	margin: 0 auto 28px;
	max-width: 60ch;
	color: rgba( 255, 255, 255, .82 );
	font-size: 16px;
	line-height: 1.6;
}

.zdr-objava-gumbi {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
}

.zdr-objava-gumb {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 14px 28px;
	border-radius: 10px;
	font-family: 'Manrope', sans-serif;
	font-size: 15px;
	font-weight: 700;
	transition: background-color .2s, color .2s, transform .2s;
}

.zdr-objava-gumb:hover,
.zdr-objava-gumb:focus {
	transform: translateY( -2px );
}

.zdr-objava-gumb--bel {
	background: #fff;
	color: var( --zdr-a-modra-temna );
}

.zdr-objava-gumb--bel:hover,
.zdr-objava-gumb--bel:focus {
	background: #EAF1FD;
	color: var( --zdr-a-modra-temna );
}

.zdr-objava-gumb--obroba {
	border: 1px solid rgba( 255, 255, 255, .55 );
	color: #fff;
}

.zdr-objava-gumb--obroba:hover,
.zdr-objava-gumb--obroba:focus {
	background: rgba( 255, 255, 255, .12 );
	border-color: #fff;
	color: #fff;
}

.zdr-objava-cta__tiho {
	margin: 22px 0 0;
	color: rgba( 255, 255, 255, .72 );
	font-size: 15px;
}

.zdr-objava-cta__tiho a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zdr-objava-dodatno {
	max-width: 68ch;
	margin: 40px 0 8px;
	color: #5A6480;
	font-size: 15px;
	line-height: 1.6;
}

/* ---------- telefon ---------- */
@media ( max-width: 767px ) {
	.zdr-objava-pas {
		padding: 40px 15px 80px;
	}

	.zdr-objava-naslov {
		font-size: 27px;
	}

	.zdr-objava-podnaslov {
		margin-top: 14px;
		font-size: 15px;
	}

	.zdr-objava-stevilke {
		grid-template-columns: 1fr;
		gap: 12px;
		margin: -48px 0 36px;
	}

	.zdr-objava-stevilka {
		padding: 18px 20px;
	}

	.zdr-objava-stevilka strong {
		font-size: 26px;
	}

	.zdr-objava-cta {
		padding: 44px 15px 40px;
	}

	.zdr-objava-cta__naslov {
		font-size: 24px;
	}

	.zdr-objava-gumbi {
		align-items: stretch;
		flex-direction: column;
	}

	.zdr-objava-gumb {
		width: 100%;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.zdr-objava-gumb {
		transition: none;
	}

	.zdr-objava-gumb:hover,
	.zdr-objava-gumb:focus {
		transform: none;
	}
}
/* ZDR – STRAN OBJAVITE ZAPOSLITVENI OGLAS end */

/* =========================================================
   ZDR – POPRAVKI VIZUALNEGA PREGLEDA start
   22. 8. 2026, korak 213. Kopija: ~/varnostne-kopije/2026-08-22-korak213-qa/
   ========================================================= */

/* 1) Ugledni delodajalci: naslov se na telefonu ni pomanjsal.
      Ostal je pri 39 px, medtem ko vse druge strani padejo na 20–28 px.
      Elementorjev naslov nima svojega pravila za male zaslone. */
@media ( max-width: 767px ) {
	body.page-id-10003 .elementor-heading-title,
	body.page-id-10004 .elementor-heading-title {
		font-size: 27px;
		line-height: 1.2;
	}
}

/* 2) Stran "Objavite oglas": podnaslovi so bili 32 px, torej skoraj enako
      veliki kot glavni naslov (38 px). Hierarhija ni bila jasna.
      Pas s pozivom ima svoj razred in ostane nespremenjen. */
body.page-id-10178 .site-main h2:not( .zdr-objava-cta__naslov ),
body.page-id-10179 .site-main h2:not( .zdr-objava-cta__naslov ) {
	font-size: 26px;
	line-height: 1.25;
}

@media ( max-width: 767px ) {
	body.page-id-10178 .site-main h2:not( .zdr-objava-cta__naslov ),
	body.page-id-10179 .site-main h2:not( .zdr-objava-cta__naslov ) {
		font-size: 22px;
	}
}

/* 3) Puscici v vrtiljakih sta bili nizji od 44 px, kar je premalo za zanesljiv
      dotik na telefonu. Videz ostane enak, poveca se le obcutljivo obmocje. */
@media ( max-width: 991px ) {
	.slick-arrow,
	.slick-prev,
	.slick-next {
		min-width: 44px;
		min-height: 44px;
	}
}
/* ZDR – POPRAVKI VIZUALNEGA PREGLEDA end */

/* =========================================================
   ZDR – RAZMIK POD PASOM NA ARHIVIH OGLASOV start
   22. 8. 2026, korak 213. Na straneh poklica se je vsebina dotikala
   modrega pasu, medtem ko ima seznam prispevkov (Aktualno) 40 px zraka.
   Ista vrednost, da se strani obnasajo enako.
   Kopija: ~/varnostne-kopije/2026-08-22-korak213-qa/style.css.pred
   ========================================================= */
body.tax-job_listing_category #main-container,
body.tax-job_listing_type #main-container,
body.tax-job_listing_location #main-container,
body.tax-job_listing_tag #main-container {
	padding-top: 40px;
}

@media ( max-width: 767px ) {
	body.tax-job_listing_category #main-container,
	body.tax-job_listing_type #main-container,
	body.tax-job_listing_location #main-container,
	body.tax-job_listing_tag #main-container {
		padding-top: 26px;
	}
}
/* ZDR – RAZMIK POD PASOM NA ARHIVIH OGLASOV end */

/* =========================================================
   ZDR – E-NOVICE NA NASLOVNICI: ŠIRŠE NAMESTO VIŠJE start
   23. 8. 2026, korak 222. Miha: okvirček »Zaposlitve na e-pošto« naj bo
   raje bolj širok kot visok.

   Kartica je bila zasnovana za stransko vrstico strani oglasa in ima zato
   fiksnih 300 px. V širokem stolpcu na naslovnici je bila zato ozka in
   visoka. Tu jo razširimo in obrazec postavimo v vrsto: polje in gumb sta
   drug ob drugem, privolitev pa pod njima.

   ⚠ Sprememba velja SAMO za naslovnico (body.home). V stranski vrstici
   strani oglasa mora kartica ostati ozka — tam je stolpec širok 300 px.
   Kopija: ~/varnostne-kopije/2026-08-23-korak222-enovice/
   ========================================================= */
body.home .zdr-enovice {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 26px 28px;
}

body.home .zdr-enovice__naslov {
	font-size: 20px;
}

body.home .zdr-enovice__poved {
	max-width: 52ch;
	margin-bottom: 18px;
}

body.home .zdr-enovice__obrazec {
	display: grid;
	align-items: center;
	gap: 10px 12px;
	grid-template-columns: 1fr auto;
}

body.home .zdr-enovice__oznaka {
	grid-area: 1 / 1 / 2 / -1;
	margin-bottom: 0;
}

body.home .zdr-enovice__polje {
	grid-area: 2 / 1 / 3 / 2;
	margin-bottom: 0;
}

body.home .zdr-enovice__gumb {
	/* izrecna vrstica, sicer grid gumb postavi pod privolitev */
	grid-area: 2 / 2 / 3 / -1;
	width: auto;
	margin: 0;
	white-space: nowrap;
}

body.home .zdr-enovice__privolitev,
body.home .zdr-enovice__past,
body.home .zdr-enovice__odziv {
	grid-column: 1 / -1;
	grid-row: auto;
}

body.home .zdr-enovice__privolitev {
	margin: 2px 0 0;
}

/* Na telefonu se vrne v stolpec — dva elementa v vrsti bi bila pretesna. */
@media ( max-width: 767px ) {
	body.home .zdr-enovice {
		padding: 22px 20px;
	}

	body.home .zdr-enovice__obrazec {
		grid-template-columns: 1fr;
	}

	body.home .zdr-enovice__gumb {
		grid-area: auto;
		grid-column: 1;
		width: 100%;
	}

	body.home .zdr-enovice__polje,
	body.home .zdr-enovice__oznaka {
		grid-area: auto;
	}
}
/* ZDR – E-NOVICE NA NASLOVNICI: ŠIRŠE NAMESTO VIŠJE end */



/* =========================================================
   ZDR – LOGOTIP V GLAVI: VEČJI start
   23. 8. 2026, koraka 225 in 230. Miha: logotip naj bo dosti večji,
   kvadrat z zaobljenimi robovi (ne krog), BREZ sence in BREZ prekrivanja —
   naj bo del vrstice z menijem.

   Višino glave določa prav logotip, zato se glava s tem zviša.

   ⚠ Pravila za .main-sticky-header tu NI: ta razred je na glavi prisoten
   ves čas, ne le ko je glava prilepljena, zato bi povozil velikost.
   ⚠ Ozadje in obroba morata biti na SLIKI — tema pravila za povezavo
   (.logo > a) povozi, tudi z !important.
   ⚠ Logotip mora imeti v gradniku dovolj veliko širino (image_size custom,
   320 px), sicer ga CSS ne more povečati.
   Kopija: ~/varnostne-kopije/2026-08-23-korak222-enovice/style.css.pred
   ========================================================= */
.apus-header .logo {
	position: relative;
	z-index: 30;
}

.apus-header .logo img {
	max-height: 156px !important;
	max-width: none !important;
	margin-bottom: 0 !important;
	padding: 6px 10px !important;
	border: 0 !important;
	border-radius: 16px !important;
	background: transparent !important;
	box-shadow: none !important;
}

@media ( max-width: 991px ) {
	.apus-header .logo img {
		max-height: 92px !important;
		padding: 4px 8px !important;
		border-radius: 12px !important;
	}
}
/* ZDR – LOGOTIP V GLAVI: VEČJI end */

/* =========================================================
   ZDR – LOGOTIP V NOGI start
   23. 8. 2026, koraki 225, 230 in 232. Noga je temno modra, logotip pa
   temno moder na prosojnem ozadju — brez podlage se ne vidi.
   Miha: naj bo KVADRAT z zaobljenimi robovi (ne pravokotnik) in logotip
   na sredini.

   Kvadrat naredimo tako, da sliki damo enako širino in višino, vsebino pa
   umestimo z object-fit: contain — logotip se s tem sam postavi na sredino
   in ohrani razmerje.

   ⚠⚠ Izbirnik NE sme biti [class*="footer"]: <body> ima razred
   body-footer-mobile, zato tak izbirnik ujame tudi logotip v GLAVI in mu
   podtakne belo podlago in napačen radij. Ujelo me 23. 8.

   ⚠ Izbirnik je vezan na IME DATOTEKE (src), ne na razred odseka:
   razreda .elementor-9496 / .elementor-2056 se na nogi ne pojavita tam,
   kjer bi pričakoval.
   ========================================================= */
footer img[src*="zdravstvena-info-zaposlitev-logotip"],
.apus-footer img[src*="zdravstvena-info-zaposlitev-logotip"],
#apus-footer img[src*="zdravstvena-info-zaposlitev-logotip"] {
	display: block !important;
	width: 280px !important;
	max-width: 100% !important;
	height: 280px !important;
	padding: 26px !important;
	border-radius: 28px !important;
	background: #fff !important;
	object-fit: contain !important;
}

@media ( max-width: 767px ) {
	footer img[src*="zdravstvena-info-zaposlitev-logotip"],
	.apus-footer img[src*="zdravstvena-info-zaposlitev-logotip"],
	#apus-footer img[src*="zdravstvena-info-zaposlitev-logotip"] {
		width: 220px !important;
		height: 220px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding: 20px !important;
		border-radius: 22px !important;
	}
}
/* ZDR – LOGOTIP V NOGI end */

/* ======================================================================
   ZDR – GLAVA ČEZ CELO ŠIRINO start
   23. 8. 2026, korak 239.
   Miha: »header malo raztegni po celoti; daljše ime naj se raztegne, da
   bo na laptopih in desktopu v eni vrstici.«

   Glava je bila od koraka 79 trdno široka 1240 oz. 1320 px, logotip pa je
   od koraka 225 visok 156 px in njegov vsebnik meri 215 px. Meni je zato
   ostal brez rezerve in se je pri vsaki širini prelomil v dve vrsti,
   hkrati pa je pri 1920 px ob straneh ostajalo 300 px, pri 2560 px pa
   620 px praznega prostora.

   ⚠ Ta blok namenoma razveljavi poravnavo logotipa z vsebino strani iz
   koraka 79. Če jo kdaj potrebujemo nazaj, se blok odstrani
   (VRNI=1 php ~/skripte/zdr-glava-siroka-239.php).
   ⚠ Velikosti logotipa ta blok NE spreminja — glej LOGOTIP V GLAVI: VEČJI.

   Izmerjeno v qa/glava-raztegni-dev.mjs pri 1200–2560 px in dveh dolžinah
   imena: meni povsod v eni vrsti, nikjer vodoravnega drsenja, višina
   glave nespremenjena.
   Kopija: ~/varnostne-kopije/2026-08-23-korak239-glava-siroka/
   ====================================================================== */

@media (min-width: 1200px) {

    /* 1. glava se raztegne po zaslonu; notranji odmik 15 px je iz koraka 79 */
    .apus-header .elementor-element.elementor-element-82fe2a5 {
        width: 100% !important;
        max-width: 1800px !important;
    }

    /* 2. meni ostane v eni vrsti. Postavke so inline-block (ne flex),
       zato prelom prepreči white-space, ne flex-wrap. Vsebnik menija se
       ne sme skrčiti pod naravno širino seznama. */
    .apus-header #primary-menu {
        white-space: nowrap !important;
    }

    .apus-header #primary-menu .dropdown-menu {
        white-space: normal !important;
    }

    .apus-header .elementor-element.elementor-element-1e227f1 {
        min-width: max-content !important;
    }

    /* 3. ko prostora zmanjka, se umakne ime firme in ne meni: desni
       vsebnik je bil flex: 0 0 auto in se ni krčil, zato je vso razliko
       nosil meni. Tropičje je iz koraka 189. */
    .apus-header .elementor-element.elementor-element-941551f {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    .apus-header .top-wrapper-menu,
    .apus-header .top-wrapper-menu > a.drop-dow,
    .apus-header .top-wrapper-menu .infor-account {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .apus-header .top-wrapper-menu .name-acount {
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }
}

/* Zgornja meja imena firme raste z zaslonom (prej 150 px do 1379 px in
   190 px nad tem). Meje so izmerjene tako, da meni ostane v eni vrsti
   tudi pri najdaljšem imenu. */

/* 1200–1279 px: ob 215 px širokem vsebniku logotipa za ime ni prostora,
   zato ostane samo znak podjetja s puščico. Ime je v spustnem meniju. */
@media (min-width: 1200px) and (max-width: 1279px) {
    .apus-header .top-wrapper-menu .name-acount {
        width: 14px !important;
        max-width: 14px !important;
        padding-right: 14px !important;
        color: transparent !important;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .apus-header .top-wrapper-menu .name-acount {
        max-width: 130px !important;
    }
}

@media (min-width: 1440px) and (max-width: 1599px) {
    .apus-header .top-wrapper-menu .name-acount {
        max-width: 190px !important;
    }
}

@media (min-width: 1600px) {
    .apus-header .top-wrapper-menu .name-acount {
        max-width: 320px !important;
    }
}

/* ======================================================================
   ZDR – GLAVA ČEZ CELO ŠIRINO end
   ====================================================================== */


/* ZDR – MEDENA PAST V OBRAZCIH start
   23. 8. 2026, korak 240.
   Medena past v obrazcih: skrito polje, ki ga izpolni samo robot.
   Polje je skrito že v izpisu (inline slog), to je varovalka.
   ⚠ Ne uporabljaj display: none — nekateri roboti taka polja preskočijo,
   past pa mora biti zanje videti kot navadno polje.
   .zdr-past                     — obrazci Contact Form 7
   .cmb2-id-zdr-naslov-podjetja  — registracija delodajalca (CMB2)
   Kopija: ~/varnostne-kopije/2026-08-23-korak240-zascita-obrazcev/
   ================================================================== */

.zdr-past,
.cmb2-id-zdr-naslov-podjetja {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* ZDR – MEDENA PAST V OBRAZCIH end
   ================================================================== */

/* ======================================================================
   ZDR – PRILEPLJENA GLAVA: SAMO DESETINO NIŽJA start
   23. 8. 2026, korak 242.
   Miha: »ko scrolaš dol, logo zelo zelo skrči; naj se zniža height samo
   za ene 10 % od glavnega prikaznega.«

   Pravilo za prilepljeno glavo je logotip postavilo na 46 px, ker je bil
   nekoč na vrhu visok 80 px. Po povečanju na 156 px (korak 225) se ni
   popravilo, zato se je logotip ob drsanju skrčil za 70 %.

   Zdaj: logotip 156 -> 144 px, glava 172 -> 156 px (-9 %).
   Velja samo nad 1200 px; na tablici in telefonu ostane po starem, ker
   bi tam visoka prilepljena glava pojedla vsebino.
   Kopija: ~/varnostne-kopije/2026-08-23-korak242-lepljiva-glava/
   ====================================================================== */

@media (min-width: 1200px) {

    .main-sticky-header.sticky-header .logo img {
        max-height: 144px !important;
    }

    /* odmik ostane enak kot na vrhu strani, da se glava ne "poskoči" */
    .main-sticky-header.sticky-header .elementor-element-82fe2a5 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

/* ======================================================================
   ZDR – PRILEPLJENA GLAVA: SAMO DESETINO NIŽJA end
   ====================================================================== */

/* ======================================================================
   ZDR – KONTAKT: ENAKA ŠIRINA OKVIRJEV start
   24. 8. 2026, korak 248. Miha: zgornji okvir enake širine kot obrazec.
   E-poštni okvir (odsek 0c113aa) je bil 1082 px, obrazec (46860a9) 760 px.
   Zdaj je e-poštni omejen na 760 px in centriran — poravnan z obrazcem.
   Kopija: ~/varnostne-kopije/2026-08-24-korak248-kontakt-sirina/
   ====================================================================== */

@media (min-width: 768px) {
    /* ⚠ Razred, ne ID odseka: slovenska in angleška stran imata vsaka svoj
       ID (0c113aa oz. ea01608). Z razredom velja popravek za oba jezika in
       preživi tudi, če Elementor odsek na novo ustvari. */
    .zdr-kontakt-kartice .elementor-widget-wrap.elementor-element-populated {
        max-width: 760px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ======================================================================
   ZDR – KONTAKT: ENAKA ŠIRINA OKVIRJEV end
   ====================================================================== */

/* ZDR – iskalna polja v stranskem filtru arhivov start
   Kopija: ~/varnostne-kopije/2026-08-24-korak265-iskalna-polja/style.css.pred
   Korak 265, 24. 8. 2026.
   Napaka: na arhivih (vrsta dela, poklic, lokacija) se je vpisano besedilo
   prekrivalo z ikono v polju — ikona stoji 20 px od roba in je široka 21 px,
   besedilo pa se je začelo že pri 14 px.
   Zakaj se ni poznalo na /seznam-zaposlitev/: tam velja pravilo teme, ki je
   vezano na `body.page-template-page-jobs`, arhivi pa te predloge nimajo.
   Rešeno prek ovoja `.filter-listing-form.vertical`, ki je na obeh. */
.filter-listing-form.vertical .form-group-inner.has-icon .form-control,
.filter-listing-form.vertical .form-group-inner.has-icon input[type="text"],
.filter-listing-form.vertical .form-group-inner.has-icon input[type="search"] {
    /* obstojece pravilo za .form-control ima !important, zato ga rabimo tudi tu */
    padding-left: 50px !important;
}
/* ZDR – iskalna polja v stranskem filtru arhivov end */

/* ZDR – mini gumb za piškotke start
   Kopija: ~/varnostne-kopije/2026-08-25-korak281-piskotki-gumb/style.css.pred
   Korak 281, 25. 8. 2026.

   Miha: »gumb za piškotke ko sprejmeš se skrije na poden levo — naj bo ta
   gumb samo en mini button magari z ikonco piškotka čisto nekje v levem
   kotu, toliko da je, ampak da ni čez kakšen tekst ali kaj v napoto.«

   Prej: 186 × 50 px z napisom »Upravljanje soglasja«, fiksiran spodaj levo.
   Zdaj: 44 × 44 px, bel krog s piškotkovo ikono.

   ⚠ ZAKAJ BEL IN NE MODER: spodaj desno stoji moder gumb »Pomoč«. Drugi
     moder krog bi z njim tekmoval in se bral kot še en poziv k dejanju.
     Bel z obrobo pove »nastavitev«, kar ta gumb tudi je.

   ⚠ Besedilo NE odstranjujemo iz HTML (to dela Complianz) — samo odrinemo
     ga z `text-indent`. Tako ga bralniki zaslona še vedno preberejo in
     gumb obdrži svoje ime. `font-size: 0` bi ime lahko odnesel.

   ⚠ Ikona je vrisana kot SVG v samem CSS. Ikon iz pisave teme namenoma ne
     uporabljamo — `flaticon-*` nabor nima piškotka in bi se izrisal kot
     prazen kvadratek (zapisano v CLAUDE.md).

   ⚠ `!important` je potreben, ker Complianz svoje mere piše z visoko
     specifičnostjo. */

.cmplz-btn.cmplz-manage-consent {
    width: 44px !important;
    height: 44px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    left: 16px !important;
    bottom: 16px !important;
    right: auto !important;

    border: 1px solid var(--zdr-obroba, #e6e8ec) !important;
    border-radius: 50% !important;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231967D2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-9-9 3.6 3.6 0 0 0 4 4 3.6 3.6 0 0 0 5 5Z'/%3E%3Ccircle cx='9' cy='10' r='1' fill='%231967D2' stroke='none'/%3E%3Ccircle cx='13.5' cy='15' r='1' fill='%231967D2' stroke='none'/%3E%3Ccircle cx='8.6' cy='15.2' r='.85' fill='%231967D2' stroke='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    box-shadow: 0 4px 14px rgba(25, 103, 210, .14) !important;

    /* besedilo ostane v HTML zaradi bralnikov zaslona, samo odrinjeno je */
    text-indent: -9999px !important;
    overflow: hidden !important;
    white-space: nowrap !important;

    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.cmplz-btn.cmplz-manage-consent:hover,
.cmplz-btn.cmplz-manage-consent:focus-visible {
    border-color: var(--zdr-modra, #1967D2) !important;
    box-shadow: 0 6px 18px rgba(25, 103, 210, .22) !important;
    transform: translateY(-1px);
}

.cmplz-btn.cmplz-manage-consent:focus-visible {
    outline: 2px solid var(--zdr-modra, #1967D2) !important;
    outline-offset: 3px !important;
}

/* Pojasnilo ob prehodu z miško — sicer po ikoni ni jasno, kaj gumb naredi. */
.cmplz-btn.cmplz-manage-consent::after {
    content: "Upravljanje soglasja";
    position: absolute;
    left: 56px;
    top: 50%;
    transform: translateY(-50%);
    padding: 7px 11px;
    border-radius: 8px;
    background: var(--zdr-temna, #1a2b4b);
    color: #fff;
    font-size: 12.5px;
    line-height: 1;
    text-indent: 0;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .16s ease;
}

.cmplz-btn.cmplz-manage-consent:hover::after,
.cmplz-btn.cmplz-manage-consent:focus-visible::after {
    opacity: 1;
}

/* Na telefonu pojasnila ne kažemo — ni prostora in ni dotika za »hover«.

   ⚠ Complianz gumb na telefonu SKRIJE v celoti
     (@media max-width:768px { #cmplz-manage-consent .cmplz-manage-consent
     { display:none } }). Razlog je bil, da je bil širok 186 px in je zakrival
     vsebino. Zdaj meri 44 px, zato ga vrnemo — brez njega na telefonu ni
     poti do preklica soglasja.

   ⚠ Vežemo se na razred .cmplz-show, ki ga Complianz doda ŠELE po izbiri.
     Pred izbiro ima gumb .cmplz-dismissed in ostane skrit — tega pravila
     se ne dotikamo. */
@media (max-width: 768px) {
    #cmplz-manage-consent .cmplz-btn.cmplz-manage-consent.cmplz-show {
        display: block !important;
        left: 12px !important;
        bottom: 12px !important;
    }
    .cmplz-btn.cmplz-manage-consent::after { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .cmplz-btn.cmplz-manage-consent,
    .cmplz-btn.cmplz-manage-consent::after { transition: none; }
    .cmplz-btn.cmplz-manage-consent:hover { transform: none; }
}
/* ZDR – mini gumb za piškotke end */

/* ZDR – ovoj pomočnika ne lovi klikov start
   Kopija: ~/varnostne-kopije/2026-08-25-korak281-piskotki-gumb/style.css.pred
   Korak 281b, 25. 8. 2026.

   ⚠ NAJDBA ob dodajanju mini gumba za piškotke: na telefonu je `.zdr-bot`
     raztegnjen čez celo širino zaslona (`left: 12px; right: 12px`, vrstica
     ~8894), čeprav je viden sprožilec širok le ~110 px in stoji desno.
     Prazna leva polovica ovoja je lovila klike in je prekrivala gumb za
     piškotke v levem kotu — ta se je videl, a se ga ni dalo klikniti.

   Ovoj je samo postavitveni okvir, ne klikna površina. Zato klikov ne lovi
   več, prestrezata pa ju sprožilec in odprto okno. */
.zdr-bot { pointer-events: none; }
.zdr-bot__sprozilec,
.zdr-bot__okno { pointer-events: auto; }
/* ZDR – ovoj pomočnika ne lovi klikov end */

/* ZDR – logotip v nogi na sredino start
   Kopija: ~/varnostne-kopije/2026-08-25-korak282-noga-oznake/style.css.pred
   Korak 282, 25. 8. 2026.

   Miha: »logo v footerju v belem okvirčku ni na sredini«

   Izmerjeno: slika je 280 px v 300 px širokem stolpcu, stoji pa povsem
   levo — vseh 20 px praznine je na desni. Beli okvirček ni ločen element,
   ampak podlaga same slike (background #fff, radij 28 px, padding 26 px).

   ⚠ Zakaj cela veriga na `display: block`: samodejna stranska odmika
     (`margin: auto`) delujeta samo, kadar je vsebnik bločen. Povezava in
     `span.logo-main` sta bila `inline`, zato slika ni mogla na sredino.

   ⚠ Vezano na `#apus-footer` — na tej strani ni značke `<footer>`, izbirnik
     `[class*="footer"]` pa ujame celo stran (body ima razred
     `body-footer-mobile`). Zapisano v CLAUDE.md. */
#apus-footer .logo,
#apus-footer .logo > a,
#apus-footer .logo .logo-main {
    display: block;
}

#apus-footer .logo img {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* ZDR – logotip v nogi na sredino end */


/* ZDR – razmik med ključnimi besedami in črto start
   Kopija: ~/varnostne-kopije/2026-08-25-korak282-noga-oznake/style.css.pred
   Korak 282b, 25. 8. 2026.

   Miha: »znotraj blog postov spodaj pri ključnih besedah je border črta.
   to črto malo premakni bolj dol ene 20px — ne da je takoj za gumbi, ampak
   da je gumbi ključnih besed potem bottom padding 20px potem border.«

   Izmerjeno: črta je bila **0 px** pod zadnjo značko. Nosi jo `.tag-social`
   (spodnja obroba), navigacija pod njo pa se z `margin-top: -1px` nanjo
   poravna — zato se premakneta obe skupaj in dvojne črte ni. */
body.single-post .tag-social {
    padding-bottom: 20px;
}
/* ZDR – razmik med ključnimi besedami in črto end */

/* ZDR – naslovne grafike člankov se ne obrežejo po sredini start
   Kopija: ~/varnostne-kopije/2026-08-25-korak283-kartice-slike/style.css.pred
   Korak 283, 25. 8. 2026.

   ⚠ NAJDBA: trije članki imajo za naslovno sliko grafiko 1200 × 630 z
     besedilom (»TOP 10 najbolj iskanih poklicev v zdravstvu« ipd.). Kartica
     na seznamu je razmerja ~1,20, slika pa 1,90 — `object-fit: cover` z
     `object-position: 50% 50%` odreže ~18 % z vsake strani in naslov se
     prepolovi (»bi … ljši ostal … ri vas?«).

   Besedilo v teh grafikah stoji levo (od 6 % do 57 % širine). Če sliko
   zasidramo na levo, ostane cel naslov viden, odreže pa se le okrasna
   letnica desno spodaj.

   ⚠ Vezano na imena datotek in NE na vse kartice: pri fotografijah je
     sredinsko obrezovanje pravilno, ker je motiv običajno na sredini.
     WordPress streže pomanjšane različice s pripono, zato `*=` ujame vse. */
img[src*="top-10-poklicev-2026"],
img[src*="delodajalec-zadrzi"],
img[src*="generacija-pricakovanja"] {
    object-position: left center !important;
}
/* ZDR – naslovne grafike člankov se ne obrežejo po sredini end */

/* ======================================================================
   ZDR – STRANSKA VRSTICA NA SEZNAMU ZAPOSLITEV: LEPLJIVA, NE FIKSNA start
   25. 8. 2026, korak 285. Mihova pripomba: "footer poje sidebar".

   Kaj je bilo narobe. Tema (layout-type-fullwidth) postavi filtrirno
   vrstico na position: fixed, JS (superio/js/job.js, changePaddingTopContent)
   ji vpise se inline top: 172px in height: calc(100vh - 172px), vsebini
   pa da padding-left: 450px. Ker je vrstica fiksna, ostane na zaslonu
   tudi takrat, ko se stran konca — in noga se izrise cez njo (to je bil
   obliz iz koraka 188: noga z-index 2, vrstica 1). Spodnji filtri
   (Raven izkusenj) so bili ob dnu strani zato nevidni.

   Kaj je zdaj. Vrstica je vrnjena v tok kot lepljiva (sticky) v prozni
   vrsti: sticky element nikoli ne zapusti svojega starsa, zato se ustavi
   nad nogo sam od sebe, brez z-index trikov in brez JS. Med brskanjem po
   rezultatih ostane pred ocmi tocno tako kot prej. Inline top in height
   iz teme se ohranita — za sticky sta ravno prava.

   Zakaj ne "vrstica cez nogo" (druga Mihova moznost): filtri bi tedaj
   plavali cez temno nogo in jo prerezali. Zakaj ne navadna vrstica, ki
   odscrolla stran: pri 28 oglasih bi bilo treba za vsak nov filter nazaj
   na vrh.

   Kopija: ~/varnostne-kopije/2026-08-25-korak285-sidebar/
   ====================================================================== */

@media (min-width: 992px) {

    /* prozna vrsta: filtri levo, rezultati desno */
    body.page-template-page-jobs .layout-type-fullwidth .main-content.inner {
        display: flex;
        align-items: flex-start;
    }

    body.page-template-page-jobs .layout-type-fullwidth .filter-sidebar.left-main {
        position: sticky !important;   /* perfectScrollbar vpise position inline */
        left: auto !important;
        flex: 0 0 300px;
        max-width: 300px;
        z-index: 1;
    }

    /* odmik, s katerim je tema delala prostor fiksni vrstici, ni vec potreben */
    body.page-template-page-jobs .layout-type-fullwidth .filter-sidebar.left-main + .content-listing {
        padding-left: 0 !important;
        flex: 1 1 auto;
        min-width: 0;                  /* sicer dolgi naslovi razpnejo stolpec */
    }
}

@media (min-width: 1350px) {
    body.page-template-page-jobs .layout-type-fullwidth .filter-sidebar.left-main {
        flex-basis: 450px;
        max-width: 450px;
    }
}

/* ======================================================================
   ZDR – STRANSKA VRSTICA NA SEZNAMU ZAPOSLITEV: LEPLJIVA, NE FIKSNA end
   ====================================================================== */



/* ======================================================================
   ZDR – UGLEDNI DELODAJALCI: ENAKA ODMIKA NAD IN POD start
   25. 8. 2026, korak 286. Mihova pripomba: "poskrbi za margin ali padding
   top in bottom, da bo malo in da bosta enaka".

   Izmerjeno pred posegom (1440 px): nad kartico 0 px (kartica se je
   dotikala modrega naslovnega pasu), pod kartico 30 px do noge.
   Tistih 30 px ni odmik odseka, ampak razmik med vrstami mreze
   (article > div ima margin-bottom: 30px; na telefonu 20px) — zato ga
   poberemo z negativnim odmikom vrste, sicer bi se sestel z odmikom
   odseka in bi bilo spodaj vedno vec kot zgoraj.

   Velja samo na strani Ugledni delodajalci (SL #10003, EN #10004) —
   isti kratki kod stoji tudi drugje in tam odmiki ostanejo po starem.

   Izmerjeno po posegu: 1440 px 50/50 (SL in EN), 375 px 30/30.
   Kopija: ~/varnostne-kopije/2026-08-25-korak286-ugledni/
   ====================================================================== */

body.page-id-10003 .zdr-ugledni,
body.page-id-10004 .zdr-ugledni {
    padding-top: 50px;
    padding-bottom: 50px;
}

body.page-id-10003 .zdr-ugledni .zdr-ugledni__mreza .row,
body.page-id-10004 .zdr-ugledni .zdr-ugledni__mreza .row {
    margin-bottom: -30px;   /* razmik pod zadnjo vrsto kartic */
}

@media (max-width: 767px) {
    body.page-id-10003 .zdr-ugledni,
    body.page-id-10004 .zdr-ugledni {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    /* na telefonu ima kartica 20 px odmika, ne 30 */
    body.page-id-10003 .zdr-ugledni .zdr-ugledni__mreza .row,
    body.page-id-10004 .zdr-ugledni .zdr-ugledni__mreza .row {
        margin-bottom: -20px;
    }
}

/* ======================================================================
   ZDR – UGLEDNI DELODAJALCI: ENAKA ODMIKA NAD IN POD end
   ====================================================================== */


/* ======================================================================
   ZDR – TRI KARTICE NA NASLOVNICI: ENAKA VISINA start
   25. 8. 2026, korak 290.

   Ob prevodu angleskih kartic (korak 289) se je pokazalo, da je kartica
   visoka tocno toliko, kolikor je besedila: slovenske so vse dvovrsticne
   in izgledajo enako, angleska tretja pa je trivrsticna in je stala
   nizje od sosed. Gradnik `apus_element_features_box` je slick vrtiljak
   in vsakemu polju pusti svojo visino.

   Namesto krajsanja besedila (kar bi popacilo prevod) povemo vrtiljaku,
   naj bodo polja enako visoka: sled postane prozna vrsta, polja se
   raztegnejo do najvisjega. Velja za vsak jezik in vsako dolzino besedila.

   ⚠ `float: left` na poljih je obvezno izklopiti — v prozni vrsti sicer
   ostane in polje se ne raztegne. Ravno to me je prvic ujelo: sled je
   bila `display: flex`, polja pa so ostala 226 px namesto 252 px.
   ⚠ Visine NE nastavljaj na `.item` — to je isti element kot
   `.slick-slide`; `height: 100%` se tam razresi v `auto` in raztega ni.

   Izmerjeno po posegu (1440 px, angleska naslovnica): vse tri 252 px.
   Kopija: ~/varnostne-kopije/2026-08-25-korak290-kartice-visina/
   ====================================================================== */

.widget-features-box .slick-track {
    display: flex;
    align-items: stretch;
}

.widget-features-box .slick-track > .slick-slide {
    height: auto;
    float: none;
}

.widget-features-box .item-inner {
    height: 100%;
}

/* ======================================================================
   ZDR – TRI KARTICE NA NASLOVNICI: ENAKA VISINA end
   ====================================================================== */

/* ======================================================================
   ZDR – PODSTRANI PLOSCE: ENAK ODMIK OD STRANSKEGA MENIJA start
   25. 8. 2026, korak 292.

   Miha 25. 8. za »Oglasi in paketi« in »Dodatne promocije«: naslovi in
   vsa vsebina naj bodo enako odmaknjeni od stranskega menija kot pri
   »Upravljanju oglasov« oziroma nadzorni plosci.

   Kaj je bilo narobe. Podstrani, ki jih izrise tema ali vticnik
   (nadzorna plosca, moji oglasi, profil), vsebino zavijejo v
   `.box-dashboard-wrapper` z vodoravnim odmikom 15 / 30 / 60 px.
   Podstrani, zgrajene z Elementorjem (moji-paketi #9856/#9857,
   moji-boosti #9984/#9985), tega ovoja nimajo — njihova vsebina se je
   zacela tocno ob meniju, 60 px bolj levo od sosednjih strani.

   Kaj je zdaj. Elementorjevemu stolpcu damo isti odmik, z istimi
   prelomnicami kot jih ima tema (superio/css/template.css, vrstica
   20522). Beli okvir, ki na strani »Oglasi in paketi« stoji ZNOTRAJ
   Elementorja (»Upravljanje oglasov«), ima svoj odmik ze od prej —
   njega z negativnim odmikom vrnemo tocno tja, kjer je bil. Ta okvir
   je Miha izrecno pohvalil, zato se ne sme premakniti.

   Izmerjeno pri 1440 px: vsebina 360 → 420, beli okvir ostane 360.

   Kopija: ~/varnostne-kopije/2026-08-25-korak292-plosca-odmiki/
   ====================================================================== */

body.page-template-page-dashboard .main-page .elementor-top-column > .elementor-widget-wrap {
    padding-left: 15px;
    padding-right: 15px;
}

body.page-template-page-dashboard .main-page .elementor .box-dashboard-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 992px) {
    body.page-template-page-dashboard .main-page .elementor-top-column > .elementor-widget-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
    body.page-template-page-dashboard .main-page .elementor .box-dashboard-wrapper {
        margin-left: -30px;
        margin-right: -30px;
    }
}

@media (min-width: 1350px) {
    body.page-template-page-dashboard .main-page .elementor-top-column > .elementor-widget-wrap {
        padding-left: 60px;
        padding-right: 60px;
    }
    body.page-template-page-dashboard .main-page .elementor .box-dashboard-wrapper {
        margin-left: -60px;
        margin-right: -60px;
    }
}

/* ======================================================================
   ZDR – PODSTRANI PLOSCE: ENAK ODMIK OD STRANSKEGA MENIJA end
   ====================================================================== */

/* ======================================================================
   ZDR – GUMBI PO NAKUPU: VSI TRIJE MODRI start
   25. 8. 2026, korak 295. Miha na strani »order-received«:
   »OBJAVI OGLAS button daj da bo moder in bolj viden. tudi nadzorna
   plosca in domov naj bojo taki modri kot objavi oglas.«

   Doslej je bil poln (moder) samo prvi gumb, druga dva sta bila prosojna
   in sta na svetli podlagi izgledala kot navadno besedilo. Zdaj so vsi
   trije enaki gumbu »Objavi oglas« iz glave: r 12 px, visina 50 px,
   Sora 14,5/700, barva --zdr-g-modra (korak 154).

   Velja samo znotraj `.zdr-po-nakupu__gumbi`, drugod prosojni gumbi
   ostanejo prosojni (na modri podlagi bi sicer izginili).

   Kopija: ~/varnostne-kopije/2026-08-25-korak295-gumbi-po-nakupu/
   ====================================================================== */

.zdr-po-nakupu__gumbi .zdr-gumb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--zdr-g-visina, 50px);
    padding: 12px 22px;
    border-radius: var(--zdr-g-r, 12px);
    background: var(--zdr-g-modra, #2557E8);
    border: 1px solid var(--zdr-g-modra, #2557E8);
    color: #fff;
    font-family: 'Sora', sans-serif;
    font-size: 14.5px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(37, 87, 232, .26);
    transition: filter .18s, transform .18s;
}

.zdr-po-nakupu__gumbi .zdr-gumb:hover,
.zdr-po-nakupu__gumbi .zdr-gumb:focus {
    color: #fff;
    filter: brightness(1.08);
    transform: translateY(-1px);
}

/* ======================================================================
   ZDR – GUMBI PO NAKUPU: VSI TRIJE MODRI end
   ====================================================================== */

/* ======================================================================
   ZDR – VODORAVNO DRSENJE MED 992 IN 1024 px start
   25. 8. 2026, korak 298.

   Naslovnica (SL in EN) je bila v tem ozkem pasu široka 1039 px namesto
   1024 — stran se je dala potegniti 15 px na desno. Izmerjeno po korakih:

     1080–1025 px  vsebnik ima 15 px odmika, vrtiljak se zacne pri 0  → v redu
     1024– 992 px  vsebnik NIMA odmika, vrtiljak z `margin: 0 -15px`
                   pomoli 15 px cez levi in desni rob                 → napaka
      991 px in manj                                                  → v redu

   Kriv je vrtiljak treh kartic (`.widget-features-box`), ki ima negativni
   vodoravni odmik za razmik med karticami. Drugod ta odmik pade v odmik
   vsebnika, v tem pasu pa vsebnika ni.

   ⚠ Popravek velja samo v tem pasu — pri 1025 px in vec ter pri 991 px in
   manj se postavitev ne sme premakniti (tam je potrjena).

   Ni posledica danasnjih posegov; opazeno pri pregledu pred odprtjem.
   Kopija: ~/varnostne-kopije/2026-08-25-korak298-vodoravno/
   ====================================================================== */

@media (min-width: 992px) and (max-width: 1024px) {

    .widget-features-box > .slick-carousel {
        margin-left: 0;
        margin-right: 0;
    }
}

/* ======================================================================
   ZDR – VODORAVNO DRSENJE MED 992 IN 1024 px end
   ====================================================================== */


/* ======================================================================
   ZDR – SOCIALNE IKONE NA PROFILU DELODAJALCA start
   25. 8. 2026, korak 300. Miha: »socialni profili so bele ikonce,
   daj črne na štartu.«

   ZAKAJ SO BILE BELE. Na portalu sta DVA bloka, ki oblikujeta
   `.apus-social-share a` kot polne gumbe z barvo omrežja v ozadju
   (»Deli objavo«, vrstici ~1162 in ~2295): `color: #fff !important`,
   `min-width: 132px`, `height: 42px`, `margin: 0 !important`.

   Na profilu delodajalca je uporabljen isti razred, a povezave nimajo
   razreda omrežja in zato tudi ne ozadja — bela ikona na beli kartici.
   Ker gre za dva gumbovska bloka z `!important`, jih moramo tu razveljaviti
   po vseh merah, ne samo po barvi (sicer ostanejo 132 × 42 px in se
   prelomijo v dve vrsti — tako se mi je zgodilo v prvem poskusu).

   Kopija: ~/varnostne-kopije/2026-08-25-korak300-socialne-ikone/
   ====================================================================== */

.social-employer .apus-social-share {
    gap: 18px;
}

.social-employer .apus-social-share a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 4px;
    margin: 0 !important;
    background: none !important;
    border-radius: 0;
    color: #1a2b4b !important;
    font-size: 18px;
    line-height: 1;
}

.social-employer .apus-social-share a:hover,
.social-employer .apus-social-share a:focus {
    color: var(--zdr-g-modra, #2557E8) !important;
    opacity: 1;
    transform: none;
}

/* ======================================================================
   ZDR – SOCIALNE IKONE NA PROFILU DELODAJALCA end
   ====================================================================== */

/* ======================================================================
   ZDR – PREDOGLED OGLASA NAJ BO ENAK OBJAVLJENEMU start
   25. 8. 2026, korak 302. Miha: »pri predogledu oglasa pred objavo prosim
   samo fonte malo zmanjšaj. Če pa bo še nekoliko bolj podoben aktualnemu
   oglasu, pa še toliko bolje.«

   ZAKAJ SO BILI VELIKI. Predogled izriše natanko isto predlogo kot
   objavljeni oglas (`content-single-job_listing`), samo da stoji znotraj
   nadzorne plošče. Naš blok »ENOTNE PODSTRANI NADZORNE PLOŠČE« (korak 145)
   postavi vse `h3.title` in `.widget-title` znotraj `.main-page` na
   **30 px / 700** — to je prav za naslove podstrani, na predogledu pa je
   zajelo tudi napise v oglasu (»Lokacije:«, »E-pošta:«, »Kratek opis« …).
   Zato je bil predogled videti povsem drugačen od pravega oglasa.

   Tu jim znotraj predogleda vrnemo mere objavljenega oglasa. Izmerjene so
   na živem oglasu (qa/diag-oglas-mere.mjs, 1440 px):

     naslov oglasa (h1.job-detail-title)      32 px / 800
     naslov gradnika (»O delodajalcu«)        16 px / 700
     razdelka »Kratek opis«, »Opis dela«      19 px / 700
     napisi o delodajalcu (»Lokacije:« …)     16 px / 500
     »Deli to objavo«                         15 px / 600

   ⚠ Izbirnik mora imeti vsaj toliko razredov kot pravilo iz koraka 145
   (`body.page-template-page-dashboard .main-page .site-main h3.title`),
   sicer ne prime.

   Kopija: ~/varnostne-kopije/2026-08-25-korak302-predogled/
   ====================================================================== */

body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper h1.job-detail-title {
    font-size: 32px;
    font-weight: 800;
}

body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper .widget-title {
    font-size: 16px;
    font-weight: 700;
}

body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper h3.title {
    font-size: 19px;
    font-weight: 700;
}

body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper .job-detail-employer-info .title {
    font-size: 16px;
    font-weight: 500;
}

body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper .apus-social-share .title {
    font-size: 15px;
    font-weight: 600;
}

@media (max-width: 767px) {

    body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper h1.job-detail-title {
        font-size: 24px;
    }

    body.page-template-page-dashboard .main-page .site-main .job-submission-preview-form-wrapper h3.title {
        font-size: 17px;
    }
}

/* ======================================================================
   ZDR – PREDOGLED OGLASA NAJ BO ENAK OBJAVLJENEMU end
   ====================================================================== */

/* ======================================================================
   ZDR – ISKALNIK NA NASLOVNICI: ROB NE SME ČEZ IKONO start
   25. 8. 2026, korak 308. Miha: »ko je okno, črta čez ikono«.

   KAJ JE BILO NAROBE. Vodoravni iskalnik (`.filter-listing-form.horizontal`)
   ima ikono lupe absolutno postavljeno pri `left: 10px`, sam vsebnik pa
   `padding-left: 22px`. Vnosno polje se je zato začelo 22 px od levega
   roba — natanko sredi ikone (ikona 106–127 px, polje od 118 px). Dokler
   je polje brez roba, se ne vidi; ko klikneš vanj, se pokaže rob in gre
   čez lupo.

   KAKO JE UREJENO. Enako kot v stranskem filtru na seznamu zaposlitev,
   kjer je bilo to že prej pravilno: vsebnik brez levega odmika, polje
   čez vso širino, ikona pa leži ZNOTRAJ polja, v njegovem levem odmiku.

   ⚠ `.form-control` ima v tej datoteki `padding: 11px 14px !important`,
   zato rabi tudi ta odmik `!important` (zapisano v CLAUDE.md).

   Velja samo za vodoravni iskalnik; stranski filter ima svoja pravila in
   se ga ne dotikamo.

   Kopija: ~/varnostne-kopije/2026-08-25-korak308-iskalnik/
   ====================================================================== */

.filter-listing-form.horizontal .form-group-inner.has-icon {
    padding-left: 0;
}

.filter-listing-form.horizontal .form-group-inner.has-icon > i {
    left: 18px;
}

.filter-listing-form.horizontal .form-group-inner.has-icon .form-control,
.filter-listing-form.horizontal .form-group-inner.has-icon select,
.filter-listing-form.horizontal .form-group-inner.has-icon .select2-selection__rendered {
    padding-left: 46px !important;
}

/* ======================================================================
   ZDR – ISKALNIK NA NASLOVNICI: ROB NE SME ČEZ IKONO end
   ====================================================================== */

/* ======================================================================
   ZDR – LOGOTIP NA TELEFONU: RAZTEGNJEN start
   25. 8. 2026, korak 314. Miha: »logo na mobilni je raztegnjen, naj bo
   malo večji in lep«.

   KAJ JE BILO NAROBE. Sliki sta bili predpisani OBE meri hkrati —
   `width: 165px; height: 50px` — razmerje logotipa pa je 900 × 742
   (1,21 : 1). Pri 165 × 50 je to 3,3 : 1, torej je bil logotip stisnjen
   po višini oziroma raztegnjen po širini. `object-fit: fill` tega ni
   popravil, ker fill namenoma popači.

   KAKO ZDAJ. Predpišemo samo višino, širina se izračuna sama
   (`width: auto`), razmerje ostane pravo. Ob tem je logotip nekoliko
   večji: 50 → 62 px na telefonu, 56 px na najožjih zaslonih.

   Izmerjeno po posegu pri 390 px: 75 × 62 px (razmerje 1,21 — pravo).

   Kopija: ~/varnostne-kopije/2026-08-25-korak314-logo-mobilni/
   ====================================================================== */

@media (max-width: 991px) {

    #apus-header-mobile .logo img,
    .apus-header-mobile .logo img,
    #apus-header-mobile .logo-main img,
    .mobile-header .logo img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 62px !important;
        object-fit: contain !important;
    }
}

@media (max-width: 374px) {

    #apus-header-mobile .logo img,
    .apus-header-mobile .logo img,
    #apus-header-mobile .logo-main img,
    .mobile-header .logo img {
        max-height: 56px !important;
    }
}

/* ======================================================================
   ZDR – LOGOTIP NA TELEFONU: RAZTEGNJEN end
   ====================================================================== */

/* ======================================================================
   ZDR – PREMIKANJE POSTAVITVE OB NALAGANJU (CLS) start
   25. 8. 2026, korak 315.

   PageSpeed je za namizje javil CLS **1,107**, izmerjeno v brskalniku
   0,938. Skoraj vse pride iz enega samega premika pri ~250 ms, kjer se
   glava prelije: gradnik logotipa zraste z 12 px na 156 px, menijska
   vrstica pa skoči s 210 px na 61 px.

   VZROK. Logotip v glavi izrisuje Elementorjev gradnik
   `apus_element_logo`; njegova slika nima navedenih `width` in `height`
   in ima `loading="lazy"`. Brskalnik zato zanjo ne rezervira prostora —
   dokler se ne naloži, je gradnik visok 12 px, nato pa se glava
   prerazporedi in vse pod njo poskoči.

   ⚠ Slika v glavi ne sme biti `lazy` — je nad pregibom in jo brskalnik
   rabi takoj. Zato jo `loading="eager"` naloži brez odlašanja, razmerje
   900 : 742 pa poskrbi, da je prostor rezerviran že ob prvem izrisu,
   tudi če se slika naloži kasneje.

   Kopija: ~/varnostne-kopije/2026-08-25-korak315-cls/
   ====================================================================== */

.elementor-widget-apus_element_logo .logo img,
.elementor-widget-apus_element_logo img {
    aspect-ratio: 900 / 742;
    height: auto;
}

/* ======================================================================
   ZDR – PREMIKANJE POSTAVITVE OB NALAGANJU (CLS) end
   ====================================================================== */

/* ZDR – CTA pas na strani O nas, 26. 8. 2026 (korak 332) start
 *
 * Miha: »en boljši banner CTA, 970x250 alpakej, da ni sam text polinkan —
 * ta landing bom oglaševal v Googlu, flow delodajalcev na pakete je bistvo.«
 *
 * KAJ SE JE SPREMENILO IN ZAKAJ
 *
 * Prej: naslov na sredini, pod njim podnaslov na sredini, pod njim gumb na
 * sredini. To je najbolj generičen vzorec, kar jih je, in na širokem pasu
 * dela dvoje škode — po nepotrebnem raste v višino (395 px), gumb pa pade
 * na dno, kamor oko ob branju od leve proti desni ne pride več.
 *
 * Zdaj: besedilo levo, gumb desno, oboje navpično na sredini. Pas dobi
 * razmerja oglasnega bannerja (~3,9 : 1, kar je Mihovih 970 × 250), gumb
 * pa stoji na koncu bralne poti, kjer ga oko naravno najde.
 *
 * Podrobnosti:
 *   - nadnapis »ZA DELODAJALCE« — obiskovalec iz Google oglasa mora v
 *     pol sekunde vedeti, da je ta pas namenjen njemu
 *   - podnaslov omejen na 52 znakov širine; prej se je raztegnil čez ves
 *     pas in pustil besedo »farmaciji.« samo v svoji vrstici
 *   - gumb: 56 px visok, verzalke, razmik med črkami, senca — da je
 *     očitno, da je to edina stvar na pasu, ki se klika
 *
 * ⚠ Postavitev je narejena z gridom na `.elementor-widget-wrap`, ker sta
 *   naslov in podnaslov v Elementorju dva ločena gradnika brez skupnega
 *   ovoja. Grid ju zloži v levi stolpec brez posega v strukturo strani.
 *   Tako je popravek povraten z brisanjem tega bloka.
 *
 * ⚠ Razred `zdr-cta-pas` je na NOTRANJI sekciji (SL #5dea35c7, EN
 *   #609bde0a), ne na vrhnji. Vrhnja je bel ovoj, notranja je modri pas.
 *
 * Varnostna kopija: ~/varnostne-kopije/2026-08-26-korak332-cta-o-nas/
 */

/* ---------- ozadje pasu ----------
 * ⚠ Preliv je bil prej v style.css privezan na OZNAKO ELEMENTA in ID
 *   STRANI (body.page-id-9148 .elementor-element-5dea35c7). Zato ga
 *   kopija pasu na naslovnici ni dobila: belo besedilo na svetlem ozadju,
 *   izpod pa je gledala fotografija megafona, ki jo tisti blok skriva.
 *   Tu je isto ozadje vezano na RAZRED, zato potuje s pasom kamor koli.
 *   Stara pravila po ID-jih strani so pustena pri miru — dajejo isti
 *   rezultat, le da veljajo samo na strani O nas.
 *
 * ⚠ Izbirniki so namenoma dolgi (body .elementor .elementor-element.…):
 *   Elementor za vsako stran ustvari svoja pravila z izbirnikom
 *   .elementor-NNN .elementor-element.elementor-element-XXX (0,3,0).
 *   Sam razred (0,1,0) izgubi in ozadje se ne prime — ravno to se je
 *   zgodilo pri prvem poskusu na naslovnici.
 */
body .elementor .elementor-element.zdr-cta-pas {
	position: relative;
	overflow: hidden;
	border-radius: 26px;
	background-color: transparent;
	background-image:
		radial-gradient(circle at 96% 130%, rgba(255, 255, 255, .10), transparent 42%),
		linear-gradient(135deg, #1A3FC4, #2F63F0);
	background-size: cover;
	background-position: center;
}

/* Podedovana fotografija megafona pod prelivom. */
body .elementor .elementor-element.zdr-cta-pas .elementor-background-overlay {
	display: none;
}

/* Beli ovoj, v katerem pas stoji — da ima zrak tudi zunaj kartice. */
body .elementor .elementor-element.zdr-cta-ovoj {
	background-color: #fff;
	padding: 70px 24px 80px;
}

body .elementor .elementor-element.zdr-cta-ovoj > .elementor-container {
	/* ⚠ Sirina se mora ujemati s KARTICAMI nad pasom, ne z necim vmesnim.
	   Izmerjeno 26. 8. na naslovnici: vsebnik kartic je 1320 px, vidne bele
	   kartice pa 1290 px (x=75 do 1365). Vsebnik pasu 1320 da pas 1290 —
	   torej natanko na isti navpicnici kot kartice.
	   Zgodovina: prvotno 1362 px (prevec, stal je iz strani), nato 1240 px
	   (premalo, oziji od kartic). Miha: »raztegni, da bo enoten s sirino
	   drugega contenta«. */
	max-width: 1320px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: none;
	padding: 0;
}

.zdr-cta-pas > .elementor-container > .elementor-column > .elementor-widget-wrap {
	padding: 54px 48px;
}

/* Nadnapis: pove, komu je pas namenjen. */
.zdr-cta-pas .elementor-widget-heading::before {
	content: "Za delodajalce";
	display: block;
	margin-bottom: 10px;
	font-family: Manrope, system-ui, sans-serif;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .72);
}

.zdr-cta-pas .elementor-widget-text-editor p {
	/* Brez tega se stavek prelomi tako, da ostane »farmaciji.« sama v
	   drugi vrstici. Brskalniki brez podpore dobijo obicajen prelom. */
	text-wrap: balance;
}

.zdr-cta-pas .elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* ---------- namizje: besedilo levo, gumb desno ---------- */
@media (min-width: 992px) {

	.zdr-cta-pas > .elementor-container > .elementor-column > .elementor-widget-wrap {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		align-items: center;
		column-gap: 56px;
		row-gap: 12px;
	}

	.zdr-cta-pas .elementor-widget-heading {
		grid-column: 1;
		grid-row: 1;
		width: auto;
	}

	.zdr-cta-pas .elementor-widget-text-editor {
		grid-column: 1;
		grid-row: 2;
		/* ⚠ justify-self je nujen: Elementorjev razred
		   .elementor-widget__width-initial da gradniku svojo sirino in v
		   gridu ga to sredinji v celici — podnaslov je bil zamaknjen
		   145 px desno od naslova. */
		justify-self: start;
		width: auto !important;
		max-width: 52ch;
		margin: 0 !important;
	}

	.zdr-cta-pas .elementor-widget-button {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: center;
		width: auto;
		margin: 0 !important;
	}

	/* ⚠ Poravnava mora biti na GRADNIKU, ne na naslovu: nadnapis je
	   psevdoelement gradnika in bi ob poravnavi samo naslova ostal
	   sredinjen. */
	.zdr-cta-pas .elementor-widget-heading,
	.zdr-cta-pas .elementor-widget-heading .elementor-heading-title,
	.zdr-cta-pas .elementor-widget-text-editor {
		text-align: left !important;
	}

	/* Naslov v dveh vrsticah, tesneje — pas naj ne raste v višino. */
	.zdr-cta-pas .elementor-heading-title {
		font-size: 34px !important;
		line-height: 1.18 !important;
		margin: 0;
	}

	.zdr-cta-pas .elementor-widget-heading {
		margin-bottom: 0 !important;
	}
}

/* ---------- gumb ----------
 * ⚠ Barve gumba so bile na strani O nas nastavljene s pravilom, vezanim
 *   na tisto stran; v Elementorjevih nastavitvah gradnika je gumb TEMEN
 *   (#21286A). Kopija na naslovnici je zato prisla temna. Barve zato
 *   dolocimo tu, na razredu, z dovolj visoko specificnostjo, da premagajo
 *   Elementorjevo pravilo za posamezen element.
 */
body .elementor .elementor-element.zdr-cta-pas .elementor-button {
	background-color: #FFFFFF;
	color: #1A3FC4;
	border-color: #FFFFFF;
}

body .elementor .elementor-element.zdr-cta-pas .elementor-button:hover,
body .elementor .elementor-element.zdr-cta-pas .elementor-button:focus-visible {
	background-color: #EEF2FF;
	color: #1A3FC4;
	border-color: #EEF2FF;
}

.zdr-cta-pas .elementor-button {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	min-height: 56px;
	padding: 0 32px !important;
	border-radius: 14px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: .1em;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 10px 24px rgba(6, 20, 73, .26);
	transition: transform .18s ease, box-shadow .18s ease;
}

/* Kljukica namesto puščice iz pisave — neodvisna od nabora znakov. */
.zdr-cta-pas .elementor-button .elementor-button-text::after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-left: 12px;
	vertical-align: 1px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform .18s ease;
}

.zdr-cta-pas .elementor-button:hover,
.zdr-cta-pas .elementor-button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(6, 20, 73, .34);
}

.zdr-cta-pas .elementor-button:focus-visible {
	outline: 3px solid rgba(255, 255, 255, .9);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.zdr-cta-pas .elementor-button,
	.zdr-cta-pas .elementor-button .elementor-button-text::after {
		transition: none;
	}
	.zdr-cta-pas .elementor-button:hover {
		transform: none;
	}
}

/* ---------- telefon in tablica: zloženo, gumb čez celo širino ---------- */
@media (max-width: 991px) {

	.zdr-cta-pas > .elementor-container > .elementor-column > .elementor-widget-wrap {
		padding: 32px 26px 34px;
	}

	/* ⚠ Poravnavo je treba vsiliti z dolgim izbirnikom: na strani O nas
	   sredinjenje pride iz pravila, vezanega na tisto stran (0,4,1).
	   Brez tega bi bil isti pas na naslovnici levo, na O nas pa sredinjen. */
	body .elementor .elementor-element.zdr-cta-pas .elementor-widget-heading,
	body .elementor .elementor-element.zdr-cta-pas .elementor-heading-title,
	body .elementor .elementor-element.zdr-cta-pas .elementor-widget-text-editor {
		text-align: left !important;
	}

	.zdr-cta-pas .elementor-heading-title {
		font-size: 24px !important;
		line-height: 1.25 !important;
	}

	.zdr-cta-pas .elementor-widget-text-editor {
		width: 100% !important;
		max-width: none;
	}

	.zdr-cta-pas .elementor-widget-button {
		margin-top: 18px !important;
	}

	.zdr-cta-pas .elementor-button {
		width: 100%;
		justify-content: center;
		min-height: 52px;
	}
}

/* ZDR – CTA pas na strani O nas, 26. 8. 2026 (korak 332) end */

/* ZDR – en sam »Prijavi se« na telefonu, 26. 8. 2026 (korak 338) start
 *
 * Miha: »znotraj posameznega oglasa je pod job opisom spodaj dvakrat
 * Prijavi se okno; desktop pusti pri miru, samo mobile pa naj bo samo eno.«
 *
 * ZAKAJ SE PODVAJA. Na oglasu sta okvirja dva, oba upravicena:
 *   1. NAS  — `.zdr-prijava-dno`, takoj pod opisom oglasa (korak 277,
 *             ravno zato, da se kandidatu ni treba vracati na vrh)
 *   2. TEMIN — gradnik `widget_apus_job_buttons` v stranskem stolpcu
 *             `.sidebar-job`
 *
 * Na namizju sta narazen: temin stoji desno ob vsebini (izmerjeno pri
 * 1440 px na y=252), nas pa nizje v besedilu (y=2352). Nic se ne podvaja.
 *
 * Pri 991 px in manj pa stranski stolpec ni vec stolpec — zlozi se pod
 * vsebino. Takrat oba okvirja pristaneta drug pod drugim in kandidat vidi
 * isto stvar dvakrat.
 *
 * KAJ SKRIJEMO IN ZAKAJ TISTEGA. Skrijemo TEMINEGA. Nas stoji takoj za
 * opisom, torej tam, kjer bralec konca — izmerjeno pri 390 px je nas na
 * y=2371, temin sele na y=2653, pri 768 px pa celo na y=3895, za vsem
 * ostalim. Obdrzimo torej boljse umescenega.
 *
 * ⚠ Skrijemo SAMO ta gradnik, ne celega stranskega stolpca — v njem so
 *   se drugi gradniki (podatki o delodajalcu), ki morajo ostati.
 *
 * ⚠ Prelom 991 px ni izbran na oko: pri 992 px je stolpec sirok 323 px in
 *   stoji ob vsebini, pri 991 px pa 750 px cez celo sirino. Meritev je v
 *   `qa/oglas-sirine.mjs`.
 *
 * Povrnitev: pobrisi ta blok.
 */

@media (max-width: 991px) {

	body .sidebar-job .widget_apus_job_buttons {
		display: none;
	}
}

/* ZDR – en sam »Prijavi se« na telefonu, 26. 8. 2026 (korak 338) end */

/* ZDR – višina urejevalnikov v obrazcu za oglas, 26. 8. 2026 (korak 341) start
 *
 * Miha: »Povečaj okence pri Kratek opis.«
 *
 * Polji »Kratek opis« in »Opis zaposlitvenega oglasa« sta od koraka 341
 * urejevalnika (prej navadni okvirčki za besedilo). TinyMCE si višino
 * določi sam in je privzeto nizek — pri kratkem opisu je bilo v Mihovem
 * posnetku vidnih le nekaj vrstic, ostalo pa se je skrilo za drsnikom.
 *
 * Višino nastavljamo s CSS in ne z nastavitvijo vtičnika, ker je tako
 * povratno z brisanjem tega bloka in ne posega v shranjene nastavitve.
 *
 * ⚠ Ciljati je treba okvir `iframe` znotraj `.mce-edit-area`, ne
 *   `textarea` — tega TinyMCE skrije in ima višino 0.
 */

/* Kratek opis — dovolj za 2–3 odstavke brez drsenja. */
#wp-_job_kratek_opis-wrap .mce-edit-area iframe,
#wp-_job_kratek_opis-wrap textarea.wp-editor-area {
	min-height: 240px !important;
}

/* Glavni opis — daljše besedilo, zato višje. */
#wp-_job_description-wrap .mce-edit-area iframe,
#wp-_job_description-wrap textarea.wp-editor-area {
	min-height: 420px !important;
}

/* Na telefonu nižje, da obrazec ne postane neskončen. */
@media (max-width: 767px) {

	#wp-_job_kratek_opis-wrap .mce-edit-area iframe,
	#wp-_job_kratek_opis-wrap textarea.wp-editor-area {
		min-height: 180px !important;
	}

	#wp-_job_description-wrap .mce-edit-area iframe,
	#wp-_job_description-wrap textarea.wp-editor-area {
		min-height: 300px !important;
	}
}

/* ZDR – višina urejevalnikov v obrazcu za oglas, 26. 8. 2026 (korak 341) end */

/* ZDR – obvestilo o brezplačni registraciji, 27. 8. 2026 (korak 343) start
 *
 * Miren pas nad polji registracijskega obrazca. Namenoma ni rdeč ne
 * kričeč — je informacija, ki odvzame pomislek, ne opozorilo.
 *
 * Kljukica je narisana s CSS (dve črti, zavrteni), ne z ikono iz pisave:
 * pisava teme teh znakov nima (past, zapisana v CLAUDE.md), Dashicons pa
 * se na sprednji strani ne nalagajo povsod.
 */

.zdr-brezplacno {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0 0 22px;
	padding: 14px 18px;
	border: 1px solid #BBF7D0;
	border-left: 3px solid #16A34A;
	border-radius: 12px;
	background: #F0FDF4;
	font-size: 14px;
	line-height: 1.55;
	color: #14532D;
}

.zdr-brezplacno__besedilo strong {
	display: block;
	color: #14532D;
}

/* Kljukica: dve stranici kvadrata, zavrteni za 45°. */
.zdr-brezplacno__znak {
	position: relative;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	border-radius: 50%;
	background: #16A34A;
}

.zdr-brezplacno__znak::after {
	content: "";
	position: absolute;
	top: 4px;
	left: 7px;
	width: 5px;
	height: 9px;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	transform: rotate(45deg);
}

@media (max-width: 575px) {

	.zdr-brezplacno {
		padding: 12px 14px;
		font-size: 13px;
	}
}

/* ZDR – obvestilo o brezplačni registraciji, 27. 8. 2026 (korak 343) end */

/* ZDR korak 349 (27. 8. 2026): stanje »Aktiven« pri Boostu.
   Slog so imela samo stanja caka / izveden / potekel; »aktiven« je bilo
   brez barve in je ob zelenem »Izveden« izpadlo kot napaka. */
.zdr-boost--aktiven { border-left: 4px solid #1967D2; }
.zdr-boost--aktiven .zdr-boost__ikona  { background: #e8f0fe; color: #1967D2; }
.zdr-boost--aktiven .zdr-boost__stanje { background: #e8f0fe; color: #1967D2; }

/* ZDR – OGLAS POVEZUJE NAZAJ NA ZBIRNE STRANI start
   28. 8. 2026, korak 365. Pod opisom dela vrstica povezav na zbirne strani
   (poklic, kraj, vrsta dela, oznake). Slog je namenoma tih — to je pomožna
   navigacija, ne poudarek.
   Kopija: ~/varnostne-kopije/2026-08-28-korak365-hubi/ */
.zdr-hub { margin-top: 28px; padding-top: 22px; border-top: 1px solid #e8eaed; }
.zdr-hub__naslov { font-size: 16px; margin: 0 0 14px; color: #0D1B3E; }
.zdr-hub__vrsta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.zdr-hub__oznaka { font-size: 13px; color: #5f6368; min-width: 108px; }
.zdr-hub__povezava {
    display: inline-block; padding: 5px 12px; border-radius: 14px;
    background: #f1f4fb; color: #1967D2; font-size: 13px; line-height: 1.4;
    text-decoration: none; transition: background .15s ease, color .15s ease;
}
.zdr-hub__povezava:hover,
.zdr-hub__povezava:focus { background: #1967D2; color: #fff; }
@media (max-width: 575px) {
    .zdr-hub__oznaka { min-width: 100%; margin-bottom: 2px; }
}
/* ZDR – OGLAS POVEZUJE NAZAJ NA ZBIRNE STRANI end */

/* ZDR – RAZMIK POD POZIVOM K PAKETOM start
   28. 8. 2026, korak 367. Miha: »dj tle razmak zbližej, dol med modrim
   oknom za pakete, da ni 20cm«.

   Pod modro kartico je bilo 155 px praznega belega: 90 px notranjega
   odmika sekcije + 50 px zunanjega odmika, ki ga doda Elementor sam.
   Skupaj s 72 px odmika naslednje sekcije je nastala vrzel, ki je izgledala
   kot napaka v postavitvi.

   Odslej 48 px na namizju in 32 px na telefonu. Odmik nad kartico ostane
   nespremenjen (80 oziroma 46 px) — nad njo je gost odstavek besedila in
   tam zrak koristi.

   ⚠ Velja za strani O nas (SL #9148, EN #40). Poziv na naslovnici je svoj
   element in se ga to ne dotakne.
   Kopija: ~/varnostne-kopije/2026-08-28-korak367-razmik/ */
body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc,
body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 {
    padding-bottom: 48px;
    margin-bottom: 0;
}
@media (max-width: 767px) {
    body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc,
    body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 {
        padding-bottom: 32px;
    }
}
/* ZDR – RAZMIK POD POZIVOM K PAKETOM end */

/* ZDR – IZHOD S PRAZNE STRANI OGLASOV start
   29. 8. 2026, korak 369. Miha: »mava ful exit sajt, 3 sec pa zaprejo, k je
   večina poklicev praznih«. Prazna stran dobi poln izhod z dvema potema,
   polna pa samo tiho vrstico na koncu, da ne tekmuje z oglasi.
   Kopija: ~/varnostne-kopije/2026-08-29-korak369-izhod/ */

/* --- prazna stran ---------------------------------------------------- */
.zdr-izhod--prazno {
    margin: 8px 0 40px;
    padding: 40px 32px;
    background: #fff;
    border: 1px solid #e8eaed;
    border-radius: 18px;
}
.zdr-izhod__naslov {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.25;
    color: #0D1B3E;
}
.zdr-izhod__uvod {
    margin: 0 0 24px;
    color: #5f6368;
    font-size: 15px;
}
.zdr-izhod__polja {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.zdr-izhod__polje {
    display: block;
    padding: 22px 24px;
    border-radius: 14px;
    background: #f5f7fc;
    border: 1px solid transparent;
    text-decoration: none;
    transition: border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.zdr-izhod__polje:hover,
.zdr-izhod__polje:focus {
    border-color: #1967D2;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(11, 18, 48, .08);
}
/* prva pot je glavna — gre na oglase, zaradi katerih je človek prišel */
.zdr-izhod__polje--glavno {
    background: linear-gradient(120deg, #0D1B3E, #2557E8);
}
.zdr-izhod__ime {
    display: block;
    font-family: 'Sora', system-ui, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.3;
    color: #0D1B3E;
    margin-bottom: 6px;
}
.zdr-izhod__opis {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #5f6368;
}
.zdr-izhod__polje--glavno .zdr-izhod__ime { color: #fff; }
.zdr-izhod__polje--glavno .zdr-izhod__opis { color: #C9D6FF; }

/* --- polna stran: tiha vrstica na koncu ------------------------------ */
.zdr-izhod--tih {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 24px 0 8px;
    padding-top: 22px;
    border-top: 1px solid #e8eaed;
}
.zdr-izhod__vprasanje { color: #5f6368; font-size: 14px; }
.zdr-izhod__povezava {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 14px;
    background: #f1f4fb;
    color: #1967D2;
    font-size: 14px;
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}
.zdr-izhod__povezava:hover,
.zdr-izhod__povezava:focus { background: #1967D2; color: #fff; }

@media (max-width: 767px) {
    .zdr-izhod--prazno { padding: 28px 20px; }
    .zdr-izhod__naslov { font-size: 20px; }
    .zdr-izhod__polja { grid-template-columns: 1fr; }
    .zdr-izhod__vprasanje { width: 100%; }
}
/* ZDR – IZHOD S PRAZNE STRANI OGLASOV end */

/* ZDR – TRETJA POT NA PRAZNI STRANI (obvestilo na e-pošto) start
   29. 8. 2026, korak 370. Pod obema potema še prijava na obvestila —
   edina, ki obiskovalca obdrži tudi potem, ko odide.
   ⚠ Obrazec je isti kot v stranskem stolpcu oglasa (`zdr-enovice`), zato
   ga tu samo umirimo: brez svojega okvirja in ozadja, ker že stoji v belem
   okvirju izhoda, in omejen po širini, da vrstica ni predolga za branje.
   Kopija: ~/varnostne-kopije/2026-08-29-korak370-obvestilo/ */
.zdr-izhod__obvestilo {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #e8eaed;
}
.zdr-izhod__vodilo {
    margin: 0 0 14px;
    font-size: 15px;
    color: #5f6368;
}
.zdr-izhod__obvestilo .zdr-enovice-ovoj { margin: 0; padding: 0; max-width: 560px; }
.zdr-izhod__obvestilo .zdr-enovice {
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}
/* naslov in poved obrazca sta v tem kontekstu odveč — vodilo že pove isto */
.zdr-izhod__obvestilo .zdr-enovice__naslov,
.zdr-izhod__obvestilo .zdr-enovice__poved { display: none; }

@media (max-width: 767px) {
    .zdr-izhod__obvestilo { margin-top: 22px; padding-top: 20px; }
    .zdr-izhod__vodilo { font-size: 14px; }
}
/* ZDR – TRETJA POT NA PRAZNI STRANI (obvestilo na e-pošto) end */

/* ZDR – LOGOTIP V MOBILNEM MENIJU start
   29. 8. 2026, korak 371. Miha: »popravi mobile menu logotip, je raztegnjen,
   ni kot na mobile headerju«.

   ⚠⚠ PAST Z IMENOM. Naši popravki logotipa (vrstice 1347–1362) naštevajo
   `.apus-header`, `.apus-header-mobile`, `.mobile-header`, `.header-mobile`
   in **`.apus-offcanvas`** — panel mobilnega menija pa se imenuje
   **`.header-offcanvas`**. Ime je podobno, razred je drug, zato pravila
   nanj nikoli niso prijela.

   Posledica: logotip se je risal 120 × 50 px, čeprav je njegovo naravno
   razmerje 900 × 742 (1,21). Razmerje prikaza je bilo 2,40 — slika je bila
   stisnjena po višini za polovico.

   Odslej ohrani razmerje in je visok 62 px — natanko toliko kot v mobilni
   glavi, da je ob odpiranju menija videti isti znak.
   Kopija: ~/varnostne-kopije/2026-08-29-korak371-logo-meni/ */
.header-offcanvas .logo img,
.header-offcanvas .logo > a > img,
.header-offcanvas .logo .logo-main img {
    width: auto !important;
    height: auto !important;
    max-width: 120px !important;
    max-height: 62px !important;
    object-fit: contain;
}
/* ZDR – LOGOTIP V MOBILNEM MENIJU end */

/* ZDR – brosura delodajalca start ------------------------------------
   Korak 376 (1. 9. 2026). Gumb za prenos brosure pod opisom podjetja
   na profilu delodajalca. Oznako izrise inc/brosura-delodajalca.php.
   Varnostna kopija: ~/varnostne-kopije/2026-09-01-korak376-triglav-profil/
   ------------------------------------------------------------------ */
.zdr-brosura { margin-top: 26px; padding-top: 22px; border-top: 1px solid #e8eaed; }
.zdr-brosura__naslov { font-size: 16px; margin: 0 0 12px; color: #0D1B3E; }
.zdr-brosura__gumb {
    display: inline-flex; align-items: center; gap: 10px;
    padding: 12px 20px; border-radius: 8px;
    background: linear-gradient(135deg, #1967D2 0%, #0D47A1 100%);
    color: #fff; font-weight: 600; font-size: 15px; line-height: 1.2;
    text-decoration: none; transition: filter .15s ease, transform .15s ease;
}
.zdr-brosura__gumb:hover,
.zdr-brosura__gumb:focus { color: #fff; filter: brightness(1.08); transform: translateY(-1px); }
.zdr-brosura__gumb i { font-size: 18px; line-height: 1; }
.zdr-brosura__meta { font-weight: 400; opacity: .85; font-size: 13px; }
@media (max-width: 575px) {
    .zdr-brosura__gumb { width: 100%; justify-content: center; }
}
/* ZDR – brosura delodajalca end -------------------------------------- */

/* ZDR – video delodajalca start --------------------------------------
   Korak 376b (1. 9. 2026). Predloga video.php posilja vdelavo skozi
   the_content, zato jo wpautop zavije v <p>; Complianz na ta <p> obesi
   .cmplz-blocked-content-container s pravilom height:inherit in okvir
   se sesede na 0 px. Brez tega je bila na mestu videa prazna luknja,
   napisa za privolitev pa ni bilo mogoce klikniti.
   Po privolitvi Complianz ta razred sam odstrani.
   Varnostna kopija: ~/varnostne-kopije/2026-09-01-korak376-triglav-profil/
   ------------------------------------------------------------------ */
.employer-detail-video .content-bottom > p { margin: 0; }
.employer-detail-video .cmplz-blocked-content-container {
    height: auto;
    aspect-ratio: 16 / 9;
    min-height: 200px;
    background-color: #0D1B3E;
    border-radius: 10px;
    overflow: hidden;
}
.employer-detail-video .cmplz-blocked-content-container iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
/* po privolitvi: video ostane odziven */
.employer-detail-video .content-bottom iframe {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 10px;
}
/* ZDR – video delodajalca end ---------------------------------------- */

/* ZDR – predogled brosure start ---------------------------------------
   Korak 377 (1. 9. 2026). Strani PDF kot slike nad gumbom za prenos
   ter vdelava videa, ki se nalozi takoj (brez klika na privolitev).
   Varnostna kopija: ~/varnostne-kopije/2026-09-01-korak377-video-predogled/
   ------------------------------------------------------------------- */
.zdr-brosura__strani {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}
.zdr-brosura__stran {
    display: block;
    border: 1px solid #e8eaed;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    transition: box-shadow .15s ease, transform .15s ease;
}
.zdr-brosura__stran:hover,
.zdr-brosura__stran:focus {
    box-shadow: 0 6px 18px rgba(13, 27, 62, .14);
    transform: translateY(-2px);
}
.zdr-brosura__stran img { display: block; width: 100%; height: auto; }
@media (max-width: 575px) {
    .zdr-brosura__strani { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}
/* vdelava videa brez Complianzovega okvira */
iframe.zdr-video {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    border: 0;
    border-radius: 10px;
    background: #0D1B3E;
}
/* ZDR – predogled brosure end ----------------------------------------- */

/* ZDR – O NAS: TESNEJSI POZIV K PAKETOM start ---------------------------
   1. 9. 2026, korak 381. Miha na sliki: »premakni visje ne da je 20cm
   prostora vmes«, »vec modrine odrec, bolj skup«, »v isto vrsto«.

   IZMERJENO PRED POPRAVKOM pri 1440 px:
     · od zadnje vrstice besedila do modrega pasu 170 px
       (75 px spodnjega odmika besedilne sekcije + 95 px nad pasom)
     · pas visok 247 px (notranji odmik 54 px zgoraj in spodaj)
     · podnaslov v dveh vrsticah — omejen je bil na 52ch = 660 px,
       v eni vrstici pa meri 698 px; manjkalo je 38 px

   ODSLEJ: vrzel priblizno 65 px, pas priblizno 207 px, podnaslov v eni
   vrstici.

   ⚠ Velja SAMO za strani O nas (SL #9148, EN #40). Isti pas stoji tudi na
     naslovnici — razreda .zdr-cta-ovoj in .zdr-cta-pas potujeta z njim —
     in tam ostane nespremenjen. Zato so izbirniki vezani na id strani.
   ⚠ Omejitev 52ch je bila iz koraka 332 namerna (»farmaciji.« je sicer
     ostala sama v drugi vrstici). Ker naj bo zdaj vse v eni vrstici, jo
     na namizju odpravimo; `text-wrap: balance` iz istega bloka poskrbi
     za lep prelom, kadar sirina vseeno ne zadosca (992–1100 px).
   ⚠ Odmik POD pasom je nastavljen v koraku 367 in se ga tu ne dotikamo.

   Kopija: ~/varnostne-kopije/2026-09-01-korak381-o-nas-poziv/
   --------------------------------------------------------------------- */

/* 1) manj praznine nad pasom */
body.page-id-9148 .elementor .elementor-element.elementor-element-b349c76,
body.page-id-40 .elementor .elementor-element.elementor-element-b349c76 {
    padding-bottom: 20px;
}
body.page-id-9148 .elementor .elementor-element.zdr-cta-ovoj,
body.page-id-40 .elementor .elementor-element.zdr-cta-ovoj {
    padding-top: 16px;
}

/* 2) nizji modri pas — »vec modrine odrec« */
body.page-id-9148 .zdr-cta-pas > .elementor-container > .elementor-column > .elementor-widget-wrap,
body.page-id-40 .zdr-cta-pas > .elementor-container > .elementor-column > .elementor-widget-wrap {
    padding-top: 34px;
    padding-bottom: 34px;
}

/* 3) podnaslov v eno vrstico */
@media (min-width: 992px) {
    /* ⚠ Izbirnik mora biti enak staremu iz vrstice 3958 (0,4,1),
       sicer izgubi. Tam pise max-width: 660px z opombo »postavimo ga
       na sredino« — ostanek iz casa, ko je bil pas sredinjen. */
    body.page-id-9148 .elementor .elementor-element.elementor-element-5dea35c7 .elementor-widget-text-editor,
    body.page-id-40 .elementor .elementor-element.elementor-element-609bde0a .elementor-widget-text-editor {
        max-width: none;
    }
}

/* 4) telefon: isti razmiki sorazmerno manjsi */
@media (max-width: 767px) {
    body.page-id-9148 .elementor .elementor-element.elementor-element-b349c76,
    body.page-id-40 .elementor .elementor-element.elementor-element-b349c76 {
        padding-bottom: 12px;
    }
    body.page-id-9148 .elementor .elementor-element.elementor-element-c7487cc,
    body.page-id-40 .elementor .elementor-element.elementor-element-7e81a774 {
        padding-top: 14px;
    }
    body.page-id-9148 .elementor .elementor-element.elementor-element-60773ab7 > .elementor-widget-wrap,
    body.page-id-40 .elementor .elementor-element.elementor-element-427fcdaf > .elementor-widget-wrap {
        padding-top: 24px;
        padding-bottom: 26px;
    }
}
/* ZDR – O NAS: TESNEJSI POZIV K PAKETOM end ----------------------------- */

/* ZDR – IZHOD: POLJA ZA DELODAJALCE start ------------------------------
   2. 9. 2026, korak 382. Prazna stran iskanja je dobila drugo vrstico z
   dvema potema za delodajalce (paketi, Boost) in vec zraka okoli prijave
   na obvestila.

   ⚠ Polji za delodajalce sta namenoma umirjeni (bela z obrobo): prva pot
     mora ostati najbolj vidna, ker je obiskovalec prisel iskat zaposlitev.
   ⚠ Glavno polje nima vec opisa (naslov »Trenutno N odprtih oglasov …« je
     bil odstranjen), zato naslov navpicno sredinimo — sicer bi visel na
     vrhu, sosednje polje pa bi bilo videti polnejse.

   Kopija: ~/varnostne-kopije/2026-09-02-korak382-izhod-dopolnitev/
   --------------------------------------------------------------------- */
.zdr-izhod__polja--delodajalci {
    margin-top: 16px;
}
.zdr-izhod__polje--tih {
    background: #fff;
    border-color: #e3e7f0;
}
.zdr-izhod__polje--tih .zdr-izhod__ime {
    font-size: 15px;
}
.zdr-izhod__polje--glavno {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.zdr-izhod__polje--glavno .zdr-izhod__ime {
    margin-bottom: 0;
}

/* »vec presledka« okoli prijave na obvestila */
.zdr-izhod__obvestilo {
    margin-top: 40px;
    padding-top: 32px;
}
.zdr-izhod--prazno {
    margin-bottom: 56px;
}

@media (max-width: 767px) {
    .zdr-izhod__polja--delodajalci { margin-top: 12px; }
    .zdr-izhod__obvestilo { margin-top: 28px; padding-top: 24px; }
    .zdr-izhod--prazno { margin-bottom: 36px; }
}
/* ZDR – IZHOD: POLJA ZA DELODAJALCE end -------------------------------- */

/* ZDR – IZHOD: VSA POLJA MODRA start -----------------------------------
   2. 9. 2026, korak 383. Miha: »dej vse 3 pomodri se okenca da bo bl
   shiny vidno«.

   Prej: glavno polje modro, drugo svetlo sivo (#f5f7fc), polji za
   delodajalce beli z obrobo. Zdaj so vsa styiri modra.

   ⚠ Hierarhija ostane, le da je v ODTENKU namesto v barvi:
       glavna pot   temnejsi preliv  #0D1B3E -> #2557E8
       ostale tri   svetlejsi preliv #1A3FC4 -> #2F63F0 (isti kot poziv
                    k paketom na strani O nas) in manjsi naslov
   ⚠ Odsev v desnem spodnjem kotu je isti prijem kot pri pasu na O nas —
     od tod »shiny«. Je samo preliv, brez slike, zato nic ne prenese.
   ⚠ Obroba ob prehodu z misko je bila #1967D2 in se na modrem ne vidi;
     zamenjana z belo prosojno in mocnejso senco.

   Kopija: ~/varnostne-kopije/2026-09-02-korak383-modra-polja/
   --------------------------------------------------------------------- */

.zdr-izhod__polje,
.zdr-izhod__polje--tih {
    border-color: transparent;
    background-color: transparent;
    background-image:
        radial-gradient(circle at 96% 130%, rgba(255, 255, 255, .12), transparent 44%),
        linear-gradient(120deg, #1A3FC4, #2F63F0);
}

/* glavna pot ostane najmocnejsa */
.zdr-izhod__polje--glavno {
    background-image:
        radial-gradient(circle at 96% 130%, rgba(255, 255, 255, .12), transparent 44%),
        linear-gradient(120deg, #0D1B3E, #2557E8);
}

.zdr-izhod__polje .zdr-izhod__ime { color: #fff; }
.zdr-izhod__polje .zdr-izhod__opis { color: #C9D6FF; }

.zdr-izhod__polje:hover,
.zdr-izhod__polje:focus {
    border-color: rgba(255, 255, 255, .55);
    box-shadow: 0 12px 28px rgba(11, 18, 48, .22);
}
/* ZDR – IZHOD: VSA POLJA MODRA end ------------------------------------- */

/* ZDR – FILTRI: RECA NAD NOGO start ------------------------------------
   2. 9. 2026, korak 384. Miha: »sidebar zgoraj je okej samo spodaj ga
   poje footer«.

   IZMERJENO na /seznam-zaposlitev/?filter-title=farmacevt (1440 x 900):
     · .filter-sidebar: position: sticky, top: 172px, height: 728px
     · vsebina filtrov je visoka 1293 px -> notranje drsenje
       (perfect-scrollbar, .ps-container)
     · stars .main-content.inner je flex, visok 1110 px
     · noga se zacne tocno na spodnjem robu starsa

   Lepljiv element ustavi spodnji rob starsa, zato se je spodnji rob
   panela natanko pokrival z zgornjim robom noge — panel se je koncal z
   ravnim rezom sredi seznama izbir.

   Odslej ima panel 48 px spodnjega odmika, zato se lepljivo obmocje
   konca PRED nogo in med njima ostane reza.

   ⚠ Visine ne dolocamo na trdo — tema jo postavi kot vgrajen slog iz
     izmerjene visine glave in se ob njeni spremembi popravi sama. Zato
     samo max-height, ki jo po potrebi zniza.
   ⚠ align-self: flex-start prepreci, da bi flex vrstica panel raztegnila
     na visino stolpca z oglasi.
   ⚠ Notranjega drsenja se ne dotikamo (overflow ostane hidden, zanj skrbi
     perfect-scrollbar).

   Kopija: ~/varnostne-kopije/2026-09-02-korak384-sidebar-noga/
   --------------------------------------------------------------------- */
@media (min-width: 992px) {
    body.page-template-page-jobs .layout-type-fullwidth .filter-sidebar.left-main {
        align-self: flex-start;
        max-height: calc(100vh - 196px);
        margin-bottom: 48px;
    }
}
/* ZDR – FILTRI: RECA NAD NOGO end --------------------------------------- */

/* ZDR – NASLOV DELODAJALCA start ---------------------------------------
   3. 9. 2026, korak 387. Namesto zemljevida (korak 386) stoji na profilu
   poln naslov iz profila; vsaka vrstica je povezava na Google Zemljevide.
   Vec naslovov = vec vrstic (delodajalec jih v profilu loci s prelomom).
   Kopija: ~/varnostne-kopije/2026-09-03-korak387-naslov/
   --------------------------------------------------------------------- */
.zdr-naslovi {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.zdr-naslovi__vrstica {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid #e8eaed;
    border-radius: 10px;
    background: #f5f7fc;
    color: #0D1B3E;
    font-size: 14px;
    line-height: 1.45;
    text-decoration: none;
    transition: border-color .15s ease, background .15s ease, transform .15s ease;
}
.zdr-naslovi__vrstica:hover,
.zdr-naslovi__vrstica:focus {
    border-color: #1967D2;
    background: #fff;
    color: #1967D2;
    transform: translateY(-1px);
}
.zdr-naslovi__vrstica i {
    flex: 0 0 auto;
    margin-top: 2px;
    font-size: 15px;
    line-height: 1;
    color: #1967D2;
}
.zdr-naslovi__besedilo {
    /* dolg naslov naj se prelomi, ne pa sili iz okvirja */
    min-width: 0;
    word-break: break-word;
}
/* ZDR – NASLOV DELODAJALCA end ----------------------------------------- */