/**
 * /usluge/: lokalna kompozicija pet grupa i CPT kartica.
 * Kartice, tipografija, ikone i hover dolaze iz types/usluga-web.css i project.css.
 * Hero i pečat dolaze iz hero-client-archives.css.
 */
/* Kao pojedinačne usluge: hero se nastavlja odmah ispod zaglavlja, bez podzaglavlja. */
body.post-type-archive-usluga .cv-header__bar{border-bottom:0}
.post-type-archive-usluga #main.cv-offset{padding-top:0}
.post-type-archive-usluga .cvc-archive-usluga{overflow-x:clip}
.post-type-archive-usluga .cvc-usluge__group{
  scroll-margin-top:calc(var(--cv-header-h,76px) + var(--cvc-space-5));
}
.post-type-archive-usluga .cvc-web > .cvc-web__technical.cvc-usluge__group--tint{
  background:var(--project-color-primary-tint);
}
.post-type-archive-usluga .cvc-usluge__group .cvc-web__section-head{
  margin-bottom:var(--cvc-space-7);
}
.post-type-archive-usluga .cvc-usluge__cards{align-items:stretch}
.post-type-archive-usluga .cvc-usluge__card{
  display:flex;
  min-height:0;
  padding:clamp(var(--cvc-space-5),2.5vw,var(--cvc-space-7));
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,0),0 15px 38px rgba(0,0,0,0);
transition:transform var(--motion-duration) var(--motion-ease),box-shadow var(--motion-duration) var(--motion-ease),border-color var(--motion-duration) var(--motion-ease);
}
.post-type-archive-usluga .cvc-usluge__card h3.cvc-type-card-title{
  margin:0;
  min-height:0;
  max-width:100%;
  font:var(--project-weight-heading) clamp(1.2rem,1.5vw,1.45rem)/1.27 var(--cvc-font-heading);
padding-top:25px;
min-height:calc(2.54em + 25px);
letter-spacing:-.02em;
  text-wrap:pretty;
}
.post-type-archive-usluga .cvc-usluge__card h3 a{
  color:var(--cvc-color-text);
  text-decoration:none;
}
.post-type-archive-usluga .cvc-usluge__card h3 a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
}
.post-type-archive-usluga .cvc-usluge__card:focus-within{
  outline:var(--project-focus-ring);
  outline-offset:3px;
}
.post-type-archive-usluga .cvc-usluge__card:is(:hover,:focus-within) h3 a{
  color:var(--project-color-link);
}
.post-type-archive-usluga .cvc-usluge__card>p.cvc-type-body{
  margin:0;
  max-width:50ch;
  color:color-mix(in srgb,var(--cvc-color-text) 84%,var(--project-base-background));
  font:var(--project-weight-regular) max(1rem,16px)/1.65 var(--cvc-font-body);
}
.post-type-archive-usluga .cvc-usluge__card-more{
  display:inline-flex;
  align-items:center;
  gap:var(--cvc-space-2);
  margin-top:auto;
  padding-top:var(--cvc-space-4);
  color:var(--project-color-link);
  font:var(--project-weight-action) var(--cvc-font-size-button)/1.4 var(--cvc-font-body);
}
.post-type-archive-usluga .cvc-usluge__card-more span{
  transition:transform var(--motion-duration) var(--motion-ease);
}
.post-type-archive-usluga .cvc-usluge__card:is(:hover,:focus-within) .cvc-usluge__card-more span{
  transform:translate(5px,-2px);
}
/* Lokalni hover sustav: kartica se blago podiže, a kružni detalj ostaje unutar overflow:hidden. */
.post-type-archive-usluga .cvc-usluge__card .cvc-web__tech-icon{
box-shadow:0 12px 30px rgba(0,0,0,.075);
}
.post-type-archive-usluga .cvc-usluge__card::before{
display:block;
border-top-color:color-mix(in srgb,var(--project-base-primary) 45%,transparent);
border-right-color:color-mix(in srgb,var(--project-base-primary) 10%,transparent);
transform-origin:center;
}
@media (hover:hover) and (pointer:fine){
.post-type-archive-usluga .cvc-usluge__card:is(:hover,:focus-within){
transform:translateY(-5px) scale(1.008);
box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.025),0 20px 45px rgba(0,0,0,.095);
border-color:color-mix(in srgb,var(--project-base-primary) 45%,var(--cvc-color-border));
}
.post-type-archive-usluga.cvc-about-motion-ready .cvc-usluge__card:is(.is-in-view,.is-past):is(:hover,:focus-within){
transform:translateY(-5px) scale(1.008);
transition-duration:var(--motion-duration);
transition-delay:0ms;
}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
.post-type-archive-usluga .cvc-usluge__card:is(:hover,:focus-within)::before{
animation:cvc-usluge-orbit 9s linear infinite;
}
}
/* Ista mobilna tipografija naslova usluge kao na naslovnici. */
@media(max-width:768px){
.post-type-archive-usluga .cvc-usluge__card h3.cvc-type-card-title{
font-size:clamp(1.36rem,5.3vw,1.78rem);
line-height:1.22;
min-height:calc(2.44em + 25px);
}
}
@media(max-width:760px){
  .post-type-archive-usluga .cvc-usluge__cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  .post-type-archive-usluga .cvc-usluge__cards{grid-template-columns:minmax(0,1fr)}
  .post-type-archive-usluga .cvc-usluge__card{min-height:0}
  .post-type-archive-usluga .cvc-usluge__card .cvc-web__tech-index{display:block}
.post-type-archive-usluga .cvc-usluge__card h3.cvc-type-card-title{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .post-type-archive-usluga .cvc-usluge__card-more span{transition:none;transform:none}
.post-type-archive-usluga .cvc-usluge__card:is(:hover,:focus-within){transform:none;box-shadow:inset 0 0 0 100vmax rgba(0,0,0,.025)}
.post-type-archive-usluga .cvc-usluge__card::before{animation:none!important}
}

/* Postojeći scroll observer O nama, ista brzina/easing i stagger.
 * Bez JavaScripta elementi ostaju u normalnom toku i vidljivi. */
@media(prefers-reduced-motion:no-preference){
  :is(.post-type-archive-usluga,.page-id-16).cvc-about-motion-ready [data-cvc-about-reveal]{
    opacity:.67;
    transform:translate3d(0,30px,0);
    transition:opacity 880ms cubic-bezier(.22,1,.36,1),transform 880ms cubic-bezier(.22,1,.36,1);
    transition-delay:calc(160ms + var(--cvc-about-stagger,0ms));
  }
  :is(.post-type-archive-usluga,.page-id-16).cvc-about-motion-ready [data-cvc-about-reveal].is-in-view{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  :is(.post-type-archive-usluga,.page-id-16).cvc-about-motion-ready [data-cvc-about-reveal].is-past{
    opacity:.93;
    transform:translate3d(0,-9px,0);
    transition-delay:0ms;
  }
}
