/* ==========================================================================
   STUDIO-GALERIJA KLET — stilovi sajta
   Vrijednosti preslikane s klet.hr (Squarespace) da izgled ostane isti.
   ========================================================================== */

/* ---------- fontovi ---------- */
@font-face{font-family:"Spline Sans Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-400-normal.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:"Spline Sans Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-ext-400-normal.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:"Spline Sans Mono";font-style:italic;font-weight:400;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-400-italic.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:"Spline Sans Mono";font-style:italic;font-weight:400;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-ext-400-italic.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:"Spline Sans Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-500-normal.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:"Spline Sans Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-ext-500-normal.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:"Spline Sans Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-700-normal.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:"Spline Sans Mono";font-style:normal;font-weight:700;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-ext-700-normal.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:"Spline Sans Mono";font-style:italic;font-weight:700;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-700-italic.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:"Spline Sans Mono";font-style:italic;font-weight:700;font-display:swap;src:url(/fontovi/spline-sans-mono-latin-ext-700-italic.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:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fontovi/space-grotesk-latin-600-normal.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:"Space Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/fontovi/space-grotesk-latin-ext-600-normal.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}

/* ---------- paleta i tipografija ---------- */
:root{
  /* paleta sajta (imena kao u Squarespaceu jer ih koriste uvezeni blokovi) */
  --white-hsl:219.68,53.45%,77.25%;     /* plava */
  --black-hsl:0,0%,.39%;
  --accent-hsl:0,0%,100%;              /* bijela */
  --lightAccent-hsl:57.67,100%,79.8%;  /* žuta */
  --darkAccent-hsl:219.68,53.45%,77.25%;
  --safeLightAccent-hsl:0,0%,100%;
  --safeDarkAccent-hsl:0,0%,0%;
  --safeInverseAccent-hsl:0,0%,0%;
  --safeInverseLightAccent-hsl:0,0%,0%;
  --safeInverseDarkAccent-hsl:0,0%,100%;

  --base-font-size:17px;
  --maxPageWidth:1461px;
  --pagePadding:2vw;
  --sqs-site-gutter:var(--pagePadding);
  --sqs-site-max-width:var(--maxPageWidth);
  --sqs-mobile-site-gutter:6vw;

  --font:"Spline Sans Mono",ui-monospace,monospace;
  --body-letter-spacing:.02em;
  --body-line-height:1.3em;
  --heading-letter-spacing:.04em;
  --heading-line-height:1.2em;

  --heading-1-size-value:4;
  --heading-2-size-value:3;
  --heading-3-size-value:2;
  --heading-4-size-value:1.4;
  --large-text-size-value:1.7;
  --normal-text-size-value:1.1;
  --small-text-size-value:.9;

  --header-height:65.78px;
}

/* veličina fonta raste s ekranom isto kao na starom sajtu */
html,body{font-size:var(--base-font-size)}
@media screen and (max-width:991px){html{font-size:min(var(--base-font-size),16px)}}

/* fs(v) = min((v-1)*1.2vw + 1rem, max((v-1)*0.012*maxPageWidth + 1rem, v*1rem)) */
@media screen and (min-width:768px),screen and (orientation:landscape){
  :root{
    --fs-h1:min(calc((var(--heading-1-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--heading-1-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--heading-1-size-value) * 1rem)));
    --fs-h2:min(calc((var(--heading-2-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--heading-2-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--heading-2-size-value) * 1rem)));
    --fs-h3:min(calc((var(--heading-3-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--heading-3-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--heading-3-size-value) * 1rem)));
    --fs-h4:min(calc((var(--heading-4-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--heading-4-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--heading-4-size-value) * 1rem)));
    --fs-large:min(calc((var(--large-text-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--large-text-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--large-text-size-value) * 1rem)));
    --fs-normal:min(calc((var(--normal-text-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--normal-text-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--normal-text-size-value) * 1rem)));
    --fs-small:min(calc((var(--small-text-size-value) - 1) * 1.2vw + 1rem),max(calc((var(--small-text-size-value) - 1) * .012 * var(--maxPageWidth) + 1rem),calc(var(--small-text-size-value) * 1rem)));
    --fs-button:min(calc((.75 - 1) * 1.2vw + 1rem),max(calc((.75 - 1) * .012 * var(--maxPageWidth) + 1rem),calc(.75 * 1rem)));
  }
}
@media screen and (max-width:767px) and (orientation:portrait){
  :root{
    --fs-h1:calc((var(--heading-1-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-h2:calc((var(--heading-2-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-h3:calc((var(--heading-3-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-h4:calc((var(--heading-4-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-large:calc((var(--large-text-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-normal:calc((var(--normal-text-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-small:calc((var(--small-text-size-value) - 1) * calc(.012 * min(100vh,900px)) + 1rem);
    --fs-button:calc((.75 - 1) * calc(.012 * min(100vh,900px)) + 1rem);
  }
}

/* ---------- teme sekcija ---------- */
[data-section-theme],.tema{
  --siteBackgroundColor:hsla(var(--lightAccent-hsl),1);
  --headingColor:hsla(var(--black-hsl),1);
  --paragraphLargeColor:hsla(var(--black-hsl),1);
  --paragraphMediumColor:hsla(var(--black-hsl),1);
  --paragraphSmallColor:hsla(var(--black-hsl),1);
  --paragraphLinkColor:hsla(var(--safeDarkAccent-hsl),1);
  --headingLinkColor:hsla(var(--safeDarkAccent-hsl),1);
  --primaryButtonBackgroundColor:hsla(var(--safeDarkAccent-hsl),1);
  --primaryButtonTextColor:hsla(var(--safeInverseDarkAccent-hsl),1);
  --tweak-text-block-background-color:hsla(var(--white-hsl),1);
  --onBgHeading:hsla(var(--black-hsl),1);
  --onBgParagraph:hsla(var(--black-hsl),1);
  --accordionColor:hsla(var(--black-hsl),1);
  --formFill:hsla(var(--white-hsl),1);
  --formBorder:hsla(var(--black-hsl),1);
  --formText:hsla(var(--black-hsl),1);
  --formLabel:hsla(var(--black-hsl),1);
  --formButtonBg:hsla(var(--safeDarkAccent-hsl),1);
  --formButtonText:hsla(var(--safeInverseDarkAccent-hsl),1);
}
[data-section-theme="white"]{
  --siteBackgroundColor:hsla(var(--white-hsl),1);
  --tweak-text-block-background-color:hsla(var(--lightAccent-hsl),1);
  --formFill:hsla(var(--lightAccent-hsl),1);
}
[data-section-theme="white-bold"]{
  --siteBackgroundColor:hsla(var(--white-hsl),1);
  --headingColor:hsla(var(--safeDarkAccent-hsl),1);
  --tweak-text-block-background-color:hsla(var(--lightAccent-hsl),1);
  --formFill:hsla(var(--lightAccent-hsl),1);
  --onBgHeading:hsla(var(--safeDarkAccent-hsl),1);
}
[data-section-theme="light"]{
  --siteBackgroundColor:hsla(var(--lightAccent-hsl),1);
  --tweak-text-block-background-color:hsla(var(--white-hsl),1);
  --formFill:hsla(var(--white-hsl),1);
}
[data-section-theme="bright"]{
  --siteBackgroundColor:hsla(var(--accent-hsl),1);
  --headingColor:hsla(var(--safeInverseAccent-hsl),1);
  --paragraphLargeColor:hsla(var(--safeInverseAccent-hsl),1);
  --paragraphMediumColor:hsla(var(--safeInverseAccent-hsl),1);
  --paragraphSmallColor:hsla(var(--safeInverseAccent-hsl),1);
  --paragraphLinkColor:hsla(var(--safeInverseAccent-hsl),1);
  --headingLinkColor:hsla(var(--safeInverseAccent-hsl),1);
  --primaryButtonBackgroundColor:hsla(var(--safeInverseAccent-hsl),1);
  --primaryButtonTextColor:hsla(var(--accent-hsl),1);
  --tweak-text-block-background-color:hsla(var(--safeInverseAccent-hsl),1);
  --onBgHeading:hsla(var(--accent-hsl),1);
  --onBgParagraph:hsla(var(--accent-hsl),1);
  --accordionColor:hsla(var(--safeInverseAccent-hsl),1);
  --formFill:hsla(var(--white-hsl),1);
  --formLabel:hsla(var(--safeInverseAccent-hsl),1);
  --formButtonBg:hsla(var(--safeInverseAccent-hsl),1);
  --formButtonText:hsla(var(--accent-hsl),1);
}
[data-section-theme="bright-inverse"]{
  --siteBackgroundColor:hsla(var(--safeInverseAccent-hsl),1);
  --headingColor:hsla(var(--accent-hsl),1);
  --paragraphLargeColor:hsla(var(--accent-hsl),1);
  --paragraphMediumColor:hsla(var(--accent-hsl),1);
  --paragraphSmallColor:hsla(var(--accent-hsl),1);
  --paragraphLinkColor:hsla(var(--accent-hsl),1);
  --headingLinkColor:hsla(var(--accent-hsl),1);
  --primaryButtonBackgroundColor:hsla(var(--accent-hsl),1);
  --primaryButtonTextColor:hsla(var(--safeInverseAccent-hsl),1);
  --tweak-text-block-background-color:hsla(var(--accent-hsl),1);
  --onBgHeading:hsla(var(--safeInverseAccent-hsl),1);
  --onBgParagraph:hsla(var(--safeInverseAccent-hsl),1);
  --accordionColor:hsla(var(--accent-hsl),1);
  --formFill:hsla(var(--darkAccent-hsl),1);
  --formBorder:hsla(var(--accent-hsl),1);
  --formText:hsla(var(--accent-hsl),1);
  --formLabel:hsla(var(--accent-hsl),1);
  --formButtonBg:hsla(var(--accent-hsl),1);
  --formButtonText:hsla(var(--safeInverseAccent-hsl),1);
}
[data-section-theme="dark-bold"]{
  --siteBackgroundColor:hsla(var(--darkAccent-hsl),1);
  --headingColor:hsla(var(--black-hsl),1);
  --paragraphLargeColor:hsla(var(--white-hsl),1);
  --paragraphMediumColor:hsla(var(--white-hsl),1);
  --paragraphSmallColor:hsla(var(--white-hsl),1);
  --paragraphLinkColor:hsla(var(--safeLightAccent-hsl),1);
  --headingLinkColor:hsla(var(--safeLightAccent-hsl),1);
  --primaryButtonBackgroundColor:hsla(var(--safeLightAccent-hsl),1);
  --primaryButtonTextColor:hsla(var(--safeInverseLightAccent-hsl),1);
  --tweak-text-block-background-color:hsla(var(--white-hsl),1);
  --onBgHeading:hsla(var(--safeDarkAccent-hsl),1);
  --onBgParagraph:hsla(var(--safeDarkAccent-hsl),1);
  --accordionColor:hsla(var(--white-hsl),1);
  --formFill:hsla(var(--black-hsl),1);
  --formBorder:hsla(var(--white-hsl),1);
  --formText:hsla(var(--white-hsl),1);
  --formLabel:hsla(var(--white-hsl),1);
  --formButtonBg:hsla(var(--safeLightAccent-hsl),1);
  --formButtonText:hsla(var(--safeInverseLightAccent-hsl),1);
}

/* ---------- osnova ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--header-height)}
body{
  margin:0;background:hsla(var(--lightAccent-hsl),1);color:hsla(var(--black-hsl),1);
  font-family:var(--font);font-weight:400;letter-spacing:var(--body-letter-spacing);line-height:var(--body-line-height);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
#siteWrapper{font-size:var(--fs-normal);min-height:100vh;display:flex;flex-direction:column}
#page{flex:1}
img{max-width:100%}
a{color:inherit}
p{margin:1rem 0}
h1,h2,h3,h4{font-family:var(--font);font-weight:400;letter-spacing:var(--heading-letter-spacing);margin:2rem 0 1rem;color:var(--headingColor)}
h1{font-size:var(--fs-h1);line-height:calc(var(--heading-line-height) * (1 + (1 - var(--heading-1-size-value))/25))}
h2{font-size:var(--fs-h2);line-height:calc(var(--heading-line-height) * (1 + (1 - var(--heading-2-size-value))/25))}
h3{font-size:var(--fs-h3);line-height:calc(var(--heading-line-height) * (1 + (1 - var(--heading-3-size-value))/25))}
h4{font-size:var(--fs-h4);line-height:calc(var(--heading-line-height) * (1 + (1 - var(--heading-4-size-value))/25))}
p,.sqsrte-large,.sqsrte-small{line-height:var(--body-line-height)}
.sqsrte-large{font-size:var(--fs-large);color:var(--paragraphLargeColor)}
.sqsrte-small{font-size:var(--fs-small);color:var(--paragraphSmallColor)}
p{color:var(--paragraphMediumColor)}
strong{font-weight:700}
ul,ol{padding-left:1.25em}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:#000;color:#fff;padding:8px 14px}
.skip-link:focus{left:8px;top:8px}

/* boje teksta iz uređivača */
.sqsrte-text-color--white{color:hsl(var(--white-hsl))}
.sqsrte-text-color--black{color:hsl(var(--black-hsl))}
.sqsrte-text-color--accent{color:hsl(var(--accent-hsl))}
.sqsrte-text-color--lightAccent{color:hsl(var(--lightAccent-hsl))}
.sqsrte-text-color--darkAccent{color:hsl(var(--darkAccent-hsl))}

/* ---------- zaglavlje ---------- */
#header{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:hsla(var(--lightAccent-hsl),1);color:hsla(var(--black-hsl),1);
  font-size:var(--fs-normal);line-height:1;
}
.header-inner{display:flex;align-items:center;padding:14.4px var(--pagePadding);min-height:var(--header-height);gap:0}
.header-title{flex:0 0 auto;display:flex;align-items:center}
.header-title a{display:inline-block}
.header-title img{display:block;height:35px;width:auto;max-width:none}
.header-nav{flex:1 1 auto;display:flex;justify-content:flex-end}
.header-nav{padding-left:2vw}
.header-nav-list{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:0 1.75vw}
.header-nav-item a{display:flex;text-decoration:none;padding:.1em 0;line-height:var(--body-line-height);color:inherit;letter-spacing:var(--body-letter-spacing)}
.header-nav-item a:hover,.header-nav-item--active a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.header-actions{display:flex;align-items:center;flex:0 0 auto}
.header-social{display:block;width:34px;height:34px;margin-left:24px;color:inherit}
.header-social svg{display:block;width:34px;height:34px;fill:currentColor}
.header-cta{
  margin-left:24px;display:inline-block;text-decoration:none;
  background:hsla(var(--safeDarkAccent-hsl),1);color:hsla(var(--safeInverseDarkAccent-hsl),1);
  font-size:var(--fs-header-btn,1rem);letter-spacing:var(--body-letter-spacing);line-height:20px;
  padding:8.5px 15px;border-radius:.4em;white-space:nowrap;transition:opacity .1s linear;
}
@media screen and (min-width:768px),screen and (orientation:landscape){:root{--fs-header-btn:min(calc((1 - 1) * 1.2vw + 1rem),max(calc((1 - 1) * .012 * var(--maxPageWidth) + 1rem),calc(1 * 1rem)))}}
.header-cta:hover{opacity:.8}
.header-burger{display:none;margin-left:auto;background:none;border:0;padding:0;width:36px;height:36px;cursor:pointer;color:inherit;position:relative}
.header-burger span{position:absolute;left:5px;right:5px;height:1px;background:currentColor;transition:transform .25s,top .25s}
.header-burger span:nth-child(1){top:14px}
.header-burger span:nth-child(2){top:21px}
.menu-open .header-burger span:nth-child(1){top:17.5px;transform:rotate(45deg)}
.menu-open .header-burger span:nth-child(2){top:17.5px;transform:rotate(-45deg)}
.header-menu{
  display:none;position:fixed;inset:var(--header-height) 0 0 0;z-index:999;
  background:hsla(var(--lightAccent-hsl),1);padding:6vw;overflow:auto;
  flex-direction:column;align-items:center;justify-content:center;gap:4vw;opacity:0;transition:opacity .25s;
}
.menu-open .header-menu{display:flex;opacity:1}
.header-menu a{font-size:calc(var(--fs-normal) * 2);text-decoration:none;letter-spacing:var(--body-letter-spacing)}
.header-menu .header-cta{font-size:1.2rem;margin:4vw 0 0;padding:1em 2em}
.header-menu .header-social{margin:0}

@media (max-width:799px), only screen and (pointer:coarse) and (max-width:1024px){
  :root{--header-height:57px}
  .header-inner{padding:10px 6vw}
  .header-title img{height:clamp(22px,6vw,35px)}
  .header-nav,.header-actions{display:none}
  .header-burger{display:block}
}

/* ---------- sekcije ---------- */
#page{padding-top:var(--header-height)}
.page-section{position:relative;display:flex;align-items:center;box-sizing:border-box;color:var(--paragraphMediumColor)}
.page-section>.content-wrapper{width:100%;box-sizing:content-box;position:relative;display:flex}
.page-section .content{width:100%}
.page-section .section-border{position:absolute;inset:0;background-color:var(--siteBackgroundColor)}
.page-section .section-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;background-color:var(--siteBackgroundColor)}
.page-section.horizontal-alignment--left>.content-wrapper{justify-content:flex-start}
.page-section.horizontal-alignment--center>.content-wrapper{justify-content:center}
.page-section.horizontal-alignment--right>.content-wrapper{justify-content:flex-end}
.page-section.vertical-alignment--middle{align-items:center}
.page-section.vertical-alignment--top{align-items:flex-start}
.page-section.vertical-alignment--bottom{align-items:flex-end}
.page-section.section-height--small:not(.gallery-section){min-height:33vh}
.page-section.section-height--medium:not(.gallery-section){min-height:66vh}
.page-section.section-height--large:not(.gallery-section){min-height:100vh}
.page-section.vertical-alignment--middle.section-height--small>.content-wrapper{padding-top:3.3vmax;padding-bottom:3.3vmax}
.page-section.vertical-alignment--middle.section-height--medium>.content-wrapper{padding-top:6.6vmax;padding-bottom:6.6vmax}
.page-section.vertical-alignment--middle.section-height--large>.content-wrapper{padding-top:10vmax;padding-bottom:10vmax}
.page-section.background-width--inset:not(.gallery-section){padding:var(--pagePadding)}
.page-section.background-width--inset .section-background{top:var(--pagePadding);right:var(--pagePadding);bottom:var(--pagePadding);left:var(--pagePadding)}
@media (min-width:768px){
  .page-section.content-width--narrow .content{width:50%}
  .page-section.content-width--medium .content{width:75%}
}
@media (max-width:767px){.page-section .content{width:100%!important}}

/* ---------- fluid engine (mreža blokova) ---------- */
.fe-wrap{display:grid;position:relative}
.fluid-engine{position:relative}
.fe-block{position:relative;min-width:0;min-height:0;display:flex}
.fluid-engine .sqs-block{display:flex;flex-direction:column;height:100%;width:100%;position:relative;min-height:0}
.sqs-block-content{width:100%}
.sqs-block-html .sqs-block-content{height:auto}
.sqs-block-html .sqs-html-content{position:relative;z-index:0}
.sqs-block-html .sqs-html-content>*:first-child{margin-top:0}
.sqs-block-html .sqs-html-content>*:last-child{margin-bottom:0}
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3){overflow-wrap:break-word}
.sqs-block-html a,.sqs-block-newsletter a,.footer-sections .sqs-block-html a{
  text-decoration-line:underline;text-decoration-style:solid;text-decoration-color:currentColor;
  text-decoration-thickness:1px;text-underline-offset:.2em;text-decoration-skip-ink:auto;color:inherit;
}
.sqs-block-html h1 a,.sqs-block-html h2 a,.sqs-block-html h3 a,.sqs-block-html h4 a{color:var(--headingLinkColor)}
.sqs-block-html ul,.sqs-block-html ol,.sqs-block-accordion .accordion-item__description ul,.sqs-block-accordion .accordion-item__description ol{padding-left:40px;margin:1rem 0}
ul[data-rte-list]{list-style:none}
ul[data-rte-list]>li{position:relative}
ul[data-rte-list]>li>:first-child::before{content:"•";display:inline-block;width:1.2em;margin-left:-1.2em;text-align:left}
.sqs-block-html li>p,.sqs-block-accordion li>p{margin:.5em 0}
#footer-sections .sqs-block-html a{display:inline-block}

/* tekstualni blok s pozadinom (kartice) */
.sqs-background-enabled.sqs-block-html,.sqs-background-enabled.sqs-block-accordion{background-color:var(--tweak-text-block-background-color)}
.page-section .sqs-background-enabled{color:var(--onBgParagraph)}
.sqs-background-enabled.sqs-block-html p,.sqs-background-enabled.sqs-block-html .sqsrte-large,.sqs-background-enabled.sqs-block-html .sqsrte-small{color:var(--onBgParagraph)}
.sqs-background-enabled.sqs-block-html :is(h1,h2,h3,h4){color:var(--onBgHeading)}
.sqs-block-html{border-color:var(--tweak-text-block-stroke-color,currentColor)}

/* gumbi */
.sqs-block-button .sqs-block-content{flex:var(--sqs-block-content-flex,0)}
.sqs-block-button-container{display:flex}
.sqs-block-button-container--left{justify-content:flex-start;text-align:left}
.sqs-block-button-container--center{justify-content:center;text-align:center}
.sqs-block-button-container--right{justify-content:flex-end;text-align:right}
.sqs-block-button .sqs-stretched{flex:1;height:100%}
.sqs-block-button .sqs-stretched .sqs-block-button-element{display:flex;align-items:center;justify-content:center;height:100%;flex:1}
.sqs-block-button-element,.btn-primary{
  display:inline-block;text-decoration:none;cursor:pointer;
  font-family:var(--font);font-weight:700;text-transform:uppercase;letter-spacing:.1em;line-height:1.2em;
  font-size:var(--fs-button);
  color:var(--primaryButtonTextColor);background-color:var(--primaryButtonBackgroundColor);
  border:0 solid var(--primaryButtonBackgroundColor);border-radius:.4rem;
  padding:1.2rem 2.004rem;transition:opacity .1s linear;
}
.sqs-block-button-element--small{padding:1rem 1.67rem}
.sqs-block-button-element--large{padding:1.5rem 2.505rem}
.sqs-block-button-element:hover,.btn-primary:hover{opacity:.8}

/* oblici */
.sqs-block-shape .sqs-block-content,.sqs-block-shape .sqs-block-alignment-wrapper{height:100%}
.sqs-shape-block-outer-container{height:100%;position:relative}
.sqs-shape-block-container{display:none;position:relative;height:100%}
.sqs-shape-block-container.sqs-shape-block-container-system_desktop{display:flex}
.sqs-block-shape svg.sqs-shape{display:block;overflow:visible;position:absolute;inset:0;width:100%;height:100%;fill:var(--shape-block-background-color);stroke:var(--shape-block-stroke-color)}
.sqs-block-shape svg.sqs-shape>*{vector-effect:non-scaling-stroke}

/* slike */
.sqs-block-image .sqs-block-content{height:100%;width:100%}
.fluid-image-container{position:relative;height:100%;width:100%;overflow:hidden;border-radius:inherit}
.fluid-image-container img,.fluid-image-container>a{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:var(--image-component-object-fit,cover);object-position:var(--image-component-focal-point,50% 50%)}
.fluid-image-container>a img{position:static}
.fluid-image-container.fit{display:flex;align-items:flex-start;overflow:visible}
.fluid-image-container.fit img{position:static;width:auto;height:auto;max-width:100%;max-height:100%;aspect-ratio:var(--image-component-native-aspect-ratio);object-fit:contain}
.fluid-image-container.fit.poz-center{justify-content:center}
.fluid-image-container.fit.poz-left{justify-content:flex-start}
.fluid-image-container.fit.poz-right{justify-content:flex-end}

/* kod (radio) */
.sqs-block-code .sqs-block-content{height:100%}
/* karta */
.sqs-block-map .sqs-block-content{height:100%}
.karta{display:block;width:100%;height:100%;min-height:300px;border:0}

/* ---------- harmonika (accordion) ---------- */
.sqs-block-accordion .accordion-items-container{list-style:none;margin:0;padding:0;color:var(--accordionColor)}
.sqs-block-accordion .accordion-item{margin:0;padding:0;position:relative}
.sqs-block-accordion details>summary{list-style:none;cursor:pointer;margin:0;padding:0}
.sqs-block-accordion details>summary::-webkit-details-marker{display:none}
.sqs-block-accordion .accordion-item__click-target{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  padding:var(--accordion-item-padding-top) var(--accordion-item-padding-right) var(--accordion-item-padding-bottom) var(--accordion-item-padding-left);
  color:inherit;font:inherit;letter-spacing:inherit;text-align:left;
}
.sqs-block-accordion summary:focus-visible .accordion-item__click-target{outline:2px solid currentColor;outline-offset:-2px}
.sqs-block-accordion .accordion-item__title{flex:1;overflow:hidden}
.sqs-block-accordion [data-accordion-icon-placement=right] .accordion-item__title{padding-right:var(--accordion-icon-size)}
.sqs-block-accordion [data-accordion-icon-placement=left] .accordion-item__click-target{flex-direction:row-reverse}
.sqs-block-accordion [data-accordion-icon-placement=left] .accordion-item__title{padding-left:var(--accordion-icon-size)}
.sqs-block-accordion [data-accordion-title-alignment=center] .accordion-item__title{text-align:center}
.sqs-block-accordion .accordion-item__description{
  box-sizing:border-box;max-width:300px;min-width:var(--accordion-description-width);
  padding:var(--accordion-description-padding-top) var(--accordion-description-padding-right) var(--accordion-description-padding-bottom) var(--accordion-description-padding-left);
}
.sqs-block-accordion [data-accordion-description-placement=center] .accordion-item__description{margin-left:auto;margin-right:auto}
.sqs-block-accordion :is(.accordion-item__description,.accordion-item__title)>:first-child{margin-top:0}
.sqs-block-accordion :is(.accordion-item__description,.accordion-item__title)>:last-child{margin-bottom:0}
.sqs-block-accordion .accordion-icon-container{height:var(--accordion-icon-size);width:var(--accordion-icon-size);position:relative;flex:0 0 auto}
.sqs-block-accordion .accordion-icon-container>*{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.sqs-block-accordion :is(.plus__horizontal-line,.plus__vertical-line){position:absolute;display:block;width:100%;height:var(--accordion-icon-thickness);background-color:currentColor;transition:transform .25s}
.sqs-block-accordion .plus__vertical-line{transform:rotate(90deg)}
.sqs-block-accordion details[open] .plus__vertical-line{transform:rotate(0deg)}
.sqs-block-accordion .accordion-divider{height:var(--accordion-divider-thickness);opacity:var(--accordion-divider-opacity);background-color:currentColor}
.sqs-block-accordion .accordion-items-container:not([data-is-last-divider-visible=true]) .accordion-item:last-of-type .accordion-divider{display:none}
.sqs-block-accordion .accordion-items-container[data-is-divider-enabled=false] .accordion-divider{display:none}
.sqs-block-accordion .accordion-item__title-wrapper{margin:0}
.sqs-block-accordion .accordion-item__description>ul:first-child{margin-top:0}

/* ---------- vrtuljak fotki (galerija na vrhu stranice) ---------- */
.gallery-section{display:block;padding:0}
.vrtuljak{position:relative;height:var(--visina,50vh);overflow:hidden;background:var(--siteBackgroundColor)}
.vrtuljak-traka{position:absolute;top:0;left:0;height:100%;display:flex;gap:0;will-change:transform;transition:transform .9s cubic-bezier(.4,0,.2,1)}
.vrtuljak-traka.bez-animacije{transition:none}
.vrtuljak figure{margin:0;height:100%;flex:0 0 auto;position:relative}
.vrtuljak img{height:100%;width:auto;display:block;user-select:none;-webkit-user-drag:none}
.vrtuljak figure img[data-src]{background:hsla(0,0%,0%,.06)}
.vrtuljak-gumb{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:44px;height:44px;padding:8px;border:0;border-radius:0;cursor:pointer;
  background:hsla(var(--accent-hsl),.9);color:#000;display:flex;align-items:center;justify-content:center;
}
.vrtuljak-gumb svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.5}
.vrtuljak-gumb--lijevo{left:15px}
.vrtuljak-gumb--desno{right:15px}
.vrtuljak-gumb:focus-visible{outline:2px solid #000;outline-offset:2px}
@media (max-width:767px){.vrtuljak{height:69vw}.vrtuljak figure{width:100vw;aspect-ratio:auto!important}.vrtuljak img{width:100%;object-fit:cover}}

/* slideshow s fotkama i sličicama (MOGUĆNOSTI) */
.gallery-section .slideshow{position:relative;background:var(--siteBackgroundColor);padding:var(--pagePadding) var(--pagePadding) 22px}
.slideshow{--okvir:min(var(--maxPageWidth),calc(100vw - 4vw));}
.slideshow-okvir{position:relative;margin:0 auto;width:calc(var(--okvir) * var(--udio) - 64px);max-width:100%;height:calc(var(--visina) * 1vh - 90px);min-height:240px}
.slideshow-slajdovi{position:absolute;inset:0}
.slajd{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .9s ease;display:flex;align-items:center;justify-content:center}
.slajd.aktivan{opacity:1;z-index:1}
.slajd img{width:100%;height:100%;object-fit:contain}
.slideshow-gumb{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:27px;height:32px;padding:0;border:0;background:none;cursor:pointer;color:var(--paragraphMediumColor)}
.slideshow-gumb svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5}
.slideshow-gumb--lijevo{left:20px}
.slideshow-gumb--desno{right:20px}
.slideshow-slicice{display:flex;justify-content:center;gap:10px;height:100px;padding-top:20px;overflow-x:auto;scrollbar-width:none}
.slideshow-slicice::-webkit-scrollbar{display:none}
.slicica{flex:0 0 80px;width:80px;height:80px;padding:0;border:0;background:hsla(0,0%,0%,.06);cursor:pointer;opacity:.6;transition:opacity .2s}
.slicica.aktivna,.slicica:hover{opacity:1}
.slicica img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:767px){.slideshow-okvir{width:100%;height:calc(var(--visina) * .6vh)}.slideshow-slicice{justify-content:flex-start}}

/* povećanje slike (tlocrt) */
a.povecaj{cursor:zoom-in}
.povecanje{position:fixed;inset:0;z-index:50;background:hsla(0,0%,100%,.96);display:flex;align-items:center;justify-content:center;padding:4vw;cursor:zoom-out}
.povecanje img{max-width:100%;max-height:100%;object-fit:contain}
.povecanje button{position:absolute;top:16px;right:16px;width:44px;height:44px;border:0;background:none;font-size:32px;line-height:1;cursor:pointer}

/* ---------- „Kaj ima?" ---------- */
.kaj-ima-blok{display:block!important}
.kaj-ima{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:stretch}
.dogadaj,.kaj-je-bilo{
  border:2px solid hsla(var(--black-hsl),1);border-radius:10px;
  background:rgba(255,255,255,.41);color:#000;padding:2% 4%;
}
.dogadaj p,.kaj-je-bilo p{margin:0 0 17px;color:#000}
.dogadaj p:last-child,.kaj-je-bilo p:last-child{margin-bottom:0}
.dogadaj a{text-decoration:none}
.dogadaj .poveznica{text-decoration:none}
.kaj-je-bilo{background:#fff;padding:6%}
.kaj-je-bilo a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
.dogadaj[hidden]{display:none}
.dogadaj .dogadaj-datum{white-space:nowrap}
@media (max-width:767px){.kaj-ima{grid-template-columns:1fr}}

/* ---------- obrasci ---------- */
.obrazac{font-family:var(--font);color:var(--formLabel)}
.obrazac .polje{margin:0 0 1.2rem}
.obrazac fieldset.polje{border:0;padding:0;margin:0 0 1.2rem}
.obrazac label,.obrazac legend{display:block;font-size:var(--fs-normal);margin:0 0 .4rem;padding:0;letter-spacing:var(--body-letter-spacing)}
.obrazac .obavezno{font-size:.85em;opacity:.7;margin-left:.3em}
.obrazac .opis{font-size:var(--fs-small);margin:.2rem 0 .5rem;opacity:.85}
.obrazac input[type=text],.obrazac input[type=email],.obrazac input[type=tel],.obrazac input[type=number],.obrazac input[type=date],.obrazac input[type=time],.obrazac input[type=file],.obrazac select,.obrazac textarea{
  width:100%;font:inherit;font-size:var(--fs-small);letter-spacing:var(--body-letter-spacing);
  color:var(--formText);background:var(--formFill);border:1px solid var(--formBorder);border-radius:0;
  padding:12px;appearance:none;-webkit-appearance:none;
}
.obrazac select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:20px;padding-right:40px}
.obrazac textarea{min-height:100px;resize:vertical}
.obrazac .ime-prezime{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.obrazac .ime-prezime span{display:block;font-size:var(--fs-small);margin-bottom:.3rem}
.obrazac .izbor{display:flex;gap:.6rem;align-items:flex-start;margin:.4rem 0;font-family:"Space Grotesk",var(--font);font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:0;line-height:1.2em}
.obrazac .izbor input{margin:.1em 0 0;width:1.1em;height:1.1em;accent-color:#000;flex:0 0 auto}
.obrazac .izbor.dugi{text-transform:none;font-family:var(--font);font-weight:400;font-size:var(--fs-small)}
.obrazac button[type=submit]{
  font-family:var(--font);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-button);
  background:var(--formButtonBg);color:var(--formButtonText);border:0;border-radius:.4rem;padding:1.2rem 2.004rem;cursor:pointer;
}
.obrazac button[type=submit]:disabled{opacity:.5;cursor:wait}
.obrazac .naslov-dijela{font-weight:700;font-size:var(--fs-normal);margin:1.6rem 0 1rem}
.obrazac .poruka-uspjeh{font-size:var(--fs-normal)}
.obrazac .poruka-greska{color:#b00020;margin:.6rem 0 0;font-size:var(--fs-small)}
.obrazac .zamka{position:absolute;left:-5000px;width:1px;height:1px;overflow:hidden}

/* newsletter u podnožju */
form.newsletter{display:flex;flex-direction:column;align-items:flex-start;padding-top:37px;gap:21px}
.newsletter-polje{width:100%}
form.newsletter input[type=email]{
  width:100%;height:36px;font:inherit;font-size:var(--fs-normal);letter-spacing:var(--body-letter-spacing);
  background:var(--formFill);color:var(--formText);border:1px solid transparent;border-radius:0;padding:5px 10px;
}
form.newsletter input[type=email]::placeholder{color:hsla(var(--black-hsl),.55);font-size:var(--fs-small)}
form.newsletter button[type=submit]{
  font-family:var(--font);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:var(--fs-button);line-height:1.2em;
  background:#000;color:#fff;border:0;border-radius:6.8px;padding:8.5px 0;width:143px;cursor:pointer;
}
.newsletter .poruka-uspjeh{font-size:var(--fs-normal)}
.newsletter .poruka-greska{color:#b00020;font-size:var(--fs-small);margin:0}
#footer-sections .newsletter + *{margin:0}

/* društvene mreže (podnožje) */
.social-ikone{display:flex;gap:12px}
.social-ikona{display:block;width:34px;height:34px;color:inherit}
.social-ikona svg{width:100%;height:100%;fill:currentColor;display:block}

/* ---------- podnožje ---------- */
#footer-sections{position:relative;z-index:0}

/* ---------- zaštićena stranica /0000 ---------- */
.bo-wrap{max-width:1400px;margin:0 auto;padding:3vw var(--pagePadding) 6vw}
.bo-wrap h1{text-align:center;font-size:var(--fs-h3);font-weight:700;margin:1rem 0 3rem}
.bo-mreza{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:start}
.bo-mreza h2{font-size:var(--fs-h4);font-weight:700;margin:0 0 1rem}
.bo-kutija{padding:1.4rem 1.6rem;border-radius:0}
.bo-kutija--roza{background:#f8d3f4}
.bo-kutija--plava{background:hsla(var(--white-hsl),1)}
.bo-kutija .obrazac{--formFill:hsla(var(--lightAccent-hsl),1);--formBorder:transparent;--formLabel:#000;--formText:#000}
.bo-podaci{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14rem 0 3rem}
.bo-kartica{background:#fff;padding:14px 16px;font-size:var(--fs-small)}
.bo-podaci h3{font-size:var(--fs-small);font-weight:400;letter-spacing:var(--body-letter-spacing);margin:0 0 .8rem;color:#000}
.bo-podaci p{margin:0}
.bo-faq h2{text-align:center;font-weight:700;font-size:var(--fs-h3);margin:3rem 0 .3rem}
.bo-faq .podnaslov{text-align:center;margin:0 0 2rem}
.bo-faq .sqs-block-accordion{--accordion-item-padding-top:14px;--accordion-item-padding-bottom:14px;--accordion-item-padding-left:0px;--accordion-item-padding-right:0px;--accordion-icon-size:26px;--accordion-icon-thickness:2px;--accordion-description-padding-top:0px;--accordion-description-padding-bottom:24px;--accordion-description-padding-left:0px;--accordion-description-padding-right:0px;--accordion-description-width:100%;--accordion-divider-thickness:2px;--accordion-divider-opacity:1}
.bo-faq .accordion-item__description{max-width:none}
.bo-faq .accordion-item__title{font-weight:700}
@media (max-width:767px){.bo-mreza,.bo-podaci{grid-template-columns:1fr}}

/* ---------- prilagodbe sa starog sajta (custom CSS) ---------- */
#block-5030d78ba260125bc10b{animation:blinkFade 3s infinite}
@keyframes blinkFade{0%,100%{opacity:1}50%{opacity:0}}
#block-yui_3_17_2_1_1757507838277_2887 .pulse{display:inline-block;animation:pulseGrow 2s infinite}
@keyframes pulseGrow{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}
@media (prefers-reduced-motion:reduce){
  #block-5030d78ba260125bc10b,#block-yui_3_17_2_1_1757507838277_2887 .pulse{animation:none}
  .vrtuljak-traka{transition:none}
}