/*
Theme Name: Divilogy FSE
Theme URI: https://olliewp.com
Description: A child theme for Ollie.
Author: Mike McAlister
Author URI: https://olliewp.com
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/


/* === EFFET SUR BOUTON === */
.divilogy_btn_gradient a {
    box-shadow: 0 8px 20px rgba(37, 173, 157, 0.25);
    transition: all 0.25s ease;
}

.divilogy_btn_gradient a:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(37, 173, 157, 0.35);
    filter: brightness(1.05);
    text-decoration: none;
}

/* === TEXTE AVEC DÉGRADÉ ULTRA PREMIUM === */
.text-gradient {
    background: linear-gradient(120deg, #25AD9D 0%, #3AD1A9 40%, #33DDB6 70%, #25AD9D 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;

    /* Améliore la netteté du rendu sur écrans Retina */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;

    /* Optionnel : pour un effet légèrement “métallique” */
    background-size: 200% 200%;
    background-position: 0% 50%;
    transition: background-position 0.6s cubic-bezier(.19, 1, .22, 1);
}

.text-gradient:hover {
    /* Subtil glissement de lumière au survol */
    background-position: 100% 50%;
}

/* === Tagline Premium Divilogy === */
.tagline-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tagline {
    background: linear-gradient(45deg, rgb(37, 173, 157) 0%, rgb(58, 209, 169) 100%);
    color: #fff;
    font-size: clamp(0.9rem, 1vw, 1rem);
    font-weight: 500;
    border-radius: 50px;
    /* effet capsule arrondi */
    padding: 0.45rem 1.2rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    /* espace entre l’emoji et le texte */
    box-shadow: 0 4px 14px rgba(37, 173, 157, 0.25);
    line-height: 1.4;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover / focus subtil : effet de “respiration” */
.tagline:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 173, 157, 0.35);
}

/* Si tu veux centrer le texte même sans wrapper flex */
.tagline.center {
    margin: 0 auto;
    text-align: center;
}

@keyframes moveGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.tagline.animate {
    background-size: 200% 200%;
    animation: moveGradient 8s ease-in-out infinite;
}

/* ===== Effet sur les cards (classe à rajouter sur le groupe) =====*/

.divilogy_card_benefits {
    transition: all 0.3s ease;
}

.divilogy_card_benefits:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(37, 173, 157, 0.08);
}

/*===== Gestion du style de la section FAQ =====*/
@media (min-width: 1024px) {
    .faq-layout {
        display: flex;
        align-items: flex-start;
        gap: clamp(2rem, 3vw, 3.5rem);
    }

    .faq-left {
        flex: 2 1 0%;
        min-width: 0;
    }

    .faq-right {
        flex: 1 1 0%;
        position: sticky;
        top: 100px;
        align-self: flex-start;

        /* force un centrage horizontal du contenu interne */
        display: flex;
        justify-content: center;
        padding-right: 3rem;

    }
}

.faq-cta {
    background: linear-gradient(330deg, #0F2027 0%, #203A43 50%, #2C5364 100%);
    color: #fff;
    border-radius: 28px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    padding: clamp(2rem, 3vw, 3rem);
    width: 90%;
    max-width: 420px;
    margin: 0 auto;
}

/*===== Gestion de la bannière d'en-tête des pages d'accueil et service Sites internet =====*/
@media (max-width: 768px) {
    .divilogy_hero_column>* {
        max-width: 90vw !important;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

.divilogy_logo_client_hero img {
    opacity: 0.78;
    filter: grayscale(1);
    /* harmonise si images couleur */
    transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}

.divilogy_logo_client_hero img:hover {
    opacity: 1;
    filter: grayscale(0);
    transform: translateY(-1px);
}

/*===== Centrage des différents textes et élément HTML sur mobile =====*/
@media (max-width: 768px) {
    .text_center_mobile {
        text-align: center;
    }

    .element_center_mobile {
        justify-content: center !important;
    }
}

/* Retire le soulignement sur les balises <a> */
#divilogy_footer a {
    text-decoration-line: none;
}