.elementor-kit-6{--e-global-color-primary:#111C52;--e-global-color-secondary:#54D6B5;--e-global-color-text:#46506E;--e-global-color-accent:#18276D;--e-global-color-fdnavy3:#0B133D;--e-global-color-fdmint:#C9F3E8;--e-global-color-fdmintsoft:#EFFBF8;--e-global-color-fdsky:#EAF3FF;--e-global-color-fdink:#162044;--e-global-color-fdmuted:#77809A;--e-global-color-fdline:#DFE5EE;--e-global-color-fdwhite:#FFFFFF;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1180px;}.e-con{--container-max-width:1180px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1020px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:720px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Flerp Dent: obrazec, zahvala, pravne strani – prednost pred ničelnimi razmiki ovojnic (compat.css) */
.fd-scope .e-con.fd-contact, .e-con.fd-contact.fd-scope { padding: 112px 0 !important; }
.fd-scope .e-con.fd-contact-grid { display: grid !important; gap: 64px !important; }
.fd-scope .e-con.fd-form-card { padding: 40px !important; }
.fd-scope .e-con.fd-plain { padding: 96px 0 112px !important; }
.fd-scope .e-con.fd-plain.fd-plain-short { padding: 72px 0 40px !important; }
.elementor-widget-fd_domov_17 + .elementor-widget-template .e-con.fd-contact { padding-top: 0 !important; }
.elementor-widget-fd_domov_17 + .elementor-widget-template .fd-contact::before { display: none; }
@media (max-width: 1020px) { .fd-scope .e-con.fd-contact, .e-con.fd-contact.fd-scope { padding: 84px 0 !important; } .fd-scope .e-con.fd-contact-grid { gap: 40px !important; } .elementor-widget-fd_domov_17 + .elementor-widget-template .e-con.fd-contact { padding-top: 0 !important; } }
@media (max-width: 720px) { .fd-scope .e-con.fd-form-card { padding: 26px 20px !important; } .fd-scope .e-con.fd-plain { padding: 64px 0 80px !important; } .fd-scope .e-con.fd-plain.fd-plain-short { padding: 48px 0 24px !important; } }
.fd-form-card .elementor-form-fields-wrapper { margin: 0 -9px; }
.fd-form-card .elementor-field-group { padding: 0 9px; }

/* CRPP mini tok: pike so bile zaradi .crpp-visual span (padding) ovalne – zdaj okrogle 9 px, kot je bilo mišljeno */
.crpp-visual .crpp-mini-flow > span { flex: 0 0 9px; width: 9px; height: 9px; padding: 0; border-radius: 50%; }
.crpp-visual .crpp-mini-flow > .crpp-data-dot { top: 50%; margin-top: -4.5px; }

/* Sodoben mobilni meni (off-canvas) v CGP Flerp Dent */
@media (max-width: 1020px) {
  .site-header .menu-button { position: relative; z-index: 3; transition: background .2s ease, border-color .2s ease; }
  .site-header .menu-button span { transition: transform .35s cubic-bezier(.2,.8,.2,1), opacity .2s ease; transform-origin: center; }
  body.menu-open .site-header .menu-button { background: var(--navy); border-color: var(--navy); }
  body.menu-open .site-header .menu-button span { background: var(--white); }
  body.menu-open .site-header .menu-button span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  body.menu-open .site-header .menu-button span:nth-child(2) { opacity: 0; transform: scaleX(.2); }
  body.menu-open .site-header .menu-button span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
  .site-header .main-nav { z-index: 2; inset: 82px 0 auto auto; width: min(440px, 100%); height: calc(100vh - 82px); height: calc(100dvh - 82px); overflow-y: auto; padding: 26px 26px 32px; gap: 0; background: radial-gradient(120% 60% at 100% 100%, rgba(84,214,181,.22), transparent 60%), linear-gradient(180deg, #fff 0, #f6fbfd 100%); border: 0; border-left: 1px solid var(--line); box-shadow: none; opacity: 1; transform: translateX(104%); transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease; counter-reset: fdnav; }
  .site-header .main-nav.open { transform: none; box-shadow: -30px 0 60px rgba(17,28,82,.16); }
  html:not(#fd) .site-header .main-nav > a:not(.button) { counter-increment: fdnav; display: flex; align-items: center; gap: 16px; padding: 17px 4px; border-bottom: 1px solid var(--line); color: var(--ink); font-family: "Manrope", sans-serif; font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: -.025em; opacity: 0; transform: translateX(28px); transition: opacity .35s ease, transform .5s cubic-bezier(.2,.8,.2,1), color .2s ease; }
  html:not(#fd) .site-header .main-nav > a:not(.button)::before { content: counter(fdnav, decimal-leading-zero); min-width: 24px; color: var(--mint-strong); font: 800 12px/1 "DM Sans", sans-serif; letter-spacing: .12em; }
  html:not(#fd) .site-header .main-nav > a:not(.button)::after { content: "→"; position: static; height: auto; margin-left: auto; background: none; color: var(--navy-2); font-size: 18px; opacity: .3; transition: transform .25s ease, opacity .25s ease; }
  html:not(#fd) .site-header .main-nav > a:not(.button):hover, html:not(#fd) .site-header .main-nav > a:not(.button):focus-visible { color: var(--navy-2); }
  html:not(#fd) .site-header .main-nav > a:not(.button):hover::after { transform: translateX(5px); opacity: 1; }
  html:not(#fd) .site-header .main-nav .button { margin-top: 28px; width: 100%; min-height: 58px; font-size: 16px; opacity: 0; transform: translateY(14px); transition: opacity .35s ease .42s, transform .5s cubic-bezier(.2,.8,.2,1) .42s, background .2s ease; }
  html:not(#fd) .site-header .main-nav.open > a { opacity: 1; transform: none; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(1) { transition-delay: .08s; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(2) { transition-delay: .13s; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(3) { transition-delay: .18s; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(4) { transition-delay: .23s; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(5) { transition-delay: .28s; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(6) { transition-delay: .33s; }
  html:not(#fd) .site-header .main-nav.open > a:nth-child(7) { transition-delay: .38s; }
  .site-header .main-nav::after { content: "069 758 247  ·  info@wepik.io"; display: block; margin-top: 22px; color: var(--muted); font-size: 13px; text-align: center; letter-spacing: .02em; }
}
@media (max-width: 720px) {
  .site-header .main-nav { inset: 70px 0 auto auto; width: 100%; height: calc(100vh - 70px); height: calc(100dvh - 70px); padding: 18px 20px 28px; }
  html:not(#fd) .site-header .main-nav > a:not(.button) { font-size: 20px; padding: 15px 2px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-header .main-nav, html:not(#fd) .site-header .main-nav > a, html:not(#fd) .site-header .main-nav .button { transition: none !important; }
}
body.menu-open .mobile-demo { opacity: 0; pointer-events: none; transition: opacity .2s ease; }
@media (max-width: 1020px) {
  body.menu-open::after { content: ""; position: fixed; inset: 0; z-index: 90; background: rgba(11,19,61,.38); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
  html, body { overflow-x: clip; }
  .site-header { overflow-x: clip; }
  .site-header .main-nav { visibility: hidden; transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease, visibility 0s linear .5s; }
  .site-header .main-nav.open { visibility: visible; transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease, visibility 0s; }
}

/* Dodatni moduli: zaključek kartice (»Cena po povpraševanju«) – v prototipu bel tekst na beli kartici */
.add-on-card .add-on-inquiry { margin-top: auto; display: flex; flex-direction: column; gap: 4px; padding-top: 22px; border-top: 1px solid rgba(17,28,82,.1); }
.add-on-card .add-on-inquiry > strong { display: inline-flex; align-items: center; gap: 10px; color: var(--navy); font-family: "Manrope", sans-serif; font-size: 19px; font-weight: 800; letter-spacing: -.025em; }
.add-on-card .add-on-inquiry > strong::before { content: ""; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--mint-strong); box-shadow: 0 0 0 4px rgba(84,214,181,.22); }
.add-on-card .add-on-inquiry > span:not(.home-module-link) { color: var(--text); font-size: 13.5px; line-height: 1.55; }
.add-on-card .add-on-inquiry .home-module-link { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-top: 14px; padding: 11px 16px; border-radius: 12px; background: var(--navy); color: var(--white); font-size: 14px; font-weight: 700; line-height: 1.2; transition: background .2s ease, transform .2s ease; }
html:not(#fd) .add-on-card { transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
html:not(#fd) .add-on-card:hover { transform: translateY(-6px); box-shadow: 0 40px 80px rgba(0,0,0,.26); }
html:not(#fd) .add-on-card.featured:hover { transform: translateY(-18px); }
.add-on-card:hover .add-on-inquiry .home-module-link { background: var(--navy-2); transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { html:not(#fd) .add-on-card, html:not(#fd) .add-on-card:hover { transition: none; transform: none; } }

/* Drobni UI popravki */
::selection { background: var(--mint); color: var(--navy); }
html:not(#fd) a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid var(--mint-strong); outline-offset: 3px; border-radius: 10px; }
.accordion summary { cursor: pointer; }
img { -webkit-user-drag: none; }

/* Novice – posamezen članek */
.fd-post { background: linear-gradient(180deg, #f4f7fb 0, #fff 520px); }
.fd-post .fd-post-hero, .fd-post .fd-post-body, .fd-post .fd-post-end { width: min(100% - 40px, 780px); margin-inline: auto; }
.fd-post .fd-post-cover { width: min(100% - 40px, 1040px); margin-inline: auto; }
.fd-scope .e-con.fd-post-hero { padding: 72px 0 34px !important; }
.fd-post-crumb p { margin: 0 0 18px; color: var(--muted); font-size: 14px; }
html:not(#fd) .fd-post-crumb a { color: var(--navy-2); font-weight: 600; }
html:not(#fd) .fd-post-crumb a:hover { color: var(--navy); text-decoration: underline; text-decoration-color: var(--mint-strong); text-underline-offset: 4px; }
.fd-post-title .elementor-heading-title { margin: 0; color: var(--navy); font-family: "Manrope", sans-serif; font-size: clamp(32px, 4.6vw, 52px); font-weight: 800; line-height: 1.1; letter-spacing: -.04em; text-wrap: balance; }
.fd-post-meta { margin-top: 18px; }
.fd-post-meta .elementor-icon-list-items { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.fd-post-meta .elementor-icon-list-item { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; background: var(--white); color: var(--text); font-size: 13px; font-weight: 600; }
.fd-post-meta .elementor-icon-list-icon { display: none; }
.fd-post-cover img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 28px; box-shadow: 0 30px 70px rgba(17,28,82,.14); }
.fd-post-body { padding: 48px 0 8px; color: var(--text); font-size: 18px; line-height: 1.75; }
.fd-post-body h2 { margin: 52px 0 16px; color: var(--navy); font-family: "Manrope", sans-serif; font-size: clamp(24px, 2.6vw, 30px); font-weight: 800; line-height: 1.22; letter-spacing: -.03em; }
.fd-post-body h3 { margin: 36px 0 12px; color: var(--navy); font-family: "Manrope", sans-serif; font-size: 21px; font-weight: 800; }
.fd-post-body p { margin: 0 0 20px; }
.fd-post-body strong { color: var(--navy); font-weight: 700; }
html:not(#fd) .fd-post-body a:not(.fd-post-button) { color: var(--navy-2); font-weight: 600; text-decoration: underline; text-decoration-color: var(--mint-strong); text-decoration-thickness: 2px; text-underline-offset: 4px; overflow-wrap: anywhere; }
.fd-post-body ul, .fd-post-body ol { margin: 0 0 24px; padding: 0; list-style: none; display: grid; gap: 12px; }
.fd-post-body ul li { position: relative; padding-left: 34px; }
.fd-post-body ul li::before { content: "✓"; position: absolute; left: 0; top: 3px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--mint); color: #1d8f70; font-size: 12px; font-weight: 800; line-height: 1; }
.fd-post-body ol { counter-reset: fdol; }
.fd-post-body ol li { position: relative; padding: 18px 20px 18px 64px; border: 1px solid var(--line); border-radius: 18px; background: var(--white); counter-increment: fdol; }
.fd-post-body ol li::before { content: counter(fdol); position: absolute; left: 18px; top: 18px; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: var(--navy); color: var(--white); font: 800 14px/1 "Manrope", sans-serif; }
.fd-post-figure { margin: 34px 0; }
.fd-post-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 20px 50px rgba(17,28,82,.08); }
.fd-post-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 34px 0; }
.fd-post-compare .fd-post-figure { margin: 0; position: relative; }
.fd-post-compare figcaption { position: absolute; left: 14px; top: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--navy); font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.fd-post-cta { margin: 30px 0 !important; }
html:not(#fd) .fd-post-button { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 14px 24px; border-radius: 14px; background: var(--navy); color: var(--white); font-size: 16px; font-weight: 700; text-decoration: none; transition: background .2s ease, transform .2s ease; }
html:not(#fd) .fd-post-button:hover { background: var(--navy-2); transform: translateY(-2px); }
.fd-post-end { padding: 32px 0 104px; }
.fd-post-endbox { padding: clamp(28px, 5vw, 48px); border-radius: 28px; background: linear-gradient(145deg, #0b133d 0%, #111c52 58%, #123c50 100%); color: #d8ddec; }
.fd-post-endbox .fd-label { color: var(--mint-strong); }
.fd-post-endbox h2 { margin: 6px 0 12px; color: var(--white); font-family: "Manrope", sans-serif; font-size: clamp(24px, 3vw, 32px); font-weight: 800; line-height: 1.2; letter-spacing: -.03em; }
.fd-post-endbox p { margin: 0 0 22px; font-size: 16px; line-height: 1.6; }
.fd-post-endcta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin: 0 !important; }
html:not(#fd) .fd-post-endbox .fd-post-button { background: var(--mint-strong); color: var(--navy); }
html:not(#fd) .fd-post-endbox .fd-post-button:hover { background: var(--mint); }
html:not(#fd) .fd-post-back { color: var(--white); font-weight: 600; opacity: .8; }
html:not(#fd) .fd-post-back:hover { opacity: 1; }
@media (max-width: 720px) {
  .fd-scope .e-con.fd-post-hero { padding: 44px 0 24px !important; }
  .fd-post-body { padding-top: 32px; font-size: 17px; }
  .fd-post-cover img, .fd-post-figure img { border-radius: 18px; }
  .fd-post-compare { grid-template-columns: 1fr; }
  .fd-post-body ol li { padding: 16px 16px 16px 58px; }
}

/* Novice – seznam */
.fd-news { background: linear-gradient(180deg, #f4f7fb 0, #fff 480px); }
.fd-news .fd-news-hero .fd-lead p { max-width: 640px; margin: 14px 0 0; color: var(--text); font-size: 18px; line-height: 1.6; }
.fd-news .fd-posts { width: min(100% - 40px, 1180px); margin: 0 auto; padding-bottom: 112px; }
.fd-posts .elementor-posts-container { --grid-column-gap: 28px; --grid-row-gap: 28px; }
.fd-posts .elementor-post__card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: var(--white); box-shadow: 0 18px 44px rgba(17,28,82,.07); transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
.fd-posts .elementor-post__card:hover { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(17,28,82,.14); }
.fd-posts .elementor-post__thumbnail img { transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.fd-posts .elementor-post__card:hover .elementor-post__thumbnail img { transform: translate(-50%, -50%) scale(1.05); }
.fd-posts .elementor-post__text { padding: 24px 26px 0; }
.fd-posts .elementor-post__title { margin: 0 0 12px; font-family: "Manrope", sans-serif; font-size: 20px; font-weight: 800; line-height: 1.3; letter-spacing: -.025em; }
html:not(#fd) .fd-posts .elementor-post__title a { color: var(--navy); }
.fd-posts .elementor-post__excerpt p { margin: 0 0 18px; color: var(--text); font-size: 15px; line-height: 1.6; }
html:not(#fd) .fd-posts .elementor-post__read-more { color: var(--navy-2); font-size: 14px; font-weight: 700; letter-spacing: 0; text-transform: none; }
.fd-posts .elementor-post__meta-data { margin: 0; padding: 16px 26px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; font-weight: 600; }
.fd-posts .elementor-pagination { margin-top: 44px; display: flex; justify-content: center; gap: 8px; }
html:not(#fd) .fd-posts .elementor-pagination .page-numbers { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--navy); font-weight: 700; }
.fd-posts .elementor-pagination .page-numbers.current { background: var(--navy); border-color: var(--navy); color: var(--white); }
@media (prefers-reduced-motion: reduce) { .fd-posts .elementor-post__card, .fd-posts .elementor-post__thumbnail img { transition: none; } }

/* Mobilni meni čez cel zaslon tudi po scrollu: glava brez backdrop-filter (ta je bil vsebovalni blok za fixed meni) */
@media (max-width: 1020px) {
  html body .site-header { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(255,255,255,.98); overflow-x: visible; }
  .site-header .main-nav { position: fixed; top: 82px; right: 0; bottom: 0; left: auto; height: auto; max-height: none; }
  .admin-bar .site-header .main-nav { top: 114px; }
}
@media (max-width: 782px) { .admin-bar .site-header .main-nav { top: 128px; } }
@media (max-width: 720px) {
  .site-header .main-nav { top: 70px; height: auto; }
  .admin-bar .site-header .main-nav { top: 116px; }
}/* End custom CSS */