/* ══════════════════════════════════════════════════════════════════════
   Shared site footer: black ground, white wordmark, orange dot and
   underscore. Markup lives in each page as <footer class="pod">, copied
   from index.html (the single source).

   The file is standalone on purpose: no page variables, no generic
   classes (.u, .d2, .oz, .dug). Every page has its own cascade, so every
   selector is scoped under .pod and every value is written out. Load it
   after the page's own styles.
   Fonts come from assets/fonts/web/fontovi.css (Manrope, Instrument Sans,
   Geist Mono, all with latin-ext).
   ══════════════════════════════════════════════════════════════════════ */

.pod,.pod *,.pod *::before,.pod *::after{box-sizing:border-box;margin:0;padding:0}

.pod{position:relative;z-index:2;display:block;width:auto;max-width:none;margin:0;border:0;
  padding:120px 0 28px;background:#0d0c0a;color:#f4efe4;
  font-family:"Manrope",ui-sans-serif,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.6;
  letter-spacing:normal;text-align:left;text-transform:none;
  -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
.pod a{color:inherit;text-decoration:none}
.pod svg{display:block;max-width:100%}
.pod :focus-visible{outline:2px solid #ff4f31;outline-offset:3px;border-radius:4px}
.pod ::selection{background:#ff4f31;color:#fff}

.pod .pod-u{position:relative;z-index:1;max-width:1560px;margin:0 auto;padding-inline:clamp(24px,4.6vw,88px)}

/* ── gornji dio: poziv lijevo, podaci desno ── */
.pod .pod-g{display:grid;grid-template-columns:1.35fr .65fr;gap:100px;
  padding-bottom:clamp(46px,6.6vw,88px);border-bottom:1px solid rgba(18,17,11,.12)}

.pod .pod-oz{display:inline-flex;align-items:center;gap:9px;
  font-family:"Geist Mono",ui-monospace,monospace;font-size:10px;font-weight:400;line-height:1.6;
  letter-spacing:.13em;text-transform:uppercase;color:#f4efe4}
.pod .pod-oz::before{content:'+';color:#ff4f31;font-size:13px;line-height:1}

/* Neke stranice drže h1–h4 na svom pismu preko !important; bez istog
   oružja ovdje bi naslov i oznake kolona preuzeli pismo stranice. */
.pod .pod-h{margin-top:18px;max-width:13ch;
  font-family:"Instrument Sans",ui-sans-serif,system-ui,sans-serif!important;font-size:clamp(48px,6.4vw,100px);
  font-weight:400;font-style:normal;font-variation-settings:normal;line-height:1.04;letter-spacing:-.055em;
  text-transform:none;text-wrap:balance;color:#f4efe4}

.pod .pod-vod{margin-top:18px;max-width:40ch;font-size:17px;line-height:1.7;color:#f4efe4}

.pod .pod-dug{display:inline-flex;align-items:center;gap:11px;margin-top:26px;padding:15px 28px;
  border:1px solid #12110b;border-radius:999px;background:#f4efe4;color:#0d0c0a;box-shadow:none;
  font-size:16px;font-weight:500;line-height:1.6;letter-spacing:normal;text-transform:none;will-change:transform;
  transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}
.pod .pod-dug svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .45s cubic-bezier(.16,1,.3,1)}
.pod .pod-dug:hover{transform:translateY(-2px)}
.pod .pod-dug:hover svg{transform:translateX(4px)}

.pod .pod-v{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-content:end}
.pod .pod-v>div:first-child{grid-column:1/-1}
.pod .pod-v h4{margin:0 0 12px;font-family:"Geist Mono",ui-monospace,monospace!important;font-size:11px;font-weight:400;
  line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,228,.55)}
.pod .pod-v a,.pod .pod-v span{display:block;padding:4px 0;font-size:14px;font-weight:400;line-height:1.8;
  letter-spacing:normal;color:rgba(244,239,228,.62)}
.pod .pod-v a{position:relative;width:max-content;color:#f4efe4}
.pod .pod-v>div:first-child a:first-of-type{font-size:clamp(18px,2vw,27px);letter-spacing:-.025em}
.pod .pod-v a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;
  transform:scaleX(0);transform-origin:100% 50%;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.pod .pod-v a:hover::after{transform:scaleX(1);transform-origin:0 50%}

/* ── wordmark ── */
.pod .pod-wm{margin-top:64px;padding:48px 0 clamp(18px,2.6vw,32px);border-top:1px solid rgba(18,17,11,.12)}
.pod .pod-wm svg{width:100%;height:auto;fill:#f4efe4;filter:none}
.pod .pod-wm .wm-t,.pod .pod-wm .wm-us{fill:#ff4f31}

/* ── donja traka ── */
.pod .pod-d{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:20px;
  border-top:1px solid rgba(244,239,228,.14);font-size:14px;line-height:1.6;color:rgba(244,239,228,.55)}
.pod .pod-d span{display:block}

@media(max-width:820px){
  .pod .pod-v h4{font-size:12px}
}
@media(max-width:700px){
  .pod .pod-g{grid-template-columns:1fr;gap:60px}
  .pod .pod-wm{margin-top:40px;padding-top:32px}
  .pod .pod-oz{font-size:11px}
  .pod .pod-h{overflow-wrap:anywhere}
}
/* Dodirne mete: na ekranu bez miša sve što se tapka mora imati 44px. */
@media(hover:none){
  .pod .pod-v a,.pod .pod-v span{padding-block:11px}
  .pod .pod-dug{padding-block:16px}
}