/* Widget internals only. Editable controls generate higher-specificity rules. */
.yh-work-showcase{--yh-copy-width:32%;--yh-slide-title:clamp(33px,3.2vw,54px);--yh-tab-size:13px;--yh-radius:14px;--yh-panel:#17181b}
.yh-work-showcase .yh-card-media img{height:100%;width:100%;max-width:none}
.yh-work-showcase .yh-text-link span{line-height:1.6}
/* A project URL changes the semantic element from span to a, never its layout.
   Keep the designed single border; suppress inherited link text underlining. */
.yh-work-showcase .yh-text-link{
 display:inline-flex;align-items:center;justify-content:space-between;gap:28px;
 min-height:44px;padding:5px 0;border:0;border-bottom:1px solid var(--purple);
 border-radius:0;background:transparent;box-shadow:none;text-align:left;
 color:var(--paper);text-decoration:none;line-height:1.6;
}
.yh-work-showcase .yh-text-link:is(:link,:visited,:hover,:focus,:active){
 color:var(--paper);text-decoration:none;background:transparent;box-shadow:none;
}
.yh-work-showcase .yh-text-link{transition:color .25s}
.yh-work-showcase .yh-work-copy .yh-text-link:is(a):is(:hover,:focus-visible){color:var(--yh-link-hover,var(--purple))}
.yh-work-showcase a.yh-card-media,
.yh-work-showcase a.yh-card-media:is(:link,:visited,:hover,:focus,:active){
 color:var(--paper);text-decoration:none;box-shadow:none;border:0;padding:0;
}
.yh-work-showcase .yh-text-link:focus-visible,
.yh-work-showcase a.yh-card-media:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
.yh-work-showcase .yh-media-action{transition:background .2s,color .2s,border-color .2s,transform .2s}
.yh-work-showcase a.yh-card-media:is(:hover,:focus-visible) .yh-media-action{
 background:var(--purple);color:var(--ink);border-color:var(--purple);transform:translate(2px,-2px);
}
.yh-work-showcase a.yh-card-media:focus-visible img{filter:brightness(1)}
@media(prefers-reduced-motion:reduce){
 .yh-work-showcase .yh-text-link,.yh-work-showcase .yh-media-action{transition:none}
 .yh-work-showcase a.yh-card-media:is(:hover,:focus-visible) .yh-media-action{transform:none}
}
.yh-work-showcase .yh-work-card{grid-template-columns:minmax(0,var(--yh-copy-width)) minmax(0,1fr)}
.yh-work-showcase .yh-work-grid{border-radius:var(--yh-radius);background:var(--yh-panel)}
.yh-work-showcase .yh-work-copy{background:var(--yh-panel)}
@media(max-width:1024px) and (min-width:768px){.yh-work-showcase{--yh-copy-width:38%;--yh-slide-title:34px;--yh-tab-size:11px}}
@media(max-width:767px){.yh-work-showcase{--yh-slide-title:clamp(30px,7vw,40px);--yh-tab-size:12px}.yh-work-showcase .yh-work-card{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--yh-mobile-media-height,clamp(185px,58vw,350px)) auto}}
.yh-work-showcase:not([data-ready]) .yh-work-grid{gap:24px}
.yh-work-showcase:not([data-ready]) .yh-work-card{grid-area:auto}
.yh-work-showcase .yh-showcase-toolbar[hidden],.yh-work-showcase .yh-showcase-tabs[hidden]{display:none}

/* Theme button selectors (including :focus) must not repaint carousel navigation.
   Scoped to internal controls; Elementor typography selectors still take precedence. */
.yh-work-showcase button.yh-showcase-tab{
 display:flex;align-items:baseline;gap:14px;min-width:0;text-align:left;
 padding:18px 14px 8px 0;border:0;border-top:1px solid #ffffff24;border-radius:0;
 background:transparent;color:var(--muted);box-shadow:none;
 white-space:normal;font-family:inherit;font-weight:400;font-size:var(--yh-tab-size);line-height:1.45;
 text-decoration:none;text-transform:none;transition:color .25s;cursor:pointer;
}
.yh-work-showcase button.yh-showcase-tab:hover,
.yh-work-showcase button.yh-showcase-tab:focus,
.yh-work-showcase button.yh-showcase-tab:active,
.yh-work-showcase button.yh-showcase-tab[aria-selected=true]{background:transparent;color:var(--paper);border-color:#ffffff24;box-shadow:none}
.yh-work-showcase button.yh-showcase-arrow{
 display:grid;place-items:center;width:42px;height:42px;padding:0;
 border:1px solid #ffffff36;border-radius:50%;background:transparent;color:var(--paper);
 box-shadow:none;font:400 20px/1 'DM Sans',sans-serif;text-decoration:none;
 transition:background .2s,color .2s,border-color .2s;cursor:pointer;
}
.yh-work-showcase button.yh-showcase-arrow:focus{background:transparent;color:var(--paper);border-color:#ffffff36}
.yh-work-showcase button.yh-showcase-arrow:hover,
.yh-work-showcase button.yh-showcase-arrow:active{background:var(--purple);border-color:var(--purple);color:var(--ink)}
.yh-work-showcase button.yh-showcase-tab:focus:not(:focus-visible),
.yh-work-showcase button.yh-showcase-arrow:focus:not(:focus-visible){outline:none}
.yh-work-showcase button.yh-showcase-tab:focus-visible,
.yh-work-showcase button.yh-showcase-arrow:focus-visible{outline:2px solid var(--purple);outline-offset:-3px}
@media(max-width:1024px) and (min-width:768px){.yh-work-showcase button.yh-showcase-tab{gap:9px}}
@media(max-width:767px){.yh-work-showcase button.yh-showcase-tab{flex-direction:column;align-items:flex-start;gap:6px;padding-right:16px}}