/**
 * ProNail Complex Custom Stylesheet
 * Integrates Jost Google Font & Pixel-Perfect Brand Enhancements
 */

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,700&display=swap');

:root {
    --brand-teal: #519aaa;
    --brand-dark: #232323;
    --brand-gold: #ffe161;
    --brand-gold-hover: #ffd10a;
    --brand-coral: #ff6666;
    --brand-coral-hover: #ff4d4d;
    --brand-light: #fafafa;
}

body {
    font-family: 'Jost', sans-serif;
    color: #232323;
    background-color: #ffffff;
    overflow-x: hidden;
}

/* Guarantee Section Textured Background */
.guarantee-bg {
    background-image: url('../images/wtxgdbg.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Custom CTA Button Pulse */
@keyframes cta-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 225, 97, 0.7);
    }
    70% {
        box-shadow: 0 0 0 12px rgba(255, 225, 97, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 225, 97, 0);
    }
}

.btn-cta-pulse {
    animation: cta-pulse 2.5s infinite;
}

/* FAQ Accordion Styling */
.faq-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out, opacity 0.3s ease;
    opacity: 0;
}

.faq-content.open {
    max-height: 500px;
    opacity: 1;
}

.faq-icon {
    transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

/* Responsive Images */
img {
    max-width: 100%;
    height: auto;
}

/* Mobirise Icon Font Button Integration */
.mbr-iconfont-btn {
    font-family: 'Moririse2' !important;
    font-size: 28px;
    vertical-align: middle;
    display: inline-block;
    line-height: 1;
}