.wpht-hero,.wpht-hero *{box-sizing:border-box}.wpht-hero{--wpht-speed:600ms;position:relative;overflow:hidden;width:100%;min-height:500px;background:#fff;font-family:"Source Sans Pro",Arial,sans-serif}.wpht-slider-stage{position:relative;width:100%;min-height:inherit}.wpht-slide{position:absolute;inset:0;display:flex;align-items:center;gap:48px;width:100%;min-height:inherit;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--wpht-speed) ease,transform var(--wpht-speed) ease}.wpht-slide.active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:2}.wpht-effect-fade .wpht-slide{transform:none}.wpht-effect-slide .wpht-slide{transform:translateX(7%)}.wpht-effect-slide .wpht-slide.is-before{transform:translateX(-7%)}.wpht-effect-slide .wpht-slide.active{transform:translateX(0)}.wpht-content{position:relative;z-index:3;flex:0 0 43%;max-width:43%}.wpht-eyebrow{margin-bottom:18px;color:#0662a6;font-size:13px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.wpht-title{margin:0 0 20px;font-size:clamp(34px,4.1vw,62px);line-height:1.05;font-weight:800;letter-spacing:-.035em}.wpht-title span{display:block}.wpht-title-accent{margin-top:4px}.wpht-description{max-width:560px;margin-bottom:28px;font-size:16px;line-height:1.55;font-weight:500}.wpht-buttons{display:flex;flex-wrap:wrap;gap:14px}.wpht-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 24px;border-radius:999px;text-decoration:none!important;font-size:14px;line-height:1;font-weight:700;transition:.2s}.wpht-btn:hover{transform:translateY(-1px);opacity:.94}.wpht-btn-primary{color:#fff;background:#0662a6;box-shadow:0 7px 18px rgba(10,95,199,.18)}.wpht-btn-secondary{color:#0662a6;background:#fff;border:1.5px solid #0662a6}.wpht-visual{position:relative;z-index:2;flex:1 1 auto;min-width:0;height:430px}.wpht-image{position:absolute;z-index:3;left:0;top:50%;width:83%;transform:translateY(-50%)}.wpht-image img{display:block;width:100%;height:370px;object-fit:cover;border-radius:42px;box-shadow:0 18px 45px rgba(18,59,104,.16)}.wpht-shape-blue{position:absolute;z-index:1;right:-8%;top:-35px;width:44%;height:78%;border-radius:42px 0 0 42px;background:#0662a6}.wpht-shape-yellow{position:absolute;z-index:1;right:-8%;bottom:-50px;width:34%;height:47%;border-radius:42px 0 0 0;background:#ffcf54}.wpht-yellow-dot{position:absolute;z-index:4;right:7%;top:39%;width:52px;height:52px;border-radius:50%;background:#ffcf54}.wpht-dots-pattern{position:absolute;z-index:2;right:19%;bottom:15%;width:120px;height:90px;opacity:.85;background-image:radial-gradient(#ffcf54 1.5px,transparent 1.5px);background-size:10px 10px}.wpht-slider-dots{position:absolute;z-index:10;left:50%;bottom:20px;display:flex;gap:11px;transform:translateX(-50%)}.wpht-hero .wpht-slider-dots .wpht-dot{display:block!important;flex:0 0 10px!important;width:10px!important;min-width:10px!important;max-width:10px!important;height:10px!important;min-height:10px!important;max-height:10px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:50%!important;background:#d1d5db!important;box-shadow:none!important;line-height:0!important;font-size:0!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}.wpht-hero .wpht-slider-dots .wpht-dot.active{background:#0662a6!important}.wpht-arrow{position:absolute;z-index:11;top:50%;width:42px;height:42px;margin-top:-21px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#0662a6;font-size:30px;line-height:38px;text-align:center;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.12)}.wpht-prev{left:14px}.wpht-next{right:14px}@media(max-width:1024px){.wpht-slide{gap:30px}.wpht-content{flex-basis:46%;max-width:46%}.wpht-visual{height:360px}.wpht-image{width:90%}.wpht-image img{height:320px}.wpht-yellow-dot{width:40px;height:40px}}@media(max-width:767px){.wpht-slide{display:block}.wpht-content{max-width:none!important;width:100%;margin-bottom:34px}.wpht-title{font-size:38px}.wpht-visual{height:310px}.wpht-image{left:0;width:93%}.wpht-image img{height:285px;border-radius:28px}.wpht-shape-blue{right:-20px;width:40%;height:70%}.wpht-shape-yellow{right:-20px;width:34%;height:42%}.wpht-yellow-dot{right:4%;width:34px;height:34px}.wpht-arrow{width:36px;height:36px;font-size:25px;line-height:32px}.wpht-prev{left:6px}.wpht-next{right:6px}}


/* === Global typography: Clash Display titles / Archivo descriptions === */
12..96,500;12..96,600;12..96,700;12..96,800&display=swap');

/* Titles, headings, labels, buttons and links */
h1, h2, h3, h4, h5, h6,
.wpht-title, .wpht-eyebrow,
.wppt-about-kicker, .wppt-about-board-title,
.wppt-library-title, .wppt-library-card-title, .wppt-library-badge,
.wppt-res-badge,
.proj-filters button, .proj-image b,
button, a {
    font-family: "Clash Display", "Archivo", Arial, sans-serif;
}

/* Descriptions and regular content text */
p, .wpht-description,
.wppt-about-story-text, .wppt-about-board-info .role, .wppt-about-board-info .extra-text,
.wppt-library-subtitle, .wppt-library-meta,
.wppt-karike-text, .wppt-res-body p, .wppt-res-meta,
.proj-body p {
    font-family: "Archivo", Arial, Helvetica, sans-serif;
}

/* === v1.6.29: samo početna stranica / telefoni === */
.wpht-mobile-arrow{display:none!important}
@media(max-width:767px){
  body.home .wpht-hero{
    min-height:0!important;
    overflow:visible!important;
  }
  body.home .wpht-slide{
    gap:0!important;
  }
  body.home .wpht-content{
    margin-bottom:20px!important;
  }
  body.home .wpht-eyebrow{
    margin-bottom:12px!important;
    font-size:12px!important;
  }
  body.home .wpht-title{
    margin-bottom:14px!important;
    font-size:clamp(29px,9.1vw,34px)!important;
    line-height:1.04!important;
    letter-spacing:-.03em!important;
  }
  body.home .wpht-title-accent{
    margin-top:2px!important;
  }
  body.home .wpht-description{
    max-width:100%!important;
    margin-bottom:18px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  body.home .wpht-buttons{
    gap:10px!important;
  }
  body.home .wpht-btn{
    min-height:42px!important;
    padding:9px 17px!important;
    font-size:13px!important;
  }
  body.home .wpht-visual{
    height:300px!important;
    margin-top:2px!important;
  }
  body.home .wpht-image{
    left:50%!important;
    width:88%!important;
    transform:translate(-50%,-50%)!important;
  }
  body.home .wpht-image img{
    height:275px!important;
    border-radius:26px!important;
  }
  body.home .wpht-shape-blue{
    right:-8px!important;
    width:36%!important;
    height:68%!important;
  }
  body.home .wpht-shape-yellow{
    right:-8px!important;
    width:30%!important;
    height:39%!important;
  }
  body.home .wpht-yellow-dot{
    right:5%!important;
    width:32px!important;
    height:32px!important;
  }
  body.home .wpht-slider-dots{
    bottom:8px!important;
  }
  body.home .wpht-mobile-arrow{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    top:auto!important;
    bottom:122px!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    border:1px solid #dbe5f0!important;
    background:#fff!important;
    color:#0662a6!important;
    font-size:27px!important;
    line-height:1!important;
    box-shadow:0 6px 18px rgba(9,48,95,.12)!important;
  }
  body.home .wpht-mobile-arrow.wpht-prev{left:4px!important}
  body.home .wpht-mobile-arrow.wpht-next{
    right:4px!important;
    background:#0662a6!important;
    border-color:#0662a6!important;
    color:#fff!important;
  }
  body.home .wpht-arrow:not(.wpht-mobile-arrow){display:none!important}
}

/* === v1.6.30: vrati originalne dvije boje hero naslova na početnoj / telefon === */
@media(max-width:767px){
  body.home .wpht-title .wpht-title-main{
    color:#0662a6!important;
  }
  body.home .wpht-title .wpht-title-accent{
    color:#0662a6!important;
  }
}

/* === v1.6.31: Elementor editor sigurnost === */
.elementor-editor-active .wpht-mobile-arrow,
.elementor-editor-preview .wpht-mobile-arrow{
  display:none!important;
}

/* === v1.6.40: početna / mobilni hero - slika prvo, tekst ispod, puna širina === */
@media(max-width:767px){
  body.home .elementor-widget-wp_hero_theme,
  body.home .elementor-widget-wp_hero_theme > .elementor-widget-container{
    width:100%!important;
    max-width:none!important;
  }
  body.home .wpht-hero{
    width:100%!important;
    max-width:none!important;
    padding:18px 14px 26px!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.home .wpht-slider-stage{
    width:100%!important;
    min-height:0!important;
  }
  body.home .wpht-slide{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:22px!important;
    width:100%!important;
  }
  body.home .wpht-visual{
    order:1!important;
    width:100%!important;
    height:300px!important;
    margin:0!important;
  }
  body.home .wpht-image{
    left:50%!important;
    top:50%!important;
    width:calc(100% - 10px)!important;
    max-width:none!important;
    transform:translate(-50%,-50%)!important;
  }
  body.home .wpht-image img{
    width:100%!important;
    height:282px!important;
    object-fit:cover!important;
    border-radius:26px!important;
  }
  body.home .wpht-content{
    order:2!important;
    width:100%!important;
    max-width:100%!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0 4px!important;
  }
  body.home .wpht-eyebrow{
    margin:0 0 10px!important;
  }
  body.home .wpht-title{
    margin:0 0 13px!important;
    font-size:clamp(28px,8.7vw,34px)!important;
    line-height:1.04!important;
  }
  body.home .wpht-description{
    width:100%!important;
    max-width:none!important;
    margin:0 0 17px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  body.home .wpht-buttons{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:9px!important;
    width:100%!important;
  }
  body.home .wpht-btn{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:42px!important;
    padding:9px 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
    text-align:center!important;
  }
  body.home .wpht-slider-dots{
    top:276px!important;
    bottom:auto!important;
  }
  body.home .wpht-mobile-arrow{
    top:145px!important;
    bottom:auto!important;
  }
  body.home .wpht-mobile-arrow.wpht-prev{left:0!important}
  body.home .wpht-mobile-arrow.wpht-next{right:0!important}
}