/*
|--------------------------------------------------------------------------
| MAKKY B2B
| Icon
|--------------------------------------------------------------------------
*/

/* ==========================================================================
   DEFAULT SVG
========================================================================== */

.mb2b-header svg,
.mb2b-mobile-nav svg{

    display:block;

    width:22px;

    height:22px;

    flex-shrink:0;

    transition:
        color var(--transition-fast),
        fill var(--transition-fast),
        stroke var(--transition-fast),
        transform var(--transition-fast);

}

/* ==========================================================================
   LUCIDE
========================================================================== */

[data-lucide]{

    stroke:currentColor;

    stroke-width:2;

    fill:none;

}

/* ==========================================================================
   HEADER ICON
========================================================================== */

.mb2b-menu-toggle svg,
.mb2b-mobile-nav__close svg{

    width:24px;

    height:24px;

    color:var(--mb2b-text-light);

}

/* ==========================================================================
   BRAND ICON
========================================================================== */

.mb2b-social{

    color:var(--mb2b-text-light);

}

.mb2b-social svg{

    display:block;

    width:18px;

    height:18px;

    fill:currentColor;

}

.mb2b-social:hover{

    color:var(--mb2b-text-light);

}