/* Prvi Korak – base, design tokens sourced from NeoWeb Studio. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pk-light);color:var(--pk-dark);font-family:var(--pk-font-body);font-size:var(--pk-body-size);font-weight:var(--pk-body-weight);line-height:1.4;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img,svg{max-width:100%}
img{display:block}
h1,h2,h3,h4,h5,h6{font-family:var(--pk-font-heading);font-weight:var(--pk-heading-weight);line-height:1;letter-spacing:-.025em;margin-top:0}
h1{font-size:var(--pk-h1-size)}h2{font-size:var(--pk-h2-size)}h3{font-size:var(--pk-h3-size)}
p{margin-top:0}
:focus-visible{outline:2px solid var(--pk-accent);outline-offset:4px}
.pk-skip-link{position:fixed;z-index:1200;top:-100px;left:20px;padding:12px 20px;background:#fff;color:#101010}
.pk-skip-link:focus{top:14px}
.pk-container{width:min(calc(100% - 60px),var(--pk-container));margin-inline:auto}
.pk-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:var(--pk-button-pad-y) var(--pk-button-pad-x);border:var(--pk-border-width) solid var(--pk-accent);border-radius:var(--pk-button-radius);background:var(--pk-accent);font-family:var(--pk-font-heading);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;line-height:1;transition:background .25s,color .25s,border-color .25s,transform .25s;white-space:nowrap}
.pk-button:hover{background:var(--pk-dark);border-color:var(--pk-dark);color:#fff;transform:translateY(-2px)}
.pk-button-arrow{font-family:var(--pk-font-body);font-weight:600;font-size:16px}

/* Wayo About page: keep the first hero full-bleed beneath the transparent
   light header. Do not apply generic page spacing to its Elementor canvas. */
.pk-page-content.pk-page-content--about-hero { padding:0; min-height:0; }
.pk-page-content.pk-page-content--about-hero > .pk-page-article {
  padding:0; margin:0; width:100%; max-width:none;
}
/* Elementor containers commonly add default padding or a boxed max-width.
   Remove it only from the first container actually housing About Hero. */
.pk-page-content--about-hero > .pk-page-article > .elementor > .e-con:first-child:has(.pk-about-hero) {
  --container-max-width:100%; --content-width:100%;
  max-width:100%; width:100%; padding:0!important; margin:0!important;
}
.pk-page-content--about-hero > .pk-page-article > .elementor > .e-con:first-child:has(.pk-about-hero) > .e-con-inner {
  width:100%!important; max-width:none!important; padding:0!important; margin:0!important;
}
.pk-page-content--about-hero > .pk-page-article > .elementor > .elementor-section:first-child:has(.pk-about-hero) {
  max-width:100%; width:100%; padding:0!important; margin:0!important;
}

/* WordPress page fallbacks – independent from Elementor design. */
.pk-home-content{min-height:1px}
.pk-page-content{padding-top:calc(var(--pk-header-height) + 70px);padding-bottom:var(--pk-section-space);min-height:65vh}
.pk-header--static.pk-header--solid~.pk-main.pk-page-content{padding-top:70px}
.pk-page-heading h1{font-size:clamp(52px,7vw,120px);text-transform:uppercase;margin-bottom:35px}
.pk-single{max-width:880px}
.pk-single h1{font-size:clamp(46px,7vw,96px);line-height:1.06}
.pk-index{display:grid;gap:45px}
.pk-post-preview{padding-bottom:35px;border-bottom:var(--pk-border-width) solid var(--pk-border)}
.pk-post-preview h2{font-size:44px;margin-bottom:12px}
.pk-404{padding-block:200px;text-align:center;min-height:65vh}
.pk-404 h1{font-size:clamp(110px,20vw,260px);margin-bottom:0}
.pk-footer{background:var(--pk-deep);color:var(--pk-light);padding-top:75px}
.pk-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:75px}
.pk-footer-brand{font-family:var(--pk-font-heading);font-size:48px;font-weight:700;line-height:1;text-transform:uppercase}
.pk-footer p{margin:15px 0;color:#ffffffa8}
.pk-footer .pk-menu{display:flex;flex-flow:column;align-items:flex-start;gap:0}
.pk-footer .pk-menu>li>a{padding:7px 0}
.pk-footer-contact{display:flex;align-items:flex-start;flex-flow:column;gap:8px;font-size:14px}
.pk-footer-contact p{margin:0 0 9px}
.pk-footer-bottom{padding-block:22px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#ffffff9a}
.elementor-widget-heading .elementor-heading-title{font-family:var(--pk-font-heading)}
.elementor-widget-text-editor{font-family:var(--pk-font-body)}
@media(max-width:767px){
  .pk-container{width:calc(100% - 34px)}
  .pk-footer-grid{grid-template-columns:1fr;gap:30px;padding-bottom:45px}
  .pk-footer{padding-top:50px}
}
@media(max-width:479px){.pk-footer-bottom{flex-flow:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}