/* HR Webdesign — testimonials cards ([hr_testimonials]), slider, voice player, video modal. */
.hr-tst{--hr-gap:20px;width:100%;font-family:IRANSans,IRANSansX,Vazirmatn,Tahoma,sans-serif;color:var(--hr-ink)}
.hr-tst+.hr-tst,.elementor-widget+.elementor-widget .hr-tst{margin-top:clamp(44px,5vw,64px)}

/* ---------- row head (label + arrows) */
.hr-tst-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 20px}
.hr-tst-label{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--hr-ink)}
.hr-tst-label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hr-gold);box-shadow:0 0 0 4px rgba(var(--hr-gold-rgb),.15)}
.hr-tst-n{padding:2px 10px;border-radius:999px;background:rgba(var(--hr-ink-rgb),.07);color:var(--hr-muted);font-size:12px;font-family:Doran,IRANSans,sans-serif}
.hr-tst-nav{display:flex;gap:10px}
.hr-tst-nav[hidden]{display:none}
body .hr-tst-nav button{width:46px;height:46px;padding:0;border-radius:50%;border:1px solid rgba(var(--hr-gold-rgb),.45);background:transparent;color:var(--hr-gold);font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:none;transition:background .25s,color .25s,opacity .25s,border-color .25s}
body .hr-tst-nav button:hover,body .hr-tst-nav button:focus-visible{background:var(--hr-gold);color:var(--hr-bg);border-color:var(--hr-gold)}
body .hr-tst-nav button:disabled{opacity:.3;cursor:default;background:transparent;color:var(--hr-gold);border-color:rgba(var(--hr-gold-rgb),.45)}

/* ---------- layouts */
.hr-tst-track{gap:var(--hr-gap)}
.hr-tst--slider .hr-tst-track{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:10px 2px 14px;margin:-10px -2px -14px;outline:0}
.hr-tst--slider .hr-tst-track::-webkit-scrollbar{display:none}
.hr-tst--slider .hr-tst-track>.hr-tcard{flex:0 0 calc((100% - 2 * var(--hr-gap)) / 3);scroll-snap-align:start;min-width:0}
.hr-tst--slider .hr-tst-track>.hr-tcard.hr-hidden{display:none}
.hr-tst--grid .hr-tst-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hr-tst--masonry .hr-tst-track{display:block;columns:3 300px;column-gap:var(--hr-gap)}
.hr-tst--masonry .hr-tcard{break-inside:avoid;margin:0 0 var(--hr-gap)}
.hr-tst .hr-tcard.hr-hidden{display:none}
.hr-tst .hr-tcard.hr-in{animation:hrTIn .5s cubic-bezier(.22,.61,.36,1)}
@keyframes hrTIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media (max-width:1024px){
  .hr-tst--slider .hr-tst-track>.hr-tcard{flex-basis:calc((100% - var(--hr-gap)) / 2)}
  .hr-tst--grid .hr-tst-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .hr-tst{--hr-gap:14px}
  .hr-tst--slider .hr-tst-track>.hr-tcard{flex-basis:84%}
  .hr-tst--grid .hr-tst-track{grid-template-columns:minmax(0,1fr)}
  body .hr-tst-nav button{width:40px;height:40px;font-size:16px}
}

/* ---------- card base (text + voice) */
.hr-tcard{position:relative}
.hr-tcard--text,.hr-tcard--voice{display:flex;flex-direction:column;padding:30px;border-radius:24px;border:1px solid rgba(var(--hr-ink-rgb),.09);background:var(--hr-surface);transition:border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.hr-tcard--text:hover,.hr-tcard--voice:hover{border-color:rgba(var(--hr-gold-rgb),.4)}
.hr-tcard-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hr-tcard-stars{color:var(--hr-gold);letter-spacing:3px;font-size:16px;line-height:1.6}
.hr-tcard-stars-off{color:rgba(var(--hr-ink-rgb),.18)}
.hr-tcard-pill{padding:5px 12px;border-radius:999px;background:rgba(var(--hr-gold-rgb),.12);color:var(--hr-gold);font-size:12px;font-weight:700;white-space:nowrap}
.hr-tcard-quote{flex:1;margin:16px 0 22px;font-size:15px;line-height:2.05;color:var(--hr-text)}
.hr-tcard-quote--lg{font-size:17px}
.hr-tcard-quote--sm{flex:0 0 auto;margin:18px 0 0;font-size:14px;line-height:1.95;color:var(--hr-muted)}
.hr-tcard-who{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:14px;line-height:1.6}
.hr-tcard--voice .hr-tcard-who{padding-top:20px}
.hr-tcard-who b{display:block;color:var(--hr-ink);font-weight:700}
.hr-tcard-role{display:block;color:var(--hr-muted);font-size:13px}
.hr-tcard-av{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:repeating-linear-gradient(135deg,#2a241a 0 4px,#342c1f 4px 8px)}

/* ---------- video card (button styles come from the kit: body button.hr-video) */
.hr-tcard--video .hr-video{isolation:isolate}
.hr-tcard--video .hr-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
body .hr-tcard--video button.hr-video.is-soon{cursor:default}
.hr-tcard--video .hr-video.is-soon .hr-video-play{animation:none;opacity:.6}

/* ---------- voice player */
.hr-voice{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px;border-radius:18px;background:rgba(var(--hr-ink-rgb),.035);border:1px solid rgba(var(--hr-ink-rgb),.06)}
body .hr-voice button.hr-voice-btn{flex:none;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--hr-gold);color:var(--hr-bg);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(var(--hr-gold-rgb),.4);transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .4s}
body .hr-voice button.hr-voice-btn:hover,body .hr-voice button.hr-voice-btn:focus-visible{background:var(--hr-gold);color:var(--hr-bg);transform:scale(1.06)}
body .hr-voice button.hr-voice-btn:disabled{opacity:.6;cursor:default;transform:none}
.hr-voice-btn svg{width:22px;height:22px;fill:currentColor}
.hr-voice-i-pause,.hr-tcard.is-playing .hr-voice-i-play{display:none}
.hr-tcard.is-playing .hr-voice-i-pause{display:block}
.hr-tcard.is-playing button.hr-voice-btn{box-shadow:0 0 0 8px rgba(var(--hr-gold-rgb),.12)}
.hr-voice-wave{flex:1;min-width:0;height:40px;display:flex;align-items:center;gap:2px;cursor:pointer;outline:0;border-radius:6px}
.hr-voice-wave:not([role]){cursor:default}
.hr-voice-wave:focus-visible{box-shadow:0 0 0 2px rgba(var(--hr-gold-rgb),.5)}
.hr-voice-wave i{flex:1;min-width:1px;height:var(--h);border-radius:2px;background:rgba(var(--hr-ink-rgb),.2);transition:background .2s}
.hr-voice-wave i.on{background:var(--hr-gold)}
.hr-voice-time{flex:none;min-width:38px;text-align:left;direction:ltr;font-family:Doran,IRANSans,sans-serif;font-size:13px;color:var(--hr-muted)}

/* ---------- video modal (same look as the /testimonials/ design) */
.hr-vmodal{position:fixed;inset:0;z-index:95;background:rgba(5,4,3,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:center;padding:24px;animation:hrTIn .3s ease-out}
.hr-vmodal-box{position:relative;width:min(100%,960px)}
.hr-vmodal-media{aspect-ratio:16/9;border-radius:24px;overflow:hidden;border:1px solid rgba(var(--hr-gold-rgb),.3);background:var(--hr-bg);display:grid;place-items:center}
.hr-vmodal-media iframe,.hr-vmodal-media video{width:100%;height:100%;border:0;display:block}
.hr-vmodal-bar{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hr-vmodal-bar b{font-size:15px;color:var(--hr-ink)}
.hr-vmodal-bar a{padding:12px 22px;border-radius:999px;background:var(--hr-gold);color:var(--hr-bg);font-weight:800;font-size:14px}
.hr-vmodal-bar a:hover{color:var(--hr-bg)}
body button.hr-vmodal-x{position:absolute;top:-56px;left:0;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(var(--hr-ink-rgb),.25);background:transparent;color:var(--hr-ink);font-size:18px;cursor:pointer;box-shadow:none}
body button.hr-vmodal-x:hover,body button.hr-vmodal-x:focus{background:transparent;color:var(--hr-ink);border-color:var(--hr-gold)}

@media (prefers-reduced-motion:reduce){
  .hr-tst--slider .hr-tst-track{scroll-behavior:auto}
  .hr-tst .hr-tcard.hr-in,.hr-vmodal{animation:none}
}

/* /testimonials/ page: a type section with no cards (none published, or all filtered out) disappears */
body .e-con.hr-tst-sec.hr-hidden-sec,body .e-con.hr-tst-sec:not(:has(.hr-tcard)){display:none}