/* Stanja formi koje šalju na API (dopuna style.css iz landing page-a). */
.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.form-error{display:none;margin-top:20px;padding:12px 16px;border-radius:12px;background:#FDECEA;color:#9B2C1F;font-weight:600;font-size:15px}
.form-error.is-visible{display:block;animation:fadeUp .4s var(--ease)}
.field-error{display:block;margin-top:6px;color:#9B2C1F;font-size:13px;font-weight:600}
.field.is-invalid input,.field.is-invalid textarea{border-color:#9B2C1F!important}
.check.is-invalid{flex-wrap:wrap}

/* ---------- Uspješno poslano: kofer šalje pismo ---------- */
/* Poslije uspješnog slanja forma se "pretvori" u potvrdu (visina se prilagodi sadržaju - ništa ne prelazi). */
form[data-api-form].is-sent > :not(.form-success){display:none!important}
.bk-sent.form-success{display:none;margin:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:var(--ink,#061D2D)}
.bk-sent.form-success.is-visible{display:flex;animation:bkSentIn .45s cubic-bezier(.2,.8,.2,1) both}
/* Šira forma (newsletter, kontakt): kofer lijevo, tekst desno */
.glass-form .bk-sent.form-success.is-visible,.contact-card .bk-sent.form-success.is-visible{flex-direction:row;gap:28px;text-align:left;padding:4px 0}
.glass-form .bk-sent__scene,.contact-card .bk-sent__scene{flex:0 0 190px;width:190px}
@media (max-width:640px){
  .glass-form .bk-sent.form-success.is-visible,.contact-card .bk-sent.form-success.is-visible{flex-direction:column;text-align:center;gap:4px}
  .glass-form .bk-sent__scene,.contact-card .bk-sent__scene{flex-basis:auto;width:170px}
}
.bk-sent__scene{width:min(200px,70%);height:auto;overflow:visible}
.bk-sent__copy{max-width:420px}
.bk-sent__title{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,3vw,32px);line-height:1.15;font-weight:600;color:#061D2D}
.bk-sent__text{margin:8px 0 0;font-size:15px;line-height:1.55;color:#3B4A55;font-weight:500}
.bk-sent__close{margin-top:16px;background:none;border:0;padding:0;cursor:pointer;font:inherit;font-weight:600;color:#061D2D}

.bk-sent__shell{fill:#061D2D}.bk-sent__band{fill:#12324A}
.bk-sent__handle{fill:none;stroke:#BE9145;stroke-width:5;stroke-linecap:round}
.bk-sent__sticker{fill:#BE9145}.bk-sent__label{fill:#fff;opacity:.9}.bk-sent__wheel{fill:#BE9145}
.bk-sent__eye{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.bk-sent__cheek{fill:#E9A7A0;opacity:.8}
.bk-sent__smile{fill:#fff}
.bk-sent__arm{fill:none;stroke:#061D2D;stroke-width:6;stroke-linecap:round;transform-box:fill-box;transform-origin:0% 100%}
.bk-sent__shadow{fill:rgba(6,29,45,.14);transform-box:fill-box;transform-origin:center}
.bk-sent__letter rect{fill:#fff;stroke:#BE9145;stroke-width:2}
.bk-sent__letter>path:first-of-type{fill:none;stroke:#BE9145;stroke-width:2;stroke-linejoin:round}
.bk-sent__seal{fill:#E0584F}
.bk-sent__hearts path{fill:#E0584F;opacity:0;transform-box:fill-box;transform-origin:center}
.bk-sent__trail circle{fill:#BE9145;opacity:0}
.bk-sent__confetti>*{fill:#6F9088;opacity:0;transform-box:fill-box;transform-origin:center}
.bk-sent__confetti>*:nth-child(2n){fill:#BE9145}
.bk-sent__copy>*{opacity:0}

.is-visible .bk-sent__case{animation:bkCaseHop 1.1s cubic-bezier(.3,1.4,.5,1) .1s both, bkCaseIdle 2.6s ease-in-out 1.4s infinite;transform-box:fill-box;transform-origin:50% 100%}
.is-visible .bk-sent__shadow{animation:bkShadow 1.1s ease .1s both}
.is-visible .bk-sent__arm{animation:bkWave .5s ease-in-out .9s 4 alternate}
.bk-sent__letter{transform:translate(92px,78px);opacity:0}
.is-visible .bk-sent__letter{animation:bkFly 1.5s ease-in-out .55s both}
.is-visible .bk-sent__trail circle{animation:bkPop .5s ease both}
.is-visible .bk-sent__trail circle:nth-child(1){animation-delay:.8s}.is-visible .bk-sent__trail circle:nth-child(2){animation-delay:.95s}.is-visible .bk-sent__trail circle:nth-child(3){animation-delay:1.1s}
.is-visible .bk-sent__hearts .h1{animation:bkHeart 2.4s ease-out 1.4s infinite}
.is-visible .bk-sent__hearts .h2{animation:bkHeart 2.4s ease-out 1.9s infinite}
.is-visible .bk-sent__hearts .h3{animation:bkHeart 2.4s ease-out 2.3s infinite}
.is-visible .bk-sent__confetti>*{animation:bkConfetti 1s ease-out both}
.is-visible .bk-sent__confetti>*:nth-child(1){animation-delay:.3s}.is-visible .bk-sent__confetti>*:nth-child(2){animation-delay:.4s}.is-visible .bk-sent__confetti>*:nth-child(3){animation-delay:.35s}.is-visible .bk-sent__confetti>*:nth-child(4){animation-delay:.5s}.is-visible .bk-sent__confetti>*:nth-child(5){animation-delay:.45s}
.is-visible .bk-sent__copy>*{animation:fadeUp .6s ease both}
.is-visible .bk-sent__title{animation-delay:.6s}.is-visible .bk-sent__text{animation-delay:.75s}.is-visible .bk-sent__close{animation-delay:1s}

@keyframes bkSentIn{from{opacity:0}to{opacity:1}}
@keyframes bkCaseHop{0%{transform:translateY(40px) scale(.6);opacity:0}45%{transform:translateY(-18px) scale(1.06,.95);opacity:1}70%{transform:translateY(0) scale(.96,1.04)}100%{transform:none}}
@keyframes bkCaseIdle{0%,100%{transform:none}50%{transform:translateY(-4px) rotate(-1.5deg)}}
@keyframes bkShadow{0%{transform:scale(.4);opacity:0}45%{transform:scale(.7)}100%{transform:none;opacity:1}}
@keyframes bkWave{from{transform:rotate(0)}to{transform:rotate(-22deg)}}
@keyframes bkFly{
  0%{opacity:0;transform:translate(92px,80px) scale(.3)}
  15%{opacity:1;transform:translate(98px,52px) scale(1) rotate(-8deg)}
  45%{opacity:1;transform:translate(124px,34px) scale(1) rotate(6deg)}
  75%{opacity:1;transform:translate(154px,22px) scale(.9) rotate(-4deg)}
  100%{opacity:0;transform:translate(182px,8px) scale(.55) rotate(14deg)}}
@keyframes bkPop{0%{opacity:0;transform:scale(0)}60%{opacity:1}100%{opacity:.6}}
@keyframes bkHeart{0%{opacity:0;transform:translateY(8px) scale(.4)}25%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-22px) scale(.8)}}
@keyframes bkConfetti{0%{opacity:0;transform:translateY(10px) scale(.3) rotate(0)}40%{opacity:1}100%{opacity:.75;transform:translateY(-6px) scale(1) rotate(90deg)}}
/* Varijanta "upit": papirni avion umjesto pisma */
.bk-sent__plane{fill:#fff;stroke:#061D2D;stroke-width:2;stroke-linejoin:round;opacity:0;transform:translate(92px,78px)}
.bk-sent__plane .fold{fill:#E8EEF2}
.bk-sent--plane .bk-sent__letter{display:none}
.bk-sent--plane.is-visible .bk-sent__plane{animation:bkPlane 1.8s ease-in-out .55s both}
.bk-sent--plane .bk-sent__hearts path{fill:#BE9145}
@keyframes bkPlane{
  0%{opacity:0;transform:translate(92px,80px) scale(.3) rotate(-20deg)}
  15%{opacity:1;transform:translate(104px,50px) scale(1) rotate(-25deg)}
  45%{opacity:1;transform:translate(140px,40px) scale(1) rotate(5deg)}
  70%{opacity:1;transform:translate(160px,18px) scale(.95) rotate(-30deg)}
  100%{opacity:0;transform:translate(196px,2px) scale(.6) rotate(-20deg)}}

/* Newsletter: već prijavljen u ovom pregledniku */
.nl-known{display:none;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-weight:600;color:#061D2D}
.nl-known span{display:flex;align-items:center;gap:10px}
.nl-known svg{width:22px;height:22px;flex:0 0 22px;color:#6F9088}
.nl-known button{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:#3B4A55;text-decoration:underline}
form.is-subscribed > :not(.nl-known){display:none!important}
form.is-subscribed > .nl-known{display:flex}

@media (prefers-reduced-motion:reduce){.bk-sent *{animation:none!important;opacity:1!important}.bk-sent__letter,.bk-sent__plane{display:none}}

/* Traka "PREGLED" (skica otvorena iz Admina) */
.bk-preview-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:14px;
  max-width:calc(100% - 32px);padding:12px 14px 12px 18px;border-radius:999px;background:#BE9145;color:#061D2D;
  box-shadow:0 18px 40px -18px rgba(6,29,45,.55);font-size:14px;line-height:1.35}
.bk-preview-bar strong{letter-spacing:2px;font-size:12px;background:#061D2D;color:#fff;padding:4px 10px;border-radius:999px}
.bk-preview-bar button{border:0;background:rgba(6,29,45,.12);color:#061D2D;width:28px;height:28px;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;flex:0 0 28px}
@media (max-width:640px){.bk-preview-bar{border-radius:18px;bottom:12px}}

/* Formatirani tekst iz Admina (RichText: liste, podnaslovi, citati, linkovi) */
.prose ul:not(.checklist),.prose ol,.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.3em}
.prose li,.article-body li{margin:.3em 0}
.prose h3:not([data-reveal-skip]),.article-body h3{margin:1.6em 0 .6em}
.rt-quote{margin:1.4em 0;padding:4px 0 4px 18px;border-left:3px solid #BE9145;font-style:italic;color:#3B4A55}
.prose a:not(.btn),.article-body a:not(.btn){color:#6F9088;text-decoration:underline;text-underline-offset:3px}
.prose strong,.article-body strong{font-weight:700;color:#061D2D}