/* ===========================================================================
   DC Elementor — gedeelde widget-stijlen (class-based, niet id-gescoped)
   Geladen op elke pagina; bevat componenten die door meerdere widgets worden
   gebruikt (o.a. de eyebrow). Voorheen per-widget inline geïnjecteerd via
   DC_Eyebrow::css($id).
   =========================================================================== */

/* ── Eyebrow — flat PVC-vloer + visgraat icoon + uppercase label ── */
.dc-hero__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:28px;
    padding:0;
    background:none;
    border:none;
    box-shadow:none;
    position:relative;
    opacity:0;
    transform:translateY(6px);
    transition:
        opacity .6s cubic-bezier(.22,1,.36,1),
        transform .6s cubic-bezier(.22,1,.36,1);
}
.dc-hero__eyebrow.in{
    opacity:1;
    transform:translateY(0);
}
.dc-hero__eyebrow-icon{
    position:relative;
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:#a0c040;
    background:none;
    border:none;
    box-shadow:none;
}
.dc-hero__eyebrow-icon svg{
    width:28px;
    height:28px;
    stroke:currentColor;
    fill:none;
    stroke-width:1.5;
    stroke-linecap:round;
    stroke-linejoin:round;
    overflow:visible;
}
.dc-hero__eyebrow-icon svg .fp-plank{
    opacity:0;
    transform:translateY(4px);
    transform-box:fill-box;
    transform-origin:center;
    transition:
        opacity .45s ease,
        transform .5s cubic-bezier(.22,1,.36,1);
}
.dc-hero__eyebrow-icon svg .fp-plank:nth-of-type(1){transition-delay:.28s;}
.dc-hero__eyebrow-icon svg .fp-plank:nth-of-type(2){transition-delay:.34s;}
.dc-hero__eyebrow-icon svg .fp-plank:nth-of-type(3){transition-delay:.40s;}
.dc-hero__eyebrow-icon svg .fp-plank:nth-of-type(4){transition-delay:.46s;}
.dc-hero__eyebrow.in .dc-hero__eyebrow-icon svg .fp-plank{
    opacity:1;
    transform:translateY(0);
}
.dc-hero__eyebrow-title{
    font-family:'DM Sans','Poppins',system-ui,sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    line-height:1;
    color:#2b2926;
    white-space:nowrap;
    display:inline-block;
    font-style:normal;
    background:none;
    -webkit-text-fill-color:currentColor;
    color:#2b2926;
    margin:0;
    padding:0;
}