/* SVG Icon Base Styles */
svg {
    display: inline-block;
    vertical-align: middle;
    /* Font Awesome default size is ~1.333em */
    font-size: 1.333em;
}

/* SVG Icon Animations */
@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.fa-spin {
    animation: fa-spin 2s infinite linear;
    display: inline-block;
}

/* Mobile Menu Toggle - Increased size for better visibility */
a.show-xl svg {
    font-size: 2.5rem;
    display: inline-block;
    width: 2.5rem;
    height: 2.5rem;
}

/* Dropdown arrows in nav */
nav a svg,
.navbar a svg {
    font-size: 1em;
    margin-left: 0.25em;
}

/* Play button on video thumbnails */
.thumbnail svg {
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    width: 4rem;
    height: 4rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 1rem;
    box-sizing: content-box;
}

.thumbnail svg:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* Angle-right arrows in buttons - match text size */
.button svg,
button svg,
a.button svg {
    font-size: 0.9em;
    width: 0.9em;
    height: 0.9em;
    margin-left: 0.5em;
    vertical-align: middle;
}

/* Accordion Icons */
.accordion-title svg {
    margin-left: auto;
    font-size: 1.25em;
}

/* FAQ specific accordion icons - smaller size for better proportion */
.faq .accordion-title svg,
.faq .question svg {
    font-size: 1em;
    margin-left: auto;
}

/* Customer results accordion - keep original size */
.customer-results .accordion-title svg {
    font-size: 1.25em;
}

/* Utility Classes */
.ml-auto {
    margin-left: auto !important;
}