/*
Theme Name: Pinklec
Theme URI: https://github.com/tjurinec/pd-pinklec
Author: PD Pinklec
Description: Block tema za Planinarsko društvo Pinklec, Sveta Nedelja.
Version: 0.1.0
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pinklec
*/

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/fonts/montserrat-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: "Montserrat";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/fonts/montserrat-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: "Newsreader";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("assets/fonts/newsreader-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: "Newsreader";
  font-style: normal;
  font-weight: 300 600;
  font-display: swap;
  src: url("assets/fonts/newsreader-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;
}

/* Ono što theme.json ne pokriva */

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

:where(h1, h2, h3) { text-wrap: balance; }
:where(p, li) { text-wrap: pretty; }

/* Vidljiv fokus — theme.json ovo ne zna */
:where(a, button, input, select, textarea, .wp-block-button__link):focus-visible {
  outline: 3px solid var(--wp--preset--color--accent);
  outline-offset: 3px;
  border-radius: 4px;
}

/* Ljepljivo, prozirno zaglavlje */
.wp-site-blocks > header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: color-mix(in srgb, var(--wp--preset--color--base) 82%, transparent);
  backdrop-filter: saturate(160%) blur(12px);
  border-bottom: 1px solid var(--wp--preset--color--base-2);
}

/* backdrop-filter stvara novi okvir za sve `position:fixed` potomke. Dok je
   izbornik otvoren, njegov preklopni sloj mora prekriti cijeli zaslon, a ne
   samo 63 px zaglavlja — inače se vidi samo prva stavka. Filter se zato gasi
   dok je izbornik otvoren (ionako je sve ispod njega zatamnjeno). */
.wp-site-blocks > header:has(.wp-block-navigation__responsive-container.is-menu-open),
html.has-modal-open .wp-site-blocks > header {
  backdrop-filter: none;
}

/* Hero */
.pinklec-hero { min-height: min(86svh, 60rem); }
/* Kad se doda pozadinska fotografija, prigušiti je iz editora (Cover → Overlay). */


/* Nadnaslov (eyebrow) */
.pinklec-eyebrow {
  font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--wp--preset--color--accent);
}

/* Nadnaslov na tamnoj podlozi — narančasta na zelenom pada ispod 4.5:1 */
:where(.pinklec-hero, .has-contrast-background-color, .has-primary-2-background-color) .pinklec-eyebrow {
  color: #F2B279;
}

/* ── Izlet: brojke, visinski profil, karta ── */

.pinklec-brojke{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));
  gap:1rem 1.5rem; margin:0 0 2rem;
  padding-block:1.2rem; border-block:1px solid var(--wp--preset--color--base-2);
}
.pinklec-brojke dt{
  font-size:.6rem; font-weight:600; letter-spacing:.17em; text-transform:uppercase;
  color:var(--wp--preset--color--contrast-2); margin-bottom:.3rem;
}
.pinklec-brojke dd{
  margin:0; font-size:1.45rem; font-weight:700; line-height:1.2;
  font-variant-numeric:lining-nums tabular-nums;
}
.pinklec-brojke dd span{font-size:.62em; font-weight:500; color:var(--wp--preset--color--contrast-2)}
.pinklec-tezina-dots dd{display:flex; gap:4px; align-items:center; min-height:1.75rem}
.pinklec-tezina-dots i{
  inline-size:9px; block-size:9px; border-radius:50%;
  background:var(--wp--preset--color--base-2);
}
.pinklec-tezina-dots i.on{background:var(--wp--preset--color--accent)}

.pinklec-profil-okvir{margin:0 0 1.5rem}
.pinklec-profil-okvir figcaption{
  font-size:.6rem; font-weight:600; letter-spacing:.17em; text-transform:uppercase;
  color:var(--wp--preset--color--contrast-2); margin-bottom:.6rem;
}
.pinklec-profil{inline-size:100%; block-size:auto; display:block; overflow:visible}
.pinklec-profil-ploha{fill:var(--wp--preset--color--accent); fill-opacity:.14}
.pinklec-profil-crta{
  fill:none; stroke:var(--wp--preset--color--accent); stroke-width:2;
  stroke-linejoin:round; stroke-linecap:round;
}
.pinklec-vrh{fill:var(--wp--preset--color--base); stroke:var(--wp--preset--color--accent); stroke-width:2.6}
.pinklec-os{stroke:var(--wp--preset--color--base-2); stroke-width:1; stroke-dasharray:2 3}
.pinklec-oznaka{
  fill:var(--wp--preset--color--contrast-2); font-size:9px; font-weight:600;
  letter-spacing:.06em;
}
/* sparkline u tablici: bez oznaka, fiksne mjere */
.pinklec-profil.spark{inline-size:104px; block-size:30px}
.pinklec-profil.spark .pinklec-profil-crta{stroke-width:1.6}

.pinklec-karta{
  block-size:clamp(20rem,46vh,30rem); border-radius:1.25rem; overflow:hidden;
  border:1px solid var(--wp--preset--color--base-2); margin-bottom:1.5rem; z-index:0;
}
.pinklec-karta .leaflet-container{font-family:inherit}

.pinklec-gpx-skini{margin:0 0 2rem}
.pinklec-gpx-skini a{
  display:inline-flex; align-items:center; gap:.5rem; text-decoration:none;
  font-weight:600; font-size:.92rem; padding:.7rem 1.4rem; border-radius:2rem;
  border:1.5px solid currentColor;
}
.pinklec-gpx-skini a::before{content:"↓"; font-weight:700}
.pinklec-gpx-skini a:hover{
  background:var(--wp--preset--color--contrast); color:var(--wp--preset--color--base);
}

.pinklec-tablica-okvir{overflow-x:auto}
.pinklec-prazno{color:var(--wp--preset--color--contrast-2)}

/* ── kartica sljedećeg izleta ── */
.pinklec-sljedeci{
  background:var(--wp--preset--color--surface); color:var(--wp--preset--color--contrast);
  border-radius:1.4rem; padding:1.5rem 1.5rem 1.25rem;
  box-shadow:0 24px 50px -34px rgba(26,23,24,.5);
}
.pinklec-sljedeci .kada{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.95rem;
  letter-spacing:.05em; text-transform:uppercase; color:var(--wp--preset--color--accent);
  margin:.7rem 0 .2rem;
}
.pinklec-sljedeci h2{
  font-size:clamp(1.28rem,.94rem + 1.2vw,1.7rem); line-height:1; margin:0 0 .3rem;
}
.pinklec-sljedeci h2 a{text-decoration:none; color:inherit}
.pinklec-sljedeci h2 a:hover{color:var(--wp--preset--color--accent)}
.pinklec-sljedeci .gdje{font-size:.9rem; color:var(--wp--preset--color--contrast-2); margin:0}
.pinklec-sljedeci .pinklec-profil{margin-block:1.1rem 0}
.pinklec-brojke.kompakt{
  grid-template-columns:repeat(3,1fr); gap:.25rem; margin:0;
  padding-block:1.05rem 0; border-block-end:0;
}
.pinklec-brojke.kompakt dd{font-size:1.25rem}

/* markacija kao oznaka odjeljka */
.mark{
  inline-size:.7em; block-size:.7em; border-radius:50%; flex:none; display:inline-block;
  background:var(--wp--preset--color--surface); border:.22em solid var(--wp--preset--color--accent);
}
.pinklec-eyebrow{
  font-family:var(--wp--preset--font-family--display); font-size:.8rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--wp--preset--color--contrast-2);
  display:flex; align-items:center; gap:.6em;
}
/* Na fotografiji tekst ide na bijelo — ali ne i unutar kartice,
   koja ima vlastitu bijelu podlogu. */
.wp-block-cover .pinklec-eyebrow{color:rgba(255,255,255,.82)}
.wp-block-cover .mark{background:#fff; border-color:#F0544A}
.wp-block-cover .pinklec-sljedeci .pinklec-eyebrow{color:var(--wp--preset--color--contrast-2)}
.wp-block-cover .pinklec-sljedeci .mark{
  background:var(--wp--preset--color--surface); border-color:var(--wp--preset--color--accent);
}

/* ── zaglavlje i podnožje ── */
.pinklec-brand-sub{
  font-family:var(--wp--preset--font-family--display); font-size:.6rem; font-weight:500;
  letter-spacing:.2em; text-transform:uppercase; color:var(--wp--preset--color--contrast-2);
  margin:0;
}
.pinklec-brand .wp-block-site-title{font-size:1.3rem}
.pinklec-brand .wp-block-site-logo img{display:block}

.pinklec-foot-h{
  font-family:var(--wp--preset--font-family--display); font-size:.6rem; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; color:var(--wp--preset--color--contrast-2);
  margin:0 0 .7rem;
}
.pinklec-kolofon p{
  font-family:var(--wp--preset--font-family--display); font-size:.68rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--wp--preset--color--contrast-2); margin:0;
}

/* ── tablica programa ── */
.trips{inline-size:100%; border-collapse:collapse; font-size:.95rem}
.trips thead th{
  font-family:var(--wp--preset--font-family--display); font-size:.57rem; font-weight:600;
  letter-spacing:.17em; text-transform:uppercase; color:var(--wp--preset--color--contrast-2);
  text-align:left; padding:0 .8rem .7rem 0;
  border-bottom:1px solid var(--wp--preset--color--base-2); white-space:nowrap;
}
.trips td{
  padding:.95rem .8rem .95rem 0; vertical-align:middle;
  border-bottom:1px solid var(--wp--preset--color--base-2);
}
.trips tbody tr{transition:background .15s ease}
.trips tbody tr:hover{background:rgba(26,23,24,.045)}
.t-date{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.92rem;
  font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; letter-spacing:.02em;
}
.t-date small{
  display:block; font-weight:500; font-size:.6rem; letter-spacing:.16em; text-transform:uppercase;
  color:var(--wp--preset--color--contrast-2); margin-top:.2rem;
}
.t-name{
  font-family:var(--wp--preset--font-family--display); font-weight:600; font-size:1.05rem;
  letter-spacing:-.015em;
}
.t-name a{text-decoration:none; color:inherit}
.t-name a:hover{color:var(--wp--preset--color--accent)}
.t-name small{
  display:block; font-family:var(--wp--preset--font-family--body); font-weight:400;
  font-size:.82rem; color:var(--wp--preset--color--contrast-2); letter-spacing:0; margin-top:.15rem;
}
.num{
  font-family:var(--wp--preset--font-family--display); font-weight:600;
  font-variant-numeric:lining-nums tabular-nums; white-space:nowrap;
}
.num span{color:var(--wp--preset--color--contrast-2); font-weight:500; font-size:.82em}
.grade{
  display:inline-flex; align-items:center; gap:.45rem;
  font-family:var(--wp--preset--font-family--display); font-size:.67rem; font-weight:600;
  letter-spacing:.13em; text-transform:uppercase;
}
.dots{display:inline-flex; gap:2px}
.dots i{inline-size:5px; block-size:5px; border-radius:50%; background:var(--wp--preset--color--base-2)}
.dots i.on{background:var(--wp--preset--color--accent)}
@media (max-width:820px){.trips .hide-s{display:none}}

/* ── hero ── */
/* Cover nosi ravno prigušenje (uredivo u editoru), a gradijent koji čuva
   čitljivost naslova dolje lijevo dodajemo ovdje. */
.pinklec-hero > .wp-block-cover__background{
  background-image:
    linear-gradient(185deg, rgba(14,12,13,.55) 0%, rgba(14,12,13,0) 38%, rgba(14,12,13,.82) 100%),
    radial-gradient(120% 80% at 18% 100%, rgba(14,12,13,.55), transparent 62%);
}
/* Kad kartica ode lijevo, vinjeta prati tekst. */
.pinklec-hero:has(.wp-block-column:first-child .pinklec-sljedeci) > .wp-block-cover__background{
  background-image:
    linear-gradient(185deg, rgba(14,12,13,.55) 0%, rgba(14,12,13,0) 38%, rgba(14,12,13,.82) 100%),
    radial-gradient(120% 80% at 82% 100%, rgba(14,12,13,.55), transparent 62%);
}
.pinklec-hero h1{line-height:.88; letter-spacing:-.035em; text-wrap:balance}

/* ── škole: stupnjevi ── */
.pinklec-ladder{border-top:1px solid var(--wp--preset--color--base-2)}
.pinklec-rung{
  border-bottom:1px solid var(--wp--preset--color--base-2);
  padding-block:1.6rem; margin-bottom:0; align-items:flex-start;
}
.pinklec-rung .wp-block-column{align-self:flex-start}
.pinklec-lvl{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:1.5rem;
  color:var(--wp--preset--color--accent); line-height:1;
  font-variant-numeric:lining-nums; margin:0;
}
.pinklec-meta{
  font-family:var(--wp--preset--font-family--display); font-size:.68rem; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--wp--preset--color--contrast-2);
  margin-top:.5rem;
}
@media (max-width:781px){
  .pinklec-rung{display:grid; grid-template-columns:2.6rem 1fr; gap:.4rem 1rem}
  .pinklec-rung .wp-block-column:last-child{grid-column:2}
}

/* ── cjenik članarine ── */
.pinklec-cjenik{border-top:1px solid color-mix(in srgb,var(--wp--preset--color--base) 18%,transparent)}
.pinklec-cijena{
  padding-block:.85rem; border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--base) 18%,transparent);
  align-items:baseline; gap:1rem;
}
.pinklec-cijena p{font-size:.95rem; margin:0}
.pinklec-cijena .iznos{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:1.3rem;
  font-variant-numeric:lining-nums tabular-nums; white-space:nowrap;
}
/* gumb na tamnoj podlozi ostaje crven, ali tekst mora biti papir */
.has-contrast-background-color .wp-element-button{color:var(--wp--preset--color--base)}

/* ── stranica za vodiče ── */
.pinklec-vodici{max-inline-size:52rem; margin-inline:auto}
.pinklec-vodici h2{font-size:clamp(1.45rem,1.19rem + 1.2vw,2.04rem); margin:.4rem 0 0}

.pinklec-vodici-vrh{
  display:flex; align-items:flex-end; justify-content:space-between; gap:1.5rem;
  flex-wrap:wrap; margin-bottom:2rem;
}
.pinklec-gumb{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.92rem;
  text-decoration:none; padding:.78rem 1.5rem; border-radius:2rem; border:0; cursor:pointer;
  background:var(--wp--preset--color--accent); color:var(--wp--preset--color--base);
  transition:background .15s ease;
}
.pinklec-gumb:hover{color:var(--wp--preset--color--base); filter:brightness(.88)}

/* poruke */
.pinklec-greska,.pinklec-uspjeh,.pinklec-upozorenje{
  padding:.85rem 1.1rem; border-radius:.75rem; margin-block:0 1.2rem; font-size:.95rem;
  border-left:4px solid;
}
.pinklec-greska{background:rgba(204,42,30,.08); border-color:var(--wp--preset--color--accent)}
.pinklec-uspjeh{background:rgba(26,127,55,.09); border-color:#1a7f37}
.pinklec-upozorenje{background:rgba(180,120,20,.1); border-color:#b47814}

/* popis mojih izleta */
.pinklec-moji{list-style:none; margin:0; padding:0; border-top:1px solid var(--wp--preset--color--base-2)}
.pinklec-moji li{
  display:grid; grid-template-columns:8rem 1fr auto; gap:1rem; align-items:center;
  padding-block:1rem; border-bottom:1px solid var(--wp--preset--color--base-2);
}
.pinklec-moji .kada{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.9rem;
  font-variant-numeric:lining-nums tabular-nums; white-space:nowrap;
}
.pinklec-moji .sto a{
  font-family:var(--wp--preset--font-family--display); font-weight:600; font-size:1.05rem;
  text-decoration:none;
}
.pinklec-moji .sto a:hover{color:var(--wp--preset--color--accent)}
.pinklec-moji .sto small{
  display:block; font-size:.8rem; color:var(--wp--preset--color--contrast-2); margin-top:.15rem;
}
.pinklec-moji .radnje{display:flex; gap:1rem; font-size:.85rem; white-space:nowrap}
.pinklec-moji .radnje a{text-decoration:none; border-bottom:1px solid var(--wp--preset--color--base-2)}
.pinklec-moji .radnje .brisi{color:var(--wp--preset--color--accent)}
@media (max-width:640px){
  .pinklec-moji li{grid-template-columns:1fr auto; gap:.5rem 1rem}
  .pinklec-moji .kada{grid-column:1/-1; font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
    color:var(--wp--preset--color--contrast-2)}
}

/* obrazac */
.pinklec-obrazac{margin-top:1.5rem}

/* Dva jednaka stupca; polje koje treba cijelu širinu nosi .siroko.
   align-items:start drži redove poravnate kad su napomene različite duljine. */
.pinklec-mreza{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 1.5rem; align-items:start;
}
@media (max-width:640px){.pinklec-mreza{grid-template-columns:1fr}}

.pinklec-obrazac .polje{margin:0 0 1.5rem; display:flex; flex-direction:column}
.pinklec-obrazac label{
  font-family:var(--wp--preset--font-family--display); font-weight:600;
  font-size:.8rem; letter-spacing:.04em; margin-bottom:.45rem;
}
.pinklec-obrazac .ob{
  font-size:.6rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--wp--preset--color--accent); margin-left:.5rem;
}

/* box-sizing je ovdje ključan: bez njega padding i obrub guraju polje
   izvan stupca, pa svako polje ispadne druge širine. */
.pinklec-obrazac input,
.pinklec-obrazac select,
.pinklec-obrazac textarea,
.pinklec-prijava input{
  box-sizing:border-box; inline-size:100%; max-inline-size:100%;
  font:inherit; font-size:1rem; line-height:1.4;
  block-size:3rem; padding:0 .9rem;
  background:var(--wp--preset--color--surface); color:var(--wp--preset--color--contrast);
  border:1.5px solid var(--wp--preset--color--base-2); border-radius:.6rem;
  appearance:none;
}
.pinklec-obrazac textarea{block-size:auto; padding:.8rem .9rem; resize:vertical; line-height:1.65}
.pinklec-obrazac input[type="file"]{
  block-size:auto; padding:.7rem .9rem; font-size:.9rem; background:transparent;
  border-style:dashed; cursor:pointer;
}
.pinklec-obrazac input[type="checkbox"],
.pinklec-prijava input[type="checkbox"]{inline-size:auto; block-size:auto; appearance:auto}

/* strelica select-a, jer appearance:none skida urođenu */
.pinklec-obrazac select{
  padding-right:2.4rem; cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),
                   linear-gradient(135deg,currentColor 50%,transparent 50%);
  background-position:calc(100% - 1.15rem) 1.35rem, calc(100% - .85rem) 1.35rem;
  background-size:.3rem .3rem,.3rem .3rem;
  background-repeat:no-repeat;
}

.pinklec-obrazac input:focus-visible,
.pinklec-obrazac select:focus-visible,
.pinklec-obrazac textarea:focus-visible,
.pinklec-prijava input:focus-visible{
  outline:2.5px solid var(--wp--preset--color--accent); outline-offset:2px;
  border-color:transparent;
}
.pinklec-obrazac small{
  font-size:.78rem; color:var(--wp--preset--color--contrast-2);
  margin-top:.4rem; line-height:1.5;
}
.pinklec-obrazac .siroko{grid-column:1/-1}
.pinklec-pregled img{border-radius:.9rem; max-inline-size:16rem; height:auto}
.pinklec-ukloni label{
  display:flex; align-items:center; gap:.5rem; margin-top:.6rem;
  font-family:var(--wp--preset--font-family--body); font-weight:400; font-size:.9rem;
}
.pinklec-akcije{
  display:flex; align-items:center; gap:1.5rem; margin-top:1rem; padding-top:1.5rem;
  border-top:1px solid var(--wp--preset--color--base-2);
}
.pinklec-natrag{margin-bottom:1.5rem; font-size:.9rem}

/* prijava */
.pinklec-prijava{max-inline-size:24rem}
.pinklec-prijava .uvod{color:var(--wp--preset--color--contrast-2); margin:1rem 0 1.8rem}
.pinklec-prijava .login-username,.pinklec-prijava .login-password{margin-bottom:1.1rem}
.pinklec-prijava label{
  display:block; font-family:var(--wp--preset--font-family--display); font-weight:600;
  font-size:.8rem; margin-bottom:.4rem;
}
.pinklec-prijava .login-remember label{
  font-family:var(--wp--preset--font-family--body); font-weight:400; font-size:.9rem;
  display:flex; align-items:center; gap:.5rem;
}
.pinklec-prijava .login-submit input{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.92rem;
  padding:.78rem 1.5rem; border-radius:2rem; border:0; cursor:pointer;
  background:var(--wp--preset--color--accent); color:var(--wp--preset--color--base);
}
.pinklec-zaboravljena{font-size:.85rem; margin-top:1.2rem}
.pinklec-odjava{margin-top:2.5rem; font-size:.9rem}

/* ugrađena Google karta na stranici Kontakt */
.pinklec-karta{
  inline-size:100%; aspect-ratio:16/10; max-block-size:28rem;
  border:0; border-radius:.9rem; margin-block-start:1.5rem;
}

/* ───────────────────────────  izbornik  ─────────────────────────── */

/* „Učlani se" je jedina radnja u izborniku, pa je jedina s podlogom.
   Boja je ista crvena kao znak — izdvaja se oblikom, ne drugom bojom. */
.wp-block-navigation .pinklec-cta > a.wp-block-navigation-item__content{
  background:var(--wp--preset--color--accent); color:var(--wp--preset--color--base);
  padding:.45rem 1.15rem; border-radius:2rem; font-weight:700;
}
.wp-block-navigation .pinklec-cta > a.wp-block-navigation-item__content:hover{color:var(--wp--preset--color--base); filter:brightness(.88)}

/* Padajući izbornici: papir, tanki obrub, blaga sjena. */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
  background:var(--wp--preset--color--surface); color:var(--wp--preset--color--contrast);
  border:1px solid var(--wp--preset--color--base-2); border-radius:.7rem;
  padding:.4rem; min-inline-size:14rem;
  box-shadow:0 10px 30px rgba(26,23,24,.10);
}
.wp-block-navigation .wp-block-navigation__submenu-container a{
  padding:.5rem .7rem; border-radius:.45rem;
}
.wp-block-navigation .wp-block-navigation__submenu-container a:hover{
  background:var(--wp--preset--color--base-2); color:var(--wp--preset--color--contrast);
}

/* U preklopnom izborniku na mobitelu nema plutajućih ploha — sve je popis. */
.wp-block-navigation .is-menu-open .has-child .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
  background:transparent; border:0; box-shadow:none; padding-inline-start:.9rem;
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .pinklec-cta > a.wp-block-navigation-item__content{
  display:inline-block; margin-top:.75rem; padding:.7rem 1.6rem;
  background:var(--wp--preset--color--accent); color:var(--wp--preset--color--base);
  font-size:1rem;
}
/* Naslovi skupina u preklopnom izborniku — čitaju se kao naslovi, ne kao veze. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu > a{
  font-weight:700;
}

/* ─────────────────────  kutije na naslovnici  ───────────────────── */

/* Bento: četiri stupca, dva reda; „foto" i „kal" prolaze kroz oba. */
.pinklec-kutije{
  display:grid; gap:1rem;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-auto-rows:minmax(11rem,auto);
  grid-template-areas:
    "foto bili    kal staze"
    "foto linkovi kal baza";
}
.kutija-foto{grid-area:foto}
.kutija-bili{grid-area:bili}
.kutija-kal{grid-area:kal}
.kutija-staze{grid-area:staze}
.kutija-linkovi{grid-area:linkovi}
.kutija-baza{grid-area:baza}

.kutija{
  position:relative; display:flex; flex-direction:column; justify-content:space-between;
  gap:1rem; padding:1.3rem 1.4rem; border-radius:1.1rem; overflow:hidden;
  text-decoration:none; color:var(--wp--preset--color--contrast);
  background:var(--wp--preset--color--surface);
  transition:transform .18s ease, box-shadow .18s ease;
}
.kutija:hover{transform:translateY(-3px); box-shadow:0 14px 30px rgba(26,23,24,.14)}
.kutija:focus-visible{outline:2.5px solid var(--wp--preset--color--accent); outline-offset:3px}

.kutija .strelica{
  position:absolute; inset-block-start:1.1rem; inset-inline-end:1.1rem;
  inline-size:2rem; block-size:2rem; border-radius:50%;
  border:1.5px solid currentColor; display:grid; place-items:center;
  font-size:.95rem; line-height:1; opacity:.8;
  transition:transform .18s ease;
}
.kutija:hover .strelica{transform:translate(2px,-2px)}

.kutija .tekst{margin-block-start:auto; display:flex; flex-direction:column; gap:.35rem}
.kutija .nadnaslov{
  font-family:var(--wp--preset--font-family--display); font-size:.6rem; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; opacity:.72;
}
.kutija .naslov{
  font-family:var(--wp--preset--font-family--display); font-weight:700;
  font-size:1.3rem; line-height:1.15; letter-spacing:-.015em;
}
.kutija .tijelo{order:-1; margin-block-start:2.6rem}

.kutija-foto{
  color:#fff; min-height:22rem;
  background:
    linear-gradient(to top, rgba(26,23,24,.82), rgba(26,23,24,.08) 62%),
    var(--slika) center 30% / cover no-repeat;
}
.kutija-bili{background:var(--wp--preset--color--contrast); color:var(--wp--preset--color--base)}
.kutija-bili .broj{margin:0; font-size:.9rem; line-height:1.3}
.kutija-bili .broj strong{
  display:block; font-family:var(--wp--preset--font-family--display);
  font-size:2.6rem; font-weight:800; line-height:1; letter-spacing:-.03em;
  font-variant-numeric:lining-nums;
}
.kutija-kal{border:1px solid var(--wp--preset--color--base-2)}
.kutija-kal .kalendar{list-style:none; margin:0; padding:0; display:grid; gap:.7rem}
.kutija-kal .kalendar li{display:grid; grid-template-columns:3.1rem minmax(0,1fr); gap:.6rem; align-items:baseline}
.kutija-kal .dan{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.8rem;
  color:var(--wp--preset--color--accent); font-variant-numeric:lining-nums tabular-nums;
}
.kutija-kal .tko{
  font-size:.92rem; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.kutija-staze{background:var(--wp--preset--color--accent); color:var(--wp--preset--color--base)}
.kutija-linkovi{background:var(--wp--preset--color--base-2)}
.kutija-baza{background:var(--wp--preset--color--contrast-2); color:var(--wp--preset--color--base)}

/* Manji zasloni: dva stupca, „foto" i „kal" preko cijele širine. */
@media (max-width:899px){
  .pinklec-kutije{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:minmax(9.5rem,auto);
    grid-template-areas:
      "foto foto"
      "bili staze"
      "kal kal"
      "linkovi baza";
  }
  .kutija-foto{min-height:15rem}
}
@media (max-width:420px){
  .kutija{padding:1.1rem}
  .kutija .naslov{font-size:1.08rem}
}

/* popis albuma ispod samostalnog izvještaja */
.pinklec-objava-albumi{margin-top:var(--wp--preset--spacing--50)}
.pinklec-objava-albumi h2{font-size:1.1rem; margin-bottom:.6rem}
.pinklec-objava-albumi ul{list-style:none; padding:0; margin:0}
.pinklec-objava-albumi li{padding:.45rem 0; border-top:1px solid var(--wp--preset--color--base-2)}

/* cjenik na svijetloj podlozi (stranica Učlanjenje) */
.pinklec-cjenik-svijetli{
  border-top:1px solid var(--wp--preset--color--base-2); margin-block:1.5rem;
}
.pinklec-cjenik-svijetli .pinklec-cijena{border-bottom-color:var(--wp--preset--color--base-2)}
.pinklec-napomena{
  padding:.85rem 1.1rem; border-radius:.75rem; margin-block:0 1.5rem; font-size:.92rem;
  background:var(--wp--preset--color--base-2); color:var(--wp--preset--color--contrast-2);
}

/* ── izvještaj s izleta ── */
.pinklec-izvjestaj{
  margin-block-start:var(--wp--preset--spacing--50);
  padding-block-start:var(--wp--preset--spacing--40);
  border-top:1px solid var(--wp--preset--color--base-2);
}
.pinklec-izvjestaj .pinklec-eyebrow{margin-bottom:1.2rem}
.pinklec-izvjestaj p{margin-block:0 1.2rem}
.pinklec-album{margin-block-start:1.8rem !important}
.pinklec-album-link{
  display:inline-flex; align-items:center; gap:.6rem; text-decoration:none;
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.92rem;
  padding:.72rem 1.4rem; border-radius:2rem;
  border:1.5px solid var(--wp--preset--color--contrast);
  transition:background .15s ease, color .15s ease;
}
.pinklec-album-link::before{content:"▣"; font-size:1.05em; line-height:1}
.pinklec-album-link:hover{
  background:var(--wp--preset--color--contrast); color:var(--wp--preset--color--base);
  border-color:var(--wp--preset--color--contrast);
}

/* ── popis foto albuma ── */
.pinklec-albumi{list-style:none; margin:0; padding:0}
.pinklec-albumi li{
  display:grid; grid-template-columns:7.5rem minmax(0,1fr) auto;
  gap:1rem; align-items:baseline; padding-block:.95rem;
  border-bottom:1px solid var(--wp--preset--color--base-2);
}
.pinklec-albumi .kada{
  font-family:var(--wp--preset--font-family--display); font-weight:700; font-size:.88rem;
  font-variant-numeric:lining-nums tabular-nums; white-space:nowrap;
  color:var(--wp--preset--color--contrast-2);
}
.pinklec-albumi .sto a{
  font-family:var(--wp--preset--font-family--display); font-weight:600; font-size:1.05rem;
  letter-spacing:-.015em; text-decoration:none;
}
.pinklec-albumi .sto a:hover{color:var(--wp--preset--color--accent)}
.pinklec-albumi .album a{
  font-family:var(--wp--preset--font-family--display); font-weight:600; font-size:.82rem;
  letter-spacing:.06em; text-transform:uppercase; text-decoration:none; white-space:nowrap;
  color:var(--wp--preset--color--accent);
  border-bottom:1.5px solid currentColor; padding-bottom:.1rem;
}
.pinklec-albumi .album a:hover{color:var(--wp--preset--color--contrast)}

/* godina kao međunaslov u arhivi */
.pinklec-albumi .godina{
  display:block; border-bottom:0; padding-block:2rem .4rem;
  font-family:var(--wp--preset--font-family--display); font-weight:700;
  font-size:2rem; letter-spacing:-.03em; line-height:1;
  font-variant-numeric:lining-nums;
}
.pinklec-albumi .godina:first-child{padding-top:0}
.pinklec-albumi .godina span{color:var(--wp--preset--color--base-2)}

@media (max-width:600px){
  .pinklec-albumi li{grid-template-columns:1fr auto; gap:.3rem .8rem}
  .pinklec-albumi .kada{
    grid-column:1/-1; font-size:.66rem; letter-spacing:.14em; text-transform:uppercase;
  }
}

/* ── poveznice nakon izleta (izvještaj, album) ── */
.pinklec-poslije{
  display:flex; flex-wrap:wrap; gap:.8rem;
  margin-block-start:var(--wp--preset--spacing--50);
  padding-block-start:var(--wp--preset--spacing--40);
  border-top:1px solid var(--wp--preset--color--base-2);
}
.pinklec-poslije-link{
  flex:1 1 15rem; display:flex; flex-direction:column; gap:.2rem;
  padding:1rem 1.25rem; border-radius:1rem; text-decoration:none;
  border:1.5px solid var(--wp--preset--color--base-2);
  transition:border-color .15s ease, transform .15s ease;
}
.pinklec-poslije-link:hover{
  border-color:var(--wp--preset--color--accent); transform:translateY(-2px);
}
.pinklec-poslije-link .oznaka{
  font-family:var(--wp--preset--font-family--display); font-size:.58rem; font-weight:600;
  letter-spacing:.17em; text-transform:uppercase; color:var(--wp--preset--color--accent);
}
.pinklec-poslije-link .tekst{
  font-family:var(--wp--preset--font-family--display); font-weight:600; font-size:1.05rem;
  letter-spacing:-.015em; color:var(--wp--preset--color--contrast);
}
.pinklec-poslije-link .tekst::after{content:" →"; color:var(--wp--preset--color--contrast-2)}
.pinklec-poslije-link.je-album .tekst::after{content:" ↗"}

/* Naslov izleta: hero veličina je za naslovnicu, ovdje je prevelik uz tablicu i profil. */
.single-izlet .wp-block-post-title{
  font-size:clamp(1.6rem,1.19rem + 1.7vw,2.38rem); font-weight:700; line-height:1.05; letter-spacing:-.02em;
}

.single .wp-block-post-featured-image img{
  inline-size:100%; aspect-ratio:16/9; max-block-size:26rem; object-fit:cover; border-radius:1.25rem;
}

/* ── stranica izvještaja ── */
.pinklec-izvjestaj-tijelo h1{
  font-size:clamp(1.79rem,1.28rem + 2.2vw,2.89rem); line-height:.95; margin:.8rem 0 .4rem;
}
.pinklec-nadnaslov{
  font-family:var(--wp--preset--font-family--display); font-size:.62rem; font-weight:600;
  letter-spacing:.18em; text-transform:uppercase; color:var(--wp--preset--color--contrast-2);
  margin:0 0 var(--wp--preset--spacing--40);
}
.pinklec-izvjestaj-slika{margin:0 0 var(--wp--preset--spacing--40)}
.pinklec-izvjestaj-slika img{
  inline-size:100%; aspect-ratio:16/9; max-block-size:26rem; object-fit:cover; height:auto;
  border-radius:1.25rem; display:block;
}
.pinklec-izvjestaj-tekst{font-size:1.12rem; line-height:1.75}
.pinklec-izvjestaj-tekst p{margin:0 0 1.3rem}
.pinklec-izvjestaj-tekst p:first-of-type::first-letter{
  float:left; font-family:var(--wp--preset--font-family--display); font-weight:700;
  font-size:3.4em; line-height:.82; padding-inline-end:.09em; padding-block-start:.04em;
  color:var(--wp--preset--color--accent);
}

/* ── popis izvještaja ── */
.pinklec-izvjestaji{display:grid; gap:var(--wp--preset--spacing--40)}
.pinklec-izvjestaj-kartica{
  display:grid; grid-template-columns:minmax(0,15rem) minmax(0,1fr);
  gap:var(--wp--preset--spacing--30); align-items:start;
  padding-block-end:var(--wp--preset--spacing--40);
  border-bottom:1px solid var(--wp--preset--color--base-2);
}
.pinklec-izvjestaj-kartica:last-child{border-bottom:0; padding-block-end:0}
/* bez naslovne fotografije nema ni stupca za nju */
.pinklec-izvjestaj-kartica:not(:has(.slika)){grid-template-columns:1fr}
.pinklec-izvjestaj-kartica:not(:has(.slika)) .uvod{max-inline-size:62ch}
.pinklec-izvjestaj-kartica .slika img{
  inline-size:100%; aspect-ratio:4/3; object-fit:cover; border-radius:1rem; display:block;
}
.pinklec-izvjestaj-kartica .kada{
  font-family:var(--wp--preset--font-family--display); font-size:.62rem; font-weight:600;
  letter-spacing:.17em; text-transform:uppercase; color:var(--wp--preset--color--accent);
  margin:0 0 .4rem;
}
.pinklec-izvjestaj-kartica h2{
  font-size:clamp(1.1rem,.94rem + .7vw,1.45rem); line-height:1.05; margin:0 0 .6rem;
}
.pinklec-izvjestaj-kartica h2 a{text-decoration:none; color:inherit}
.pinklec-izvjestaj-kartica h2 a:hover{color:var(--wp--preset--color--accent)}
.pinklec-izvjestaj-kartica .uvod{
  color:var(--wp--preset--color--contrast-2); margin:0 0 .9rem; line-height:1.65;
}
.pinklec-izvjestaj-kartica .veze{display:flex; gap:1.4rem; margin:0}
.pinklec-izvjestaj-kartica .veze a{
  font-family:var(--wp--preset--font-family--display); font-size:.82rem; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase; text-decoration:none;
  border-bottom:1.5px solid var(--wp--preset--color--accent); padding-bottom:.1rem;
}
@media (max-width:700px){
  .pinklec-izvjestaj-kartica{grid-template-columns:1fr}
  .pinklec-izvjestaj-kartica .slika img{aspect-ratio:16/9}
}

/* Znak u podnožju: zadani radijus slika (theme.json) zaobljuje kutove okvira i reže donje vrhove trokuta. */
.pinklec-znak img{border-radius:0}

/* Sekcije na podlozi `contrast` s tekstom `base` zamjenjuju se u tamnom načinu, pa nijedna boja unutra ne smije biti tvrdo upisana. */
.pinklec-blijedo{color:color-mix(in srgb,var(--wp--preset--color--base) 78%,transparent)}
/* Hero je preko fotografije, pa mu tekst mora ostati svijetao u svakoj paleti. */
.pinklec-hero .has-base-color{color:#fff !important}
.pinklec-hero .is-style-outline .wp-block-button__link{border-color:#fff}

/* Gumb za tamni način u zaglavlju: mjesec u svijetlom, sunce u tamnom. */
.pinklec-nacin{
  display:inline-grid; place-items:center; inline-size:2.4rem; block-size:2.4rem; padding:0;
  background:none; border:0; border-radius:50%; color:inherit; cursor:pointer;
}
.pinklec-nacin:hover{background:var(--wp--preset--color--base-2)}
.pinklec-nacin:focus-visible{outline:2.5px solid var(--wp--preset--color--accent); outline-offset:2px}
.pinklec-nacin .sunce, html[data-mode="dark"] .pinklec-nacin .mjesec{display:none}
html[data-mode="dark"] .pinklec-nacin .sunce{display:inline}