/*
Theme Name: CSG Advisory
Theme URI: https://csgadvisory.com
Author: CSG Advisory
Description: Custom WordPress theme for CSG Advisory
Version: 1.0.0
*/

/* Ensure white background */
html, body {
    background-color: white !important;
}

body {
    background-color: white !important;
}

/* Flowing gradient (purple–pink) – used on hero sections site-wide */
:root {
    --csg-logo-primary:  #f43f5e;
    --csg-logo-secondary: #a855f7;
}
@keyframes csg-gradient-flow {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}
.csg-hero-flowing-gradient {
    background: linear-gradient(to right, var(--csg-logo-primary), var(--csg-logo-secondary));
    background-size: 200% 200%;
    animation: csg-gradient-flow 5s ease infinite;
}

/* Flowing gradient for text (purple–pink moving gradient) */
.csg-text-flowing-gradient {
    background: linear-gradient(to right, var(--csg-logo-primary), var(--csg-logo-secondary));
    background-size: 200% 200%;
    animation: csg-gradient-flow 5s ease infinite;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    display: inline;
}

/* Flowing gradient background used across the site (buttons, badges, etc.) */
.csg-bg-flowing-gradient {
    background: linear-gradient(to right, var(--csg-logo-primary), var(--csg-logo-secondary));
    background-size: 200% 200%;
    animation: csg-gradient-flow 5s ease infinite;
    color: #ffffff;
}

/* Static gradient background (no animation) */
.csg-bg-static-gradient {
    background: linear-gradient(to right, var(--csg-logo-primary), var(--csg-logo-secondary));
    color: #ffffff;
}

/* Make primary buttons use the site gradient (animated flow) */
.btn-primary {
    background: linear-gradient(to right, var(--csg-logo-primary), var(--csg-logo-secondary));
    background-size: 200% 200%;
    animation: csg-gradient-flow 5s ease infinite;
    color: #ffffff;
    border: none;
    box-shadow: 0 6px 18px rgba(168,85,247,0.12);
    transition: transform .15s ease, opacity .15s ease;
}
.btn-primary:hover,
.btn-primary:focus {
    transform: translateY(-1px);
    opacity: 0.95;
}