/* Fokus Vida — warm editorial theme for the Nicepage export */
:root {
  --fv-ink: #2f3d34;
  --fv-ink-soft: #46564a;
  --fv-accent: #c86f55;
  --fv-accent-dark: #a95443;
  --fv-sage: #8fa58b;
  --fv-sage-pale: #edf2e8;
  --fv-cream: #fbf6ed;
  --fv-sand: #f3e7d8;
  --fv-line: #e4d8c9;
  --fv-muted: #6d786f;
  --fv-white: #fffdf8;
}

html {
  scroll-behavior: smooth;
}

body.u-body,
.u-body {
  background: var(--fv-cream) !important;
  color: var(--fv-ink) !important;
  font-family: "DM Sans", sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.u-heading-font {
  color: var(--fv-ink);
  font-family: "Manrope", sans-serif !important;
}

.u-text-font,
.u-custom-font.u-text-font {
  font-family: "DM Sans", sans-serif !important;
}

.u-custom-font.u-heading-font {
  font-family: "Manrope", sans-serif !important;
}

/* Re-map the original Nicepage palette to the Fokus Vida palette. */
.u-palette-1-base,
.u-body.u-palette-1-base {
  background-color: var(--fv-accent) !important;
  color: var(--fv-white) !important;
}

.u-palette-2-base,
.u-body.u-palette-2-base,
.u-palette-1-dark-3,
.u-body.u-palette-1-dark-3 {
  background-color: var(--fv-ink) !important;
  color: var(--fv-white) !important;
}

.u-palette-1-dark-2 {
  background-color: var(--fv-ink-soft) !important;
  color: var(--fv-white) !important;
}

.u-palette-1-dark-1 {
  background-color: var(--fv-accent-dark) !important;
  color: var(--fv-white) !important;
}

.u-palette-3-base {
  background-color: var(--fv-sage) !important;
  color: var(--fv-ink) !important;
}

.u-text-palette-1-base {
  color: var(--fv-accent) !important;
}

.u-text-palette-2-base {
  color: var(--fv-ink) !important;
}

.u-text-palette-3-base {
  color: var(--fv-sage) !important;
}

.u-border-palette-1-base {
  border-color: var(--fv-accent) !important;
}

.u-border-palette-2-base {
  border-color: var(--fv-ink) !important;
}

.u-border-palette-3-base {
  border-color: var(--fv-sage) !important;
}

#header .u-section-row:first-child {
  background: var(--fv-ink) !important;
}

#header .u-section-row-2 {
  background: var(--fv-white) !important;
  box-shadow: 0 10px 28px rgba(47, 61, 52, 0.09);
}

#header .u-nav-link {
  color: var(--fv-ink) !important;
  font-family: "DM Sans", sans-serif !important;
}

#header .u-nav-link:hover,
#header .u-nav-link:focus {
  color: var(--fv-accent) !important;
}

#header .u-btn,
#header .u-button-style,
#block-3 .u-btn,
.u-btn-submit {
  border-radius: 999px !important;
}

#header .u-text-2 a {
  font-family: "Manrope", sans-serif !important;
  letter-spacing: -0.025em;
}

#block-13 {
  background: var(--fv-accent) !important;
}

#block-13 .u-group-1 {
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 0 18px 42px rgba(74, 48, 38, 0.16);
}

#block-13 .u-image-1,
#block-13 img {
  border-radius: 22px;
  object-fit: cover;
}

#block-13 .u-btn {
  border-radius: 999px !important;
}

/* Homepage editorial feed and category cards. */
.pd-article-feed,
.pd-category-section {
  background: var(--fv-cream) !important;
  color: var(--fv-ink) !important;
}

.pd-category-section--soft {
  background: var(--fv-sage-pale) !important;
}

#rani-signali,
#svjetlo-i-okruzenje {
  background: var(--fv-sand) !important;
}

.pd-article-feed__eyebrow,
.pd-category-section__eyebrow {
  color: var(--fv-accent) !important;
}

.pd-article-feed h2,
.pd-category-section h2 {
  color: var(--fv-ink) !important;
  font-family: "Manrope", sans-serif !important;
}

.pd-article-feed__all,
.pd-category-section__all,
.pd-article-card__readmore,
.pd-category-card__readmore {
  color: var(--fv-accent-dark) !important;
}

.pd-article-feed__all,
.pd-category-section__all {
  border-bottom-color: var(--fv-accent) !important;
}

.pd-article-card,
.pd-category-card {
  border: 1px solid var(--fv-line) !important;
  border-radius: 26px;
  background: var(--fv-white) !important;
  box-shadow: 0 10px 28px rgba(47, 61, 52, 0.08) !important;
  overflow: hidden;
}

.pd-article-card:hover,
.pd-category-card:hover {
  box-shadow: 0 18px 38px rgba(47, 61, 52, 0.14) !important;
  transform: translateY(-4px);
}

.pd-article-card img,
.pd-category-card img {
  border-radius: 26px 26px 0 0;
  object-fit: cover;
}

.pd-article-card h3,
.pd-category-card h3 {
  color: var(--fv-ink) !important;
  font-family: "Manrope", sans-serif !important;
}

.pd-article-card__meta,
.pd-category-card__meta {
  color: var(--fv-accent) !important;
}

.pd-article-card__body > p:not(.pd-article-card__meta),
.pd-category-card__excerpt,
.pd-category-section__intro {
  color: var(--fv-muted) !important;
}

/* Article pages and the archive use the same softer paper-like surface. */
.u-section-1,
.u-section-1 .u-sheet {
  background-color: transparent;
}

.u-post-details-1 {
  border: 1px solid var(--fv-line);
  border-radius: 30px;
  background: var(--fv-white) !important;
  box-shadow: 0 14px 34px rgba(47, 61, 52, 0.09);
  overflow: hidden;
}

.u-section-1 .u-image-1,
.u-post-details-1 .u-image {
  border-radius: 24px;
  object-fit: cover;
}

.u-post-content {
  color: var(--fv-ink-soft) !important;
}

.u-post-content strong,
.u-metadata a {
  color: var(--fv-accent-dark) !important;
}

.u-repeater-item.u-white,
.u-repeater-item .u-white {
  border: 1px solid var(--fv-line);
  border-radius: 26px;
  background: var(--fv-white) !important;
  box-shadow: 0 10px 28px rgba(47, 61, 52, 0.08);
  overflow: hidden;
}

.u-repeater-item .u-image {
  border-radius: 22px 22px 0 0;
  object-fit: cover;
}

#block-12,
#block-3 {
  border-radius: 28px;
}

#block-3 {
  background: var(--fv-ink) !important;
}

#block-3 .u-btn-submit {
  background: var(--fv-accent) !important;
  color: var(--fv-white) !important;
}

#block-3 input,
#block-3 textarea,
#block-3 select {
  border: 1px solid var(--fv-line) !important;
  border-radius: 14px !important;
  background: var(--fv-white) !important;
  color: var(--fv-ink) !important;
}

#footer {
  background: var(--fv-ink) !important;
}

#footer a:hover,
#footer a:focus {
  color: var(--fv-accent) !important;
}

.u-cookies-consent {
  background: var(--fv-ink) !important;
  border-top: 1px solid rgba(255, 253, 248, 0.14);
}

.u-sidenav,
.u-menu-overlay {
  background-color: var(--fv-ink) !important;
}

/* Remove remaining blue Nicepage palette states from visible controls. */
.u-button-style.u-palette-1-base,
.u-button-style.u-palette-1-base[class*="u-border-"],
.u-input.u-palette-1-base,
.u-field-input.u-palette-1-base {
  color: var(--fv-white) !important;
  background-color: var(--fv-accent) !important;
  border-color: var(--fv-accent) !important;
}

.u-button-style.u-palette-1-base:hover,
.u-button-style.u-palette-1-base.hover,
.u-button-style.u-palette-1-base:focus,
.u-button-style.u-palette-1-base:active,
.u-button-style.u-palette-1-base.active {
  color: var(--fv-white) !important;
  background-color: var(--fv-accent-dark) !important;
  border-color: var(--fv-accent-dark) !important;
}

.u-palette-2-base,
.u-body.u-palette-2-base,
section.u-palette-2-base:before,
.u-palette-2-base > .u-audio-main-layout-wrapper:before,
.u-palette-2-base > .u-container-layout:before,
.u-palette-2-base > .u-inner-container-layout:before,
.u-palette-2-base.u-sidenav:before,
.u-container-layout.u-container-layout.u-palette-2-base:before,
.u-button-style.u-palette-2-base,
.u-button-style.u-palette-2-base[class*="u-border-"],
.u-input.u-palette-2-base,
.u-field-input.u-palette-2-base {
  color: var(--fv-white) !important;
  background-color: var(--fv-ink) !important;
  border-color: var(--fv-ink) !important;
}

.u-button-style.u-palette-2-base:hover,
.u-button-style.u-palette-2-base.hover,
.u-button-style.u-palette-2-base:focus,
.u-button-style.u-palette-2-base:active,
.u-button-style.u-palette-2-base.active,
.u-hover-palette-2-base:hover,
.u-hover-palette-2-base.hover,
.u-hover-palette-2-base:focus,
a.u-button-style.u-hover-palette-2-base:hover,
a.u-button-style.u-hover-palette-2-base:focus,
.u-active-palette-2-base.u-active.u-active,
a.u-button-style.u-button-style.u-active-palette-2-base:active,
a.u-button-style.u-button-style.u-active-palette-2-base.active {
  color: var(--fv-white) !important;
  background-color: var(--fv-ink-soft) !important;
  border-color: var(--fv-ink-soft) !important;
}

.u-button-style.u-border-palette-2-base,
.u-border-palette-2-base,
.u-border-palette-2-base.u-input,
.u-border-palette-2-base.u-field-input.u-field-input {
  color: var(--fv-ink) !important;
  border-color: var(--fv-ink) !important;
  stroke: var(--fv-ink) !important;
}

.u-button-style.u-border-palette-2-base:hover,
.u-button-style.u-border-palette-2-base:focus,
.u-border-hover-palette-2-base:hover,
.u-border-hover-palette-2-base:focus,
a.u-button-style.u-border-hover-palette-2-base:hover,
a.u-button-style.u-border-hover-palette-2-base:focus,
.u-button-style.u-button-style.u-border-hover-palette-2-base:hover,
.u-button-style.u-button-style.u-border-hover-palette-2-base:focus,
.u-border-active-palette-2-base.u-active.u-active {
  color: var(--fv-ink-soft) !important;
  border-color: var(--fv-ink-soft) !important;
}

.u-text-palette-1-base,
a.u-button-style.u-text-palette-1-base {
  color: var(--fv-accent) !important;
}

.u-text-palette-2-base,
a.u-button-style.u-text-palette-2-base,
.u-text-palette-2-base .u-svg-link {
  color: var(--fv-ink) !important;
  fill: var(--fv-ink) !important;
}

.u-text-hover-palette-2-base:hover,
.u-text-hover-palette-2-base:focus,
a.u-button-style.u-text-palette-2-base:hover,
a.u-button-style.u-text-palette-2-base:focus,
a.u-button-style.u-button-style.u-text-hover-palette-2-base:hover,
a.u-button-style.u-button-style.u-text-hover-palette-2-base:focus,
.u-text-hover-palette-2-base:hover .u-svg-link,
.u-text-hover-palette-2-base:focus .u-svg-link {
  color: var(--fv-accent) !important;
  fill: var(--fv-accent) !important;
}

.u-text-hover-palette-1-base:hover,
.u-text-hover-palette-1-base:focus,
a.u-button-style.u-text-hover-palette-1-base:hover,
a.u-button-style.u-text-hover-palette-1-base:focus,
a.u-button-style.u-button-style.u-text-hover-palette-1-base:hover,
a.u-button-style.u-button-style.u-text-hover-palette-1-base:focus {
  color: var(--fv-accent) !important;
}

.u-hover-palette-3-base:hover,
.u-hover-palette-3-base.hover,
.u-hover-palette-3-base:focus,
a.u-button-style.u-hover-palette-3-base:hover,
a.u-button-style.u-hover-palette-3-base.hover,
a.u-button-style.u-hover-palette-3-base:focus,
.u-active-palette-3-base.u-active.u-active,
a.u-button-style.u-button-style.u-active-palette-3-base:active,
a.u-button-style.u-button-style.u-active-palette-3-base.active {
  color: var(--fv-white) !important;
  background-color: var(--fv-accent-dark) !important;
  border-color: var(--fv-accent-dark) !important;
}

#header .u-text-2 > a.u-button-style.u-text-palette-2-base,
#header .u-text-2 a.u-text-palette-2-base {
  color: var(--fv-ink) !important;
  background-color: transparent !important;
}

#header a.u-nav-link.u-palette-2-base,
#header a.u-nav-link.u-palette-2-base:visited {
  color: var(--fv-white) !important;
  background-color: var(--fv-ink) !important;
}

#header a.u-nav-link.u-palette-2-base:hover,
#header a.u-nav-link.u-palette-2-base:focus {
  color: var(--fv-white) !important;
  background-color: var(--fv-ink-soft) !important;
}

.u-cookies-consent,
.u-cookies-consent.u-palette-1-dark-3,
.u-cookies-consent:before,
.u-cookies-consent > .u-container-layout:before,
.u-cookies-consent > .u-inner-container-layout:before {
  color: var(--fv-white) !important;
  background-color: var(--fv-ink) !important;
  background-image: none !important;
}

.u-cookies-consent .u-btn,
.u-cookies-consent .u-button-style,
.u-cookies-consent .u-button-confirm {
  color: var(--fv-white) !important;
  background-color: var(--fv-accent) !important;
  border-color: var(--fv-accent) !important;
  border-radius: 999px !important;
}

.u-cookies-consent .u-btn:hover,
.u-cookies-consent .u-button-style:hover,
.u-cookies-consent .u-btn:focus,
.u-cookies-consent .u-button-style:focus {
  color: var(--fv-white) !important;
  background-color: var(--fv-accent-dark) !important;
  border-color: var(--fv-accent-dark) !important;
}

.u-cookies-consent .u-button-decline {
  color: var(--fv-ink) !important;
  background-color: var(--fv-sage-pale) !important;
  border-color: var(--fv-sage-pale) !important;
}

#gdpr-1 .u-btn-1 {
  color: var(--fv-white) !important;
  background-color: var(--fv-accent) !important;
  border-color: var(--fv-accent) !important;
}

#gdpr-1 .u-btn-2 {
  color: var(--fv-ink) !important;
  background-color: var(--fv-sage-pale) !important;
  border-color: var(--fv-sage-pale) !important;
}

.u-cookies-consent input[type="checkbox"],
.u-cookies-consent input[type="radio"] {
  accent-color: var(--fv-accent) !important;
}

@media (max-width: 767px) {
  #block-13 .u-group-1,
  .u-post-details-1 {
    border-radius: 22px;
  }

  .pd-article-card,
  .pd-category-card,
  .u-repeater-item.u-white {
    border-radius: 22px;
  }
}