/* ========================================= ALLOVENTE - MON COMPTE WOOCOMMERCE Couleurs : Vert cyan : #60FBCF Vert clair : #60F8BF Bleu : #16557D ========================================= */ /* Conteneur général */ .woocommerce-account .woocommerce { max-width: 1200px; margin: 40px auto; padding: 0 20px; font-family: inherit; } /* ========================= NAVIGATION MON COMPTE ========================= */ .woocommerce-account .woocommerce-MyAccount-navigation { width: 28%; background: #ffffff; border-radius: 18px; padding: 18px; box-shadow: 0 10px 35px rgba(22, 85, 125, 0.12); border: 1px solid rgba(96, 251, 207, 0.25); } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; list-style: none; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 7px 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; padding: 14px 16px; color: #16557D; font-size: 15px; font-weight: 600; text-decoration: none; border-radius: 12px; transition: all 0.25s ease; } /* Hover */ .woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover { background: linear-gradient(135deg, #60FBCF, #60F8BF); color: #16557D; transform: translateX(4px); } /* Onglet actif */ .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background: linear-gradient(135deg, #16557D, #1f719f); color: #ffffff; box-shadow: 0 6px 18px rgba(22, 85, 125, 0.25); } /* ========================= CONTENU PRINCIPAL ========================= */ .woocommerce-account .woocommerce-MyAccount-content { width: 68%; background: #ffffff; padding: 30px; border-radius: 18px; box-shadow: 0 10px 35px rgba(22, 85, 125, 0.10); border: 1px solid rgba(96, 251, 207, 0.18); } .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3 { color: #16557D; font-weight: 700; } .woocommerce-account .woocommerce-MyAccount-content p { color: #555; line-height: 1.7; } /* Liens */ .woocommerce-account .woocommerce-MyAccount-content a { color: #16557D; font-weight: 600; } .woocommerce-account .woocommerce-MyAccount-content a:hover { color: #39cfa6; } /* ========================= BOUTONS ========================= */ .woocommerce-account .button, .woocommerce-account button.button, .woocommerce-account input.button { background: linear-gradient(135deg, #60FBCF, #60F8BF) !important; color: #16557D !important; border: none !important; border-radius: 10px !important; padding: 12px 20px !important; font-weight: 700 !important; transition: all 0.25s ease; box-shadow: 0 5px 15px rgba(96, 251, 207, 0.25); } .woocommerce-account .button:hover, .woocommerce-account button.button:hover, .woocommerce-account input.button:hover { background: #16557D !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(22, 85, 125, 0.25); } /* ========================= FORMULAIRES ========================= */ .woocommerce-account input[type="text"], .woocommerce-account input[type="email"], .woocommerce-account input[type="password"], .woocommerce-account input[type="tel"], .woocommerce-account select, .woocommerce-account textarea { width: 100%; min-height: 46px; padding: 11px 14px; border: 1px solid #dce6eb; border-radius: 10px; background: #fafcfd; color: #16557D; outline: none; transition: all 0.2s ease; } .woocommerce-account input:focus, .woocommerce-account select:focus, .woocommerce-account textarea:focus { border-color: #60FBCF; background: #ffffff; box-shadow: 0 0 0 3px rgba(96, 251, 207, 0.18); } /* Labels */ .woocommerce-account label { color: #16557D; font-weight: 600; margin-bottom: 6px; } /* ========================= TABLEAUX COMMANDES ========================= */ .woocommerce-account table.shop_table { border: none !important; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 14px; box-shadow: 0 6px 20px rgba(22, 85, 125, 0.08); } .woocommerce-account table.shop_table thead { background: #16557D; } .woocommerce-account table.shop_table thead th { color: #ffffff; padding: 14px; border: none; } .woocommerce-account table.shop_table td { padding: 14px; border-top: 1px solid #edf2f4; } .woocommerce-account table.shop_table tbody tr:hover { background: rgba(96, 251, 207, 0.08); } /* ========================= ADRESSES ========================= */ .woocommerce-account .woocommerce-Address { background: #f9fcfd; padding: 20px; border-radius: 14px; border: 1px solid rgba(96, 251, 207, 0.25); margin-bottom: 20px; } .woocommerce-account .woocommerce-Address-title h3 { color: #16557D; } /* ========================= MESSAGES WOOCOMMERCE ========================= */ .woocommerce-account .woocommerce-message, .woocommerce-account .woocommerce-info { border-top-color: #60FBCF; background: #f4fffb; color: #16557D; border-radius: 10px; } .woocommerce-account .woocommerce-error { border-radius: 10px; } /* ========================= LOGIN / INSCRIPTION ========================= */ .woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register { background: #ffffff; padding: 28px; border-radius: 18px; border: 1px solid rgba(96, 251, 207, 0.25); box-shadow: 0 10px 30px rgba(22, 85, 125, 0.08); } /* ========================= TITRES ========================= */ .woocommerce-account h1, .woocommerce-account h2, .woocommerce-account h3 { color: #16557D; } .woocommerce-account h2:after, .woocommerce-account h3:after { content: ""; display: block; width: 55px; height: 3px; margin-top: 8px; border-radius: 10px; background: linear-gradient(90deg, #60FBCF, #60F8BF); } /* ========================= RESPONSIVE TABLETTE / MOBILE ========================= */ @media (max-width: 768px) { .woocommerce-account .woocommerce { padding: 0 14px; margin: 20px auto; } .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 20px; padding: 12px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; gap: 8px; padding-bottom: 6px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { flex: 0 0 auto; margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { white-space: nowrap; padding: 11px 14px; font-size: 14px; } .woocommerce-account .woocommerce-MyAccount-content { padding: 20px; } } /* IDENTITÉ VISUELLE GLOBALE */ /* ========================================================== ALLOVENTE.FR STYLE GAMING / HIGH-TECH Elementor + Royal Addons + WooCommerce Bleu principal : #16557D Cyan néon : #60FBCF Vert néon : #60F8BF ========================================================== */ /* ========================================================== 1. VARIABLES GLOBALES ========================================================== */ :root { --allo-blue: #16557D; --allo-cyan: #60FBCF; --allo-green: #60F8BF; --allo-dark: #0d3148; --allo-light: #f6fbfd; --allo-white: #ffffff; } /* ========================================================== 2. PAGE D'ACCUEIL ========================================================== */ .home { background: radial-gradient( circle at 10% 10%, rgba(96, 251, 207, 0.08), transparent 30% ), radial-gradient( circle at 90% 30%, rgba(22, 85, 125, 0.06), transparent 35% ), #ffffff; } /* ========================================================== 3. TITRES ========================================================== */ .home h1, .home h2, .home h3 { color: var(--allo-blue); } .home h1 { font-weight: 800; letter-spacing: -1px; } .home h2 { font-weight: 800; position: relative; } /* Petit trait néon sous les H2 */ .home h2::after { content: ""; display: block; width: 65px; height: 4px; margin-top: 10px; border-radius: 20px; background: linear-gradient( 90deg, var(--allo-cyan), var(--allo-green) ); box-shadow: 0 0 12px rgba(96, 251, 207, 0.45); } /* ========================================================== 4. BOUTONS ELEMENTOR ========================================================== */ .home .elementor-button { background: linear-gradient( 135deg, var(--allo-cyan), var(--allo-green) ); color: var(--allo-blue); border: none; border-radius: 10px; padding: 14px 25px; font-weight: 800; box-shadow: 0 5px 18px rgba(96, 251, 207, 0.25); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; } .home .elementor-button:hover { background: var(--allo-blue); color: #ffffff; transform: translateY(-3px); box-shadow: 0 8px 25px rgba(22, 85, 125, 0.28), 0 0 15px rgba(96, 251, 207, 0.25); } /* ========================================================== 5. CARTES / BLOCS ELEMENTOR ========================================================== */ .home .elementor-widget-container { transition: transform .25s ease, box-shadow .25s ease; } /* Pour appliquer manuellement l'effet à un bloc Elementor, ajoutez la classe CSS : allo-card */ .allo-card { background: #ffffff; border: 1px solid rgba(96, 251, 207, 0.25); border-radius: 16px; padding: 20px; box-shadow: 0 8px 28px rgba(22, 85, 125, 0.08); transition: all .3s ease; } .allo-card:hover { transform: translateY(-6px); border-color: var(--allo-cyan); box-shadow: 0 15px 35px rgba(22, 85, 125, 0.13), 0 0 18px rgba(96, 251, 207, 0.18); } /* ========================================================== 6. CATÉGORIES GAMING / SMARTPHONE ========================================================== */ /* Classe à mettre sur les blocs catégories : allo-category */ .allo-category { position: relative; overflow: hidden; border-radius: 18px; background: #ffffff; border: 1px solid rgba(22, 85, 125, 0.10); box-shadow: 0 8px 25px rgba(22, 85, 125, 0.08); transition: all .35s ease; } .allo-category:hover { transform: translateY(-6px) scale(1.01); border-color: var(--allo-cyan); box-shadow: 0 15px 35px rgba(22, 85, 125, 0.16), 0 0 20px rgba(96, 251, 207, 0.22); } /* Images */ .allo-category img { transition: transform .5s ease, filter .4s ease; } .allo-category:hover img { transform: scale(1.06); filter: saturate(1.08) contrast(1.03); } /* Ligne lumineuse */ .allo-category::after { content: ""; position: absolute; bottom: 0; left: 10%; width: 80%; height: 3px; background: linear-gradient( 90deg, transparent, var(--allo-cyan), var(--allo-green), transparent ); opacity: 0; transition: .3s ease; } .allo-category:hover::after { opacity: 1; } /* ========================================================== 7. PRODUITS WOOCOMMERCE ========================================================== */ .home ul.products li.product { background: #ffffff; border: 1px solid rgba(22, 85, 125, 0.10); border-radius: 16px; padding: 14px; overflow: hidden; box-shadow: 0 7px 25px rgba(22, 85, 125, 0.07); transition: all .3s ease; } .home ul.products li.product:hover { transform: translateY(-6px); border-color: rgba(96, 251, 207, 0.75); box-shadow: 0 15px 35px rgba(22, 85, 125, 0.14), 0 0 18px rgba(96, 251, 207, 0.15); } /* Images produits */ .home ul.products li.product img { border-radius: 12px; transition: transform .4s ease; } .home ul.products li.product:hover img { transform: scale(1.04); } /* Nom produit */ .home ul.products li.product .woocommerce-loop-product__title { color: var(--allo-blue); font-weight: 700; line-height: 1.35; } /* Prix */ .home ul.products li.product .price { color: var(--allo-blue); font-size: 17px; font-weight: 800; } /* Ancien prix */ .home ul.products li.product .price del { color: #8999a3; font-size: 14px; } /* Prix promotionnel */ .home ul.products li.product .price ins { color: #159d7c; text-decoration: none; font-weight: 800; } /* ========================================================== 8. BOUTON AJOUTER AU PANIER ========================================================== */ /* ========================================================== ALLOVENTE BOUTONS AJOUTER AU PANIER - GAMING / HIGH-TECH Accueil + Boutique + Catégories + Fiches produits ========================================================== */ /* ---------------------------------------------------------- 1. BOUTONS DES GRILLES PRODUITS Accueil / Boutique / Catégories ---------------------------------------------------------- */ .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .product_type_simple, .wpr-grid-item .wpr-grid-product-add-to-cart a, .wpr-grid-item .wpr-grid-product-add-to-cart .button, .wpr-grid-item .add_to_cart_button, .wpr-grid-item .product_type_simple, .wpr-product-grid .button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; min-width: 180px !important; padding: 11px 24px !important; background: linear-gradient( 180deg, #103d5d 0%, #061f35 100% ) padding-box, linear-gradient( 90deg, #27CFFF 0%, #60FBCF 48%, #60F8BF 100% ) border-box !important; border: 3px solid transparent !important; color: #60FBCF !important; font-size: 13px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .4px !important; text-decoration: none !important; /* Angles Gaming */ clip-path: polygon( 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px ); box-shadow: -4px 0 10px rgba(39, 207, 255, .35), 4px 0 10px rgba(96, 248, 191, .35), inset 0 0 12px rgba(96, 251, 207, .10) !important; transition: transform .25s ease, box-shadow .25s ease, color .25s ease !important; } /* ---------------------------------------------------------- 2. BOUTON DE LA FICHE PRODUIT ---------------------------------------------------------- */ .single-product div.product form.cart .single_add_to_cart_button, .single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 52px !important; min-width: 220px !important; padding: 13px 30px !important; background: linear-gradient( 180deg, #103d5d 0%, #061f35 100% ) padding-box, linear-gradient( 90deg, #27CFFF 0%, #60FBCF 48%, #60F8BF 100% ) border-box !important; border: 3px solid transparent !important; color: #60FBCF !important; font-size: 15px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .5px !important; clip-path: polygon( 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px ); box-shadow: -5px 0 12px rgba(39, 207, 255, .40), 5px 0 12px rgba(96, 248, 191, .40), inset 0 0 14px rgba(96, 251, 207, .10) !important; transition: transform .25s ease, box-shadow .25s ease, color .25s ease !important; } /* ---------------------------------------------------------- 3. HOVER - TOUS LES BOUTONS ---------------------------------------------------------- */ .woocommerce ul.products li.product a.button:hover, .woocommerce ul.products li.product .add_to_cart_button:hover, .wpr-grid-item .wpr-grid-product-add-to-cart a:hover, .wpr-grid-item .add_to_cart_button:hover, .wpr-product-grid .button:hover, .single-product div.product form.cart .single_add_to_cart_button:hover { background: linear-gradient( 180deg, #16557D, #082b43 ) padding-box, linear-gradient( 90deg, #27CFFF, #60FBCF, #60F8BF ) border-box !important; color: #FFFFFF !important; transform: translateY(-2px) !important; box-shadow: -6px 0 15px rgba(39, 207, 255, .55), 6px 0 15px rgba(96, 248, 191, .55), 0 0 20px rgba(96, 251, 207, .25), inset 0 0 14px rgba(96, 251, 207, .12) !important; } /* ---------------------------------------------------------- 4. BOUTON DÉSACTIVÉ / VARIATION NON DISPONIBLE ---------------------------------------------------------- */ .single-product .single_add_to_cart_button.disabled, .single-product .single_add_to_cart_button:disabled { opacity: .45 !important; cursor: not-allowed !important; transform: none !important; } /* ---------------------------------------------------------- 5. MOBILE ---------------------------------------------------------- */ @media (max-width: 767px) { .woocommerce ul.products li.product a.button, .woocommerce ul.products li.product .add_to_cart_button, .wpr-grid-item .wpr-grid-product-add-to-cart a, .wpr-grid-item .add_to_cart_button { min-width: 140px !important; min-height: 40px !important; padding: 9px 14px !important; font-size: 11px !important; border-width: 2px !important; } /* Fiche produit */ .single-product div.product form.cart .single_add_to_cart_button { min-width: 190px !important; min-height: 48px !important; padding: 11px 20px !important; font-size: 13px !important; } } /* ========================================================== 9. BADGE PROMOTION ========================================================== */ .home .onsale { background: linear-gradient( 135deg, var(--allo-cyan), var(--allo-green) ) !important; color: var(--allo-blue) !important; border-radius: 8px !important; padding: 5px 10px !important; min-width: auto !important; min-height: auto !important; line-height: 1.4 !important; font-size: 12px !important; font-weight: 800 !important; box-shadow: 0 4px 15px rgba(96, 251, 207, .35); } /* ========================================================== 10. LIENS ========================================================== */ .home a { transition: color .2s ease; } .home .elementor-widget-text-editor a { color: var(--allo-blue); font-weight: 600; } .home .elementor-widget-text-editor a:hover { color: #26c99c; } /* ========================================================== 11. ICÔNES ========================================================== */ .home .elementor-icon { color: var(--allo-blue); transition: all .25s ease; } .home .elementor-icon:hover { color: var(--allo-cyan); transform: translateY(-3px); filter: drop-shadow( 0 0 7px rgba(96,251,207,.55) ); } /* ========================================================== 12. BLOC GAMING HIGH-TECH ========================================================== */ /* Ajoutez la classe : allo-gaming à une section Elementor. */ .allo-gaming { position: relative; overflow: hidden; background: linear-gradient( 135deg, #0d3148, #16557D ); border-radius: 20px; color: #ffffff; box-shadow: 0 15px 40px rgba(22,85,125,.22); } .allo-gaming h1, .allo-gaming h2, .allo-gaming h3, .allo-gaming p { color: #ffffff; } /* Effet lumière */ .allo-gaming::before { content: ""; position: absolute; width: 300px; height: 300px; top: -170px; right: -100px; background: var(--allo-cyan); opacity: .14; filter: blur(70px); border-radius: 50%; pointer-events: none; } /* ========================================================== 13. EFFET CIRCUIT / TECHNOLOGIQUE ========================================================== */ /* Classe facultative : allo-tech */ .allo-tech { position: relative; border: 1px solid rgba(96,251,207,.22); background: linear-gradient( 135deg, rgba(96,251,207,.035), rgba(22,85,125,.025) ); border-radius: 18px; } .allo-tech::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: linear-gradient( 90deg, transparent, var(--allo-cyan), transparent ); opacity: .7; } /* ========================================================== 14. FORMULAIRES / RECHERCHE ========================================================== */ .home input[type="text"], .home input[type="search"], .home input[type="email"], .home select { border: 1px solid #dbe7ec; border-radius: 10px; background: #ffffff; color: var(--allo-blue); min-height: 45px; transition: all .2s ease; } .home input:focus, .home select:focus { border-color: var(--allo-cyan); outline: none; box-shadow: 0 0 0 3px rgba(96,251,207,.16); } /* ========================================================== 15. SCROLLBAR HIGH-TECH ========================================================== */ ::-webkit-scrollbar { width: 9px; } ::-webkit-scrollbar-track { background: #eef5f7; } ::-webkit-scrollbar-thumb { background: linear-gradient( var(--allo-blue), var(--allo-cyan) ); border-radius: 10px; } /* ========================================================== 16. RESPONSIVE SMARTPHONE ========================================================== */ @media(max-width:767px) { .home h1 { font-size: 30px; } .home h2 { font-size: 25px; } .home h2::after { width: 45px; height: 3px; } .allo-card { padding: 16px; border-radius: 13px; } .allo-category { border-radius: 13px; } .home ul.products li.product { padding: 10px; border-radius: 13px; } .home ul.products li.product .woocommerce-loop-product__title { font-size: 14px; } .home ul.products li.product .price { font-size: 15px; } .home ul.products li.product .button { width: 100%; text-align: center; font-size: 13px; padding: 11px 8px !important; } /* Effets plus légers sur mobile */ .allo-card:hover, .allo-category:hover, .home ul.products li.product:hover { transform: translateY(-2px); } } .home h2::after { content: ""; display: block; width: 100px; height: 4px; margin-top: 10px; border-radius: 20px; background: linear-gradient( 90deg, #60FBCF 0%, #60F8BF 65%, transparent 100% ); box-shadow: 0 0 10px rgba(96, 251, 207, 0.45); } /* ========================================================== ALLOVENTE - BOUTONS PRODUITS ROYAL ADDONS STYLE GAMING / NEON ========================================================== */ /* Boutons Ajouter au panier Royal Addons */ .home .wpr-grid-item .wpr-grid-product-add-to-cart a, .home .wpr-grid-item .wpr-grid-product-add-to-cart .button, .home .wpr-grid-item .add_to_cart_button, .home .wpr-grid-item .product_type_simple, .home .wpr-grid-item a.button { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 46px !important; padding: 11px 24px !important; width: auto !important; min-width: 180px !important; background: linear-gradient(#082b43, #061f35) padding-box, linear-gradient( 90deg, #27cfff 0%, #60FBCF 48%, #60F8BF 100% ) border-box !important; border: 3px solid transparent !important; color: #60FBCF !important; font-size: 14px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .4px !important; text-decoration: none !important; clip-path: polygon( 12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px ); box-shadow: -4px 0 10px rgba(39, 207, 255, .35), 4px 0 10px rgba(96, 248, 191, .35), inset 0 0 12px rgba(96, 251, 207, .10) !important; transition: all .25s ease !important; } /* Hover */ .home .wpr-grid-item .wpr-grid-product-add-to-cart a:hover, .home .wpr-grid-item .wpr-grid-product-add-to-cart .button:hover, .home .wpr-grid-item .add_to_cart_button:hover, .home .wpr-grid-item .product_type_simple:hover, .home .wpr-grid-item a.button:hover { background: linear-gradient(#0d3d58, #082b43) padding-box, linear-gradient( 90deg, #27cfff, #60FBCF, #60F8BF ) border-box !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: -5px 0 14px rgba(39, 207, 255, .55), 5px 0 14px rgba(96, 248, 191, .55), 0 0 18px rgba(96, 251, 207, .22), inset 0 0 14px rgba(96, 251, 207, .12) !important; } /* Évite que Royal Addons remette un fond différent */ .home .wpr-grid-item .wpr-grid-product-add-to-cart, .home .wpr-grid-item .wpr-grid-product-add-to-cart div { background: transparent !important; } /* Mobile */ @media (max-width: 767px) { .home .wpr-grid-item .wpr-grid-product-add-to-cart a, .home .wpr-grid-item .wpr-grid-product-add-to-cart .button, .home .wpr-grid-item .add_to_cart_button, .home .wpr-grid-item .product_type_simple, .home .wpr-grid-item a.button { min-width: 145px !important; min-height: 40px !important; padding: 9px 14px !important; font-size: 11px !important; clip-path: polygon( 9px 0, calc(100% - 9px) 0, 100% 9px, 100% calc(100% - 9px), calc(100% - 9px) 100%, 9px 100%, 0 calc(100% - 9px), 0 9px ); } } /* ========================================================== ALLOVENTE - UNIQUEMENT TITRE PRINCIPAL DU SLIDER Style gaming / bouton Ajouter au panier ========================================================== */ .home .wpr-slider-title, .home .wpr-slider-item-title, .home .elementor-slide-heading { display: inline-block !important; width: auto !important; position: relative !important; padding: 13px 32px !important; margin-bottom: 15px !important; /* Fond bleu nuit + contour dégradé */ background: linear-gradient( #082b43, #061f35 ) padding-box, linear-gradient( 90deg, #27CFFF 0%, #60FBCF 48%, #60F8BF 100% ) border-box !important; border: 3px solid transparent !important; /* Texte */ color: #60FBCF !important; -webkit-text-fill-color: #60FBCF !important; font-weight: 800 !important; letter-spacing: .5px !important; /* Forme gaming */ clip-path: polygon( 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px), calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px), 0 14px ); /* Halo lumineux */ filter: drop-shadow(-4px 0 6px rgba(39, 207, 255, .45)) drop-shadow(4px 0 6px rgba(96, 248, 191, .45)); text-shadow: 0 0 7px rgba(96, 251, 207, .40); overflow: hidden !important; } /* ========================================================== DEUXIÈME CONTOUR INTÉRIEUR ========================================================== */ .home .wpr-slider-title::after, .home .wpr-slider-item-title::after, .home .elementor-slide-heading::after { content: "" !important; position: absolute !important; inset: 4px !important; width: auto !important; height: auto !important; margin: 0 !important; background: transparent !important; border: 1px solid #60FBCF !important; clip-path: polygon( 10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px ); box-shadow: inset 0 0 8px rgba(96, 251, 207, .30) !important; pointer-events: none !important; } /* ========================================================== SMARTPHONE ========================================================== */ @media (max-width: 767px) { .home .wpr-slider-title, .home .wpr-slider-item-title, .home .elementor-slide-heading { padding: 9px 18px !important; font-size: 22px !important; border-width: 2px !important; clip-path: polygon( 10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px ); } } /* ========================================================== ALLOVENTE - MEGA MENU MOBILE VERSION CORRIGÉE POUR SHORTCODE ELEMENTOR ========================================================== */ @media (max-width: 900px) { /* ====================================================== CONTENEUR DU SHORTCODE ====================================================== */ .wei-wcmm { position: relative !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ====================================================== BOUTON HAMBURGER ====================================================== */ .wei-wcmm-mobile-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; height: 48px !important; min-height: 48px !important; margin: 0 !important; padding: 0 !important; background: linear-gradient( 145deg, #103d5d 0%, #061f35 100% ) !important; border: 1px solid #60FBCF !important; border-radius: 12px !important; box-shadow: 0 0 10px rgba(96,251,207,.25), inset 0 0 12px rgba(96,251,207,.08) !important; } /* Barres hamburger */ .wei-wcmm-burger span { height: 3px !important; background: linear-gradient( 90deg, #27CFFF 0%, #60FBCF 50%, #60F8BF 100% ) !important; box-shadow: 0 0 5px rgba(96,251,207,.45) !important; } /* ====================================================== PANNEAU PRINCIPAL INDÉPENDANT DE LA COLONNE ELEMENTOR ====================================================== */ .wei-wcmm-root { display: none !important; position: fixed !important; /* marge écran */ left: 10px !important; right: 10px !important; /* sous le header mobile */ top: 158px !important; /* annule tout ancien centrage */ transform: none !important; width: auto !important; max-width: none !important; min-width: 0 !important; box-sizing: border-box !important; margin: 0 !important; padding: 8px 16px !important; flex-direction: column !important; align-items: stretch !important; background: linear-gradient( 145deg, #103d5d 0%, #061f35 100% ) !important; border: 1px solid #60FBCF !important; border-radius: 14px !important; box-shadow: 0 18px 40px rgba(6,31,53,.30), 0 0 18px rgba(96,251,207,.16) !important; max-height: calc(100vh - 175px) !important; overflow-x: hidden !important; overflow-y: auto !important; } /* Ouverture */ .wei-wcmm.is-open .wei-wcmm-root { display: flex !important; } /* ====================================================== SÉCURITÉ LARGEUR EMPÊCHE LES DÉBORDEMENTS ====================================================== */ .wei-wcmm-root *, .wei-wcmm-root *::before, .wei-wcmm-root *::after { box-sizing: border-box !important; } .wei-wcmm-root > li, .wei-wcmm-topline, .wei-wcmm-panel, .wei-wcmm-panel-inner, .wei-wcmm-column { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } /* ====================================================== LIGNES PRINCIPALES ====================================================== */ .wei-wcmm-root > li { display: block !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(96,251,207,.14) !important; } /* Dernier élément sans séparation */ .wei-wcmm-root > li:last-child { border-bottom: 0 !important; } /* Accueil / Contact / liens simples */ .wei-wcmm-root > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 54px !important; padding: 0 18px !important; margin: 0 !important; color: #ffffff !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; border-radius: 8px !important; transition: all .2s ease !important; } /* ====================================================== JEUX VIDÉO / SMARTPHONE ====================================================== */ .wei-wcmm-topline { display: flex !important; align-items: center !important; justify-content: space-between !important; min-height: 56px !important; padding: 0 !important; margin: 0 !important; } .wei-wcmm-topline > a { display: flex !important; align-items: center !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; min-height: 54px !important; padding: 0 18px !important; color: #ffffff !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; overflow-wrap: break-word !important; transition: all .2s ease !important; } /* ====================================================== BOUTON FLÈCHE SOUS-MENU ====================================================== */ .wei-wcmm-expand { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 42px !important; width: 42px !important; min-width: 42px !important; height: 42px !important; min-height: 42px !important; margin: 0 6px 0 6px !important; padding: 0 !important; color: #60FBCF !important; background: rgba(96,251,207,.05) !important; border: 1px solid rgba(96,251,207,.32) !important; border-radius: 9px !important; box-shadow: inset 0 0 8px rgba(96,251,207,.06) !important; } /* ====================================================== HOVER / TAP ====================================================== */ .wei-wcmm-root > li > a:hover, .wei-wcmm-root > li > a:focus, .wei-wcmm-topline > a:hover, .wei-wcmm-topline > a:focus { color: #60FBCF !important; background: linear-gradient( 90deg, rgba(39,207,255,.10), rgba(96,248,191,.04) ) !important; } .wei-wcmm-expand:hover, .wei-wcmm-expand:focus { color: #ffffff !important; background: rgba(96,251,207,.12) !important; border-color: #60FBCF !important; box-shadow: 0 0 10px rgba(96,251,207,.20) !important; } /* ====================================================== SOUS-MENUS ====================================================== */ .wei-wcmm-panel, .wei-wcmm-top.desktop-open > .wei-wcmm-panel, .wei-wcmm-top:focus-within > .wei-wcmm-panel { display: none !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; background: #f9fdff !important; border: 0 !important; border-top: 1px solid rgba(96,251,207,.25) !important; box-shadow: none !important; overflow: hidden !important; } /* Sous-menu ouvert sur mobile */ .wei-wcmm-top.mobile-open > .wei-wcmm-panel { display: block !important; } /* ====================================================== GRILLE SOUS-MENU ====================================================== */ .wei-wcmm-panel-inner { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Carte catégorie */ .wei-wcmm-column { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 10px !important; background: #ffffff !important; border: 1px solid rgba(22,85,125,.10) !important; border-radius: 10px !important; box-shadow: 0 4px 12px rgba(22,85,125,.06) !important; } /* ====================================================== IMAGE + TITRE CATÉGORIE ====================================================== */ .wei-wcmm-category-head { display: grid !important; grid-template-columns: 60px minmax(0,1fr) !important; gap: 12px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; } .wei-wcmm-category-image { width: 60px !important; height: 60px !important; min-width: 60px !important; margin: 0 !important; object-fit: cover !important; border-radius: 8px !important; } .wei-wcmm-category-head strong { display: block !important; min-width: 0 !important; color: #16557D !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; white-space: normal !important; overflow-wrap: break-word !important; } /* ====================================================== SOUS-CATÉGORIES ====================================================== */ .wei-wcmm-subcats { width: auto !important; max-width: calc(100% - 72px) !important; margin: 8px 0 0 72px !important; padding: 0 !important; } .wei-wcmm-subcats a { display: block !important; width: 100% !important; padding: 7px 5px !important; color: #16557D !important; font-size: 14px !important; line-height: 1.3 !important; text-decoration: none !important; white-space: normal !important; overflow-wrap: break-word !important; } .wei-wcmm-subcats a:hover { color: #0d3148 !important; background: rgba(96,251,207,.08) !important; } } /* ========================================================== PETITS SMARTPHONES ========================================================== */ @media (max-width: 480px) { .wei-wcmm-root { left: 6px !important; right: 6px !important; top: 158px !important; padding: 6px 10px !important; border-radius: 12px !important; max-height: calc(100vh - 170px) !important; } .wei-wcmm-root > li > a, .wei-wcmm-topline > a { min-height: 52px !important; padding: 0 14px !important; font-size: 16px !important; } .wei-wcmm-expand { flex-basis: 40px !important; width: 40px !important; min-width: 40px !important; height: 40px !important; min-height: 40px !important; margin-right: 4px !important; } .wei-wcmm-panel { padding: 9px !important; } .wei-wcmm-category-head { grid-template-columns: 54px minmax(0,1fr) !important; gap: 10px !important; } .wei-wcmm-category-image { width: 54px !important; height: 54px !important; min-width: 54px !important; } .wei-wcmm-subcats { max-width: calc(100% - 64px) !important; margin-left: 64px !important; } } /* bloc livraison ... de accueil */ @media (min-width: 768px) { #liv2 { display: none; } } @media screen and (max-width: 768px) { #liv { display: none; } .home .wpr-slider-title, .home .wpr-slider-item-title, .home .elementor-slide-heading { opacity: 0.7; } } /* Allovente 2026-10-02 - centrage jeux du moment */ .elementor-493 .elementor-element.elementor-element-a33be6b .wpr-grid-media-wrap{height:260px!important;overflow:hidden;border-radius:10px;} .elementor-493 .elementor-element.elementor-element-a33be6b .wpr-grid-image-wrap{width:100%!important;height:100%!important;overflow:hidden;} .elementor-493 .elementor-element.elementor-element-a33be6b .wpr-grid-image-wrap img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;object-position:center center!important;display:block!important;} PHP: 2026-10-02 14:15:27 [notice X 0][/var/www/allovente/wp-content/plugins/elementor/modules/global-classes/atomic-global-styles.php::410] Elementor\Modules\GlobalClasses\Atomic_Global_Styles::get_cache_root_key(): Implicitly marking parameter $key as nullable is deprecated, the explicit nullable type must be used instead [array ( 'trace' => ' #0: Elementor\Core\Logger\Manager -> shutdown() ', )] /* Allovente 2026-10-02 - prix catalogue plus lisibles */ .wpr-grid-item-price{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:105px;min-height:40px;box-sizing:border-box;margin-top:8px!important;padding:7px 16px!important;border-radius:10px;background:#83efc8;color:#245b88!important;font-size:20px!important;font-weight:700!important;line-height:1.2!important;} .wpr-grid-item-price .woocommerce-Price-amount,.wpr-grid-item-price .woocommerce-Price-currencySymbol,.wpr-grid-item-price ins,.wpr-grid-item-price del{color:inherit!important;font-size:inherit!important;font-weight:inherit!important;} .wpr-grid-item-price ins{text-decoration:none;} @media(max-width:767px){.wpr-grid-item-price{min-width:92px;min-height:36px;padding:6px 12px!important;font-size:18px!important;}} /* ========================================================== ALLOVENTE - TRAIT NEON SOUS LE NOM DES PRODUITS Même trait que sur l'accueil, sur toutes les listes de produits (boutique, catégories, recherche, produits similaires) ========================================================== */ .wpr-grid-item-title::after, .woocommerce ul.products li.product .woocommerce-loop-product__title::after { content: ""; display: block; width: 100px; height: 4px; margin-top: 10px; border-radius: 20px; background: linear-gradient(90deg, #60FBCF 0%, #60F8BF 65%, transparent 100%); box-shadow: 0 0 10px rgba(96, 251, 207, 0.45); } /* ALLOVENTE - titre H1 de l accueil (lu par Google et les lecteurs d ecran, sans changer le design) */ .allo-h1{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;} /* Allovente - Logo PayPal sur la page de paiement */ .wc_payment_method.payment_method_ppcp-gateway > label::after{ content:""; flex-shrink:0; width:84px; height:26px; margin-left:auto; background:url("https://www.paypalobjects.com/paypal-ui/logos/svg/paypal-color.svg") no-repeat right center / contain; }