/* SVG Icon Styles - Replacement for Themify Icons */

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    filter: brightness(0) invert(1);
}

.icon-arrow-right,
.icon-arrow-left {
    width: 0.875em;
    height: 0.875em;
}

.icon-angle-down {
    width: 0.75em;
    height: 0.75em;
}

.icon-line-double {
    width: 1.25em;
    height: 1.25em;
}

.icon-control-play {
    width: 1em;
    height: 1em;
}

/* Social media icons */
.icon-instagram,
.icon-twitter,
.icon-youtube,
.icon-facebook,
.icon-pinterest {
    width: 1.25em;
    height: 1.25em;
}

/* Ensure icons inherit color from parent */
a .icon,
button .icon {
    fill: currentColor;
}

/* Link button icons */
.link-btn .icon {
    margin-left: 0.5rem;
    transition: transform 0.3s ease;
}

.link-btn:hover .icon-arrow-right {
    transform: translateX(4px);
}

.link-btn:hover .icon-arrow-left {
    transform: translateX(-4px);
}