.elementor-kit-7{--e-global-color-primary:#146CFF;--e-global-color-secondary:#071426;--e-global-color-text:#162234;--e-global-color-accent:#146CFF;--e-global-color-ppfooter:#06101F;--e-global-color-ppwhite:#FFFFFF;--e-global-color-ppmuted:#5F6B7A;--e-global-color-ppline:#E4EBF5;--e-global-color-ppgreendark:#0B4FC4;--e-global-color-331df3c:#F5F8FC;--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:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;color:#172033;font-family:"Inter", sans-serif;font-size:17px;font-weight:400;line-height:1.7em;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Inter", sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:16px 30px 16px 30px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-ppgreendark );color:#FFFFFF;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );}.elementor-kit-7 a:hover{color:var( --e-global-color-ppgreendark );}.elementor-kit-7 h1{color:var( --e-global-color-secondary );font-family:"Manrope", sans-serif;font-size:48px;font-weight:800;line-height:1.14em;letter-spacing:-0.6px;}.elementor-kit-7 h2{color:var( --e-global-color-secondary );font-family:"Manrope", sans-serif;font-size:38px;font-weight:800;line-height:1.2em;letter-spacing:-0.4px;}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Manrope", sans-serif;font-size:22px;font-weight:700;line-height:1.35em;}.elementor-kit-7 h4{color:var( --e-global-color-text );font-family:"Manrope", sans-serif;font-size:19px;font-weight:700;line-height:1.4em;}.elementor-kit-7 h5{color:#0B1739;font-family:"Manrope", sans-serif;font-size:17px;font-weight:700;}.elementor-kit-7 h6{color:#0B1739;font-family:"Manrope", sans-serif;font-size:15px;font-weight:700;}.elementor-kit-7 label{color:#0B1739;}.elementor-kit-7 input:not([type="button"]):not([type="submit"]),.elementor-kit-7 textarea,.elementor-kit-7 .elementor-field-textual{font-family:"Inter", sans-serif;font-size:15px;color:#172033;background-color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */html{scroll-behavior:smooth}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}
:target,.pp-anchor{scroll-margin-top:146px}
@media(max-width:1024px){:target,.pp-anchor{scroll-margin-top:122px}}
@media(max-width:767px){:target,.pp-anchor{scroll-margin-top:112px}}
.elementor-section, .e-con{max-width:100vw}
/* ---- header ---- */
.pp-header{transition:box-shadow .25s ease, background .25s ease}
.pp-header.elementor-sticky--effects{box-shadow:0 6px 24px rgba(11,23,57,.10)}
.pp-nav .elementor-nav-menu>li>a{font-family:'Inter',sans-serif;font-weight:600;font-size:15px;letter-spacing:.1px}
.pp-nav .elementor-nav-menu--dropdown a{font-family:'Inter',sans-serif;font-weight:600}
.pp-nav .elementor-menu-toggle{border-radius:10px;padding:8px}
/* ---- cards ---- */
.pp-card{transition:transform .22s ease, box-shadow .22s ease}
.pp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(11,23,57,.10)!important}
.pp-step-num{font-family:'Manrope',sans-serif;font-weight:800;font-size:15px;letter-spacing:.5px}
/* ---- buttons ---- */
.elementor-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}
.elementor-button:hover{transform:translateY(-2px)}
.pp-btn-ghost .elementor-button{border:1.5px solid rgba(255,255,255,.55)}
.pp-btn-ghost .elementor-button:hover{background:#fff!important;color:#0B1739!important;border-color:#fff}
.pp-btn-outline .elementor-button{border:1.5px solid #0B1739}
.pp-btn-outline .elementor-button:hover{background:#0B1739!important;color:#fff!important}
/* ---- icon lists ---- */
.pp-check .elementor-icon-list-item{align-items:flex-start}
.pp-check .elementor-icon-list-icon{margin-top:3px}
/* ---- forms ---- */
.pp-form .elementor-field-group{margin-bottom:6px}
.pp-form .elementor-field-group>label{font-family:'Inter',sans-serif;font-weight:600;font-size:14px;margin-bottom:7px;display:block}
.pp-form .elementor-field-textual{min-height:52px;border-radius:10px!important;font-size:15px;padding:12px 15px!important;border:1px solid rgba(255,255,255,.22)}
.pp-form textarea.elementor-field-textual{min-height:120px}
.pp-form .elementor-field-textual:focus{outline:none;border-color:#159447;box-shadow:0 0 0 3px rgba(21,148,71,.25)}
.pp-form .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.55}
.pp-form .elementor-field-type-acceptance input[type=checkbox]{width:19px;height:19px;min-width:19px;margin-top:2px;accent-color:#159447}
.pp-form .elementor-field-type-acceptance a{text-decoration:underline}
.pp-form .elementor-field-type-radio .elementor-field-subgroup{display:flex;gap:18px;flex-wrap:wrap}
.pp-form .elementor-field-subgroup label{font-size:15px;display:flex;align-items:center;gap:7px}
.pp-form .elementor-field-subgroup input[type=radio]{accent-color:#159447;width:18px;height:18px}
.pp-form .elementor-button{width:100%;font-size:17px;min-height:58px}
.pp-form .elementor-message{font-size:15px;line-height:1.6;border-radius:10px;padding:14px 16px;margin-top:10px}
.pp-form .elementor-message-success{background:rgba(21,148,71,.14);color:#c8f2da}
.pp-form-light .elementor-field-textual{border:1px solid #E3E8F0;background:#fff}
.pp-form-light .elementor-field-group>label{color:#0B1739}
.pp-form-light .elementor-field-subgroup label{color:#172033}
/* ---- FAQ ---- */
.pp-faq details{background:#fff;border:1px solid #E3E8F0;border-radius:14px;margin-bottom:12px;overflow:hidden}
.pp-faq summary{cursor:pointer;list-style:none;padding:20px 56px 20px 22px;font-family:'Manrope',sans-serif;font-weight:700;font-size:17px;color:#0B1739;position:relative}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq summary:after{content:"";position:absolute;right:22px;top:50%;width:11px;height:11px;border-right:2.5px solid #159447;border-bottom:2.5px solid #159447;transform:translateY(-70%) rotate(45deg);transition:transform .2s ease}
.pp-faq details[open] summary:after{transform:translateY(-30%) rotate(225deg)}
.pp-faq .pp-faq-a{padding:0 22px 22px;color:#5A6780;font-size:16px;line-height:1.7}
.pp-faq details[open]{box-shadow:0 8px 26px rgba(11,23,57,.07)}
/* accordion widget fallback styling */
.pp-faq .elementor-accordion .elementor-accordion-item{border:1px solid #E3E8F0!important;border-radius:14px;margin-bottom:12px;overflow:hidden;background:#fff}
/* ---- misc ---- */
.pp-badge{display:inline-block}
.pp-vs-bad{border:1px solid #F2D4D4!important}
.pp-vs-good{border:1px solid #BFE6CF!important}
.pp-footer a{transition:color .2s ease}
.pp-footer a:hover{color:#159447!important}
@media(max-width:1024px){:target{scroll-margin-top:80px}}
@media(max-width:767px){
  :target,.pp-anchor{scroll-margin-top:76px}
  .elementor-button{width:100%!important}
  .pp-nav .elementor-nav-menu--dropdown{border-radius:0 0 14px 14px}
  .pp-faq summary{font-size:16px;padding:17px 48px 17px 18px}
}

/* nested accordion FAQ */
.pp-faq .e-n-accordion{display:flex;flex-direction:column;gap:12px}
.pp-faq .e-n-accordion-item{background:#fff;border:1px solid #E3E8F0;border-radius:14px;overflow:hidden;transition:box-shadow .2s ease}
.pp-faq .e-n-accordion-item[open]{box-shadow:0 10px 30px rgba(11,23,57,.08);border-color:#CFE7DA}
.pp-faq .e-n-accordion-item-title{padding:19px 22px;cursor:pointer;gap:14px}
.pp-faq .e-n-accordion-item-title-text,.pp-faq .e-n-accordion-item-title-header{font-family:'Manrope',sans-serif!important;font-weight:700!important;font-size:17px!important;color:#0B1739!important;line-height:1.45}
.pp-faq .e-n-accordion-item-title-icon svg,.pp-faq .e-n-accordion-item-title-icon i{fill:#159447;color:#159447;width:15px;height:15px;font-size:15px}
.pp-faq .e-n-accordion-item>.e-con,.pp-faq .e-n-accordion-item>.elementor-element{padding:0 22px 20px!important}
.pp-faq .e-n-accordion-item-title:hover .e-n-accordion-item-title-text{color:#159447!important}
/* inline (auto width) buttons stay inline on mobile */
@media(max-width:767px){
  .pp-btn-inline .elementor-button{width:100%!important}
  .pp-header-cta{display:none!important}
  .pp-faq .e-n-accordion-item-title{padding:16px 18px}
  .pp-faq .e-n-accordion-item-title-text{font-size:16px!important}
  .pp-faq .e-n-accordion-item>.e-con{padding:0 18px 17px!important}
}
@media(min-width:768px){
  .pp-header-cta .elementor-button{width:auto!important}
}
/* icon-box inside cards */
.pp-card .elementor-icon-box-wrapper{text-align:left}
.pp-card .elementor-icon-box-icon{margin-bottom:0px !important}
/* prevent images from overflowing */
.elementor-widget-image img{max-width:100%;height:auto}
/* radio group spacing */
.pp-form .elementor-field-type-radio .elementor-field-subgroup{margin-top:2px}

/* --- layout polish v2 --- */
.elementor-widget.pp-narrow{max-width:880px!important;margin-left:auto!important;margin-right:auto!important;width:100%}
#licence .elementor-widget-button .elementor-button{width:100%}
#licence .elementor-widget-button{width:100%!important}
.elementor-widget-button .elementor-button{white-space:normal;text-align:center}
@media(max-width:767px){
  .elementor-widget-button:not(.pp-header-cta){width:100%!important}
  .elementor-widget-button:not(.pp-header-cta) .elementor-button{width:100%!important}
}

/* --- polish v3 --- */
.pp-faq .e-n-accordion-item-title-icon{display:none!important}
.pp-faq .e-n-accordion-item-title{padding-right:56px!important}
.pp-faq .e-n-accordion-item-title-header{margin:0}
.pp-header{backdrop-filter:saturate(1.1)}
.pp-card{align-self:stretch}
#kontakt .pp-form-light .elementor-field-textual{background:#fff}
#plugin-form .pp-form .elementor-field-type-acceptance label,#plugin-form .pp-form .elementor-field-subgroup label{color:#DCE6F3}
#kontakt .elementor-field-type-acceptance label{color:#3E5170}
.elementor-field-type-acceptance .elementor-field-option label{font-size:14.5px;line-height:1.6}

/* --- stacking / header v4 --- */
.pp-header{z-index:9999!important}
.pp-header.elementor-sticky--active,.pp-header.elementor-sticky--effects{z-index:9999!important}
.pp-nav .elementor-nav-menu--dropdown,.pp-nav .elementor-nav-menu__container{z-index:9999!important}
.elementor-widget-template:has(.pp-header){position:relative;z-index:9999}
.pp-nav .elementor-nav-menu--dropdown a{padding-left:24px!important}
.pp-nav .elementor-nav-menu--dropdown{box-shadow:0 16px 40px rgba(11,23,57,.18)}

/* fix v5 */
.pp-header.elementor-sticky--active{position:fixed}
.elementor-widget.pp-narrow{max-width:880px!important;margin-left:auto!important;margin-right:auto!important}

/* ---- mobile list alignment ---- */
.elementor-widget-icon-list .elementor-icon-list-item{align-items:flex-start!important}
.elementor-widget-icon-list .elementor-icon-list-icon{margin-top:.18em}

/* ---- polish v4 ---- */
#licence .pp-card>.elementor-widget-button{margin-top:auto}
.elementor-field-type-select select option[value=""]{color:#8A97AD}

/* ---- icon-box rhythm v5 ---- */
.elementor-widget-icon-box .elementor-icon-box-icon{margin-bottom:0px !important}
.elementor-widget-icon-box .elementor-icon-box-title{margin-top:0px !important; margin-bottom:6px !important}
.elementor-widget-icon-box .elementor-icon-box-description{margin-top:0px !important; margin-bottom:0px !important}

/* ===== IT-PODRSKA 2026 ===== */
html{scroll-behavior:smooth}
[id="usluge"],[id="o-meni"],[id="proces"],[id="reference"],[id="ai"],[id="kontakt"]{scroll-margin-top:90px}
.itp-dark,.itp-dark p,.itp-dark li,.itp-dark span{color:#D6E2F0}
.itp-dark h1,.itp-dark h2,.itp-dark h3,.itp-dark h4{color:#FFFFFF}
.itp-hero{position:relative;overflow:hidden}
.itp-hero::after{content:"";position:absolute;inset:auto auto -30% -10%;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(20,108,255,.22) 0%,rgba(20,108,255,0) 68%);pointer-events:none}
.itp-hero > .e-con-inner{position:relative;z-index:1}
.itp-chips .elementor-icon-list-item{background:#FFFFFF;border:1px solid #E4EBF5;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500}
.itp-chips-sm .elementor-icon-list-item{padding:5px 11px;font-size:12.5px;background:#F5F8FC}
.itp-chips .elementor-icon-list-icon{display:none}
.itp-badge p{display:inline-block;background:#E6EFFF;border-radius:999px;padding:4px 10px;margin:0 0 2px;letter-spacing:.08em}
.itp-hero-benefits .elementor-icon-list-item{font-size:14.5px}
.itp-quote{border-left:3px solid #146CFF;padding-left:16px}
.itp-quote-dark{border-left-color:#6FA8FF}
.itp-measure{max-width:720px}
.itp-form-placeholder{border:1px dashed #A8BFDD;border-radius:12px;padding:18px 18px 4px;background:#F5F8FC}
.itp-header .e-con{width:auto}
.itp-foot-links .elementor-icon-list-icon{display:none}
.itp-foot-links a{color:#B9C8DA}
.itp-foot-links a:hover{color:#FFFFFF}
.elementor-template-full-width .site-content > .ast-container{padding:0;max-width:100%}
@media (max-width:767px){.itp-hero::after{width:380px;height:380px}.itp-header-cta{display:none}.elementor-button{width:100%;justify-content:center}.itp-chips .elementor-icon-list-item{font-size:13px}}

/* IT-PODRSKA 2026 - dodatne globalne varijable boja */
:root{--e-global-color-itpwhite:#FFFFFF;--e-global-color-itplight:#F5F8FC;--e-global-color-itpborder:#E4EBF5;--e-global-color-itpdeep:#06101F}

/* itp-header-mobile */
@media (max-width:767px){.itp-header > .e-con-inner{gap:10px;flex-wrap:nowrap}.itp-header .elementor-widget-nav-menu{margin-left:auto}}

/* itp-resp-type */
@media (max-width:1024px){.elementor-widget-heading h1.elementor-heading-title{font-size:clamp(30px,5.6vw,44px);line-height:1.18}.elementor-widget-heading h2.elementor-heading-title{font-size:clamp(24px,4.2vw,34px);line-height:1.25}.elementor-widget-heading h3.elementor-heading-title{font-size:clamp(17px,2.4vw,20px)}}

/* itp-badge-center */
.itp-badge{text-align:center}/* End custom CSS */