/** Theme Name: gpu-child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: gpu-child Template: astra */ /* Dégradé animé violet sur le texte */ .trait-gauche-ia{ text-align: left !important; } .trait-gauche-ia p{ background: linear-gradient(90deg, #907bdf, #e0cffd, #907bdf); background-size: 300%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: gradientMove 6s ease infinite; } @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } body { background: lightblue url("img_tree.gif") no-repeat fixed center; } /* degradé texte nos services */ .has-primary-color.has-text-color.has-base-font-size { background: linear-gradient(90deg, #A068FF 0%, #DD6C6C 31%, #603F99 59%, #DD6C6C 84%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.08rem; font-weight: 500; } [data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots).trait-horizontal { max-width: 100%; margin: 0 10px !important; } .wp-block-separator.trait-horizontal { /* tes styles */ border-color: #D1D5DB; } .site-primary-footer-wrap, .site-primary-footer-wrap * { border: none !important; } /* Sticky sur tout le header */ #masthead { position: sticky; top: 0; z-index: 9999; } /* Style FAQ accordeon */ .wp-block-ub-content-toggle-accordion{ border:none; } .wp-block-ub-content-toggle-accordion-title-wrap{ border-bottom: 1px solid #fff; } .wp-block-ub-content-toggle-accordion-title-wrap{ background: none; } /* ========================================================= MENU MOBILE ASTRA (ton HTML: #ast-mobile-site-navigation + ul#ast-hf-mobile-menu) — PREMIUM DARK (MODIFIÉ) ========================================================= */ /* 0) Quand le menu est ouvert (wrapper) */ .ast-header-break-point .main-header-bar-navigation.toggled-on, .ast-header-break-point #ast-mobile-site-navigation.toggled { background: #0b0b0d !important; /* noir profond */ padding: 10px 0 !important; border-top: 1px solid rgba(255,255,255,0.06) !important; } /* 1) Force le fond noir sur TOUS les parents internes */ .ast-header-break-point #ast-mobile-site-navigation, .ast-header-break-point #ast-mobile-site-navigation .main-navigation, .ast-header-break-point #ast-mobile-site-navigation nav, .ast-header-break-point #ast-mobile-site-navigation .ast-flex, .ast-header-break-point #ast-mobile-site-navigation .main-header-menu-container { background: #0b0b0d !important; color: #fff !important; } /* 2) UL du menu */ .ast-header-break-point ul#ast-hf-mobile-menu.main-header-menu { background: #0b0b0d !important; padding: 8px 10px !important; margin: 0 !important; display: block !important; } /* 3) Chaque item */ .ast-header-break-point ul#ast-hf-mobile-menu > li { background: transparent !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(255,255,255,0.07) !important; } /* 4) Liens principaux */ .ast-header-break-point ul#ast-hf-mobile-menu > li > a.menu-link { display: flex !important; align-items: center !important; color: #ffffff !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: 0.2px !important; padding: 14px 16px !important; padding-left: 28px !important; /* ✅ AJOUTÉ : laisse de l’air pour le point */ margin: 4px 6px !important; border-radius: 12px !important; background: transparent !important; opacity: 0.96 !important; transition: background .18s ease, transform .18s ease, opacity .18s ease !important; } /* 5) Hover / focus premium */ .ast-header-break-point ul#ast-hf-mobile-menu > li > a.menu-link:hover, .ast-header-break-point ul#ast-hf-mobile-menu > li > a.menu-link:focus { background: rgba(255,255,255,0.08) !important; opacity: 1 !important; transform: translateX(3px) !important; outline: none !important; } /* 6) Actif (page courante) */ .ast-header-break-point ul#ast-hf-mobile-menu > li.current-menu-item > a.menu-link, .ast-header-break-point ul#ast-hf-mobile-menu > li.current_page_item > a.menu-link { background: rgba(124,58,237,0.18) !important; /* violet + dark */ position: relative !important; } /* ✅ Point violet mieux espacé */ .ast-header-break-point ul#ast-hf-mobile-menu > li.current-menu-item > a.menu-link:before, .ast-header-break-point ul#ast-hf-mobile-menu > li.current_page_item > a.menu-link:before { content: "" !important; position: absolute !important; left: 14px !important; /* ✅ MODIFIÉ : point un peu plus à gauche */ top: 50% !important; width: 6px !important; height: 6px !important; border-radius: 999px !important; background: #7c3aed !important; transform: translateY(-50%) !important; } /* 7) Sous-menus (si un jour tu en ajoutes) */ .ast-header-break-point ul#ast-hf-mobile-menu .sub-menu { background: transparent !important; padding: 4px 0 8px !important; } .ast-header-break-point ul#ast-hf-mobile-menu .sub-menu a.menu-link { color: rgba(255,255,255,0.86) !important; font-size: 15px !important; font-weight: 500 !important; padding: 10px 16px 10px 28px !important; margin: 2px 6px !important; } /* 8) Bouton burger / close : rond, discret, focus propre */ .ast-header-break-point .menu-toggle { width: 40px !important; height: 40px !important; border-radius: 999px !important; background: rgba(255,255,255,0.09) !important; border: none !important; box-shadow: none !important; } .ast-header-break-point .menu-toggle svg, .ast-header-break-point .menu-toggle span { color: #fff !important; fill: #fff !important; } .ast-header-break-point .menu-toggle:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(124,58,237,0.55) !important; } /* 9) Micro animation d’ouverture */ .ast-header-break-point .main-header-bar-navigation.toggled-on ul#ast-hf-mobile-menu { animation: oiFadeUp .18s ease both; } @keyframes oiFadeUp { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } @media (max-width: 1024px){ #tarteaucitronIcon, .tarteaucitronIconBottomLeft{ display: none !important; opacity: 0 !important; visibility: hidden !important; } } /* ===== BURGER MENU PREMIUM (Astra) ===== */ .ast-header-break-point .menu-toggle, .ast-header-break-point .ast-mobile-menu-buttons .menu-toggle { width: 46px !important; height: 46px !important; border-radius: 999px !important; /* rond */ background: rgba(255,255,255,0.06) !important; /* glassy */ border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 6px 16px rgba(0,0,0,0.35) !important; display: grid !important; place-items: center !important; transition: background .2s ease, transform .2s ease, box-shadow .2s ease !important; } /* Icône (SVG/traits) */ .ast-header-break-point .menu-toggle svg, .ast-header-break-point .menu-toggle .ast-mobile-svg, .ast-header-break-point .menu-toggle span { width: 22px !important; height: 22px !important; color: #ffffff !important; fill: #ffffff !important; opacity: .95 !important; } /* Pressed (quand tu cliques) */ .ast-header-break-point .menu-toggle:active { transform: translateY(0) scale(0.98) !important; } /* Focus clavier propre (remplace le violet moche) */ .ast-header-break-point .menu-toggle:focus { outline: none !important; box-shadow: 0 0 0 2px rgba(124,58,237,0.55), 0 8px 20px rgba(0,0,0,0.45) !important; } /* --------------------------------------------------- 1) WRAPPER GLOBAL --------------------------------------------------- */ .turntable-wrapper{ max-width:1081px; max-height:608px; width:100%; margin: 0 auto; } /* --------------------------------------------------- 2) CONTENEUR RATIO --------------------------------------------------- */ .turntable-ratio{ width:100%; height:0; position:relative; padding-bottom:56.2442%; overflow:hidden; border-radius:12px; } .turntable-ratio iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; } /* --------------------------------------------------- 3) BOUTON OVERLAY ✅ ÉTAT DE BASE = “CLICKÉ” PERMANENT --------------------------------------------------- */ .rotate-icon-btn{ all: unset; box-sizing: border-box; cursor: pointer; position: absolute; z-index: 9999; /* placement bas-gauche (comme avant) */ left: 12px; bottom: 5px; /* ✅ bouton 65x65 */ width: 65px; height: 65px; display:flex; align-items:center; justify-content:center; /* violet plein opaque */ background: #7B61FF; border-radius: 999px; opacity: 1; transition: 0.2s ease; } /* --------------------------------------------------- 4) ICÔNE À L’INTÉRIEUR --------------------------------------------------- */ .rotate-icon-img{ /* ✅ icône 65x65 */ width: 65px; height: 65px; display:block; } /* --------------------------------------------------- 5) MOBILE --------------------------------------------------- */ @media (max-width:768px){ .rotate-icon-btn{ /* tu peux garder 65 si tu veux aussi sur mobile, sinon je te mets une version raisonnable */ width: 52px; height: 52px; left: 8px; bottom: 8px; box-shadow: 0 0 0 6px rgba(123,97,255,0.25), 0 0 22px rgba(123,97,255,0.98); } .rotate-icon-img{ width: 52px; height: 52px; } } .wpcf7 { display:none !important; }