/*!
 * Prilagodba pristupačnosti - drvenjaca.hr
 * Učitava se nakon style.css i pristupacnost-tipografija.css (vidi head.php).
 * Sadržaj:
 *   1. Pomoćne klase (skriveni tekst, poveznica "Preskoči na sadržaj")
 *   2. Vidljivi fokus i tipkovnička navigacija
 *   3. Ispravke kontrasta u standardnom prikazu (WCAG 2.2 AA)
 *   4. Čitljivost stranice EU projekata
 *   5. Veličina teksta (razine) i zaštite rasporeda
 *   6. Veći razmak redaka i slova
 *   7. Isticanje poveznica
 *   8. Visoki kontrast
 *   9. Smanjenje pokreta / bez animacija
 *  10. Izbornik "Prilagodba pristupačnosti"
 *  11. Gumb pauze na slideru
 */

/* ========== 1. Pomoćne klase ========== */
.pp-skriveno {
    position: absolute !important; width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important; overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important;
}
.pp-preskoci {
    position: absolute; left: 8px; top: -100px; z-index: 100000;
    padding: 12px 18px; background: #1a7f40; color: #fff !important;
    font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 1.5rem; line-height: 1.4;
    text-decoration: underline; border-radius: 0 0 4px 4px;
}
.pp-preskoci:focus { top: 0; outline: 3px solid #000; outline-offset: 0; box-shadow: 0 0 0 6px #fff; }
#main-content:focus { outline: none; }
.pp-preskoci { -webkit-transition: none !important; transition: none !important; }
/* karusel certifikata u podnožju izlazio je izvan širine zaslona (vodoravno pomicanje, WCAG 1.4.10) */
#partners.wprt-section { overflow: hidden; }
/* isto za redove (.row) bez omotača na stranici EU projekata: sadržaj se odsijeca na rubu, bez vodoravnog pomicanja */
#main-content { overflow-x: clip; }

/* ========== 2. Fokus i tipkovnica ========== */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible,
textarea:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible, summary:focus-visible {
    outline: 3px solid #1a7f40 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 5px #fff !important;
}
#main-content:focus-visible { outline: none !important; box-shadow: none !important; }
/* tamne podloge (zaglavlje početne, podnožje, mobilni izbornik): svijetli okvir */
#site-header a:focus-visible, #footer a:focus-visible, #bottom a:focus-visible,
#main-nav-mobi a:focus-visible, #main-nav-mobi [role="button"]:focus-visible,
.mobile-button:focus-visible, .rev_slider_wrapper :focus-visible, .parallax a:focus-visible {
    outline-color: #fff !important; box-shadow: 0 0 0 5px #1a7f40 !important;
}
/* podizbornik se otvara i tipkovnicom (ne samo mišem) */
#main-nav li:focus-within > .sub-menu {
    filter: alpha(opacity=100); opacity: 1; visibility: visible;
    -webkit-transform: translateX(0); transform: translateX(0);
    -webkit-transition: none; transition: none;
}
/* naziv proizvoda na pločicama (stranica Proizvodi) prikazuje se i pri fokusu tipkovnicom te na dodirnim zaslonima, ne samo prelaskom miša */
.project-item .effect-zoe:focus-within figcaption,
.project-item .effect-zoe:focus-within h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
@media (hover: none) {
    .project-item .effect-zoe figcaption,
    .project-item .effect-zoe h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
html.pp-font .project-item .effect-zoe figcaption, html.pp-razmak .project-item .effect-zoe figcaption { height: auto; min-height: 4.8em; }
/* gumbi koje skripta pretvara u tipkovnički dostupne */
.mobile-button[role="button"], #main-nav-mobi .arrow[role="button"] { cursor: pointer; }
#scroll-top[role="button"] { cursor: pointer; }

/* ========== 3. Kontrast u standardnom prikazu ========== */
/* Osnovna siva boja teksta #777 (4,48:1, ispod granice 4,5:1) blago potamnjena na #6b6b6b (5,33:1).
   Ponavljaju se isti selektori kao u style.css, pa se mijenja samo ta boja; tamne podloge imaju vlastita pravila. */
body, select, textarea { color: #6b6b6b; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"],
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { color: #6b6b6b; }
/* Zelena #2fc161 na svijetloj podlozi (2,35:1) zamijenjena je tamnijom nijansom #1a7f40 (5,06:1)
   samo tamo gdje nosi tekst. Dekorativna zelena (crte, ikone, rubovi) i zelena na tamnim podlogama ostaju iste. */
a { color: #1a7f40; }
#featured-title #breadcrumbs a { color: #1a7f40; text-decoration: underline; }
#featured-title #breadcrumbs .trail-end { color: #666; }
#site-header.style-1 #main-nav > ul > li > a:hover,
#site-header.style-1 #main-nav > ul > li.current-menu-item > a,
#main-nav .sub-menu li a:hover { color: #1a7f40; }
/* poveznice unutar teksta razlikuju se i podcrtavanjem, ne samo bojom (WCAG 1.4.1) */
.page-content p a, .wprt-subtitle a, .page-content li a, .pp-izjava a { text-decoration: underline; }
/* bijeli tekst na zelenoj podlozi */
.wprt-toggle.active .toggle-title,
button, input[type="button"], input[type="reset"], input[type="submit"],
.wprt-button { background-color: #1a7f40; }
[style*="background-color: #2fc161"][style*="color: #ffffff"] { background-color: #1a7f40 !important; }
/* donja traka: siva na gotovo crnoj (2,1:1 i 3,3:1) posvijetljena */
#bottom #copyright { color: #9a9a9a; }
#bottom ul.bottom-nav > li > a { color: #a8a8a8; }
#bottom ul.bottom-nav > li > a:hover { color: #2fc161; }
/* mobilni izbornik: siva na tamnoj podlozi */
#main-nav-mobi ul > li > a { color: #c8c8c8; }
/* razmak u popisu kontakata u podnožju (zamjena za <br> unutar popisa) */
#footer-widgets .widget.widget_information ul li.pp-li-razmak { height: 5rem; padding: 0; margin: 0; border: 0; }
#footer-widgets .widget.widget_information ul li.pp-li-razmak::before { display: none; content: none; }

/* ========== 4. Stranica EU projekata: lakše čitanje ========== */
.pp-eu .page-content .wprt-subtitle, .pp-eu .page-content .pp-popis {
    font-size: 1.6rem; line-height: 1.75; color: #4b4b4b;
}
.pp-popis { list-style: disc; max-width: 770px; padding-left: 2rem; margin: 1.6rem auto 2.6rem; text-align: left; }
.pp-popis li { margin-bottom: .6rem; }
/* stranica Izjava o pristupačnosti */
.pp-izjava .pp-izjava-naslov { max-width: 770px; margin: 3.6rem auto 1.2rem; font-size: 2.2rem; line-height: 1.35; text-align: left; }
.pp-izjava .wprt-subtitle { margin-bottom: 1.6rem; }

/* ========== 5. Veličina teksta ========== */
html.pp-fm1 { font-size: 56.25%; }   /*  90 % */
html.pp-f1  { font-size: 75%; }      /* 120 % */
html.pp-f2  { font-size: 87.5%; }    /* 140 % */
html.pp-f3  { font-size: 100%; }     /* 160 % */
html.pp-f4  { font-size: 125%; }     /* 200 % */
/* zaštite rasporeda pri povećanom tekstu */
html.pp-font body { overflow-wrap: break-word; word-wrap: break-word; }
html.pp-font .wprt-information,
html.pp-font [style*="height: 235px"] { height: auto !important; min-height: 235px; }
html.pp-font #main-nav .sub-menu { width: auto; min-width: 22rem; max-width: 90vw; }
html.pp-font #main-nav .sub-menu li a { white-space: normal; }
html.pp-font #cookie-bar, html.pp-font #cookie-bar * { font-size: 1.3rem !important; line-height: 1.5 !important; }
html.pp-font .featured-title-heading, html.pp-font h1, html.pp-font h2, html.pp-font h3 { -webkit-hyphens: auto; hyphens: auto; }
html.pp-font #main-nav > ul > li:last-child > .sub-menu { left: auto; right: 0; }
html.pp-font #featured-title .featured-title-inner-wrap, html.pp-razmak #featured-title .featured-title-inner-wrap,
html.pp-font #featured-title .featured-title-heading-wrap, html.pp-razmak #featured-title .featured-title-heading-wrap,
html.pp-font #featured-title #breadcrumbs, html.pp-razmak #featured-title #breadcrumbs { display: block; float: none; width: auto; text-align: left; }
html.pp-font #featured-title #breadcrumbs, html.pp-razmak #featured-title #breadcrumbs { margin-top: .8rem; }
html.pp-razmak body { overflow-wrap: break-word; word-wrap: break-word; }
html.pp-font h1, html.pp-font h2, html.pp-font h3, html.pp-font h4 { overflow-wrap: break-word; word-wrap: break-word; }
/* glavni izbornik na računalu: pri većem tekstu prelazi u red ispod logotipa umjesto preklapanja */
@media (min-width: 992px) {
    html.pp-f2 #site-header #main-nav, html.pp-f3 #site-header #main-nav, html.pp-f4 #site-header #main-nav {
        position: static; right: auto; top: auto; -webkit-transform: none; transform: none; clear: both; padding-top: 1.2rem;
    }
    html.pp-f2 #site-header #main-nav > ul, html.pp-f3 #site-header #main-nav > ul, html.pp-f4 #site-header #main-nav > ul {
        display: flex; flex-wrap: wrap; justify-content: flex-start; row-gap: .4rem;
    }
    html.pp-f2 #site-header #main-nav > ul > li, html.pp-f3 #site-header #main-nav > ul > li, html.pp-f4 #site-header #main-nav > ul > li {
        float: none; padding: 0 2.2rem 0 0;
    }
    html.pp-f2 #site-header #main-nav > ul > li > a, html.pp-f3 #site-header #main-nav > ul > li > a, html.pp-f4 #site-header #main-nav > ul > li > a {
        height: auto; line-height: 1.6; padding-top: .6rem; padding-bottom: .6rem;
    }
    html.pp-f2 #main-nav > ul > li.menu-item-has-children > a::after, html.pp-f3 #main-nav > ul > li.menu-item-has-children > a::after,
    html.pp-f4 #main-nav > ul > li.menu-item-has-children > a::after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
    html.pp-f2 #site-header-inner .wrap-inner::after, html.pp-f3 #site-header-inner .wrap-inner::after, html.pp-f4 #site-header-inner .wrap-inner::after {
        content: ""; display: table; clear: both;
    }
}

/* ========== 6. Razmak redaka i slova (WCAG 1.4.12) ========== */
html.pp-razmak body p, html.pp-razmak body li, html.pp-razmak body dd, html.pp-razmak body td,
html.pp-razmak body label, html.pp-razmak body .wprt-subtitle, html.pp-razmak body .text,
html.pp-razmak body span:not(.pp-oznaka):not(.pp-simbol) {
    line-height: 1.8 !important; letter-spacing: .12em !important; word-spacing: .16em !important;
}
html.pp-razmak body h1, html.pp-razmak body h2, html.pp-razmak body h3,
html.pp-razmak body h4, html.pp-razmak body h5, html.pp-razmak body h6 {
    line-height: 1.5 !important; letter-spacing: .08em !important; word-spacing: .16em !important;
}
html.pp-razmak body a { letter-spacing: .12em !important; word-spacing: .16em !important; }
html.pp-razmak body p { margin-bottom: 2em !important; }
html.pp-razmak .wprt-information, html.pp-razmak [style*="height: 235px"] { height: auto !important; min-height: 235px; }
html.pp-razmak #main-nav > ul > li > a { letter-spacing: .05em !important; }
/* tekst na slideru je pozicioniran; razmak se tamo ne mijenja */
html.pp-razmak .rev_slider_wrapper * { letter-spacing: normal !important; word-spacing: normal !important; }

/* ========== 7. Isticanje poveznica ========== */
html.pp-poveznice body a:where(:not(.pp-preskoci, #scroll-top, .zoom, .main-logo)) {
    text-decoration: underline !important; text-decoration-thickness: 2px !important;
    text-underline-offset: 3px; background-color: #fff3a0 !important; color: #00337a !important;
    outline: 1px solid #00337a; outline-offset: 1px;
}
html.pp-poveznice body a:where(:not(.main-logo)):hover { background-color: #ffe14d !important; }
html.pp-poveznice body a img { background-color: transparent !important; }
html.pp-poveznice body a.main-logo { background-color: transparent !important; outline: 3px solid #00337a; }
html.pp-poveznice body a:has(> img:only-child) { background-color: transparent !important; outline: 3px solid #00337a; }

/* ========== 8. Visoki kontrast ========== */
html.pp-kontrast, html.pp-kontrast body { background: #000 !important; }
html.pp-kontrast body :where(*:not(img, svg, path, circle, iframe, video, .pp-oznaka)) {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
/* pozadinske slike uklanjaju se ispod teksta (osim slidera s fotografijama) */
html.pp-kontrast body :where(*:not(.tp-bgimg, .rev-slidebg, .slotholder *, .mobile-button span)) {
    background-image: none !important;
}
html.pp-kontrast body :where(*)::before, html.pp-kontrast body :where(*)::after {
    background-color: transparent !important; color: inherit !important; border-color: #fff !important; box-shadow: none !important;
}
html.pp-kontrast body a, html.pp-kontrast body a * { color: #ffea00 !important; text-decoration: underline !important; }
html.pp-kontrast body a:hover, html.pp-kontrast body a:focus { color: #000 !important; background-color: #ffea00 !important; }
html.pp-kontrast body a:hover *, html.pp-kontrast body a:focus * { color: #000 !important; background-color: #ffea00 !important; }
html.pp-kontrast :focus-visible { outline: 3px solid #ffea00 !important; outline-offset: 2px !important; box-shadow: none !important; }
html.pp-kontrast body input, html.pp-kontrast body textarea, html.pp-kontrast body select,
html.pp-kontrast body button, html.pp-kontrast body input[type="submit"] {
    border: 2px solid #fff !important;
}
/* hamburger ikona (crte su elementi s pozadinom) */
html.pp-kontrast .mobile-button span, html.pp-kontrast .mobile-button span::before,
html.pp-kontrast .mobile-button span::after { background-color: #fff !important; }
html.pp-kontrast .mobile-button.active span { background-color: transparent !important; }
/* slider: slike ostaju, tekst dobiva crnu podlogu */
html.pp-kontrast .rev_slider_wrapper, html.pp-kontrast .rev_slider_wrapper *:not(.tp-caption) { background-color: transparent !important; }
html.pp-kontrast .rev_slider .tp-caption { background-color: #000 !important; padding: 4px 10px !important; }
html.pp-kontrast .tp-bgimg, html.pp-kontrast .rev-slidebg { opacity: .55 !important; }
/* slike s bijelom podlogom (certifikati, EU logotipi) dobivaju svijetli okvir radi razgraničenja */
html.pp-kontrast .partner img, html.pp-kontrast .thumb img { outline: 1px solid #fff; }
/* izbornik pristupačnosti u kontrastnom načinu */
html.pp-kontrast .pp-gumb { background-color: #ffea00 !important; color: #000 !important; border: 2px solid #fff !important; }
html.pp-kontrast .pp-gumb * { color: #000 !important; background-color: transparent !important; }
html.pp-kontrast .pp-prekidac[aria-pressed="true"] .pp-oznaka { background-color: #ffea00 !important; border-color: #ffea00 !important; }

/* ========== 9. Bez animacija ========== */
html.pp-mirno *, html.pp-mirno *::before, html.pp-mirno *::after {
    -webkit-animation-duration: .001ms !important; animation-duration: .001ms !important;
    -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important;
    -webkit-animation-delay: 0s !important; animation-delay: 0s !important;
    -webkit-transition-duration: .001ms !important; transition-duration: .001ms !important;
    -webkit-transition-delay: 0s !important; transition-delay: 0s !important;
    scroll-behavior: auto !important;
}
html.pp-mirno .parallax { background-attachment: scroll !important; background-position: 50% 50% !important; }
html.pp-mirno .animsition, html.pp-mirno .animsition-overlay { opacity: 1 !important; }
html.pp-mirno .animsition-loading { display: none !important; }
/* rezervno, ako JavaScript nije dostupan */
@media (prefers-reduced-motion: reduce) {
    html:not(.pp-js) *, html:not(.pp-js) *::before, html:not(.pp-js) *::after {
        animation-duration: .001ms !important; animation-iteration-count: 1 !important;
        transition-duration: .001ms !important; scroll-behavior: auto !important;
    }
}

/* ========== 10. Izbornik "Prilagodba pristupačnosti" ========== */
.pp-izbornik { font-family: "Open Sans", Arial, sans-serif; }
.pp-gumb {
    position: fixed; left: 20px; bottom: calc(20px + var(--pp-dno, 0px)); z-index: 100001;
    width: 52px; height: 52px; padding: 0; border: 2px solid #fff; border-radius: 50%;
    background-color: #1a7f40; color: #fff; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    transition: background-color .2s ease, transform .2s ease;
}
.pp-gumb:hover { background-color: #146633; transform: scale(1.05); }
.pp-gumb[aria-expanded="true"] { background-color: #4b4b4b; }
.pp-ikona-gumba { display: block; }
.pp-panel {
    position: fixed; left: 20px; bottom: calc(84px + var(--pp-dno, 0px)); z-index: 100002;
    width: 34rem; max-width: calc(100vw - 40px);
    max-height: calc(100vh - 110px - var(--pp-dno, 0px)); overflow-y: auto; -webkit-overflow-scrolling: touch;
    background: #fff; color: #4b4b4b; border: 1px solid #d0d0d0; border-top: 4px solid #1a7f40;
    border-radius: 6px; box-shadow: 0 8px 30px rgba(0, 0, 0, .25);
    padding: 1.6rem 1.8rem 1.4rem; text-align: left;
}
.pp-panel[hidden] { display: none !important; }
.pp-zaglavlje { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.4rem; }
.pp-panel .pp-naslov {
    margin: 0; font-family: "Montserrat", sans-serif; font-size: 1.6rem; line-height: 1.3;
    font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: #222;
}
.pp-zatvori {
    flex: 0 0 auto; width: 40px; height: 40px; padding: 0; border: 1px solid #d0d0d0; border-radius: 50%;
    background: #fff; color: #4b4b4b; cursor: pointer; display: flex; align-items: center; justify-content: center;
}
.pp-zatvori:hover { background: #f1f1f1; color: #000; }
.pp-grupa { margin-bottom: 1.4rem; }
.pp-grupa-naslov { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .8rem;
    font-size: 1.4rem; line-height: 1.4; font-weight: 600; color: #222; }
.pp-vrijednost { font-weight: 700; color: #1a7f40; }
.pp-red { display: flex; gap: .8rem; }
.pp-tipka {
    flex: 1 1 0; min-height: 56px; padding: .6rem .4rem; border: 1px solid #c4c4c4; border-radius: 4px;
    background: #f8f8f8; color: #222; cursor: pointer; line-height: 1.2;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .2rem;
}
.pp-tipka:hover:not([disabled]) { border-color: #1a7f40; background: #eef8f1; }
.pp-tipka[disabled] { opacity: .45; cursor: not-allowed; }
.pp-simbol { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.7rem; line-height: 1; }
.pp-simbol-malo { font-size: 1.4rem; }
.pp-simbol-veliko { font-size: 2rem; }
.pp-tekst { font-size: 1.2rem; line-height: 1.2; }
.pp-opcije { list-style: none; margin: 0 0 1.4rem; padding: 0; }
.pp-opcije li { margin: 0 0 .6rem; padding: 0; }
.pp-prekidac {
    width: 100%; min-height: 48px; display: flex; align-items: center; gap: 1.2rem; text-align: left;
    padding: .8rem 1rem; border: 1px solid #c4c4c4; border-radius: 4px;
    background: #fff; color: #222; font-size: 1.4rem; line-height: 1.35; cursor: pointer;
}
.pp-prekidac:hover { border-color: #1a7f40; background: #eef8f1; }
.pp-prekidac[aria-pressed="true"] { border-color: #1a7f40; background: #eef8f1; font-weight: 600; }
/* oznaka stanja: prekidač (uključeno/isključeno vidljivo i bez boje, pomakom kružića) */
.pp-oznaka {
    position: relative; flex: 0 0 auto; width: 38px; height: 22px; border-radius: 11px;
    background: #fff; border: 2px solid #6b6b6b; box-sizing: border-box;
}
.pp-oznaka::after {
    content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%;
    background: #6b6b6b; transition: left .15s ease;
}
.pp-prekidac[aria-pressed="true"] .pp-oznaka { background: #1a7f40; border-color: #1a7f40; }
.pp-prekidac[aria-pressed="true"] .pp-oznaka::after { left: 18px; background: #fff; }
.pp-reset {
    width: 100%; min-height: 44px; padding: .8rem 1rem; border: 2px solid #1a7f40; border-radius: 4px;
    background: #fff; color: #1a7f40; font-family: "Montserrat", sans-serif; font-weight: 600;
    font-size: 1.3rem; text-transform: uppercase; letter-spacing: .03em; cursor: pointer;
}
.pp-reset:hover { background: #eef8f1; color: #1a7f40; }
.pp-podnozje { margin: 1.2rem 0 0; font-size: 1.2rem; line-height: 1.5; color: #4b4b4b; }
.pp-podnozje a { color: #1a7f40; text-decoration: underline; }
.pp-panel button { font-family: inherit; text-transform: none; letter-spacing: normal; }
/* Gumbi u panelu zadržavaju svoju boju teksta pri prelasku mišem i fokusu
   (style.css stranice inače postavlja bijeli tekst na tamnoj podlozi za sve gumbe). */
.pp-panel .pp-tipka, .pp-panel .pp-tipka:hover, .pp-panel .pp-tipka:focus,
.pp-panel .pp-prekidac, .pp-panel .pp-prekidac:hover, .pp-panel .pp-prekidac:focus { color: #222; }
.pp-panel .pp-tipka:focus { background: #f8f8f8; }
.pp-panel .pp-tipka:hover:not([disabled]) { background: #eef8f1; }
.pp-panel .pp-prekidac:focus { background: #fff; }
.pp-panel .pp-prekidac:hover, .pp-panel .pp-prekidac[aria-pressed="true"] { background: #eef8f1; }
.pp-panel .pp-reset, .pp-panel .pp-reset:focus { background: #fff; color: #1a7f40; }
.pp-panel .pp-reset:hover { background: #eef8f1; color: #1a7f40; }
.pp-panel .pp-zatvori, .pp-panel .pp-zatvori:focus { background: #fff; color: #4b4b4b; }
.pp-panel .pp-zatvori:hover { background: #eef8f1; color: #4b4b4b; }
.pp-gumb:focus { background-color: #1a7f40; color: #fff; }
.pp-gumb:hover { background-color: #146633; color: #fff; }
.pp-gumb[aria-expanded="true"], .pp-gumb[aria-expanded="true"]:focus { background-color: #4b4b4b; }
.pp-pauza:focus { background: rgba(0, 0, 0, .55); color: #fff; }
.pp-pauza:hover { background: rgba(0, 0, 0, .8); color: #fff; }
.pp-panel .pp-reset { text-transform: uppercase; }
/* razmak i istaknute poveznice ne smiju razbiti sam izbornik */
html.pp-razmak .pp-panel span, html.pp-razmak .pp-panel button { letter-spacing: normal !important; word-spacing: normal !important; line-height: 1.3 !important; }
html.pp-razmak .pp-panel p { margin-bottom: 0 !important; }
html.pp-kontrast .pp-panel { border: 2px solid #fff !important; }
@media (max-width: 480px) {
    .pp-gumb { left: 12px; bottom: calc(12px + var(--pp-dno, 0px)); width: 48px; height: 48px; }
    .pp-panel { left: 8px; right: 8px; bottom: calc(70px + var(--pp-dno, 0px)); width: auto; max-width: none; max-height: calc(100vh - 86px - var(--pp-dno, 0px)); padding: 1.4rem; }
}
@media print { .pp-izbornik, .pp-preskoci, .pp-pauza { display: none !important; } }

/* ========== 11. Pauza slidera ========== */
.pp-pauza {
    position: absolute; right: 20px; bottom: 20px; z-index: 50;
    width: 44px; height: 44px; padding: 0; border: 2px solid #fff; border-radius: 50%;
    background: rgba(0, 0, 0, .55); color: #fff; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
}
.pp-pauza:hover { background: rgba(0, 0, 0, .8); }
.pp-pauza .pp-ik-pokreni { display: none; }
.pp-pauza-stoji .pp-ik-pauza { display: none; }
.pp-pauza-stoji .pp-ik-pokreni { display: inline; }