PageSourceSearch

https://mediumblue-goat-586134.hostingersite.com/account/login/?re…86134.hostingersite.com%2Fsubmit-listing%2F

html mediumblue-goat-586134.hostingersite.com collected 2026-10-03 04:39:31 UTC 165,406 bytes, 5,427 lines download raw bytes

1<!DOCTYPE html>
2<html dir="ltr" lang="fr-FR" prefix="og: https://ogp.me/ns#">
3	<head>
4		<meta charset="UTF-8">
5		<meta name="viewport" content="width=device-width, initial-scale=1">
6		<!-- Manifest added by SuperPWA - Progressive Web Apps Plugin For WordPress -->
7<link rel="manifest" href="/superpwa-manifest.json">
8<link rel="prefetch" href="/superpwa-manifest.json">
9<meta name="theme-color" content="#000000">
10<!-- / SuperPWA.com -->
11<title>Se connecter &#8211; TikVet</title>
12	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
13	
14		<!-- All in One SEO 5.0.1.1 - aioseo.com -->
15	<link rel="canonical" href="https://mediumblue-goat-586134.hostingersite.com/account/login/" />
16	<meta name="generator" content="All in One SEO (AIOSEO) 5.0.1.1" />
17		
17<script type="application/ld+json" class="aioseo-schema">
18			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com#listItem","position":1,"name":"Home","item":"https:\/\/mediumblue-goat-586134.hostingersite.com","nextItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/#listItem","name":"Alimentation"}},{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/#listItem","position":2,"name":"Alimentation","item":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/%f0%9f%9a%a8-ces-aliments-de-votre-cuisine-peuvent-intoxiquer-votre-chien-sans-que-vous-le-sachiez\/#listItem","name":"\ud83d\udea8 Ces aliments de votre cuisine peuvent intoxiquer votre chien sans que vous le sachiez"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/%f0%9f%9a%a8-ces-aliments-de-votre-cuisine-peuvent-intoxiquer-votre-chien-sans-que-vous-le-sachiez\/#listItem","position":3,"name":"\ud83d\udea8 Ces aliments de votre cuisine peuvent intoxiquer votre chien sans que vous le sachiez","previousItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/category\/alimentation\/#listItem","name":"Alimentation"}}]},{"@type":"Organization","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#organization","name":"TikVet","description":"TikVet","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/","logo":{"@type":"ImageObject","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/uploads\/2026\/02\/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#webpage","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#website"},"breadcrumb":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/account\/login\/#breadcrumblist"}},{"@type":"WebSite","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#website","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/","name":"TikVet","alternateName":"M\u00e9decin V\u00e9t\u00e9rinaire Maroc","description":"TikVet","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#organization"}}]}
19		</script>
19
20		<!-- All in One SEO -->
21
22        
22<script>
23            let currentUid = localStorage.getItem('tikvet_uid');
24            if (currentUid && currentUid.startsWith('tikvet_user_')) {
25                localStorage.removeItem('tikvet_uid');
26                localStorage.removeItem('tikvet_name');
27                localStorage.removeItem('tikvet_avatar');
28            }
29        </script>
29
30        <link rel='dns-prefetch' href='//mediumblue-goat-586134.hostingersite.com' />
31<link rel='dns-prefetch' href='//fonts.googleapis.com' />
32<link rel="alternate" type="application/rss+xml" title="TikVet &raquo; Flux" href="https://mediumblue-goat-586134.hostingersite.com/feed/" />
33<link rel="alternate" type="application/rss+xml" title="TikVet &raquo; Flux des commentaires" href="https://mediumblue-goat-586134.hostingersite.com/comments/feed/" />
34		<!-- This site uses the Google Analytics by MonsterInsights plugin v11.1.3 - Using Analytics tracking - https://www.monsterinsights.com/ -->
35		<!-- Remarque : MonsterInsights n’est actuellement pas configuré sur ce site. Le propriétaire doit authentifier son compte Google Analytics dans les réglages de MonsterInsights.  -->
36					<!-- No tracking code set -->
37				<!-- / Google Analytics by MonsterInsights -->
38		
38<script>
39window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.10"}};
40/*! This file is auto-generated */
41!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
42</script>
42
43
44<link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins%3A500%7CRoboto&#038;display=swap' media='all' />
45<link rel='stylesheet' id='fontawesome-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/fontawesome/fontawesome.min.css?ver=1.7.13' media='all' />
46<link rel='stylesheet' id='fontawesome-solid-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/fontawesome/solid.min.css?ver=1.7.13' media='all' />
47<link rel='stylesheet' id='fancybox-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.css?ver=1.7.13' media='all' />
48<link rel='stylesheet' id='slick-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/slick-carousel/slick/slick.css?ver=1.7.13' media='all' />
49<link rel='stylesheet' id='flatpickr-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/flatpickr/dist/flatpickr.min.css?ver=1.7.13' media='all' />
50<link rel='stylesheet' id='select2-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/select2/dist/css/select2.min.css?ver=1.7.13' media='all' />
51<link rel='stylesheet' id='intl-tel-input-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/intl-tel-input/build/css/intlTelInput.min.css?ver=1.7.13' media='all' />
52<link rel='stylesheet' id='jquery-ui-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/jquery-ui.min.css?ver=1.7.13' media='all' />
53<link rel='stylesheet' id='hivepress-grid-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/grid.min.css?ver=1.7.13' media='all' />
54<link rel='stylesheet' id='hivepress-core-common-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/common.min.css?ver=1.7.13' media='all' />
55<link rel='stylesheet' id='hivepress-core-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/css/frontend.min.css?ver=1.7.13' media='all' />
56<link rel='stylesheet' id='hivepress-messages-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-messages/assets/css/frontend.min.css?ver=1.4.0' media='all' />
57<link rel='stylesheet' id='hivepress-reviews-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-reviews/assets/css/frontend.min.css?ver=1.3.2' media='all' />
58<style id='wp-emoji-styles-inline-css'>
59
60	img.wp-smiley, img.emoji {
61		display: inline !important;
62		border: none !important;
63		box-shadow: none !important;
64		height: 1em !important;
65		width: 1em !important;
66		margin: 0 0.07em !important;
67		vertical-align: -0.1em !important;
68		background: none !important;
69		padding: 0 !important;
70	}
71</style>
72<link rel='stylesheet' id='wp-block-library-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-includes/css/dist/block-library/style.min.css?ver=6.8.10' media='all' />
73<style id='wp-block-library-theme-inline-css'>
74.wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote:where(.has-text-align-right){border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote:where(.has-text-align-center){border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote:where(.is-style-plain){border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em}
75</style>
76<style id='classic-theme-styles-inline-css'>
77/*! This file is auto-generated */
78.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
78padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
79</style>
80<link rel='stylesheet' id='aioseo/css/src/vue/standalone/blocks/table-of-contents/global.scss-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/all-in-one-seo-pack/dist/Lite/assets/css/table-of-contents/global.e90f6d47.css?ver=5.0.1.1' media='all' />
81<style id='global-styles-inline-css'>
82:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
82--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--inter: "Inter", sans-serif;--wp--preset--font-family--cardo: Cardo;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
82.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
83:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
84:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
85:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
86</style>
87<link rel='stylesheet' id='contact-form-7-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0.6' media='all' />
88<link rel='stylesheet' id='woocommerce-layout-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css?ver=10.7.0' media='all' />
89<link rel='stylesheet' id='woocommerce-smallscreen-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css?ver=10.7.0' media='only screen and (max-width: 768px)' />
90<link rel='stylesheet' id='woocommerce-general-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/css/woocommerce.css?ver=10.7.0' media='all' />
91<style id='woocommerce-inline-inline-css'>
92.woocommerce form .form-row .required { visibility: visible; }
93</style>
94<link rel='stylesheet' id='minireset-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/minireset.min.css?ver=1.1.1' media='all' />
95<link rel='stylesheet' id='flexboxgrid-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/flexboxgrid.min.css?ver=1.1.1' media='all' />
96<link rel='stylesheet' id='hivetheme-core-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/frontend.min.css?ver=1.1.1' media='all' />
97<link rel='stylesheet' id='hivetheme-parent-frontend-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/style.css?ver=1.2.11' media='all' />
98<style id='hivetheme-parent-frontend-inline-css'>
99h1,h2,h3,h4,h5,h6,fieldset legend,.header-logo__name,.comment__author,.hp-review__author,.hp-message--view-block hp-message__sender,.woocommerce ul.product_list_widget li .product-title,.editor-post-title__block,.editor-post-title__input{font-family:Poppins, sans-serif;font-weight:500;}body{font-family:Roboto, sans-serif;}.header-navbar__menu ul li.active > a,.header-navbar__menu ul li.current-menu-item > a,.header-navbar__menu ul li a:hover,.footer-navbar__menu ul li a:hover,.hp-menu--tabbed .hp-menu__item a:hover,.hp-menu--tabbed .hp-menu__item--current a,.widget_archive li a:hover,.widget_categories li a:hover,.widget_categories li.current-cat > a,.widget_categories li.current-cat::before,.widget_product_categories li a:hover,.widget_product_categories li.current-cat > a,.widget_product_categories li.current-cat::before,.widget_meta li a:hover,.widget_nav_menu li a:hover,.widget_nav_menu li.current-menu-item > a,.widget_nav_menu li.current-menu-item::before,.woocommerce-MyAccount-navigation li a:hover,.woocommerce-MyAccount-navigation li.current-menu-item > a,.woocommerce-MyAccount-navigation li.current-menu-item::before,.widget_pages li a:hover,.widget_recent_entries li a:hover,.wp-block-archives li a:hover,.wp-block-categories li a:hover,.wp-block-latest-posts li a:hover,.wp-block-rss li a:hover,.widget_archive li:hover > a,.widget_categories li:hover > a,.widget_product_categories li:hover > a,.widget_meta li:hover >
99 a,.widget_nav_menu li:hover > a,.woocommerce-MyAccount-navigation li:hover > a,.widget_pages li:hover > a,.widget_recent_entries li:hover > a,.wp-block-archives li:hover > a,.wp-block-categories li:hover > a,.wp-block-latest-posts li:hover > a,.wp-block-rss li:hover > a,.widget_archive li:hover::before,.widget_categories li:hover::before,.widget_product_categories li:hover::before,.widget_meta li:hover::before,.widget_nav_menu li:hover::before,.woocommerce-MyAccount-navigation li:hover::before,.widget_pages li:hover::before,.widget_recent_entries li:hover::before,.wp-block-archives li:hover::before,.wp-block-categories li:hover::before,.wp-block-latest-posts li:hover::before,.wp-block-rss li:hover::before,.post-navbar__link:hover i,.pagination > a:hover,.pagination .nav-links > a:hover,.post__details a:hover,.tagcloud a:hover,.wp-block-tag-cloud a:hover,.comment__details a:hover,.comment-respond .comment-reply-title a:hover,.hp-link:hover,.hp-link:hover i,.pac-item:hover .pac-item-query,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li a:focus{color:#d4af37;}.button--primary,button[type="submit"],input[type=submit],.header-navbar__menu > ul > li.current-menu-item::before,.header-navbar__burger > ul > li.current-menu-item::before,.hp-menu--tabbed .hp-menu__item--current::before,.woocommerce #respond input#submit.alt,.woocommerce button[type=submit],.woocommerce input[type=submit],.woocommerce button[type=submit]:hover,.woocommerce input[type=submit]:hover,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background-color:#d4af37;}blockquote,.wp-block-quote,.comment.bypostauthor .comment__image img{border-color:#d4af37;}.hp-listing__location i{color:#d4af37;}.button--secondary,.wp-block-file .wp-block-file__button,.hp-field--number-range .ui-slider-range,.hp-field input[type=checkbox]:checked + span::before,.hp-field input[type=radio]:checked + span::after,.woocommerce a.button--secondary,.woocommerce button.button--secondary,.woocommerce input.button--secondary,.woocommerce a.button--secondary:hover,.woocommerce button.button--secondary:hover,.woocommerce input.button--secondary:hover,.woocommerce span.onsale,.woocommerce .widget_price_filter .price_slider_wrapper .ui-slider-range{background-color:#d4af37;}.hp-field input[type=radio]:checked + span::before,.hp-field input[type=checkbox]:checked + span::before{border-color:#d4af37;}.button,button,input[type=submit],.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.wp-block-button__link,.header-navbar__burger > ul > li > a,.pagination > span,.pagination .nav-links > a,.pagination .nav-links > span,.pagination > a,.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{font-family:Poppins, sans-serif;font-weight:500;}.title::before,.footer-widgets .widget__title::before,.hp-page__title::before,.hp-section__title::before,.hp-listing--view-block .hp-listing__featured-badge{background-color:#d4af37;}.tagcloud a:hover,.wp-block-tag-cloud a:hover,.hp-listing__images-carousel .slick-current img,.hp-listing--view-block.hp-listing--featured{border-color:#d4af37;}.post__categories a:hover,.hp-listing--view-block .hp-listing__categories a:hover,.hp-listing--view-page .hp-listing__categories a:hover{background-color:#d4af37;}
100</style>
101<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 101
101
102<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 102
102
103<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.10.7.0" id="wc-jquery-blockui-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 103
103
104<script id="wc-add-to-cart-js-extra">
105var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"Voir le panier","cart_url":"https:\/\/mediumblue-goat-586134.hostingersite.com","is_cart":"","cart_redirect_after_add":"no"};
106</script>
vendor: 1 bytes, line 106
106
107<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=10.7.0" id="wc-add-to-cart-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 107
107
108<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.10.7.0" id="wc-js-cookie-js" defer data-wp-strategy="defer"></script>
vendor: 1 bytes, line 108
108
109<script id="woocommerce-js-extra">
110var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_password_show":"Afficher le mot de passe","i18n_password_hide":"Masquer le mot de passe"};
111</script>
vendor: 1 bytes, line 111
111
112<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=10.7.0" id="woocommerce-js" defer data-wp-strategy="defer"></script>
112
113<link rel="https://api.w.org/" href="https://mediumblue-goat-586134.hostingersite.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mediumblue-goat-586134.hostingersite.com/xmlrpc.php?rsd" />
114<meta name="generator" content="WordPress 6.8.10" />
115<meta name="generator" content="WooCommerce 10.7.0" />
116<meta name="cdp-version" content="1.5.7" /><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 116-117
116
117<script async src="https://www.googletagmanager.com/gtag/js?id=
117G-QP3LQKKHXT
vendor: 15 bytes, lines 117-118
117">
118</script>
119<script>
120  
vendor: 138 bytes, lines 120-124
120window.dataLayer = window.dataLayer || [];
121  function gtag(){dataLayer.push(arguments);}
122  gtag('js', new Date());
123
124  gtag('config', '
124G-QP3LQKKHXT
vendor: 5 bytes, line 124
124');
125</script>
125
126        
126<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8896612008146773" crossorigin="anonymous"></script>
126
127        	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
128	<style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><link rel="preconnect" href="//code.tidio.co"><style class='wp-fonts-local'>
129@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;}
130@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');}
131</style>
132<link rel="icon" href="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-32x32.png" sizes="32x32" />
133<link rel="icon" href="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-192x192.png" sizes="192x192" />
134<link rel="apple-touch-icon" href="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-180x180.png" />
135<meta name="msapplication-TileImage" content="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-270x270.png" />
136		<style id="wp-custom-css">
137			/* Bouton principal "Ajouter une annonce" */
138.hp-menu__item--listing-submit {
139    display: flex !important;
140    align-items: center !important;
141    justify-content: center !important;
142    font-size: 13.2px !important;
143    padding: 12px 53px !important;
144    text-align: center !important;
145    background-color: #D4AF37 !important;
146    color: white !important;
147    border-radius: 12px !important;
148    width: 64% !important;
149    max-width: 340px !important;
150    margin: 20px auto !important;
151    box-sizing: border-box;
152    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
153    position: relative;
154    overflow: visible !important;
155}
156
157/* Ajustement pour l'icône + */
158.hp-menu__item--listing-submit i {
159    font-size: 14px !important;
160    margin-right: 6px !important;
161    color: white !important;
162    vertical-align: middle !important;
163}
164
165/* Texte "Ajouter une annonce" */
166.hp-menu__item--listing-submit span {
167    font-size: 13.2px !important;
168    color: white !important;
169    display: inline !important;
170    text-align: center !important;
171    position: relative !important;
172}
173
174/* Media query pour les petits écrans */
175@media (max-width: 768px) {
176    .hp-menu__item--listing-submit {
177        font-size: 11px !important;  /* Réduction de la taille du texte */
178        padding: 10px 24px !important; /* Réduction du padding */
179        width: 80% !important;  /* Ajustement de la largeur pour mobile */
180    }
181
182    /* Réduire la taille de l'icône et ajuster l'espace */
183   .hp-menu__item--listing-submit i {
184        font-size: 15px !important;
185        margin-right: 5px !important;
185 /* Espacement ajusté */
186    }
187
188    /* Ajuster la taille du texte pour qu'il soit bien lisible sur mobile */
189   .hp-menu__item--listing-submit span {
190        font-size: 12px !important;
191    }
192}
193
194
195/* Changer la couleur du fond du site */
196body {
197    background-color: #E6F0FA; /* Bleu clair */
198}
199
200.hp-listing-category__item-count {
201    display: none;
202}
203
204/* Conteneur principal des images */
205.hp-listing-category__image-container {
206    display: grid;
207    grid-template-columns: repeat(4, 1fr); /* 4 colonnes par défaut sur PC */
208    gap: 1%; /* Espace entre les éléments */
209    width: 100%; /* Le conteneur prend toute la largeur disponible */
210}
211
212/* Style des images (chaque catégorie) */
213.hp-listing-category__image {
214    position: relative; /* Pour que les images puissent s'ajuster à la taille du conteneur */
215    width: 100%; /* L'image prend toute la largeur de son conteneur */
216    height: 0;
217    padding-bottom: 75%; /* Cela donne un aspect rectangulaire (ratio 4:3) */
218    overflow: hidden; /* Cacher toute partie qui dépasse du conteneur */
219}
220
221/* Les images elles-mêmes */
222.hp-listing-category__image img {
223    position: absolute; /* Positionner l'image à l'intérieur de son conteneur */
224    top: 0;
225    left: 0;
226    width: 100%; /* L'image prend toute la largeur du conteneur */
227    height: 100%; /* L'image prend toute la hauteur du conteneur */
228    object-fit: cover; /* Assurer que l'image couvre complètement l'espace sans déformation */
229    display: block; /* Supprimer les espaces blancs sous l'image */
230}
231
232/* Pour les tablettes ou téléphone en mode paysage */
233@media (max-width: 768px) {
234    .hp-listing-category__image-container {
235        grid-template-columns: repeat(2, 1fr); /* 2 colonnes par ligne */
236    }
237}
238
239/* Pour les petits écrans (téléphone en mode portrait) */
240@media (max-width: 480px) {
241    .hp-listing-category__image-container {
242        grid-template-columns: repeat(2, 1fr); /* 2 catégories par ligne */
243    }
244}
245
246
247
248
249
250
251
252
253
254
255img.custom-logo, 
256img#logo, 
257img.logo, 
258.header-logo img {
259    max-width: 120px !important; /* plus petit que 150px */
260    height: auto !important;
261}
262
263
264
265
266
267
268
269
270
271
272
273/* Effet au survol */
274#menu-header-1 li a:hover {
275    background-color: #1a2a5a;   
276    color: #ffffff;
277    transform: translateY(-2px); 
278    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
279}
280
281
282
283
284
285
286
287
288
289
290
291/* Conteneur autour du menu - Changement de fond pour plus de neutralité */
292.menu-wrapper {
293    background-color: #f8f9fa; /* Fond gris très clair/presque blanc pour un look épuré */
294    padding: 10px 0; /* Un peu moins de padding vertical */
295    display: flex;
296    justify-content: center;
297    align-items: center;
298    gap: 10px; /* Espace réduit entre les boutons */
299    border-bottom: 1px solid #dee2e6; /* Ligne de séparation subtile en bas */
300}
301
302/* Chaque lien dans son propre bouton pro */
303#menu-header-1 li a {
304    text-decoration: none;
305    color: #ffffff; /* Texte blanc */
306    background-color: #1F1F1F; /* Bleu standard moderne (Bootstrap Blue) */
307    padding: 12px 11px; /* Padding légèrement ajusté et réduit */
308    border-radius: 10px; /* Coins légèrement moins arrondis */
309    font-weight: 600; /* Plus de gras pour la lisibilité */
310    font-size: 12px; /* Taille d'écriture réduite (13px) */
311    display: inline-block;
312    text-align: center;
313    transition: all 0.2s ease-in-out; /* Transition plus rapide */
314    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Ombre plus subtile */
315    border: 1px solid #1F1F1F; /* Bordure de la même couleur que le fond */
316}
317
318/* Hover : changement de couleur + effet de pressage subtil */
319#menu-header-1 li a:hover {
320    background-color: #25D366; /* Bleu plus foncé */
321    border-color: #25D366;
322    transform: translateY(-1px); /* Soulèvement très léger */
323    box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* Ombre plus présente au survol */
324}
325
326/* Responsive : menu en colonne sur mobile */
327@media (max-width: 768px) {
328    .menu-wrapper {
329        padding: 15px 10px; /* Ajout d'un padding horizontal sur mobile */
330    }
331    #menu-header-1 {
332        display: flex; /* Assurez-vous que l'UL est un flex container pour le mode colonne */
333        flex-direction: column;
334        gap: 8px; /* Espace réduit entre les éléments en colonne */
335        width: 100%; /* L'UL prend toute la largeur */
336    }
337    #menu-header-1 li {
338         width: 100%; /* Le LI prend toute la largeur */
339    }
340    #menu-header-1 li a {
341        width: 100%; /* Le bouton prend toute la largeur */
342        box-sizing: border-box; /* S'assurer que padding/bordure sont inclus dans la largeur */
343    }
344}
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361/* ================= HOME ================= */
362body.home {
363    background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png');
364    background-size: cover;
365    background-position: center;
366    background-repeat: no-repeat;
367    background-attachment: fixed;
368}
369
370/* ============ AUTRES PAGES ============ */
371body:not(.home) {
372    position: relative;
373    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/11/Gemini_Generated_Image_f2hocjf2hocjf2ho.png');
374    background-size: cover;
375    background-position: center;
376    background-repeat: no-repeat;
377    background-attachment: fixed;
378}
379
380/* Overlay UNIQUEMENT hors home */
381body:not(.home)::before {
382    content: "";
383    position: fixed;
384    top: 0;
385    left: 0;
386    width: 100%;
387    height: 100%;
388    background-color: rgba(255,255,255,0.9);
389    z-index: -1;
390}
391
392
393/* Nouveau style pour le header avec image haute qualité */
394header.site-header {
395    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/12/Gemini_Generated_Image_qc70yhqc70yhqc70-1.png');
396    /* 'cover' assure que l'image remplit tout l'espace sans se déformer */
397    background-size: cover;
398    /* 'center' permet de garder le trophée et les drapeaux bien au milieu */
399    background-position: center center;
400    background-repeat: no-repeat;
401    position: relative;
402    /* Ajuste la hauteur si nécessaire pour mieux voir l'image */
403    min-height: 300px; 
404}
405
406header.site-header::before {
407    content: "";
408    position: absolute;
409    top: 0; 
410    left: 0; 
411    right: 0; 
412    bottom: 0;
413    /* Overlay sombre pour faire ressortir le menu et le texte (0.4 = 40% d'obscurité) */
414    background-color: rgba(0, 0, 0, 0.3); 
415    z-index: 0;
416}
417
418header.site-header * {
419    position: relative;
420    z-index: 1;
421    /* Optionnel : Force le texte en blanc pour contrer le fond foncé */
422    color: #ffffff;
423}
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461/* TOP CATEGORIES : 2 colonnes sur mobile + image + cadre agrandi + centrée */
462@media (max-width: 768px) {
463
464  /* Grille 2 colonnes avec petit gap */
465  .hp-listing-categories .hp-row,
466  .hp-listing-categories .hp-grid {
467    display: grid !important;
468    grid-template-columns: 1fr 1fr !important;
469    gap: 8px !important; /* Petit espace horizontal */
470    align-items: start;
471  }
472
473  /* Chaque item prend toute la colonne */
474  .hp-listing-categories .hp-grid__item,
475  .hp-listing-categories .hp-row > .hp-grid__item {
476    width: 100% !important;
477    margin: 0 !important;
478    box-sizing: border-box;
479  }
480
481  /* Bloc catégorie */
482  .hp-listing-category,
483  .hp-listing-category--view-block {
484    height: auto !important;
485    display: block !important;
486    padding: 6px !important;
487    text-align: center !important;
488    transition: transform 0.3s ease;
489  }
490
491  .hp-listing-category:hover {
492    transform: scale(1.03);
493  }
494
495  /* 🔥 Agrandir le container de l'image */
496  .hp-listing-category__image {
497    width: 100% !important;
498    height: 220px !important; /* Hauteur du cadre */
499    display: flex !important;
500    justify-content: center !important;
501    align-items: center !important;
502    overflow: hidden !important; /* Pour que l'image reste dans le cadre */
503    border-radius: 10px !important;
503 /* Coins arrondis du cadre */
504  }
505
506  /* Image centrée et couvre tout le container */
507  .hp-listing-category__image img,
508  .hp-listing-category img {
509    width: 100% !important;
510    height: 100% !important;
511    object-fit: cover !important;
512    display: block !important;
513  }
514
515  /* Texte sous l'image */
516  .hp-listing-category__content,
517  .hp-listing-category__name {
518    padding-top: 6px !important;
519    font-size: 14px !important;
520    line-height: 1.2 !important;
521    text-align: center !important;
522  }
523}
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545/* TEXTE visible blanc foncé sur toutes les tailles */
546.hp-listing-category__name a {
547    font-size: 14px !important; /* taille lisible */
548    color: #f0f0f0 !important; /* blanc foncé */
549    visibility: visible !important;
550}
551
552/* Supprimer overlay ::after si tu avais utilisé */
553.hp-listing-category__name a::after {
554    content: none !important;
555}
556
557/* Optionnel : mobile (pour garder taille plus petite ou spacing) */
558@media screen and (max-width: 767px) {
559    .hp-listing-category__name a {
560        font-size: 14px !important; /* taille adaptée mobile */
561    }
562}
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638/* Titres H1 H2 H3 sur la page d’accueil */
639.home h1,
640.home h2,
641.home h3 {
642    color: #ffffff !important;
643}
644
645/* Texte des widgets UNIQUEMENT sur la Home */
646.home .widget,
647.home .widget-title,
648.home .widget p,
649.home .widget span,
650.home .widget a,
651.home .widget li {
652    color: #ffffff !important;
653}
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670@media (max-width: 767px) {
671    /* Conteneur principal : scroll horizontal + peek très visible */
672    .hp-listing-categories .hp-row {
673        display: flex !important;
674        overflow-x: auto;
675        -webkit-overflow-scrolling: touch;
676        gap: 6px; /* rapprocher les cartes */
677        padding: 0 15px 15px 15px;
678        padding-right: 140px; /* ← peek encore plus visible */
679        margin-left: 0 !important;
680        margin-right: 0 !important;
681        flex-wrap: nowrap !important;
682        scrollbar-width: none;
683        position: relative;
684    }
685
686    .hp-listing-categories .hp-row::-webkit-scrollbar {
687        display: none;
688    }
689
690    /* Dégradé droit pour indiquer "plus" */
691    .hp-listing-categories .hp-row::after {
692        content: "";
693        position: absolute;
694        right: 0;
695        top: 0;
696        height: 100%;
697        width: 60px; /* légèrement plus large pour l’effet peek */
698        pointer-events: none;
699        background: linear-gradient(to left,
700            rgba(255,255,255,1) 0%,
701            rgba(255,255,255,0.6) 40%,
702            rgba(255,255,255,0) 100%);
703    }
704
705    /* Cartes : largeur plus grande pour mieux montrer le peek */
706    .hp-listing-categories .hp-row .hp-grid__item.hp-col-xs-12 {
707        width: 170px !important; /* cartes plus larges */
708        min-width: 170px !important;
709        float: none !important;
710        clear: none !important;
711        flex-shrink: 0 !important;
712        padding-left: 0 !important;
713        padding-right: 0 !important;
714        margin-bottom: 0 !important;
715    }
716
717    .hp-listing-categories .hp-row .hp-grid__item {
718        margin-top: 0 !important;
719        margin-right: 6px; 
720    }
721
722    .hp-listing-category--view-block {
723        padding: 0; /* enlever padding interne */
724        border-radius: 10px;
725        background: none; /* pas de fond */
726        transition: transform 0.3s ease;
727    }
728
729    /* Images remplissent complètement le cadre */
730    .hp-listing-category--view-block img {
731        width: 100%;
732        height: 150px; /* plus haut pour l’effet pro */
733        object-fit: cover;
734        display: block;
735        border-radius: 10px;
736        transition: transform 0.3s ease;
737        cursor: pointer;
738    }
739
740    /* Au clic : zoom temporaire */
741    .hp-listing-category--view-block img:active {
742        transform: scale(1.2);
743        z-index: 5;
744    }
745}
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765/* --- CODE PC (STRICTEMENT INCHANGÉ) --- */
766.hp-listing-categories {
767    margin-top: 30px !important;
768    position: relative;
769    z-index: 5;
770}
771
772.hp-listing-categories .hp-grid__item {
773    background: rgba(255, 255, 255, 0.05) !important;
774    backdrop-filter: blur(5px);
775    border: 1px solid rgba(255, 255, 255, 0.1) !important;
776    border-radius: 12px !important;
777    padding: 10px !important;
778    transition: all 0.3s ease !important;
779}
780
781.hp-listing-category__name a {
782    color: #ffffff !important;
783    text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
784    font-size: 14px !important;
785    font-weight: 600 !important;
786}
787
788.hp-listing-category__image img {
789    height: 120px !important;
790    width: 100% !important;
791    object-fit: cover !important;
792    border-radius: 8px !important;
793    opacity: 0.9;
794}
795
796.hp-listing-categories .hp-grid__item:hover {
797    background: rgba(255, 255, 255, 0.15) !important;
798    transform: scale(1.02) !important;
799}
800
801
802
803
804
805
806
807
808
809
810/* Style Professionnel Agrandi pour le Header (PC) */
811@media screen and (min-width: 992px) {
812    
813    /* FORCE LE HEADER COMPLET DEVANT TOUT LE RESTE */
814    .site-header {
815        position: relative !important;
816        z-index: 99999 !important;
817    }
818
819    /* 1. Suppression des box et réglage de la taille du texte */
820    .header-navbar__menu ul.menu li a {
821        background: none !important;
822        border: none !important;
823        box-shadow: none !important;
824        color: #333 !important;
825        font-size: 16px !important;
826        font-weight: 600 !important;
827        text-transform: none !important;
828        padding: 5px 12px !important;
829        transition: color 0.3s ease;
830    }
831
832    /* 2. Effet au survol */
833    .header-navbar__menu ul.menu li a:hover {
834        color: #2c7cf6 !important;
835        text-decoration: none !important;
836    }
837
838    /* 3. Masquage des catégories et du doublon profil */
839    .header-navbar__menu .menu-item-type-taxonomy,
840    .header-navbar__menu .menu-item--last.menu-item--user-account {
841        display: none !important;
842    }
843
844    /* 4. Alignement et espacement */
845    .header-navbar__menu ul.menu {
846        display: flex !important;
847        flex-direction: row !important;
848        align-items: center !important;
849        justify-content: flex-end !important;
850        gap: 25px !important;
851        margin: 0 !important;
852    }
853
854    /* 5. Forcer l'affichage horizontal */
855    .menu-item-privacy-policy, 
856    #menu-item-7525, 
857    #menu-item-6304,
858    .menu-item--first.menu-item--user-account {
859        display: flex !important;
860    }
861
862    /* 6. FORCE LE MENU DÉROULANT AU PREMIER PLAN */
863    .header-navbar__menu, 
864    .menu-item--user-account,
865    .sub-menu.hp-menu--user-account {
866        z-index: 100000 !important;
867        overflow: visible !important; /* Empêche le menu d'être coupé */
868    }
869
870    .sub-menu.hp-menu--user-account {
871        background: #ffffff !important;
872        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
873        visibility: visible !important;
874    }
875}
876
877/* Style Professionnel Agrandi - Correction Menu Déroulant */
878@media screen and (min-width: 992px) {
879    
880    /* 1. Force le header au premier plan */
881    .site-header, .header-navbar {
882        z-index: 99999 !important;
883        position: relative !important;
884    }
885
886    /* 2. Style des liens (Texte seul, pas de box) */
887    .header-navbar__menu ul.menu li a {
888        background: none !important;
889        border: none !important;
890        box-shadow: none !important;
891        color: #333 !important;
892        font-size: 16px !important;
893        font-weight: 600 !important;
894        text-transform: none !important;
895        padding: 5px 12px !important;
896        transition: color 0.3s ease;
897    }
898
899    /* 3. Masquage des éléments inutiles */
900    .header-navbar__menu .menu-item-type-taxonomy,
901    .header-navbar__menu .menu-item--last.menu-item--user-account {
902        display: none !important;
903    }
904
905    /* 4. Alignement du menu */
906    .header-navbar__menu ul.menu {
907        display: flex !important;
908        flex-direction: row !important;
909        align-items: center !important;
910        justify-content: flex-end !important;
911        gap: 25px !important;
912    }
913
914    /* 5. GESTION DU MENU DÉROULANT (PROFILE) */
915    
916    /* Cache le menu par défaut */
917    .menu-item--user-account .sub-menu {
918        display: none !important;
919        visibility: hidden !important;
920        opacity: 0;
921        position: absolute !important;
922        z-index: 100000 !important;
923        background: #000000 !important;
924        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
925        transition: opacity 0.2s ease;
926    }
927
928    /* Affiche le menu UNIQUEMENT au survol de la souris */
929    .menu-item--user-account:hover .sub-menu {
930        display: block !important;
931        visibility: visible !important;
932        opacity: 1;
933    }
934
935    /* Assure que les éléments du sous-menu sont lisibles */
936    .sub-menu.hp-menu--user-account li a {
937        font-size: 14px !important;
938        font-weight: 500 !important;
939        padding: 10px 20px !important;
940        display: block !important;
941    }
942}
943
944
945
946
947
948
949
950
951
952
953
954/* --- CERCLE BLANC MENU MOBILE (TOUT LE SITE) --- */
955@media (max-width: 991px) {
956    /* On cible l'icône bars directement, peu importe la page */
957    i.fas.fa-bars, 
958    i.fa-bars,
959    .hp-menu-toggle i,
960    .header-navbar__toggler i {
961        background-color: #ffffff !important; /* Fond blanc */
962        color: #000000 !important; /* Traits noirs */
963        width: 42px !important;
964        height: 42px !important;
965        line-height: 42px !important; /* Centre verticalement */
966        text-align: center !important; /* Centre horizontalement */
967        border-radius: 50% !important; /* Cercle parfait */
968        display: inline-block !important;
969        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4) !important;
970        font-size: 18px !important;
971        cursor: pointer !important;
972        /* Fix pour éviter les déformations sur certaines pages */
973        margin: 0 !important;
974        padding: 0 !important;
975    }
976
977    /* On nettoie le bouton parent pour ne pas avoir de double fond */
978    .hp-menu-toggle, 
979    .navbar-toggler, 
980    .header-navbar__toggler {
981        background: transparent !important;
982        border: none !important;
983        padding: 0 !important;
984        box-shadow: none !important;
985    }
986}
987	 
988
989
990
991
992
993/* S'applique UNIQUEMENT aux mobiles et tablettes (écran < 1024px) */
994@media (max-width: 1024px) {
995    
996    /* Force le noir sur l'icône de profil et les éléments du menu mobile */
997    .site-header i, 
998    .site-header svg, 
999    .site-header a,
1000    [class*="wd-"] i, 
1001    [class*="wd-"] svg,
1002    .mobile-menu-inner i, 
1003    .mobile-menu-inner svg,
1004    .wd-tools-icon::before,
1005    .wd-tools-icon::after,
1006    .wd-header-my-account i,
1007    .wd-my-account-with-icon i {
1008        color: #000000 !important;
1009        fill: #000000 !important;
1010        -webkit-text-fill-color: #000000 !important;
1011    }
1012
1013    /* Force spécifiquement le bouton de fermeture (X) s'il est blanc */
1014    .wd-close-button, .close-side-widget {
1015        color: #000000 !important;
1016    }
1017}
1018header.site-header {
1019    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/12/Gemini_Generated_Image_qc70yhqc70yhqc70-1.png') !important;
1020    background-size: cover !important;
1021    background-position: center 0% !important; /* Ajuste la hauteur des drapeaux */
1022    background-repeat: no-repeat !important;
1023}
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033/* Force le menu en BLANC sur toutes les langues - Uniquement PC */
1034@media screen and (min-width: 1024px) {
1035    #menu-header-1, 
1036    #menu-header-1 li a, 
1037    #menu-header-1 li a span, 
1038    #menu-header-1 .hp-icon {
1039        color: #ffffff !important;
1040        fill: #ffffff !important;
1041    }
1042
1043    /* Force aussi les liens qui ne sont pas dans le menu principal mais dans le header */
1044    .header-navbar__end a, 
1045    .header-navbar__end span {
1046        color: #ffffff !important;
1047    }
1048}
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125/* Correction PC : On descend encore plus les éléments */
1126@media (min-width: 992px) {
1127    
1128    /* 1. Descend la barre de recherche du haut par rapport à l'image Hero */
1129    .hp-page__header {
1130        margin-top: 40px !important; /* Augmenté de 20 à 40px */
1131        margin-bottom: 40px !important;
1132    }
1133
1134    /* 2. Descend le filtre de gauche quand on scroll la page */
1135    /* On augmente le 'top' pour qu'il s'arrête plus bas sur l'écran */
1136    .hp-page__sidebar .inner-wrapper-sticky,
1137    .site-sidebar [data-component="sticky"] {
1138        top: 160px !important; /* Augmenté de 130 à 160px */
1139    }
1140
1141    /* 3. Espace de sécurité interne pour le filtre de gauche */
1142    .hp-page__sidebar .inner-wrapper-sticky {
1143        padding-top: 15px !important;
1144    }
1145}
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224/* S'applique à tous les écrans (PC + Mobile) */
1225
1226/* 1. Change la couleur de la bordure du cadre en OR */
1227article.hp-listing-category--view-block {
1228    border: 2px solid #bf953f !important; /* Couleur Or métallique */
1229    border-radius: 15px !important;       /* Coins arrondis */
1230    overflow: hidden !important;
1231    background-color: transparent !important;
1232}
1233
1234/* 2. Supprime tout fond noir qui pourrait rester dans le cadre */
1235.hp-listing-category--view-block .hp-listing-category__header {
1236    background-color: transparent !important;
1237}
1238
1239/* 3. Optionnel : Petit effet de brillance au survol de la souris sur PC */
1240article.hp-listing-category--view-block:hover {
1241    border-color: #fcf6ba !important; /* Or plus clair au survol */
1242    transition: border-color 0.3s ease;
1243}
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298/* Correction spécifique pour PC uniquement */
1299@media (min-width: 1025px) {
1300
1301    /* 1. On force la section cover tout en bas */
1302    section.header-hero--cover, 
1303    .header-hero {
1304        z-index: 1 !important;
1305        position: relative !important;
1306    }
1307
1308    /* 2. On force le LOGIN (et son conteneur Fancybox) à monter */
1309    .fancybox-container,
1310    .fancybox-overlay,
1311    .hp-modal,
1312    #user_login_modal {
1313        z-index: 99999 !important; /* Très haut */
1314    }
1315
1316    /* 3. On met le CHAT AI au sommet de la pyramide (encore plus haut que le login) */
1317    #ai-float-btn {
1318        z-index: 1000000 !important; /* 1 Million pour être sûr */
1319        pointer-events: auto !important;
1320    }
1321
1322    #ai-chat-popup {
1323        z-index: 1000001 !important;
1324        pointer-events: auto !important;
1325    }
1326
1327    #ai-chat-overlay {
1328        z-index: 999999 !important;
1329    }
1330}
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417
1418
1419
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431
1432
1433
1434
1435
1436/* BOUTON OR MÉTAL MASSIF 3D - TEXTE NOIR UNIVERSEL */
1437.hp-menu__item--listing-submit.button {
1438    /* 1. Dégradé Or Foncé Miroir */
1439    background: linear-gradient(180deg, 
1440        #7d5d11 0%,   
1441        #bf953f 40%,  
1442        #ffffff 50%,  
1443        #b38728 60%,  
1444        #4a3708 100%  
1445    ) !important;
1446    background-size: 100% 100% !important;
1447
1448    /* 2. ÉCRITURE NOIRE (Visible partout) */
1449    color: #000000 !important;
1450    font-weight: 800 !important;
1451    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4) !important; /* Ombre claire pour détacher le noir */
1452    
1453    /* 3. EFFET 3D MASSIF */
1454    border: 1px solid #5c440a !important;
1455    border-bottom: 5px solid #3d2e05 !important; 
1456    border-radius: 8px !important;
1457    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5) !important;
1458
1459    /* 4. MOUVEMENT */
1460    display: inline-flex !important;
1461    align-items: center !important;
1462    position: relative !important;
1463    animation: goldPulse3D 2s infinite ease-in-out !important; 
1464    transition: all 0.2s ease-in-out !important;
1465    cursor: pointer !important;
1466}
1467
1468/* SÉCURITÉ : FORCE LE NOIR SUR LE TEXTE ET GOOGLE TRANSLATE */
1469.hp-menu__item--listing-submit.button span,
1470.hp-menu__item--listing-submit.button font,
1471.hp-menu__item--listing-submit.button i {
1472    color: #000000 !important;
1473}
1474
1475/* 5. L'ÉCLAIR QUI PASSE */
1476.hp-menu__item--listing-submit.button::after {
1477    content: "" !important;
1478    position: absolute !important;
1479    top: -50% !important;
1480    left: -150% !important;
1481    width: 80px !important;
1482    height: 200% !important;
1483    background: linear-gradient(
1484        to right, 
1485        rgba(255,255,255,0) 0%, 
1486        rgba(255,255,255,0.7) 50%, 
1487        rgba(255,255,255,0) 100%
1488    ) !important;
1489    transform: rotate(25deg) !important;
1490    animation: goldShine3D 3s infinite !important;
1491}
1492
1493/* KEYFRAMES UNIQUE : Pulsation du bouton */
1494@keyframes goldPulse3D {
1495    0% { transform: scale(1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); }
1496    50% { transform: scale(1.06); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6); }
1497    100% { transform: scale(1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); }
1498}
1499
1500/* KEYFRAMES : Flash de lumière */
1501@keyframes goldShine3D {
1502    0% { left: -150%; }
1503    25% { left: 150%; }
1504    100% { left: 150%; }
1505}
1506
1507/* Icône + en NOIR */
1508.hp-menu__item--listing-submit.button i {
1509    color: #000000 !important;
1510    margin-right: 8px !important;
1511    font-size: 1.1em !important;
1512}
1513
1514/* Effet au clic (s'enfonce) */
1515.hp-menu__item--listing-submit.button:active {
1516    transform: scale(0.95) !important;
1517    border-bottom: 2px solid #3d2e05 !important;
1518}
1519
1520
1521
1522
1523
1524
1525
1526
1527
1528
1529
1530
1531
1532
1533
1534
1535
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562
1563
1564
1565
1566
1567
1568
1569
1570
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
1587
1588
1589
1590
1591
1592
1593/* 1. On stabilise le bloc parent */
1594.hp-listing--view-block {
1595    position: relative !important;
1596}
1597
1598/* 2. Positionnement précis sur l'image */
1599.hp-listing--view-block .hp-listing__attribute--statut {
1600    display: flex !important;
1601    align-items: center !important;
1602    justify-content: center !important;
1603    position: absolute !important;
1604    
1605    /* Centrage sur la zone de l'image */
1606    /* top: 25% permet de viser le milieu de la photo plutôt que le milieu de la carte entière */
1607    top: 25% !important; 
1608    left: 50% !important;
1609    transform: translate(-50%, -50%) !important;
1610    
1611    /* Priorité visuelle */
1612    z-index: 9999 !important;
1613    
1614    /* Design Gold avec transparence (0.85) */
1615    background: linear-gradient(135deg, rgba(191,149,63,0.85), rgba(252,246,186,0.85), rgba(179,135,40,0.85)) !important;
1616    color: #000 !important;
1617    border: 1px solid rgba(138,109,41,1) !important;
1618    
1619    /* Taille XXL */
1620    padding: 10px 25px !important;
1621    border-radius: 6px !important;
1622    font-weight: 900 !important;
1623    font-size: 18px !important; 
1624    text-transform: uppercase !important;
1625    letter-spacing: 1px !important;
1626    box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
1627    
1628    white-space: nowrap !important;
1629    pointer-events: none; /* Laisse l'image cliquable */
1630}
1631
1632/* 3. On annule les marges qui pourraient décentrer le badge */
1633.hp-listing--featured .hp-listing__attribute--statut {
1634    left: 50% !important;
1635}
1636
1637/* 4. On s'assure que le badge ne réapparaît pas en bas */
1638.hp-listing__footer .hp-listing__attribute--statut {
1639    position: absolute !important;
1640    margin: 0 !important;
1641}
1642
1643
1644
1645
1646
1647
1648
1649
1650
1651
1652
1653
1654
1655
1656
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668
1669
1670
1671
1672
1673
1674
1675
1676
1677
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719
1720
1721
1722
1723
1724
1725
1726
1727
1728
1729
1730
1731
1732
1733
1734
1735
1736/* 1. On vide le texte original "Supprimer" et les balises font */
1737.hp-listing__action--delete span {
1738    font-size: 0 !important;
1739    visibility: hidden !important;
1740    display: inline-block !important;
1741}
1742
1743/* 2. On injecte "Vendu" à la place */
1744.hp-listing__action--delete span::after {
1745    content: "Vendu" !important;
1746    font-size: 14px !important; /* On redonne une taille au texte */
1747    font-weight: 600 !important;
1748    text-transform: uppercase !important;
1749    visibility: visible !important;
1750    display: inline-block !important;
1751    color: #d4af37 !important; /* Couleur dorée pour le côté pro */
1752    margin-left: 5px !important;
1753}
1754
1755/* 3. On s'assure que l'icône (X) reste visible ou change de couleur */
1756.hp-listing__action--delete i {
1757    font-size: 14px !important;
1758    color: #d4af37 !important;
1759}
1760
1761
1762
1763
1764
1765
1766
1767
1768
1769
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782
1783
1784
1785
1786
1787
1788
1789
1790
1791
1792
1793
1794
1795
1796
1797
1798
1799
1800
1801
1802
1803
1804
1805
1806
1807
1808
1809
1810
1811
1812
1813
1814
1815
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847/* 1. Cacher le texte de la description (Do you confirm...) */
1848.hp-form--listing-delete .hp-form__description,
1849.hp-form--listing-delete .hp-form__description font {
1850    font-size: 0 !important;
1851    visibility: hidden !important;
1852}
1853
1854/* Insérer le nouveau message de confirmation */
1855.hp-form--listing-delete .hp-form__description::before {
1856    content: "Confirmez-vous la validation de cette vente ? Cette action est définitive." !important;
1857    font-size: 16px !important; /* Ajuste la taille selon ton besoin */
1858    visibility: visible !important;
1859    display: block !important;
1860    color: #333 !important;
1861    margin-bottom: 15px !important;
1862}
1863
1864/* 2. Cacher le texte du bouton (Delete an ad) */
1865.hp-form--listing-delete .hp-field--submit span,
1866.hp-form--listing-delete .hp-field--submit span font {
1867    font-size: 0 !important;
1868    visibility: hidden !important;
1869}
1870
1871/* Insérer le nouveau texte sur le bouton */
1872.hp-form--listing-delete .hp-field--submit span::before {
1873    content: "Valider la vente" !important;
1874    font-size: 14px !important;
1875    visibility: visible !important;
1876    text-transform: uppercase !important;
1877    font-weight: bold !important;
1878}
1879
1880/* 3. Optionnel : Changer la couleur du bouton en Vert ou Gold pour le côté positif */
1881.hp-form--listing-delete .hp-field--submit {
1882    background-color: #d4af37 !important; /* Gold comme ton badge */
1883    border-color: #d4af37 !important;
1884}
1885
1886.hp-form--listing-delete .hp-field--submit:hover {
1887    background-color: #b38728 !important;
1888}
1889
1890
1891/* 1. Cache le titre original du modal de suppression */
1892#listing_delete_modal .hp-modal__title,
1893.hp-form--listing-delete .hp-modal__title {
1894    font-size: 0 !important;
1895    visibility: hidden !important;
1896}
1897
1898/* 2. Injecte le nouveau titre pro */
1899#listing_delete_modal .hp-modal__title::before,
1900.hp-form--listing-delete .hp-modal__title::before {
1901    content: "Validation de la vente" !important;
1902    font-size: 22px !important; /* Taille standard des titres HivePress */
1903    visibility: visible !important;
1904    display: block !important;
1905    font-family: inherit !important;
1906    font-weight: 600 !important;
1907    color: #333 !important;
1908}
1909
1910/* 3. Petit ajustement de l'icône de fermeture (optionnel) */
1911.hp-modal__close {
1912    color: #999 !important;
1913}
1914
1915
1916
1917
1918
1919
1920
1921
1922
1923
1924
1925
1926
1927
1928
1929
1930
1931
1932
1933
1934
1935
1936/* ================================================================
1937   BOUTON "S'INSCRIRE" - VERSION ANTI-PARASITE FINALE
1938   ================================================================ */
1939
1940.hp-menu__item--listing-submit.button {
1941    display: inline-flex !important;
1942    align-items: center !important;     
1943    justify-content: center !important;  
1944    min-width: 140px !important;      
1945    height: 34px !important;         
1946    position: relative !important;
1947    
1948    /* 1. ON FORCE LE CACHAGE DE TOUT CE QUI DÉPASSE */
1949    overflow: hidden !important; 
1950    font-size: 0 !important; 
1951    color: transparent !important;
1952}
1953
1954/* 2. ON NEUTRALISE LE SPAN ORIGINAL (MÊME AU SURVOL) */
1955.hp-menu__item--listing-submit.button span,
1956.hp-menu__item--listing-submit.button:hover span {
1957    display: none !important;
1958    opacity: 0 !important;
1959    visibility: hidden !important;
1960    position: absolute !important;
1961    left: -9999px !important; /* On l'envoie très loin */
1962}
1963
1964/* 3. ON NEUTRALISE L'ICÔNE ORIGINALE */
1965.hp-menu__item--listing-submit.button i,
1966.hp-menu__item--listing-submit.button:hover i {
1967    display: none !important;
1968    opacity: 0 !important;
1969}
1970
1971/* 4. ON INJECTE NOTRE TEXTE "S'INSCRIRE" DE MANIÈRE FIXE */
1972.hp-menu__item--listing-submit.button::before {
1973    content: "S'INSCRIRE" !important;
1974    font-family: inherit !important;
1975    font-size: 11px !important; 
1976    font-weight: 800 !important;
1977    color: #000000 !important;
1978    
1979    /* Propriétés de positionnement */
1980    display: block !important;
1981    visibility: visible !important;
1982    opacity: 1 !important;
1983    position: relative !important;
1984    z-index: 10 !important;
1985    text-indent: 0 !important; /* Annule le décalage du texte original */
1986}
1987
1988/* 5. DESIGN DU BOUTON (OR 3D) */
1989.hp-menu__item--listing-submit.button {
1990    background: linear-gradient(180deg, #7d5d11 0%, #bf953f 40%, #ffffff 50%, #b38728 60%, #4a3708 100%) !important;
1991    border-radius: 8px !important;
1992    border: 1px solid #5c440a !important;
1993    border-bottom: 3px solid #3d2e05 !important;
1994}
1995
1996/* 6. EFFET DE SURVOL (SANS CHANGER LE TEXTE) */
1997.hp-menu__item--listing-submit.button:hover {
1998    filter: brightness(1.1) !important;
1999}
2000
2001
2002
2003
2004
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036/* ================================================================
2037   TITRES H5 EN ORANGE / GOLD (PAGE HOME UNIQUEMENT)
2038   ================================================================ */
2039
2040.home h5.widget__title {
2041    /* Un beau orange doré profond */
2042    color: #bf953f !important; 
2043    
2044    /* Optionnel : Un léger relief pour plus de lisibilité */
2045    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
2046    font-weight: 700 !important;
2047    text-transform: uppercase !important;
2048}
2049
2050/* On change aussi la petite barre décorative juste au-dessus */
2051.home h5.widget__title::before {
2052    background-color: #ff9800 !important; /* Orange vif pour le rappel */
2053}
2054
2055
2056.home h5, 
2057.home h5 a {
2058    color: #ffffff !important;
2059}
2060
2061
2062
2063
2064
2065
2066
2067
2068
2069
2070
2071
2072
2073
2074
2075
2076
2077
2078
2079
2080
2081
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094
2095
2096
2097
2098
2099
2100
2101
2102
2103
2104
2105
2106
2107
2108
2109
2110
2111
2112
2113
2114
2115
2116
2117
2118
2119
2120
2121
2122
2123
2124
2125
2126
2127
2128
2129
2130
2131
2132
2133
2134
2135
2136/* ================================================================
2137   FORCE L'ALIGNEMENT DES ANNONCES (SANS TOUCHER AUX CATÉGORIES)
2138   ================================================================ */
2139
2140/* 1. On cible uniquement les blocs d'ANNONCES (services) */
2141/* On exclut strictement tout ce qui contient "category" */
2142.hp-grid__item article.hp-listing:not(.hp-listing-category) {
2143    display: flex !important;
2144    flex-direction: column !important;
2145    height: 100% !important;
2146}
2147
2148/* 2. On aligne le contenu interne pour pousser le footer (icônes) en bas */
2149article.hp-listing:not(.hp-listing-category) .hp-listing__content {
2150    flex-grow: 1 !important;
2151    display: flex !important;
2152    flex-direction: column !important;
2153    justify-content: space-between !important;
2154}
2155
2156/* 3. On fixe une hauteur minimale pour les titres des annonces pour qu'ils soient alignés */
2157article.hp-listing:not(.hp-listing-category) .hp-listing__title {
2158    min-height: 2.5em !important;
2159    margin-bottom: 10px !important;
2160}
2161
2162/* ================================================================
2163   VERROUILLAGE DU DESIGN DES CATÉGORIES (PROTECTION)
2164   ================================================================ */
2165
2166/* On force les catégories à ignorer les règles Flexbox ci-dessus 
2167   pour qu'elles gardent ton design (cadre Or, images 4:3, etc.) */
2168article.hp-listing-category, 
2169.hp-listing-category--view-block {
2170    display: block !important; /* Retour au mode normal */
2171    height: auto !important;
2172}
2173
2174/* On s'assure que le contenu des catégories reste centré comme dans ton code */
2175.hp-listing-category__content {
2176    display: block !important;
2177    text-align: center !important;
2178}
2179
2180
2181
2182
2183
2184
2185
2186
2187
2188
2189
2190
2191
2192
2193
2194
2195
2196
2197
2198
2199
2200
2201
2202
2203
2204
2205
2206
2207
2208
2209
2210
2211
2212
2213
2214
2215
2216
2217
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229
2230
2231
2232
2233
2234
2235
2236/* ================================================================
2237   DESIGN ANNONCES "ULTRA-PRO" - STYLE LUXE & RELIEF
2238   ================================================================ */
2239
2240/* 1. La Carte (Le conteneur) */
2241article.hp-listing--view-block {
2242    background: #ffffff !important;
2243    border: 1px solid rgba(191, 149, 63, 0.2) !important; /* Bordure or très fine */
2244    border-radius: 15px !important;
2245    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
2246    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
2247    overflow: hidden !important;
2248}
2249
2250/* 2. Le Cadre Photo (L'effet "Cercle/Carré Or" Pro) */
2251.hp-listing__header {
2252    padding: 12px !important; /* Crée l'espace interne */
2253    background: #ffffff !important;
2254}
2255
2256.hp-listing__image {
2257    border: 2px solid #bf953f !important; /* Le trait d'or qui entoure la photo */
2258    border-radius: 12px !important;
2259    overflow: hidden !important;
2260    position: relative !important;
2261}
2262
2263.hp-listing__image img {
2264    transition: transform 0.6s ease !important;
2265    object-fit: cover !important;
2266}
2267
2268/* 3. Style du Texte (Titre et contenu) */
2269.hp-listing__content {
2270    padding: 15px !important;
2271    text-align: left !important;
2272}
2273
2274.hp-listing__title a {
2275    font-size: 17px !important;
2276    color: #222 !important;
2277    font-weight: 700 !important;
2278    line-height: 1.3 !important;
2279    text-decoration: none !important;
2280}
2281
2282/* 4. Le Footer (Zone du bas avec icônes) */
2283.hp-listing__footer {
2284    background: #f9f9f9 !important;
2285    border-top: 1px solid rgba(0,0,0,0.05) !important;
2286    padding: 10px 15px !important;
2287}
2288
2289/* 5. Effet au Survol (Hover) - TRÈS PRO */
2290article.hp-listing--view-block:hover {
2291    transform: translateY(-5px) !important;
2292    box-shadow: 0 12px 30px rgba(191, 149, 63, 0.2) !important; /* Ombre dorée diffuse */
2293    border-color: #bf953f !important;
2294}
2295
2296article.hp-listing--view-block:hover .hp-listing__image img {
2297    transform: scale(1.1) !important; /* Zoom doux sur l'image */
2298}
2299
2300article.hp-listing--view-block:hover .hp-listing__title a {
2301    color: #bf953f !important; /* Le texte devient or */
2302}
2303
2304/* 6. Badge "Vérifié" ou Statut s'il existe */
2305.hp-listing__attribute--statut {
2306    border-radius: 4px !important;
2307    letter-spacing: 0.5px !important;
2308}
2309
2310
2311
2312
2313
2314
2315
2316
2317
2318
2319
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352/* Application de l'image au header du site */
2353.hp-header, .site-header {
2354    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/IMG_20260223_191447.png") !important;
2355    background-size: cover !important;
2356    background-position: center center !important;
2357    background-repeat: no-repeat !important;
2358    padding: 60px 0 !important; /* Ajuste la hauteur du header ici */
2359    transition: background 0.3s ease-in-out;
2360}
2361
2362/* Assure que le texte sur l'image reste lisible (blanc) */
2363.hp-header a, .hp-header .hp-menu__item, .site-header  {
2364    color: #ffffff !important;
2365}
2366
2367/* Adaptation pour mobile */
2368@media (max-width: 768px) {
2369    .hp-header, .site-header {
2370        padding: 40px 0 !important;
2371        background-attachment: scroll !important;
2372    }
2373}
2374
2375
2376
2377
2378
2379
2380
2381
2382
2383
2384
2385
2386
2387
2388
2389
2390
2391
2392
2393
2394
2395
2396
2397
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407
2408
2409
2410
2411
2412
2413
2414
2415
2416
2417
2418
2419
2420
2421
2422
2423
2424
2425
2426
2427
2428
2429
2430
2431
2432
2433
2434
2435
2436/* 1. FORCE LE TRI SUR TOUS LES ÉCRANS */
2437.hp-listing-categories .hp-row {
2438    display: flex !important;
2439    /* On garde le nowrap pour ton effet de scroll mobile */
2440    flex-wrap: nowrap !important; 
2441}
2442
2443/* Sur PC on veut que ça revienne à la ligne normalement */
2444@media (min-width: 768px) {
2445    .hp-listing-categories .hp-row {
2446        flex-wrap: wrap !important;
2447    }
2448}
2449
2450/* 2. POSITIONNEMENT DES ÉLÉMENTS */
2451/* Toutes les catégories ont l'ordre 1 par défaut */
2452.hp-listing-categories .hp-grid__item {
2453    order: 1 !important;
2454}
2455
2456/* Cible spécifiquement "Autre secteur" par son lien pour le mettre à la fin */
2457.hp-listing-categories .hp-grid__item:has(a[href*="autre-secteur"]) {
2458    order: 99 !important;
2459}
2460
2461/* 3. RÉTABLISSEMENT DU SCROLL MOBILE (Ton Peek effect) */
2462@media (max-width: 767px) {
2463    .hp-listing-categories .hp-row {
2464        overflow-x: auto !important;
2465        -webkit-overflow-scrolling: touch !important;
2466        /* On s'assure que le conteneur ne bloque pas le tri */
2467        display: flex !important; 
2468    }
2469
2470    /* On s'assure que les cartes ne rétrécissent pas à cause du flex */
2471    .hp-listing-categories .hp-row .hp-grid__item {
2472        flex-shrink: 0 !important;
2473    }
2474}
2475
2476
2477
2478
2479
2480
2481
2482
2483
2484
2485
2486
2487
2488
2489
2490
2491
2492
2493
2494
2495
2496
2497
2498
2499
2500
2501
2502
2503
2504
2505
2506
2507
2508
2509
2510
2511
2512
2513
2514
2515
2516
2517
2518
2519
2520
2521
2522
2523
2524
2525
2526
2527
2528
2529
2530
2531
2532
2533
2534
2535#ai-chat-teaser {
2536    pointer-events: none; /* Le clic traverse l'élément et touche le bouton en dessous */
2537}
2538
2539#ai-chat-teaser img {
2540    pointer-events: auto; /* Permet de cliquer quand même sur l'image si besoin */
2541}
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551/* Uniquement le fond noir sur la page d'accueil */
2552body.home {
2553    background-color: #000000 !important;
2554}
2555
2556
2557
2558
2559
2560
2561
2562
2563
2564
2565
2566
2567
2568
2569
2570
2571
2572
2573
2574
2575
2576
2577
2578
2579
2580
2581
2582
2583
2584
2585
2586
2587
2588
2589
2590
2591
2592
2593
2594
2595
2596
2597
2598
2599
2600
2601
2602
2603
2604
2605
2606
2607
2608
2609
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619
2620
2621
2622
2623
2624
2625
2626
2627
2628
2629
2630
2631
2632
2633
2634
2635
2636
2637
2638
2639
2640
2641/* 1. On active le mode Flex sur le conteneur des annonces */
2642.hp-listings.hp-grid {
2643    display: flex !important;
2644    flex-wrap: wrap;
2645}
2646
2647/* 2. On donne un ordre par défaut (0) à toutes les annonces */
2648.hp-listings .hp-grid__item {
2649    order: 1;
2650}
2651
2652/* 3. On cible l'annonce qui CONTIENT l'attribut "Inscription en attente" pour la mettre à la fin */
2653.hp-listings .hp-grid__item:has(.hp-listing__attribute--statut) {
2654    order: 99 !important;
2655    opacity: 0.7; /* Optionnel : pour différencier visuellement celles en attente */
2656}
2657
2658
2659
2660
2661
2662
2663
2664
2665
2666
2667
2668
2669
2670
2671
2672
2673
2674
2675
2676
2677
2678
2679
2680
2681
2682
2683
2684
2685
2686
2687
2688
2689
2690
2691
2692
2693
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704
2705
2706
2707
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717
2718
2719
2720
2721
2722
2723
2724
2725
2726
2727
2728
2729
2730
2731
2732
2733
2734
2735
2736
2737
2738
2739
2740
2741
2742
2743
2744
2745
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759
2760
2761
2762
2763
2764
2765
2766
2767
2768
2769
2770
2771
2772
2773
2774
2775
2776
2777
2778
2779
2780
2781
2782
2783
2784
2785
2786
2787
2788
2789
2790
2791
2792
2793
2794
2795
2796
2797
2798
2799
2800
2801
2802
2803
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816
2817
2818
2819
2820
2821
2822
2823
2824
2825
2826
2827
2828
2829
2830
2831
2832
2833
2834
2835
2836/* Appliquer l'image en fond d'écran uniquement sur la page d'accueil */
2837body.home {
2838    background-image: url('https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/04/Gemini_Generated_Image_ll5th4ll5th4ll5t.png') !important;
2839    background-attachment: fixed !important; /* L'image reste fixe lors du scroll */
2840    background-size: cover !important;      /* L'image couvre tout l'écran */
2841    background-position: center !important;  /* L'image est centrée */
2842    background-repeat: no-repeat !important;
2843}
2844
2845/* Optionnel : Si votre thème a des blocs blancs qui cachent le fond, 
2846   ce code rend les conteneurs transparents pour voir l'image derrière */
2847body.home .site-content, 
2848body.home .hp-listing-categories {
2849    background-color: transparent !important;
2850}
2851
2852
2853
2854
2855
2856
2857
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874
2875
2876
2877
2878
2879
2880
2881
2882
2883
2884
2885
2886
2887
2888
2889
2890
2891
2892
2893
2894
2895
2896
2897
2898
2899
2900
2901
2902
2903
2904
2905
2906
2907/* --- FORCE LE MENU ET LE BOUTON SUR UNE SEULE LIGNE --- */
2908@media screen and (min-width: 1024px) {
2909
2910    /* 1. On force le conteneur à ne JAMAIS casser la ligne */
2911    .header-navbar__end {
2912        display: flex !important;
2913        flex-wrap: nowrap !important; 
2914        align-items: center !important;
2915        justify-content: flex-end !important;
2916        width: auto !important;
2917    }
2918
2919    /* 2. On rend le menu ultra-compact */
2920    .header-navbar__menu ul.menu {
2921        display: flex !important;
2922        flex-wrap: nowrap !important;
2923        gap: 8px !important; /* Espace minimum entre les liens */
2924        margin: 0 !important;
2925        padding: 0 !important;
2926    }
2927
2928    /* 3. On réduit la taille du texte et on interdit le retour à la ligne sur les mots */
2929    .header-navbar__menu ul.menu > li > a {
2930        font-size: 12px !important; /* Taille réduite pour laptop */
2931        letter-spacing: -0.2px !important; /* Rapproche un peu les lettres */
2932        white-space: nowrap !important; /* INTERDIT de passer à la ligne */
2933        padding: 5px 4px !important;
2934    }
2935
2936    /* 4. On s'assure que le bouton doré reste collé au menu sans sauter */
2937    .hp-menu__item--listing-submit {
2938        flex-shrink: 0 !important; /* Le bouton ne peut pas rétrécir */
2939        white-space: nowrap !important;
2940        margin-left: 10px !important;
2941        font-size: 11px !important;
2942        padding: 8px 12px !important;
2943    }
2944
2945    /* 5. Si vraiment ça ne passe pas sur les très petits laptops (1280px) */
2946    @media screen and (max-width: 1300px) {
2947        .header-navbar__menu ul.menu > li > a span {
2948            font-size: 11px !important;
2949        }
2950        /* On réduit les emojis si nécessaire */
2951        .header-navbar__menu ul.menu > li > a i {
2952            margin-right: 2px !important;
2953        }
2954    }
2955}
2956
2957
2958
2959
2960
2961
2962
2963
2964
2965
2966
2967
2968
2969
2970
2971
2972
2973
2974
2975
2976
2977
2978
2979
2980
2981
2982
2983
2984
2985
2986
2987
2988
2989
2990
2991
2992
2993
2994
2995
2996
2997
2998
2999
3000
3001
3002
3003
3004
3005
3006
3007
3008
3009
3010
3011
3012
3013
3014
3015
3016
3017
3018/* --- TIKVET : FIX DEFINITIF VISIBILITÉ + ANIMATION TRAIT --- */
3019@media screen and (min-width: 1024px) {
3020
3021    /* 1. CONTENEUR : On force la ligne unique et on centre */
3022    .header-navbar__menu {
3023        width: 100% !important;
3024        overflow: visible !important;
3025    }
3026
3027    .header-navbar__menu ul.menu {
3028        display: flex !important;
3029        flex-wrap: nowrap !important; /* Interdit le passage à la ligne */
3030        justify-content: center !important;
3031        align-items: center !important;
3032        margin: 0 auto !important;
3033        padding: 0 !important;
3034        list-style: none !important;
3035        /* Gap ultra-réduit sur petit laptop, normal sur grand écran */
3036        gap: clamp(2px, 0.8vw, 12px) !important;
3037    }
3038
3039    /* 2. LIENS : Texte dynamique et padding minimal */
3040    .header-navbar__menu ul.menu > li > a {
3041        position: relative !important;
3042        display: flex !important;
3043        align-items: center !important;
3044        /* Padding réduit au maximum pour gagner de la place */
3045        padding: 6px clamp(4px, 1vw, 12px) !important;
3046        color: #ffffff !important;
3047        white-space: nowrap !important; /* Force le texte sur une ligne */
3048        font-size: clamp(10px, 0.85vw, 13px) !important; /* Police plus petite sur laptop */
3049        transition: all 0.3s ease !important;
3050        z-index: 1;
3051    }
3052
3053    /* Réduction de la taille des emojis/icônes pour gagner de la place */
3054    .header-navbar__menu ul.menu > li > a span, 
3055    .header-navbar__menu ul.menu > li > a i {
3056        font-size: 0.9em !important;
3057        margin-right: 4px !important;
3058    }
3059
3060    /* 3. L'ANIMATION DU TRAIT (WAW) */
3061    .header-navbar__menu ul.menu > li > a::before {
3062        content: '';
3063        position: absolute;
3064        bottom: 0;
3065        left: 10%;
3066        width: 25px;
3067        height: 2px;
3068        background: linear-gradient(90deg, transparent, #BF953F, #FCF6BA, transparent);
3069        border-radius: 2px;
3070        animation: energySlide 3s infinite ease-in-out;
3071        box-shadow: 0 0 8px rgba(191, 149, 63, 0.6);
3072        pointer-events: none;
3073    }
3074
3075    /* 4. SURVOL ET CLIC */
3076    .header-navbar__menu ul.menu > li > a:hover {
3077        background: rgba(191, 149, 63, 0.1) !important;
3078        color: #FCF6BA !important;
3079    }
3080
3081    .header-navbar__menu ul.menu > li > a:hover::before {
3082        width: 80%;
3083        left: 10%;
3084        animation: pulseEnergy 1s infinite alternate;
3085    }
3086
3087    .header-navbar__menu ul.menu > li > a:active {
3088        transform: scale(0.95);
3089    }
3090
3091    /* 5. PRIORITÉ AU BOUTON "S'INSCRIRE" / "MON COMPTE" */
3092    .hp-menu__item--listing-submit, 
3093    .hp-menu__item--user-login {
3094        flex-shrink: 0 !important; /* Ne peut pas être réduit */
3095    }
3096
3097    /* 6. SOUS-MENUS GLASS */
3098    .header-navbar__menu ul.sub-menu {
3099        background: rgba(10, 10, 10, 0.95) !important;
3100        backdrop-filter: blur(10px) !important;
3101        border: 1px solid rgba(191, 149, 63, 0.3) !important;
3102        border-radius: 10px !important;
3103        opacity: 0 !important;
3104        visibility: hidden !important;
3105        transform: translateY(10px) !important;
3106        transition: 0.3s ease !important;
3107    }
3108
3109    .header-navbar__menu ul.menu > li:hover > ul.sub-menu {
3110        opacity: 1 !important;
3111        visibility: visible !important;
3112        transform: translateY(0) !important;
3113    }
3114}
3115
3116/* --- ANIMATIONS --- */
3117@keyframes energySlide {
3118    0% { left: 5%; opacity: 0.2; }
3119    50% { left: 60%; opacity: 1; }
3120    100% { left: 5%; opacity: 0.2; }
3121}
3122
3123@keyframes pulseEnergy {
3124    from { filter: brightness(1); box-shadow: 0 0 8px #BF953F; }
3125    to { filter: brightness(1.4); box-shadow: 0 0 15px #FCF6BA; }
3126}
3127
3128
3129
3130
3131
3132
3133
3134
3135
3136
3137
3138
3139
3140
3141
3142
3143
3144
3145
3146
3147
3148
3149
3150
3151
3152
3153
3154
3155
3156
3157
3158
3159
3160
3161
3162
3163
3164
3165
3166
3167
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
3180
3181
3182
3183
3184
3185
3186
3187
3188
3189
3190
3191
3192
3193
3194
3195
3196
3197
3198
3199
3200
3201
3202/* ================= HOME (Inchangé) ================= */
3203body.home {
3204    background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png');
3205    background-size: cover;
3206    background-position: center;
3207    background-repeat: no-repeat;
3208    background-attachment: fixed;
3209}
3210
3211/* ============ PAGE VÉTÉRINAIRE UNIQUEMENT (ID 689) ============ */
3212/* On cible précisément l'ID 689 pour l'image de fond */
3213body.page-id-689 {
3214    background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png') !important;
3215    background-size: cover !important;
3216    background-position: center !important;
3217    background-repeat: no-repeat !important;
3218    background-attachment: fixed !important;
3219}
3220
3221/* On retire l'overlay blanc uniquement sur cette page pour voir les chiens */
3222body.page-id-689::before {
3223    display: none !important;
3224}
3225
3226/* On rend le contenu du thème transparent sur cette page */
3227.page-id-689 #content, 
3228.page-id-689 .site-content, 
3229.page-id-689 .container, 
3230.page-id-689 .entry-content {
3231    background: transparent !important;
3232    background-color: transparent !important;
3233    border: none !important;
3234}
3235
3236/* Style des cartes sombres comme sur image_67e1ec.png */
3237.page-id-689 .glass-card {
3238    background: #0f1115 !important;
3239    border: 1px solid rgba(212, 175, 55, 0.4) !important;
3240    border-radius: 30px !important;
3241    box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important;
3242}
3243
3244/* ============ TOUTES LES AUTRES PAGES (Sauf Home et 689) ============ */
3245body:not(.home):not(.page-id-689) {
3246    position: relative;
3247    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/11/Gemini_Generated_Image_f2hocjf2hocjf2ho.png');
3248    background-size: cover;
3249    background-position: center;
3250    background-repeat: no-repeat;
3251    background-attachment: fixed;
3252}
3253
3254/* L'overlay blanc reste actif pour les autres pages */
3255body:not(.home):not(.page-id-689)::before {
3256    content: "";
3257    position: fixed;
3258    top: 0;
3259    left: 0;
3260    width: 100%;
3261    height: 100%;
3262    background-color: rgba(255,255,255,0.9);
3263    z-index: -1;
3264}
3265
3266
3267
3268
3269
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279
3280
3281
3282/* ============ RECOUVREMENT DU BAS DE PAGE (ID 689) ============ */
3283
3284/* 1. On crée un fond sombre derrière toute la section du bas */
3285.page-id-689 #recent-posts-5, 
3286.page-id-689 .widget_recent_entries,
3287.page-id-689 .widget_recent_comments,
3288.page-id-689 .widget_gtranslate {
3289    background: rgba(0, 0, 0, 0.7) !important; /* Voile noir à 70% */
3290    padding: 25px !important;
3291    border-radius: 20px !important;
3292    border: 1px solid rgba(212, 175, 55, 0.2) !important;
3293    backdrop-filter: blur(5px); /* Effet flou sur le circuit imprimé */
3294    margin-bottom: 20px !important;
3295}
3296
3297/* 2. TITRES EN OR (Articles, Commentaires, Traduire) */
3298.page-id-689 .widget__title, 
3299.page-id-689 .widget-title,
3300.page-id-689 h5.widget__title {
3301    color: #d4af37 !important;
3302    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728) !important;
3303    -webkit-background-clip: text !important;
3304    -webkit-text-fill-color: transparent !important;
3305    font-weight: 800 !important;
3306    text-transform: uppercase !important;
3307    border-bottom: 2px solid #bf953f !important;
3308    display: inline-block !important;
3309    margin-bottom: 15px !important;
3310}
3311
3312/* 3. TEXTES ET LIENS EN BLANC ÉCLATANT */
3313.page-id-689 #recent-posts-5 ul li a,
3314.page-id-689 .recentcomments,
3315.page-id-689 .recentcomments a,
3316.page-id-689 .widget_gtranslate a,
3317.page-id-689 .goog-te-menu-value span {
3318    color: #ffffff !important;
3319    font-weight: 500 !important;
3320    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important; /* Ombre pour décoller du fond */
3321    text-decoration: none !important;
3322}
3323
3324/* 4. EFFET SURVOL (HOVER) */
3325.page-id-689 #recent-posts-5 ul li a:hover,
3326.page-id-689 .recentcomments a:hover {
3327    color: #fcf6ba !important;
3328    padding-left: 5px !important;
3329    transition: 0.3s;
3330}
3331
3332/* 5. NETTOYAGE DES PUCES ET LISTES */
3333.page-id-689 .widget ul {
3334    list-style: none !important;
3335    padding: 0 !important;
3336}
3337
3338.page-id-689 .widget ul li {
3339    padding: 8px 0 !important;
3340    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
3341}
3342
3343
3344
3345
3346
3347
3348
3349
3350
3351
3352
3353
3354
3355
3356
3357
3358
3359
3360
3361
3362
3363
3364
3365
3366
3367
3368
3369
3370
3371
3372
3373
3374
3375
3376
3377
3378
3379
3380
3381
3382
3383
3384
3385
3386
3387
3388
3389
3390
3391
3392
3393
3394
3395
3396
3397
3398
3399
3400
3401
3402
3403
3404
3405
3406
3407
3408
3409
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419
3420
3421
3422
3423
3424
3425
3426
3427
3428
3429
3430
3431
3432
3433
3434
3435
3436
3437/* --- OPTIMISATION PC : REGROUPEMENT PAIEMENT & BOUTON --- */
3438@media (min-width: 901px) {
3439    /* Empêche la section de s'étirer inutilement */
3440    .tikvet-pay-section {
3441        justify-content: flex-start !important;
3442        height: fit-content !important; /* S'adapte au contenu */
3443        align-self: start !important; /* Aligné en haut */
3444    }
3445
3446    /* Rapproche le RIB, la case à cocher et le bouton */
3447    .premium-card {
3448        margin-bottom: 10px !important;
3449    }
3450
3451    .legal-box {
3452        margin: 10px 0 20px 0 !important;
3453    }
3454
3455    .btn-pay-innov {
3456        margin-top: 10px !important;
3457    }
3458}
3459
3460/* Correction pour mobile (pour garder un bon espacement) */
3461@media (max-width: 900px) {
3462    .tikvet-pay-section {
3463        margin-top: 20px !important;
3464    }
3465}
3466
3467
3468
3469
3470
3471
3472
3473
3474
3475
3476
3477
3478
3479
3480
3481
3482
3483
3484
3485
3486
3487
3488
3489
3490
3491
3492
3493
3494
3495
3496
3497
3498
3499
3500
3501
3502
3503
3504
3505
3506
3507
3508
3509
3510
3511
3512
3513
3514
3515
3516
3517
3518
3519
3520
3521
3522
3523
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536
3537
3538
3539
3540
3541
3542
3543
3544
3545
3546
3547
3548
3549
3550
3551
3552
3553
3554
3555
3556
3557
3558
3559
3560
3561
3562
3563
3564
3565
3566
3567
3568
3569
3570
3571
3572
3573
3574
3575
3576
3577
3578
3579
3580
3581
3582
3583
3584
3585
3586
3587
3588
3589
3590
3591
3592
3593
3594
3595
3596
3597/* 1. RESET ET POLICE */
3598@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
3599
3600:root {
3601    --gold-premium: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 70%, #aa771c 100%);
3602    --gold-solid: #d4af37;
3603    --dark-deep: #0a0b0e;
3604    --card-bg: #121418;
3605    --shadow: 0 20px 50px rgba(0,0,0,0.5);
3606}
3607
3608
3609/* 2. STRUCTURE FORCEE (PC & MOBILE) */
3610.tikvet-innov-wrapper {
3611    all: initial; /* Reset complet pour ignorer le thème WP */
3612    display: flex !important;
3613    flex-wrap: wrap !important;
3614    gap: 30px !important;
3615    max-width: 1200px !important;
3616    margin: 40px auto !important;
3617    padding: 20px !important;
3618    font-family: 'Plus Jakarta Sans', sans-serif !important;
3619    background: transparent !important;
3620    box-sizing: border-box !important;
3621}
3622
3623
3624
3625
3626
3627
3628/* 3. CARTES PREMIUM */
3629.glass-card {
3630    flex: 1 1 450px !important; /* S'adapte sur PC et passe à la ligne sur Mobile */
3631    background: var(--card-bg) !important;
3632    border: 1px solid rgba(212, 175, 55, 0.15) !important;
3633    border-radius: 30px !important;
3634    padding: 40px !important;
3635    box-shadow: var(--shadow) !important;
3636    min-width: 320px !important;
3637    transition: all 0.4s ease !important;
3638    position: relative !important;
3639    overflow: hidden !important;
3640}
3641
3642.glass-card:hover {
3643    border-color: var(--gold-solid) !important;
3644    transform: translateY(-5px) !important;
3645    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.1) !important;
3646}
3647
3648/* 4. TITRES ET TEXTES */
3649.tikvet-booking-section h2 {
3650    font-size: 28px !important;
3651    font-weight: 800 !important;
3652    margin-bottom: 30px !important;
3653    background: var(--gold-premium) !important;
3654    -webkit-background-clip: text !important;
3655    -webkit-text-fill-color: transparent !important;
3656    text-transform: uppercase !important;
3657}
3658
3659.input-group label {
3660    display: block !important;
3661    color: var(--gold-solid) !important;
3662    font-size: 11px !important;
3663    font-weight: 700 !important;
3664    letter-spacing: 1.5px !important;
3665    margin-bottom: 8px !important;
3666    text-transform: uppercase !important;
3667}
3668
3669/* 5. CHAMPS DE SAISIE ULTRA-PRO */
3670.innov-input {
3671    width: 100% !important;
3672    height: 55px !important;
3673    background: #ffffff !important;
3674    border: 2px solid transparent !important;
3675    border-radius: 15px !important;
3676    padding: 0 20px !important;
3677    font-size: 16px !important;
3678    color: #000 !important;
3679    font-weight: 600 !important;
3680    margin-bottom: 20px !important;
3681    box-sizing: border-box !important;
3682    transition: 0.3s !important;
3683}
3684
3685.innov-input:focus {
3686    border-color: var(--gold-solid) !important;
3687    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important;
3688}
3689
3690textarea.innov-input { height: 120px !important; padding-top: 15px !important; }
3691
3692/* 6. GRILLE D'HORAIRES */
3693.time-grid {
3694    display: grid !important;
3695    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
3696    gap: 10px !important;
3697    margin-bottom: 20px !important;
3698}
3699
3700.time-slot {
3701    background: rgba(255,255,255,0.05) !important;
3702    border: 1px solid rgba(255,255,255,0.1) !important;
3703    padding: 12px !important;
3704    border-radius: 12px !important;
3705    color: #fff !important;
3706    text-align: center !important;
3707    font-weight: 600 !important;
3708    cursor: pointer !important;
3709}
3710
3711.time-slot.selected {
3712    background: var(--gold-premium) !important;
3713    color: #000 !important;
3714    border: none !important;
3715}
3716
3717/* 7. SECTION PRIX ET BOUTON */
3718.price-tag {
3719    font-size: 50px !important;
3720    font-weight: 900 !important;
3721    color: #fff !important;
3722    background: var(--gold-premium) !important;
3723    -webkit-background-clip: text !important;
3724    -webkit-text-fill-color: transparent !important;
3725}
3726
3727.rib-box {
3728    background: #000 !important;
3729    border: 1px dashed var(--gold-solid) !important;
3730    padding: 15px !important;
3731    border-radius: 15px !important;
3732    display: flex !important;
3733    justify-content: space-between !important;
3734    align-items: center !important;
3735}
3736
3737.btn-pay-innov {
3738    width: 100% !important;
3739    height: 70px !important;
3740    background: var(--gold-premium) !important;
3741    background-size: 200% auto !important;
3742    border: none !important;
3743    border-radius: 20px !important;
3744    color: #000 !important;
3745    font-size: 18px !important;
3746    font-weight: 800 !important;
3747    text-transform: uppercase !important;
3748    cursor: pointer !important;
3749    box-shadow: 0 10px 30px rgba(191, 149, 63, 0.4) !important;
3750    transition: 0.5s !important;
3751}
3752
3753.btn-pay-innov:hover {
3754    background-position: right center !important;
3755    transform: scale(1.02) !important;
3756}
3757
3758/* 8. ADAPTATION MOBILE RADICALE */
3759@media (max-width: 768px) {
3760    .tikvet-innov-wrapper {
3761        margin: 10px auto !important;
3762        padding: 10px !important;
3763    }
3764    .glass-card {
3765        padding: 25px 15px !important;
3766        flex: 1 1 100% !important;
3767    }
3768    .time-grid {
3769        grid-template-columns: repeat(3, 1fr) !important;
3770    }
3771    .price-tag {
3772        font-size: 35px !important;
3773    }
3774}
3775
3776
3777
3778
3779
3780
3781
3782
3783
3784
3785
3786
3787
3788
3789
3790
3791
3792
3793
3794
3795
3796
3797
3798
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812
3813
3814
3815/* FORCE L'ALIGNEMENT CÔTE À CÔTE SUR PC */
3816@media (min-width: 992px) {
3817    .tikvet-innov-wrapper {
3818        display: flex !important;
3819        flex-direction: row !important; /* Force la ligne */
3820        align-items: stretch !important;
3821        justify-content: center !important;
3822        gap: 30px !important;
3823        max-width: 1250px !important;
3824        margin: 40px auto !important;
3825    }
3826
3827    /* Le formulaire prend 60% de la largeur */
3828    .tikvet-booking-section {
3829        flex: 0 0 60% !important;
3830        max-width: 60% !important;
3831    }
3832
3833
3834/* STYLE GÉNÉRAL DES CARTES (WAW QUALITY) */
3835.glass-card {
3836    background: #0f1115 !important;
3837    border: 1px solid rgba(212, 175, 55, 0.2) !important;
3838    border-radius: 35px !important;
3839    padding: 40px !important;
3840    box-shadow: 0 30px 60px rgba(0,0,0,0.8) !important;
3841}
3842
3843/* CHAMPS DE SAISIE BLANCS PRO */
3844.innov-input {
3845    width: 100% !important;
3846    background: #ffffff !important;
3847    border-radius: 18px !important;
3848    padding: 18px 25px !important;
3849    border: 2px solid transparent !important;
3850    font-size: 15px !important;
3851    font-weight: 600 !important;
3852    color: #000 !important;
3853    box-sizing: border-box !important;
3854}
3855
3856/* GRILLE HORAIRE */
3857.time-grid {
3858    display: grid !important;
3859    grid-template-columns: repeat(4, 1fr) !important;
3860    gap: 10px !important;
3861    margin-top: 15px !important;
3862}
3863
3864.time-slot {
3865    padding: 12px !important;
3866    background: rgba(255,255,255,0.05) !important;
3867    border: 1px solid rgba(255,255,255,0.1) !important;
3868    border-radius: 12px !important;
3869    color: #fff !important;
3870    text-align: center !important;
3871    font-weight: 700 !important;
3872    cursor: pointer !important;
3873}
3874
3875/* BOUTON CONFIRMER */
3876.btn-pay-innov {
3877    width: 100% !important;
3878    padding: 22px !important;
3879    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728) !important;
3880    border-radius: 20px !important;
3881    border: none !important;
3882    color: #000 !important;
3883    font-weight: 800 !important;
3884    font-size: 18px !important;
3885    text-transform: uppercase !important;
3886    box-shadow: 0 10px 25px rgba(191, 149, 63, 0.4) !important;
3887}
3888
3889/* ADAPTATION MOBILE (1 sous l'autre uniquement sur smartphone) */
3890@media (max-width: 991px) {
3891    .tikvet-innov-wrapper {
3892        display: flex !important;
3893        flex-direction: column !important;
3894        padding: 15px !important;
3895    }
3896    .tikvet-booking-section, .tikvet-pay-section {
3897        max-width: 100% !important;
3898        width: 100% !important;
3899    }
3900}
3901
3902
3903
3904
3905
3906
3907
3908
3909
3910
3911
3912
3913
3914
3915
3916
3917
3918
3919
3920
3921
3922
3923
3924
3925
3926
3927
3928
3929
3930
3931
3932
3933
3934
3935
3936
3937
3938	
3939	
3940	
3941	
3942	
3943	
3944	
3945	
3946	
3947	
3948	
3949	
3950	
3951	
3952	
3953	
3954	
3955	
3956	
3957	
3958	
3959	
3960	
3961	
3962	
3963	
3964	
3965	
3966	
3967	
3968	
3969	
3970	
3971	
3972	
3973	
3974	
3975	
3976	
3977	
3978	
3979	
3980	
3981	
3982	
3983	
3984	
3985	
3986	
3987	
3988	
3989	
3990	
3991	
3992	
3993	
3994	
3995	
3996	
3997	
3998	
3999	
4000	
4001	
4002	
4003	
4004	
4005	
4006	
4007	
4008	
4009	
4010	
4011	
4012	
4013	
4014	
4015	
4016	
4017	
4018	
4019	
4020	
4021	
4022	
4023	
4024	
4025	
4026	
4027	
4028	
4029	
4030	
4031	
4032	
4033	
4034	
4035
4036/* FORCE LE CENTRAGE SUR PC (Dès 992px) */
4037@media (min-width: 992px) {
4038    /* On cible l'élément avec une précision maximale pour gagner le conflit de priorité */
4039    div.tikvet-innov-wrapper {
4040        position: relative !important;
4041        /* On annule le décalage forcé à gauche */
4042        left: auto !important;
4043        right: auto !important;
4044        margin-left: auto !important;
4045        margin-right: auto !important;
4046        
4047        /* On définit une largeur pro et on centre */
4048        width: 100% !important;
4049        max-width: 1200px !important;
4050        display: grid !important;
4051        grid-template-columns: 1.2fr 0.8fr !important;
4052        gap: 30px !important;
4053        
4054        /* Nettoyage du fond si nécessaire */
4055        background: transparent !important;
4056    }
4057
4058    /* On s'assure que les deux colonnes s'affichent bien côte à côte */
4059    .tikvet-booking-section, 
4060    .tikvet-innov-wrapper > .glass-card:last-child {
4061        width: 100% !important;
4062        max-width: none !important;
4063    }
4064}
4065
4066/* PROTECTION MOBILE : On vérifie que rien ne bouge en dessous de 991px */
4067@media (max-width: 991px) {
4068    div.tikvet-innov-wrapper {
4069        display: flex !important;
4070        flex-direction: column !important;
4071        width: 100% !important;
4072        margin-left: 0 !important;
4073        margin-right: 0 !important;
4074        left: 0 !important;
4075        padding: 15px !important;
4076    }
4077}
4078
4079
4080	
4081	
4082	
4083	
4084	
4085	
4086	
4087	
4088	
4089	
4090	
4091	
4092	
4093	
4094	
4095	
4096	
4097	
4098	
4099	
4100	
4101	
4102	
4103	
4104	
4105	
4106	
4107	
4108	
4109	
4110	
4111	
4112	
4113	
4114	
4115	
4116	
4117	
4118	
4119	
4120	
4121	
4122	
4123	
4124	
4125	
4126	
4127	
4128	
4129	
4130	
4131	
4132	
4133	
4134	
4135	
4136/* --- NETTOYAGE ET CENTRAGE MOBILE --- */
4137
4138/* Cache le formulaire en double s'il est présent */
4139.tikvet-innov-wrapper + .tikvet-booking-section {
4140    display: none !important;
4141}
4142
4143/* Force le conteneur principal à être centré */
4144div.tikvet-innov-wrapper {
4145    margin: 20px auto !important;
4146    width: 95% !important;
4147    max-width: 1200px !important;
4148    display: flex !important;
4149    flex-wrap: wrap !important;
4150    justify-content: center !important;
4151    align-items: flex-start !important;
4152    gap: 20px !important;
4153}
4154
4155/* S'assure que les cartes sont centrées sur mobile */
4156@media (max-width: 768px) {
4157    div.tikvet-innov-wrapper {
4158        flex-direction: column !important;
4159        align-items: center !important;
4160    }
4161    
4162    .glass-card {
4163        width: 100% !important;
4164        max-width: 500px !important;
4165        margin: 10px 0 !important;
4166    }
4167    
4168    /* Centre le texte et les éléments à l'intérieur */
4169    .tikvet-booking-section h2, 
4170    .tikvet-booking-section .input-group label {
4171        text-align: center !important;
4172    }
4173}
4174	
4175	
4176	
4177	
4178	
4179	
4180	
4181	
4182	
4183	
4184	
4185	
4186	
4187	
4188	
4189	
4190	
4191	
4192	
4193	
4194	
4195	
4196	
4197	
4198	
4199	
4200	
4201	
4202	
4203	
4204	
4205	
4206	
4207	
4208	
4209	
4210	
4211	
4212	
4213	
4214	
4215	
4216	
4217	
4218	
4219	
4220	
4221	
4222	
4223	
4224	
4225	
4226	
4227	
4228	
4229	
4230	
4231	
4232	
4233	
4234	
4235	
4236/* Sécurité : ferme une éventuelle règle cassée au-dessus */
4237} 
4238
4239/* =======================================================
4240   FORCE ABSOLUE : TIMING GRIDS TIKVET
4241   ======================================================= */
4242
4243/* Force l'affichage de TOUTES les heures en doré sur fond blanc */
4244html body div.time-grid div.time-slot,
4245html body .time-slot {
4246    color: #d4af37 !important;
4247    background: #ffffff !important;
4248    background-color: #ffffff !important;
4249    background-image: none !important;
4250    border: 2px solid #d4af37 !important;
4251    opacity: 1 !important;
4252    visibility: visible !important;
4253}
4254
4255/* Force l'affichage du bouton cliqué (sélectionné) */
4256html body div.time-grid div.time-slot.selected,
4257html body .time-slot.selected {
4258    color: #ffffff !important;
4259    background: #d4af37 !important;
4260    background-color: #d4af37 !important;
4261    background-image: none !important;
4262    border-color: #d4af37 !important;
4263}
4264
4265/* Force l'affichage des boutons déjà réservés */
4266html body div.time-grid div.time-slot.booked,
4267html body .time-slot.booked {
4268    color: #aaaaaa !important;
4269    background: #eeeeee !important;
4270    background-color: #eeeeee !important;
4271    background-image: none !important;
4272    border-color: #cccccc !important;
4273    text-decoration: line-through !important;
4274}
4275
4276
4277
4278
4279
4280
4281
4282
4283
4284
4285
4286
4287
4288
4289
4290
4291
4292
4293
4294
4295
4296
4297
4298
4299
4300
4301
4302
4303
4304
4305
4306
4307
4308
4309
4310
4311
4312
4313
4314
4315
4316
4317
4318
4319
4320
4321
4322
4323
4324
4325
4326
4327
4328
4329
4330
4331
4332
4333
4334
4335
4336
4337
4338
4339
4340/* Utilise l'ID de ta page pour ne cibler QUE la page du chat sur PC */
4341@media (min-width: 992px) {
4342    
4343    /* 1. On cible le body de la page spécifique pour que ça ne touche pas le reste du site */
4344    .page-id-2420 .site-header, 
4345    .page-id-2420 .header-hero, 
4346    .page-id- .site-content {
4347        display: none !important;
4348    }
4349
4350    /* 2. On affiche le chat en plein écran uniquement sur cette page */
4351    .page-id-2430 #premium-chat-app {
4352        position: fixed !important;
4353        top: 0 !important;
4354        left: 0 !important;
4355        width: 100vw !important;
4356        height: 100vh !important;
4357        z-index: 2147483647 !important;
4358        margin: 0 !important;
4359        background: #0f0f0f !important;
4360    }
4361}
4362
4363
4364
4365
4366
4367
4368
4369
4370
4371
4372
4373
4374
4375
4376
4377
4378
4379
4380
4381
4382/* On ajuste le conteneur du bouton pour qu'il ne soit pas trop loin */
4383.chat-header {
4384    display: flex !important;
4385    justify-content: center !important; /* Maintient le titre au centre */
4386    align-items: center !important;
4387    position: relative !important;
4388}
4389
4390/* On change le positionnement pour qu'il soit à côté du nom */
4391#open-main-menu {
4392    position: absolute !important; /* Reste positionné par rapport au header */
4393    left: 60px !important; /* Ajuste cette valeur pour le rapprocher ou l'éloigner du bord gauche */
4394    padding: 6px 12px !important; /* Un peu plus compact */
4395    margin: 0 !important;
4396}
4397
4398/* Si tu veux le rapprocher davantage du nom "TikVet", 
4399   tu peux ajuster la valeur 'left' ci-dessus (ex: 50px ou 70px) */
4400
4401
4402
4403
4404/* Décaler le nom de l'utilisateur dans l'en-tête du chat privé */
4405#private-target-name {
4406    margin-left: 30px !important; /* Augmente cette valeur (ex: 40px, 50px) pour le décaler encore plus à droite */
4407}
4408
4409
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424
4425
4426
4427
4428
4429
4430
4431
4432
4433
4434
4435
4436/* Masquer tout le bloc footer/widgets UNIQUEMENT sur la page 2420 */
4437.page-id-2420 .footer-widgets, 
4438.page-id-2420 .site-footer, 
4439.page-id-2420 footer {
4440    display: none !important;
4441}
4442
4443/* Masquer spécifiquement les widgets de traduction ou articles si le footer reste visible */
4444.page-id-2420 .widget_recent_entries,
4445.page-id-2420 .widget_recent_posts,
4446.page-id-2420 #google_translate_element,
4447.page-id-2420 .gtranslate {
4448    display: none !important;
4449}
4450
4451
4452
4453
4454
4455
4456
4457
4458
4459
4460
4461
4462
4463
4464
4465/* Masquer tout le bloc footer/widgets UNIQUEMENT sur la page 2420 */
4466.page-id-2484 .footer-widgets, 
4467.page-id-2484 .site-footer, 
4468.page-id-2484 footer {
4469    display: none !important;
4470}
4471
4472/* Masquer spécifiquement les widgets de traduction ou articles si le footer reste visible */
4473.page-id-2484 .widget_recent_entries,
4474.page-id-2484 .widget_recent_posts,
4475.page-id-2484 #google_translate_element,
4476.page-id-2484 .gtranslate {
4477    display: none !important;
4478}
4479
4480
4481
4482
4483
4484
4485
4486
4487
4488
4489
4490
4491
4492
4493
4494
4495
4496
4497
4498
4499
4500
4501
4502
4503
4504
4505
4506
4507
4508
4509/* Alignement global de l'en-tête (Avatar et Menu restent naturellement à gauche) */
4510.chat-header {
4511    position: relative !important;
4512    display: flex !important;
4513    align-items: center !important;
4514    justify-content: flex-start !important; 
4515    min-height: 62px !important; /* Assure une hauteur stable */
4516}
4517
4518/* 1. Titre forcé au centre absolu */
4519.chat-header div[style*="flex-direction:column"] {
4520    position: absolute !important;
4521    left: 50% !important;
4522    top: 50% !important;
4523    transform: translate(-50%, -50%) !important;
4524    max-width: 35vw !important;
4525    text-align: center !important;
4526    z-index: 5 !important;
4527    margin: 0 !important;
4528}
4529
4530/* 2. Icônes d'action forcées à l'extrême droite */
4531.chat-header .header-actions {
4532    position: absolute !important;
4533    right: 16px !important;
4534    top: 50% !important;
4535    transform: translateY(-50%) !important;
4536    display: flex !important;
4537    gap: 12px !important;
4538    z-index: 10 !important;
4539    margin: 0 !important;
4540}
4541
4542/* Formatage du texte du titre */
4543#room-title-name {
4544    display: block !important;
4545    width: 100% !important;
4546    white-space: nowrap !important;
4547    overflow: hidden !important;
4548    text-overflow: ellipsis !important;
4549    font-size: 14px !important;
4550}
4551
4552/* Formatage du texte "en ligne" */
4553.chat-header div[style*="flex-direction:column"] span:last-child {
4554    font-size: 11px !important;
4555}
4556
4557/* Protection de l'avatar et du bouton Menu pour qu'ils restent cliquables */
4558.header-user-avatar, .back-btn {
4559    position: relative !important;
4560    z-index: 10 !important;
4561}
4562
4563/* Ajustements pour les petits écrans (mobiles) */
4564@media (max-width: 480px) {
4565    .chat-header .header-actions {
4566        right: 10px !important;
4567        gap: 8px !important; /* Rapproche légèrement les icônes */
4568    }
4569    .chat-header div[style*="flex-direction:column"] {
4570        max-width: 30vw !important; /* Protège le titre de la collision avec les icônes */
4571    }
4572    #room-title-name {
4573        font-size: 13px !important;
4574    }
4575}		</style>
4576			</head>
4577	<body class="wp-custom-logo wp-embed-responsive wp-theme-listinghive theme-listinghive woocommerce-no-js hp-theme--listinghive hp-template hp-template--page-narrow hp-template--user-login-page">
4578		<div class="site-loader" data-component="loader">
4579	<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
4580		<defs>
4581			<linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="gradient">
4582				<stop stop-color="#d4af37" stop-opacity="0" offset="0%"/>
4583				<stop stop-color="#d4af37" stop-opacity=".631" offset="63.146%"/>
4584				<stop stop-color="#d4af37" offset="100%"/>
4585			</linearGradient>
4586		</defs>
4587		<g fill="none" fill-rule="evenodd">
4588			<g transform="translate(1 1)">
4589				<path d="M36 18c0-9.94-8.06-18-18-18" stroke="url(#gradient)" stroke-width="3"></path>
4590				<circle fill="#fff" cx="36" cy="18" r="1"></circle>
4591			</g>
4592		</g>
4593	</svg>
4594</div>
4595<a href="#content" class="skip-link screen-reader-text">Skip to content</a><style>
4596/* --- 1. BOUTON FLOTTANT --- */
4597#ai-float-btn {
4598  position: fixed;
4599  bottom: 80px;
4600  left: 20px;
4601  width: 64px;
4602  height: 64px;
4603  border-radius: 50%;
4604  z-index: 10000;
4605  cursor: pointer;
4606  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
4607  animation: pulseChat 2.5s infinite;
4608  transition: transform .2s;
4609}
4610#ai-float-btn img { width: 100%; height: 100%; border-radius: 50%; border: 2px solid #BF953F; }
4611
4612@keyframes pulseChat {
4613  0% { box-shadow: 0 0 0 0 rgba(191, 149, 63, 0.4); transform: scale(1); }
4614  70% { box-shadow: 0 0 0 20px rgba(191, 149, 63, 0); transform: scale(1.05); }
4615  100% { box-shadow: 0 0 0 0 rgba(191, 149, 63, 0); transform: scale(1); }
4616}
4617
4618/* --- 2. POPUP DESIGN PRO --- */
4619#ai-chat-popup {
4620  position: fixed;
4621  bottom: 155px; 
4622  left: 20px;
4623  width: 380px;
4624  max-width: 92%;
4625  height: 550px;
4626  max-height: calc(100vh - 200px);
4627  background: #ffffff !important; 
4628  border-radius: 16px;
4629  border: 1.5px solid #BF953F;
4630  box-shadow: 0 15px 50px rgba(0,0,0,0.4);
4631  display: flex;
4632  flex-direction: column;
4633  overflow: hidden;
4634  z-index: 10001;
4635  transform: scale(0.9) translateY(20px);
4636  opacity: 0;
4637  visibility: hidden;
4638  transform-origin: bottom left;
4639  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
4640}
4641
4642#ai-chat-popup.active {
4643  transform: scale(1) translateY(0);
4644  opacity: 1;
4645  visibility: visible;
4646}
4647
4648#ai-chat-header {
4649  background: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
4650  color: #000;
4651  padding: 15px 18px;
4652  display: flex;
4653  align-items: center; gap: 12px;
4654}
4655
4656#ai-chat-header span { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000 !important; }
4657
4658/* --- 3. DESIGN INTÉRIEUR BLANC PUR --- */
4659#ai-chat-content {
4660  flex: 1;
4661  overflow-y: auto;
4662  background: #ffffff !important; 
4663  padding: 15px;
4664}
4665
4666.mwai-chatbot-container .mwai-ai {
4667    background: #fdfbf0 !important; 
4668    border-left: 4px solid #BF953F !important;
4669    border-radius: 4px 15px 15px 15px !important;
4670    color: #333 !important;
4671    box-shadow: 2px 4px 10px rgba(0,0,0,0.05) !important;
4672}
4673
4674.mwai-chatbot-container .mwai-user {
4675    /* FOND BLEU #166d99 ET TEXTE BLANC */
4676    background: #166d99 !important; 
4677    color: #ffffff !important; 
4678    border-radius: 15px 15px 4px 15px !important;
4679    font-weight: 500;
4680    box-shadow: 0 4px 12px rgba(22, 109, 153, 0.2) !important;
4681}
4682
4683/* --- 4. FIX MENU NAVIGATION --- */
4684@media screen and (min-width: 1024px) {
4685    .header-navbar__menu ul.menu {
4686        display: flex !important;
4687        flex-wrap: nowrap !important;
4688        gap: clamp(4px, 0.6vw, 8px) !important;
4689        justify-content: center !important;
4690        align-items: center !important;
4691        width: 100% !important;
4692    }
4693
4694    .hp-menu__item--listing-submit {
4695        flex-shrink: 0 !important;
4696        margin-left: auto !important; 
4697        padding-left: 15px !important;
4698    }
4699
4700    .header-navbar__menu ul.menu > li > a {
4701        position: relative !important;
4702        padding: 8px clamp(4px, 0.8vw, 10px) !important;
4703        font-size: clamp(10px, 0.75vw, 13px) !important;
4704        white-space: nowrap !important;
4705    }
4706
4707    .header-navbar__menu ul.menu > li > a::before {
4708        content: '';
4709        position: absolute;
4710        bottom: 2px;
4711        left: 10%;
4712        width: 25px;
4713        height: 2px;
4714        background: linear-gradient(90deg, transparent, #BF953F, #FCF6BA, transparent);
4715        animation: energySlide 3s infinite ease-in-out;
4716    }
4717}
4718
4719@keyframes energySlide {
4720    0% { left: 5%; opacity: 0.3; }
4721    50% { left: 65%;
4721 opacity: 1; }
4722    100% { left: 5%; opacity: 0.3; }
4723}
4724
4725@media (max-width: 768px) {
4726  #ai-chat-popup { width: 95%; height: 75vh; bottom: 140px; left: 2.5%; }
4727}
4728</style>
4729
4730<div id="ai-chat-overlay" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9999;"></div>
4731
4732<div id="ai-float-btn">
4733  <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chat AI">
4734</div>
4735
4736<div id="ai-chat-popup">
4737  <div id="ai-chat-header">
4738    <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" style="width:30px; height:30px; border-radius:5px; background:#fff;" alt="Logo">
4739    <span>Assistant TikVet AI</span>
4740    <div id="ai-chat-close" style="margin-left:auto; cursor:pointer; font-size:24px; color:#000;">×</div>
4741  </div>
4742  <div id="ai-chat-content">
4743    <div class='mwai-chatbot-container' data-params='{&quot;aiName&quot;:&quot;Jad : &quot;,&quot;userName&quot;:&quot;Utilisateur : &quot;,&quot;guestName&quot;:&quot;Invit\u00e9 :&quot;,&quot;aiAvatar&quot;:true,&quot;userAvatar&quot;:true,&quot;guestAvatar&quot;:true,&quot;aiAvatarUrl&quot;:&quot;https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/uploads\/2025\/06\/Gemini_Generated_Image_488hpb488hpb488h-e1750848882471-Photoroom-e1750864762475.png&quot;,&quot;guestAvatarUrl&quot;:&quot;chat-color-blue.svg&quot;,&quot;textSend&quot;:&quot;Envoyer&quot;,&quot;textClear&quot;:&quot;Supprimer l\u2019historique&quot;,&quot;imageUpload&quot;:false,&quot;fileUpload&quot;:false,&quot;multiUpload&quot;:false,&quot;maxUploads&quot;:1,&quot;fileUploads&quot;:0,&quot;mode&quot;:&quot;chat&quot;,&quot;textInputPlaceholder&quot;:&quot;\u00c9crivez votre message\u2026&quot;,&quot;textEmptyHint&quot;:&quot;&quot;,&quot;textInputMaxLength&quot;:250,&quot;textCompliance&quot;:&quot;&quot;,&quot;startSentence&quot;:&quot;TikVet est avec vous ! Comment puis-je vous aider ?&quot;,&quot;localMemory&quot;:true,&quot;themeId&quot;:&quot;timeless&quot;,&quot;window&quot;:false,&quot;icon&quot;:&quot;&quot;,&quot;iconText&quot;:&quot;&quot;,&quot;iconTextDelay&quot;:1,&quot;iconTextDuration&quot;:0,&quot;iconTextOnce&quot;:&quot;session&quot;,&quot;iconAlt&quot;:&quot;AI Engine Chatbot&quot;,&quot;iconPosition&quot;:&quot;bottom-right&quot;,&quot;centerOpen&quot;:false,&quot;width&quot;:&quot;&quot;,&quot;openDelay&quot;:&quot;&quot;,&quot;iconBubble&quot;:false,&quot;windowAnimation&quot;:&quot;zoom&quot;,&quot;fullscreen&quot;:false,&quot;copyButton&quot;:false,&quot;pdfButton&quot;:false,&quot;headerSubtitle&quot;:&quot;Discuss with&quot;,&quot;containerType&quot;:&quot;standard&quot;,&quot;headerType&quot;:&quot;standard&quot;,&quot;messagesType&quot;:&quot;standard&quot;,&quot;inputType&quot;:&quot;standard&quot;,&quot;footerType&quot;:&quot;standard&quot;}' data-system='{&quot;botId&quot;:&quot;chatbot-64w3ft&quot;,&quot;customId&quot;:null,&quot;userData&quot;:null,&quot;sessionId&quot;:null,&quot;restNonce&quot;:null,&quot;contextId&quot;:null,&quot;pluginUrl&quot;:&quot;https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/plugins\/ai-engine&quot;,&quot;restUrl&quot;:&quot;https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json&quot;,&quot;stream&quot;:false,&quot;debugMode&quot;:false,&quot;eventLogs&quot;:false,&quot;speech_recognition&quot;:true,&quot;speech_synthesis&quot;:false,&quot;typewriter&quot;:false,&quot;crossSite&quot;:false,&quot;texts&quot;:{&quot;Ask me anything!&quot;:&quot;Ask me anything!&quot;,&quot;Jump to the latest message&quot;:&quot;Jump to the latest message&quot;,&quot;Try again&quot;:&quot;Try again&quot;,&quot;Conversation cleared.&quot;:&quot;Conversation cleared.&quot;,&quot;Undo&quot;:&quot;Undo&quot;,&quot;Done!&quot;:&quot;Done!&quot;,&quot;New Chat&quot;:&quot;New Chat&quot;,&quot;No messages yet&quot;:&quot;No messages yet&quot;,&quot;Rename&quot;:&quot;Rename&quot;,&quot;Delete&quot;:&quot;Delete&quot;,&quot;Your text was cut at %d characters.&quot;:&quot;Your text was cut at %d characters.&quot;,&quot;Hold to Talk&quot;:&quot;Hold to Talk&quot;,&quot;Release to Send&quot;:&quot;Release to Send&quot;,&quot;Press Space to talk&quot;:&quot;Press Space to talk&quot;,&quot;Start session to upload images&quot;:&quot;Start session to upload images&quot;,&quot;Usage limit exceeded&quot;:&quot;Usage limit exceeded&quot;,&quot;Connection failed&quot;:&quot;Connection failed&quot;,&quot;Connection failed. Please check your network and try again.&quot;:&quot;Connection failed. Please check your network and try again.&quot;,&quot;Connection lost. Reconnecting...&quot;:&quot;Connection lost. Reconnecting...&quot;,&quot;Connection lost while uploading image. Please try again.&quot;:&quot;Connection lost while uploading image. Please try again.&quot;,&quot;Connection timeout: The server took too long to respond.&quot;:&quot;Connection timeout: The server took too long to respond.&quot;,&quot;Could not start realtime session.&quot;:&quot;Could not start realtime session.&quot;,&quot;An error occurred while starting the realtime session.&quot;:&quot;An error occurred while starting the realtime session.&quot;,&quot;An error occurred while processing your request. Please try again.&quot;:&quot;An error occurred while processing your request. Please try again.&quot;,&quot;An error occurred while committing the stats.&quot;:&quot;An error occurred while committing the stats.&quot;,&quot;An error occurred while committing the discussion.&quot;:&quot;An error occurred while committing the discussion.&quot;,&quot;An error occurred while executing the function.&quot;:&quot;An error occurred while executing the function.&quot;,&quot;Authentication failed: Your session has expired. Please refresh the page.&quot;:&quot;Authentication failed: Your session has expired. Please refresh the page.&quot;,&quot;Error uploading image. Please try again.&quot;:&quot;Error uploading image. Please try again.&quot;,&quot;Failed to access microphone: &quot;:&quot;Failed to access microphone: &quot;,&quot;Failed to access microphone. Please ensure microphone permissions are granted and try again.&quot;:&quot;Failed to access microphone. Please ensure microphone permissions are granted and try again.&quot;,&quot;Failed to establish connection with OpenAI servers. Please try again.&quot;:&quot;Failed to establish connection with OpenAI servers. Please try again.&quot;,&quot;Failed to read image file.&quot;:&quot;Failed to read image file.&quot;,&quot;Failed to send image. Please try again.&quot;:&quot;Failed to send image. Please try again.&quot;,&quot;Failed to upload image.&quot;:&quot;Failed to upload image.&quot;,&quot;Image file size must be less than 20MB.&quot;:&quot;Image file size must be less than 20MB.&quot;,&quot;Internal server error: An unexpected error occurred. Please try again.&quot;:&quot;Internal server error: An unexpected error occurred. Please try again.&quot;,&quot;Invalid API key: Please check your OpenAI API key in settings.&quot;:&quot;Invalid API key: Please check your OpenAI API key in settings.&quot;,&quot;Invalid request: The message format was not recognized by the server.&quot;:&quot;Invalid request: The message format was not recognized by the server.&quot;,&quot;
4743MediaDevices API not available. Please ensure you are using HTTPS and a modern browser.&quot;:&quot;MediaDevices API not available. Please ensure you are using HTTPS and a modern browser.&quot;,&quot;Model overloaded: The AI model is currently experiencing high demand.&quot;:&quot;Model overloaded: The AI model is currently experiencing high demand.&quot;,&quot;Network error: Failed to establish connection to the AI service.&quot;:&quot;Network error: Failed to establish connection to the AI service.&quot;,&quot;Please select an image file.&quot;:&quot;Please select an image file.&quot;,&quot;Please start a session before uploading images.&quot;:&quot;Please start a session before uploading images.&quot;,&quot;Quota exceeded: You have reached your usage limit for this period.&quot;:&quot;Quota exceeded: You have reached your usage limit for this period.&quot;,&quot;Rate limit exceeded: Too many requests. Please try again later.&quot;:&quot;Rate limit exceeded: Too many requests. Please try again later.&quot;,&quot;Service unavailable: The AI service is temporarily down for maintenance.&quot;:&quot;Service unavailable: The AI service is temporarily down for maintenance.&quot;},&quot;actions&quot;:[],&quot;blocks&quot;:[],&quot;shortcuts&quot;:[]}' data-theme='{&quot;type&quot;:&quot;internal&quot;,&quot;name&quot;:&quot;Timeless&quot;,&quot;themeId&quot;:&quot;timeless&quot;,&quot;settings&quot;:{&quot;backgroundPrimaryColor&quot;:&quot;#d992041c&quot;,&quot;backgroundUserColor&quot;:&quot;#166d99&quot;},&quot;style&quot;:&quot;&quot;,&quot;cssUrl&quot;:&quot;https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/plugins\/ai-engine\/themes\/timeless.css&quot;}'></div>
4744  </div>
4745</div>
4746
4747<script>
4748document.addEventListener("DOMContentLoaded", function() {
4749    var btn = document.getElementById('ai-float-btn');
4750    var popup = document.getElementById('ai-chat-popup');
4751    var overlay = document.getElementById('ai-chat-overlay');
4752    var close = document.getElementById('ai-chat-close');
4753
4754    btn.addEventListener('click', function() {
4755        popup.classList.add('active');
4756        overlay.style.display = 'block';
4757    });
4758    close.addEventListener('click', function() {
4759        popup.classList.remove('active');
4760        overlay.style.display = 'none';
4761    });
4762    overlay.addEventListener('click', function() {
4763        popup.classList.remove('active');
4764        overlay.style.display = 'none';
4765    });
4766});
4767</script>
4767		<div class="site-container">
4768			<header class="site-header">
4769				<div class="header-navbar">
4770					<div class="header-navbar__start">
4771						<div class="header-logo">
4772							<a href="https://mediumblue-goat-586134.hostingersite.com/" class="custom-logo-link" rel="home"><img width="689" height="675" src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png" class="custom-logo" alt="TikVet" decoding="async" srcset="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png 689w, https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-300x294.png 300w, https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom-600x588.png 600w" sizes="(max-width: 689px) 100vw, 689px" /></a>						</div>
4773					</div>
4774					<div class="header-navbar__end">
4775						<div class="header-navbar__burger" data-component="burger">
4776							<a href="#"><i class="fas fa-bars"></i></a>
4777							<ul id="menu-header" class="menu"><li class="menu-item menu-item--first menu-item--user-login">	<a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link">
4778		<i class="hp-icon fas fa-sign-in-alt"></i>
4779		<span>Se connecter</span>
4780	</a>
4781	</li><li id="menu-item-1037" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1037"><a href="https://mediumblue-goat-586134.hostingersite.com/">🖥️Vétérinaire Maroc</a></li>
4782<li id="menu-item-2430" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2430"><a href="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/">👥 Chat &#038; Discussion</a></li>
4783<li id="menu-item-1998" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1998"><a href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/">📅 Consultation à distance</a></li>
4784<li id="menu-item-1995" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1995"><a href="https://mediumblue-goat-586134.hostingersite.com/articles-veterinaire/">📝 Articles</a></li>
4785<li id="menu-item-2385" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2385"><a href="https://mediumblue-goat-586134.hostingersite.com/submit-listing/details/">🩺 Inscription vétérinaire</a></li>
4786<li id="menu-item-1399" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1399"><a href="https://mediumblue-goat-586134.hostingersite.com/gestion-de-stock/">📋Gestion de stock</a></li>
4787<li id="menu-item-1036" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1036"><a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%94%90-politique-de-confidentialite/">🔐 Politique de Confidentialité</a></li><li class="menu-item menu-item--last menu-item--user-login">	<a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link">
4788		<i class="hp-icon fas fa-sign-in-alt"></i>
4789		<span>Se connecter</span>
4790	</a>
4791	</li>
4792</ul>						</div>
4793						<nav class="header-navbar__menu" data-component="menu">
4794							<ul id="menu-header-1" class="menu"><li class="menu-item menu-item--first menu-item--user-login">	<a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link">
4795		<i class="hp-icon fas fa-sign-in-alt"></i>
4796		<span>Se connecter</span>
4797	</a>
4798	</li><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-1037"><a href="https://mediumblue-goat-586134.hostingersite.com/">🖥️Vétérinaire Maroc</a></li>
4799<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2430"><a href="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/">👥 Chat &#038; Discussion</a></li>
4800<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1998"><a href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/">📅 Consultation à distance</a></li>
4801<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1995"><a href="https://mediumblue-goat-586134.hostingersite.com/articles-veterinaire/">📝 Articles</a></li>
4802<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2385"><a href="https://mediumblue-goat-586134.hostingersite.com/submit-listing/details/">🩺 Inscription vétérinaire</a></li>
4803<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1399"><a href="https://mediumblue-goat-586134.hostingersite.com/gestion-de-stock/">📋Gestion de stock</a></li>
4804<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1036"><a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%94%90-politique-de-confidentialite/">🔐 Politique de Confidentialité</a></li><li class="menu-item menu-item--last menu-item--user-login">	<a href="#user_login_modal" class="hp-menu__item hp-menu__item--user-login hp-link">
4805		<i class="hp-icon fas fa-sign-in-alt"></i>
4806		<span>Se connecter</span>
4807	</a>
4808	</li>
4809</ul>						</nav>
4810													<div class="header-navbar__actions">
4811								<div class="hp-menu hp-menu--site-header hp-menu--main">	<button type="button" class="hp-menu__item hp-menu__item--listing-submit button button--secondary" data-component="link" data-url="https://mediumblue-goat-586134.hostingersite.com/submit-listing/"><i class="hp-icon fas fa-plus"></i><span>Ajouter une annonce</span></button>
4812	</div>							</div>
4813											</div>
4814				</div>
4815							</header>
4816			<div class="site-content" id="content">
4817				<div class="container">
4818<div class="content-area"><div class="hp-page site-main"><div class="hp-row"><div class="hp-page__content hp-col-sm-4 hp-col-sm-offset-4 hp-col-xs-12">	<h1 class="hp-page__title">Se connecter</h1>
4819	<form class="hp-form--narrow hp-block hp-form hp-form--user-login" data-model="user" action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/login/" method="POST" data-redirect="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/?sync=1791002371" data-component="form"><div class="hp-form__messages" data-component="messages"></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--text"><label class="hp-field__label hp-form__label"><span>Identifiant ou e-mail</span></label><input type="text" name="username_or_email" value="" autocomplete="username" maxlength="254" required="required" class="hp-field hp-field--text"></div><div class="hp-form__field hp-form__field--password"><label class="hp-field__label hp-form__label"><span>Mot de passe</span></label><input type="password" name="password" autocomplete="current-password" maxlength="64" required="required" class="hp-field hp-field--password"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Se connecter</span></button><div class="hp-form__actions">	<p class="hp-form__action hp-form__action--user-register">Vous n’avez pas encore de compte ? <a href="#user_register_modal">S’inscrire</a></p>
4820	<a href="#user_password_request_modal" class="hp-form__action hp-form__action--user-password-request">Mot de passe oublié ?</a>
4821</div></div></form></div></div></div></div>				</div>
4822			</div>
4823		</div>
4824		<footer class="site-footer">
4825			<div class="container">
4826									<div class="footer-widgets">
4827						<div class="row">
4828							
4829		<div class="col-sm col-xs-12"><div id="recent-posts-5" class="widget widget--footer widget_recent_entries">
4830		<h5 class="widget__title">Articles</h5>
4831		<ul>
4832											<li>
4833					<a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%9a%a8-ces-aliments-de-votre-cuisine-peuvent-intoxiquer-votre-chien-sans-que-vous-le-sachiez/">🚨 Ces aliments de votre cuisine peuvent intoxiquer votre chien sans que vous le sachiez</a>
4834									</li>
4835											<li>
4836					<a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%94%a5-votre-chien-a-chaud-ne-le-sortez-surtout-pas-a-cette-heure/">🔥 Votre chien a chaud ? Ne le sortez surtout pas à cette heure !</a>
4837									</li>
4838											<li>
4839					<a href="https://mediumblue-goat-586134.hostingersite.com/%f0%9f%aa%b3-une-seule-puce-peut-elle-vraiment-envahir-toute-votre-maison/">🪳 Une seule puce peut-elle vraiment envahir toute votre maison ?</a>
4840									</li>
4841											<li>
4842					<a href="https://mediumblue-goat-586134.hostingersite.com/la-rage-votre-animal-peut-etre-vaccine-gratuitement-%f0%9f%87%b2%f0%9f%87%a6%f0%9f%92%89/">La rage : votre animal peut être vacciné gratuitement ! 🇲🇦💉</a>
4843									</li>
4844											<li>
4845					<a href="https://mediumblue-goat-586134.hostingersite.com/une-genisse-nee-avec-un-jumeau-male-95-de-risque-detre-sterile/">Naissance de jumeaux: 95 % de risque d&rsquo;être stérile !</a>
4846									</li>
4847											<li>
4848					<a href="https://mediumblue-goat-586134.hostingersite.com/west-nile-virus-chez-les-volailles-danger-symptomes-et-prevention/">West Nile Virus chez les volailles : danger, symptômes et prévention</a>
4849									</li>
4850											<li>
4851					<a href="https://mediumblue-goat-586134.hostingersite.com/declaration-de-chiots-a-la-centrale-canine-demarches-documents-et-delais/">Comment obtenir un Acte de Naissance pour une portée de chiots ? Guide complet</a>
4852									</li>
4853											<li>
4854					<a href="https://mediumblue-goat-586134.hostingersite.com/elevage-100-moutons-production-aid-viande/">PROJET : ÉLEVAGE 100 moutons (PRODUCTION AÏD + VIANDE)</a>
4855									</li>
4856											<li>
4857					<a href="https://mediumblue-goat-586134.hostingersite.com/aid-al-adha-approche-faut-il-manger-la-viande-du-mouton-immediatement-ou-attendre/">Aïd Al-Adha approche : faut-il manger la viande du mouton immédiatement ou attendre ?</a>
4858									</li>
4859											<li>
4860					<a href="https://mediumblue-goat-586134.hostingersite.com/projet-elevage-de-poules-au-maroc/">Projet élevage de poules au Maroc : simulation complète et rentable</a>
4861									</li>
4862					</ul>
4863
4864		</div></div><div class="col-sm col-xs-12"><div id="recent-comments-5" class="widget widget--footer widget_recent_comments"><h5 class="widget__title">Commentaires</h5><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link">elevageab</span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/listing/cabinet-veterinaire-el-jadida-dr-salma-kandil/#comment-65">Cabinet Vétérinaire El Jadida &#8211; Dr.Salma Kandil</a></li><li class="recentcomments"><span class="comment-author-link">TestVisit</span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/elevage-100-moutons-production-aid-viande/#comment-64">PROJET : ÉLEVAGE 100 moutons (PRODUCTION AÏD + VIANDE)</a></li><li class="recentcomments"><span class="comment-author-link"><a href="https://elevagefamilialdelaubepine.fr/parasites-chez-le-chien-identification-et-solutions-efficaces/" class="url" rel="ugc external nofollow">Parasites chez le chien : identification et solutions efficaces - elevagefamilialdelaubepine.fr</a></span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/les-parasites-chez-le-chien-comprendre-prevenir-et-traiter/#comment-53">Les Parasites chez le Chien : Comprendre, Prévenir et Traiter</a></li><li class="recentcomments"><span class="comment-author-link">Yassine</span> dans <a href="https://mediumblue-goat-586134.hostingersite.com/la-leishmaniose-chez-le-chien-une-maladie-grave/#comment-50">La Leishmaniose chez le Chien : Une Maladie Grave</a></li></ul></div></div><div class="col-sm col-xs-12"><div id="gtranslate-5" class="widget widget--footer widget_gtranslate"><h5 class="widget__title">Traduire</h5><div class="gtranslate_wrapper" id="gt-wrapper-30990653"></div></div></div>						</div>
4865					</div>
4866								<div class="footer-navbar">
4867											<div class="footer-navbar__start">
4868							<div class="footer-navbar__copyright">
4869								Leader au Maroc dans la prise de rendez-vous vétérinaires. Trouvez rapidement et facilement le vétérinaire le plus proche de chez vous !							</div>
4870						</div>
4871										<div class="footer-navbar__end">
4872						<nav class="footer-navbar__menu">
4873													</nav>
4874					</div>
4875				</div>
4876			</div>
4877		</footer>
4878		
4878<script type="speculationrules">
4879{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/listinghive\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
4880</script>
4880
4881<div id="user_login_modal" class="hp-modal" data-component="modal">	<h3 class="hp-modal__title">Se connecter</h3>
4882	<form class="hp-form--narrow hp-block hp-form hp-form--user-login" data-model="user" action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/login/" method="POST" data-redirect="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/?sync=1791002371" data-component="form"><div class="hp-form__messages" data-component="messages"></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--text"><label class="hp-field__label hp-form__label"><span>Identifiant ou e-mail</span></label><input type="text" name="username_or_email" value="" autocomplete="username" maxlength="254" required="required" class="hp-field hp-field--text"></div><div class="hp-form__field hp-form__field--password"><label class="hp-field__label hp-form__label"><span>Mot de passe</span></label><input type="password" name="password" autocomplete="current-password" maxlength="64" required="required" class="hp-field hp-field--password"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Se connecter</span></button><div class="hp-form__actions">	<p class="hp-form__action hp-form__action--user-register">Vous n’avez pas encore de compte ? <a href="#user_register_modal">S’inscrire</a></p>
4883	<a href="#user_password_request_modal" class="hp-form__action hp-form__action--user-password-request">Mot de passe oublié ?</a>
4884</div></div></form></div><div id="user_register_modal" class="hp-modal" data-component="modal">	<h3 class="hp-modal__title">S’inscrire</h3>
4885	<form class="hp-form--narrow hp-block hp-form hp-form--user-register" data-model="user" action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/" method="POST" data-redirect="https://mediumblue-goat-586134.hostingersite.com/chat-tikvet/?sync=1791002371" data-component="form"><div class="hp-form__messages" data-component="messages"></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--email"><label class="hp-field__label hp-form__label"><span>E-mail</span></label><input type="email" name="email" value="" autocomplete="email" maxlength="254" required="required" class="hp-field hp-field--email"></div><div class="hp-form__field hp-form__field--password"><label class="hp-field__label hp-form__label"><span>Mot de passe</span></label><input type="password" name="password" autocomplete="new-password" minlength="8" maxlength="64" required="required" class="hp-field hp-field--password"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>S’inscrire</span></button><div class="hp-form__actions"><p class="hp-form__action hp-form__action--user-login">Vous avez déjà un compte ? <a href="#user_login_modal">Se connecter</a></p>
4886</div></div></form></div><div id="user_password_request_modal" class="hp-modal" data-component="modal">	<h3 class="hp-modal__title">Réinitialiser le mot de passe</h3>
4887	<form data-message="Un e-mail de réinitialisation du mot de passe a été envoyé." action="#" data-action="https://mediumblue-goat-586134.hostingersite.com/wp-json/hivepress/v1/users/request-password/" method="POST" data-component="form" class="hp-form hp-form--user-password-request"><div class="hp-form__header"><p class="hp-form__description">Veuillez saisir votre identifiant ou votre adresse e-mail. Un lien permettant de créer un nouveau mot de passe vous sera envoyé par e-mail.</p><div class="hp-form__messages" data-component="messages"></div></div><div class="hp-form__fields"><div class="hp-form__field hp-form__field--text"><label class="hp-field__label hp-form__label"><span>Identifiant ou e-mail</span></label><input type="text" name="username_or_email" value="" autocomplete="username" maxlength="254" required="required" class="hp-field hp-field--text"></div></div><div class="hp-form__footer"><button type="submit" class="hp-form__button button-primary alt button hp-field hp-field--submit"><span>Envoyer un e-mail</span></button></div></form></div>    
4887<script>
4888    (function() {
4889        // Vérifie si l'utilisateur ouvre le site via l'application (PWA)
4890        var isPWA = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
4891        
4892        if (isPWA) {
4893            // On ne compte qu'une seule fois par appareil
4894            if (!localStorage.getItem('pwa_installed_tikvet')) {
4895                localStorage.setItem('pwa_installed_tikvet', '1');
4896
4897                // Envoie la requête vers le serveur pour augmenter le chiffre
4898                fetch('https://mediumblue-goat-586134.hostingersite.com/?pwa_count=1', {
4899                    method: 'POST'
4900                })
4901                .then(res => res.text())
4902                .then(data => console.log('Installation TikVet enregistrée'))
4903                .catch(err => console.warn('Erreur compteur PWA:', err));
4904            }
4905        }
4906    })();
4907    </script>
4907
4908        <style>
4909    :root { --pwa-gold-linear: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); }
4910
4911    #pwaInstallBanner {
4912      position: fixed; bottom: 0; left: 0; width: 100%;
4913      background: rgba(20, 20, 20, 0.95); border-top: 2px solid #B38728;
4914      box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.5); padding: 8px 15px; 
4915      display: none; align-items: center; justify-content: space-between;
4916      z-index: 9999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
4917    }
4918
4919    .pwa-content-wrapper { display: flex; align-items: center; }
4920    #pwaInstallBanner img { width: 40px; height: 40px; margin-right: 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); }
4921    #pwaInstallBanner span { font-size: 14px; color: #ffffff; line-height: 1.2; }
4922    #pwaInstallBanner span strong { font-weight: 600; }
4923
4924    #pwaInstallBtn {
4925      background: var(--pwa-gold-linear); border: none; color: #000 !important;
4926      padding: 8px 16px; font-size: 12px; font-weight: 700; border-radius: 4px;
4927      cursor: pointer; text-transform: uppercase; margin-left: 10px;
4928    }
4929
4930    #pwaCloseBanner { position: absolute; top: 2px; right: 8px; cursor: pointer; font-size: 22px; color: #adb5bd; font-weight: bold; }
4931
4932    @media (max-width: 550px) {
4933      #pwaInstallBanner { padding: 20px 10px 10px 10px; }
4934      #pwaInstallBanner span { font-size: 12px; }
4935      #pwaInstallBtn { padding: 6px 10px; font-size: 11px; }
4936    }
4937    </style>
4938
4939    <div id="pwaInstallBanner">
4940        <span id="pwaCloseBanner">&times;</span>
4941        <div class="pwa-content-wrapper">
4942            <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/03/icon-512.png" alt="App Icon">
4943            <span>Profitez de notre application mobile !<br><strong>Installez-la maintenant !</strong></span>
4944        </div>
4945        <button id="pwaInstallBtn">Installer</button>
4946    </div>
4947
4948    
4948<script>
4949    let deferredPrompt;
4950    const banner = document.getElementById('pwaInstallBanner');
4951    const installBtn = document.getElementById('pwaInstallBtn');
4952
4953    // Détection iOS
4954    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
4955    // Détection Standalone
4956    const isStandalone = () => window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
4957
4958    // Capture l'événement d'installation Android/Chrome
4959    window.addEventListener('beforeinstallprompt', (e) => {
4960        e.preventDefault();
4961        deferredPrompt = e;
4962        if (!isStandalone()) {
4963            banner.style.display = 'flex';
4964        }
4965    });
4966
4967    // Affichage forcé pour iOS car beforeinstallprompt n'existe pas chez Apple
4968    window.addEventListener('load', () => {
4969        if (isIOS && !isStandalone()) {
4970            banner.style.display = 'flex';
4971        }
4972    });
4973
4974    installBtn.addEventListener('click', async () => {
4975        if (deferredPrompt) {
4976            // Lance le popup natif
4977            deferredPrompt.prompt();
4978            const { outcome } = await deferredPrompt.userChoice;
4979            if (outcome === 'accepted') {
4980                deferredPrompt = null;
4981                banner.style.display = 'none';
4982            }
4983        } else if (isIOS) {
4984            alert("ℹ️ Pour installer : Appuyez sur le bouton 'Partager' en bas de Safari, puis sur 'Sur l'écran d'accueil'.");
4985        } else {
4986            // Si pas de deferredPrompt sur Android/PC, le navigateur bloque l'install
4987            alert("ℹ️ L'installation est bloquée par votre navigateur. Vérifiez que vous n'avez pas déjà installé l'application ou videz votre cache.");
4988        }
4989    });
4990
4991    document.getElementById('pwaCloseBanner').addEventListener('click', () => {
4992        banner.style.display = 'none';
4993    });
4994    </script>
4994
4995    
4995<script>
4996document.addEventListener('click', function(e) {
4997    var type = '';
4998    var link = e.target.closest('a');
4999    var btn = e.target.closest('.btn-confirm-tikvet'); 
5000    
5001    if (link) {
5002        var href = link.getAttribute('href') || '';
5003        // Détection WhatsApp
5004        if (href.indexOf('wa.me') !== -1 || href.indexOf('whatsapp.com') !== -1) {
5005            type = 'WhatsApp';
5006        } 
5007        // Détection Appel
5008        else if (href.indexOf('tel:') === 0) {
5009            type = 'Appel';
5010        }
5011        // NOUVEAU : Détection Google Business
5012        else if (href.indexOf('share.google') !== -1) {
5013            type = 'Google';
5014        }
5015    } else if (btn) {
5016        type = 'WhatsApp';
5017    }
5018
5019    if (type !== '') {
5020        var titleEl = document.querySelector('.hp-listing__title') || document.querySelector('h1');
5021        var pageTitle = titleEl ? titleEl.innerText.trim() : document.title;
5022        var url = 'https://mediumblue-goat-586134.hostingersite.com/wp-admin/admin-ajax.php';
5023        var data = new FormData();
5024        data.append('action', 'track_tikvet_click');
5025        data.append('annonce', pageTitle);
5026        data.append('type', type);
5027        navigator.sendBeacon(url, data);
5028    }
5029}, true);
5030</script>
5030
5031<style>
5032/* CODE 1 */
5033#ai-chat-teaser {
5034  position: fixed;
5035  bottom: 155px;
5036  left: 20px;
5037  max-width: 260px;
5038  background: #ffffff;
5039  padding: 12px 16px;
5040  border-radius: 14px;
5041  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
5042  font-size: 14px;
5043  font-weight: 500;
5044  color: #333;
5045  display: flex;
5046  align-items: center;
5047  gap: 10px;
5048  z-index: 9999;
5049  opacity: 0;
5050  transform: translateY(15px);
5051  transition: opacity .4s ease, transform .4s ease;
5052  pointer-events: none; /* RECTIFICATION : On ne bloque pas le clic si invisible */
5053}
5054
5055#ai-chat-teaser img {
5056  width: 38px;
5057  height: 38px;
5058  border-radius: 50%;
5059}
5060
5061#ai-chat-teaser:after {
5062  content: "";
5063  position: absolute;
5064  bottom: -12px;
5065  left: 35px;
5066  border-left: 10px solid transparent;
5067  border-right: 10px solid transparent;
5068  border-top: 12px solid #ffffff;
5069}
5070
5071#ai-chat-teaser.show {
5072  opacity: 1;
5073  transform: translateY(0);
5074  pointer-events: auto; /* RECTIFICATION : Devient cliquable quand il sort */
5075}
5076
5077/* CODE 2 */
5078#ai-chat-teaser-random {
5079  position: fixed;
5080  bottom: 155px;
5081  left: 20px;
5082  max-width: 260px;
5083  background: #ffffff;
5084  padding: 12px 16px;
5085  border-radius: 14px;
5086  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
5087  font-size: 14px;
5088  font-weight: 500;
5089  color: #333;
5090  display: flex;
5091  align-items: center;
5092  gap: 10px;
5093  z-index: 2147483647;
5094  opacity: 0;
5095  transform: translateY(15px);
5096  transition: opacity .8s ease, transform .8s ease;
5097  pointer-events: none; /* RECTIFICATION : On ne bloque pas le clic si invisible */
5098}
5099
5100#ai-chat-teaser-random img {
5101  width: 38px;
5102  height: 38px;
5103  border-radius: 50%;
5104}
5105
5106#ai-chat-teaser-random::after {
5107  content: "";
5108  position: absolute;
5109  bottom: -12px;
5110  left: 35px;
5111  border-left: 10px solid transparent;
5112  border-right: 10px solid transparent;
5113  border-top: 12px solid #ffffff;
5114}
5115
5116#ai-chat-teaser-random.show {
5117  opacity: 1;
5118  transform: translateY(0);
5119  pointer-events: auto; /* RECTIFICATION : Devient cliquable quand il sort */
5120}
5121</style>
5122
5123<div id="ai-chat-teaser">
5124  <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chatbot">
5125  <div>👋TikVet est avec vous ! Comment puis-je vous aider ?</div>
5126</div>
5127
5128<div id="ai-chat-teaser-random">
5129  <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chatbot">
5130  <div id="ai-chat-message"></div>
5131</div>
5132
5133<script>
5134document.addEventListener("DOMContentLoaded", function () {
5135
5136    const bubble1 = document.getElementById("ai-chat-teaser");
5137    const bubble2 = document.getElementById("ai-chat-teaser-random");
5138    const messages = ["\ud83d\udc4b Besoin d\u2019aide pour trouver un v\u00e9t\u00e9rinaire ?","\ud83d\udca1 Cherchez-vous un v\u00e9t\u00e9rinaire ? Je peux vous aider !","\ud83d\ude0a Une question sur votre profil Veterinary.ma ? Cliquez ici.","\ud83d\ude80 Je peux vous aider \u00e0 trouver un v\u00e9t\u00e9rinaire rapidement !","\ud83d\udccc Vous voulez contacter un v\u00e9t\u00e9rinaire maintenant ?","\ud83d\ude4c Je vous accompagne pour choisir le bon v\u00e9t\u00e9rinaire.","\u2728 Trouvez ou r\u00e9servez votre v\u00e9t\u00e9rinaire facilement ici !","\ud83d\udcac H\u00e9sitez-vous ? Je peux vous guider pour votre v\u00e9t\u00e9rinaire.","\ud83d\udc4b Je suis l\u00e0 pour vous aider \u00e0 trouver le meilleur v\u00e9t\u00e9rinaire !","\u26a1 Cliquez ici pour des conseils rapides et pratiques.","\ud83d\udca1 Voulez-vous que je trouve un v\u00e9t\u00e9rinaire disponible maintenant ?","\ud83d\ude0a Je peux vous montrer comment choisir un v\u00e9t\u00e9rinaire fiable !","\ud83d\ude80 Besoin d\u2019un v\u00e9t\u00e9rinaire pour chien, chat ou autre animal ?","\ud83d\udccc Cliquez ici pour voir les profils disponibles pr\u00e8s de vous.","\ud83d\ude4c Je peux vous aider \u00e0 contacter un v\u00e9t\u00e9rinaire rapidement.","\u2728 Voulez-vous que votre v\u00e9t\u00e9rinaire vous r\u00e9ponde rapidement ?","\ud83d\udcac Je peux vous guider pour trouver un v\u00e9t\u00e9rinaire adapt\u00e9.","\ud83d\udc4b Une question rapide sur un v\u00e9t\u00e9rinaire ? Je suis l\u00e0 !","\u26a1 Cliquez ici pour g\u00e9rer votre demande facilement.","\ud83d\udca1 Je peux vous aider \u00e0 trouver le bon v\u00e9t\u00e9rinaire sans attendre !"];
5139
5140    const CODE1_INTERVAL = 30 * 60 * 1000; // 30 minutes
5141    const CODE2_INTERVAL = 3 * 60 * 1000;  // 3 minutes
5142    const CODE1_VISIBLE = 7000;            // durée visible Code1
5143    const CODE2_VISIBLE = 7000;            // durée visible Code2
5144    const CODE2_DELAY_FIRST = 10000;       // délai 10s avant premier Code2
5145    const KEY1_LAST = "ai_teaser_last";
5146    const KEY2_LAST = "ai_teaser_random_last";
5147
5148    // -------- CODE 1 --------
5149    function showCode1() {
5150        bubble1.classList.add("show");
5151        setTimeout(() => { bubble1.classList.remove("show"); }, CODE1_VISIBLE);
5152        localStorage.setItem(KEY1_LAST, Date.now());
5153    }
5154
5155    const last1 = parseInt(localStorage.getItem(KEY1_LAST), 10) || 0;
5156    if(Date.now() - last1 >= CODE1_INTERVAL) showCode1();
5157    setInterval(showCode1, CODE1_INTERVAL);
5158
5159    // -------- CODE 2 --------
5160    function showCode2() {
5161        if(bubble1.classList.contains("show")) return; // pas chevaucher Code1
5162        const randomMessage = messages[Math.floor(Math.random() * messages.length)];
5163        document.getElementById("ai-chat-message").textContent = randomMessage;
5164        bubble2.classList.add("show");
5165        localStorage.setItem(KEY2_LAST, Date.now());
5166        setTimeout(() => { bubble2.classList.remove("show"); }, CODE2_VISIBLE);
5167    }
5168
5169    function checkCode2() {
5170        const last2 = parseInt(localStorage.getItem(KEY2_LAST), 10) || 0;
5171        if(Date.now() - last2 >= CODE2_INTERVAL) showCode2();
5172    }
5173
5174    // Premier affichage Code2 avec délai 10s
5175    setTimeout(() => {
5176        checkCode2();
5177        setInterval(checkCode2, 60000);
5178    }, CODE2_DELAY_FIRST);
5179
5180});
5181</script>
5181	
5181<script>
5182		(function () {
5183			var c = document.body.className;
5184			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
5185			document.body.className = c;
5186		})();
5187	</script>
5187
5188	<link rel='stylesheet' id='wc-blocks-style-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/client/blocks/wc-blocks.css?ver=wc-10.7.0' media='all' />
5189<link rel='stylesheet' id='mwai_chatbot_theme_timeless-css' href='https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/ai-engine/themes/timeless.css?ver=1790919792' media='all' />
5190<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
vendor: 1 bytes, line 5190
5190
5191<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script>
vendor: 1 bytes, line 5191
5191
5192<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js?ver=1.7.13" id="jquery-ui-touch-punch-js"></script>
vendor: 1 bytes, line 5192
5192
5193<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/blueimp-file-upload/js/jquery.fileupload.js?ver=1.7.13" id="fileupload-js"></script>
vendor: 1 bytes, line 5193
5193
5194<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/@fancyapps/fancybox/dist/jquery.fancybox.min.js?ver=1.7.13" id="fancybox-js"></script>
vendor: 1 bytes, line 5194
5194
5195<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/slick-carousel/slick/slick.min.js?ver=1.7.13" id="slick-js"></script>
vendor: 1 bytes, line 5195
5195
5196<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/sticky-sidebar/dist/jquery.sticky-sidebar.min.js?ver=1.7.13" id="sticky-sidebar-js"></script>
vendor: 1 bytes, line 5196
5196
5197<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/php-date-formatter/js/php-date-formatter.min.js?ver=1.7.13" id="php-date-formatter-js"></script>
vendor: 1 bytes, line 5197
5197
5198<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/flatpickr/dist/flatpickr.min.js?ver=1.7.13" id="flatpickr-js"></script>
vendor: 1 bytes, line 5198
5198
5199<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/select2/dist/js/select2.full.min.js?ver=1.7.13" id="select2-full-js"></script>
vendor: 1 bytes, line 5199
5199
5200<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/intl-tel-input/build/js/intlTelInput.min.js?ver=1.7.13" id="intl-tel-input-js"></script>
vendor: 1 bytes, line 5200
5200
5201<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/sortable.min.js?ver=1.13.3" id="jquery-ui-sortable-js"></script>
vendor: 1 bytes, line 5201
5201
5202<script id="hivepress-core-js-extra">
5203var hivepressCoreData = {"apiURL":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json\/hivepress\/v1","apiNonce":"7d21fa43ba","language":"fr"};
5204</script>
vendor: 1 bytes, line 5204
5204
5205<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/js/common.min.js?ver=1.7.13" id="hivepress-core-js"></script>
vendor: 1 bytes, line 5205
5205
5206<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.3" id="jquery-ui-slider-js"></script>
vendor: 1 bytes, line 5206
5206
5207<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script>
vendor: 1 bytes, line 5207
5207
5208<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/assets/js/frontend.min.js?ver=1.7.13" id="hivepress-core-frontend-js"></script>
vendor: 1 bytes, line 5208
5208
5209<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-reviews/node_modules/raty-js/lib/jquery.raty.js?ver=1.3.2" id="raty-js"></script>
vendor: 1 bytes, line 5209
5209
5210<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress-reviews/assets/js/frontend.min.js?ver=1.3.2" id="hivepress-reviews-frontend-js"></script>
vendor: 1 bytes, line 5210
5210
5211<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
vendor: 1 bytes, line 5211
5211
5212<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
vendor: 1 bytes, line 5212
5212
5213<script id="wp-i18n-js-after">
5214wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
5215</script>
vendor: 1 bytes, line 5215
5215
5216<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.6" id="swv-js"></script>
vendor: 1 bytes, line 5216
5216
5217<script id="contact-form-7-js-translations">
5218( function( domain, translations ) {
5219	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
5220	localeData[""].domain = domain;
5221	wp.i18n.setLocaleData( localeData, domain );
5222} )( "contact-form-7", {"translation-revision-date":"2025-02-06 12:02:14+0000","generator":"GlotPress\/4.0.1","domain":"messages","locale_data":{"messages":{"":{"domain":"messages","plural-forms":"nplurals=2; plural=n > 1;","lang":"fr"},"This contact form is placed in the wrong place.":["Ce formulaire de contact est plac\u00e9 dans un mauvais endroit."],"Error:":["Erreur\u00a0:"]}},"comment":{"reference":"includes\/js\/index.js"}} );
5223</script>
vendor: 1 bytes, line 5223
5223
5224<script id="contact-form-7-js-before">
5225var wpcf7 = {
5226    "api": {
5227        "root": "https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json\/",
5228        "namespace": "contact-form-7\/v1"
5229    },
5230    "cached": 1
5231};
5232</script>
vendor: 1 bytes, line 5232
5232
5233<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.6" id="contact-form-7-js"></script>
vendor: 1 bytes, line 5233
5233
5234<script id="superpwa-register-sw-js-extra">
5235var superpwa_sw = {"url":"\/superpwa-sw.js?2.2.42","disable_addtohome":"0","enableOnDesktop":"","offline_form_addon_active":"","ajax_url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-admin\/admin-ajax.php","offline_message":"1","offline_message_txt":"You are currently offline.","online_message_txt":"You're back online . <a href=\"javascript:location.reload()\">refresh<\/a>","manifest_name":"superpwa-manifest.json","script_debug":""};
5236</script>
vendor: 1 bytes, line 5236
5236
5237<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/super-progressive-web-apps/public/js/register-sw.js?ver=2.2.46" id="superpwa-register-sw-js"></script>
vendor: 1 bytes, line 5237
5237
5238<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/flatpickr/dist/l10n/fr.js?ver=1.7.13" id="flatpickr-fr-js"></script>
vendor: 1 bytes, line 5238
5238
5239<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/hivepress/node_modules/select2/dist/js/i18n/fr.js?ver=1.7.13" id="select2-fr-js"></script>
vendor: 1 bytes, line 5239
5239
5240<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/js/focus-visible.min.js?ver=1.1.1" id="focus-visible-js"></script>
vendor: 1 bytes, line 5240
5240
5241<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
vendor: 1 bytes, line 5241
5241
5242<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/comment-reply.min.js?ver=6.8.10" id="comment-reply-js" data-wp-strategy="async"></script>
vendor: 1 bytes, line 5242
5242
5243<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/js/frontend.min.js?ver=1.1.1" id="hivetheme-core-frontend-js"></script>
vendor: 1 bytes, line 5243
5243
5244<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/themes/listinghive/assets/js/frontend.min.js?ver=1.2.11" id="hivetheme-parent-frontend-js"></script>
vendor: 1 bytes, line 5244
5244
5245<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.7.0" id="sourcebuster-js-js"></script>
vendor: 1 bytes, line 5245
5245
5246<script id="wc-order-attribution-js-extra">
5247var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
5248</script>
vendor: 1 bytes, line 5248
5248
5249<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.7.0" id="wc-order-attribution-js"></script>
vendor: 1 bytes, line 5249
5249
5250<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/vendor/react.min.js?ver=18.3.1.1" id="react-js"></script>
vendor: 1 bytes, line 5250
5250
5251<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.3.1.1" id="react-dom-js"></script>
vendor: 1 bytes, line 5251
5251
5252<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/escape-html.min.js?ver=6561a406d2d232a6fbd2" id="wp-escape-html-js"></script>
vendor: 1 bytes, line 5252
5252
5253<script src="https://mediumblue-goat-586134.hostingersite.com/wp-includes/js/dist/element.min.js?ver=a4eeeadd23c0d7ab1d2d" id="wp-element-js"></script>
vendor: 1 bytes, line 5253
5253
5254<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/ai-engine/app/chatbot.js?ver=1790919792" id="mwai_chatbot-js"></script>
vendor: 1 bytes, line 5254
5254
5255<script id="gt_widget_script_30990653-js-before">
5256window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['30990653'] = {"default_language":"fr","languages":["ar","en","fr","es"],"url_structure":"none","detect_browser_language":1,"flag_style":"2d","flag_size":32,"wrapper_selector":"#gt-wrapper-30990653","alt_flags":[],"horizontal_position":"inline","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"};
5257</script>
5257<script src="https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/gtranslate/js/fn.js?ver=5.0.1" data-no-optimize="1" data-no-minify="1" data-gt-orig-url="/account/login/" data-gt-orig-domain="mediumblue-goat-586134.hostingersite.com" data-gt-widget-id="30990653" defer></script>
5257    <!-- Compteur invisible : Envoie un signal à l'API sur chaque page visitée -->
5258    
5258<script>
5259    (function() {
5260        // On génère l'URL de l'API dynamiquement
5261        const apiUrl = window.location.origin + '/wp-json/custom/v1/visitors?nocache=' + Date.now();
5262        
5263        // On utilise fetch pour appeler l'API en arrière-plan
5264        fetch(apiUrl, { 
5265            method: 'GET',
5266            mode: 'no-cors', 
5267            cache: 'no-store' 
5268        }).catch(function(err) {
5269            // On ignore les erreurs pour que ce soit totalement invisible pour l'utilisateur
5270        });
5271    })();
5272    </script>
5272
5273        
5273<script>
5274    (function() {
5275        document.addEventListener('DOMContentLoaded', function() {
5276            // SÉLECTEURS ADAPTATIFS (On cherche les classes communes de ton nouveau thème)
5277            const burger = document.querySelector('.header-navbar__burger, .hp-menu-burger, .burger-menu');
5278            const menu = document.getElementById('menu-header') || document.querySelector('.header-navbar__menu');
5279            
5280            if (!burger || !menu) {
5281                console.log("Burger ou Menu non trouvé sur ce thème");
5282                return;
5283            }
5284
5285            // On déplace le menu dans le body pour éviter les problèmes de superposition (z-index)
5286            document.body.appendChild(menu);
5287
5288            // NETTOYAGE DES DOUBLONS
5289            function removeMenuDuplicates() {
5290                const items = menu.querySelectorAll('li');
5291                const seenLinks = [];
5292                
5293                items.forEach(item => {
5294                    const link = item.querySelector('a');
5295                    if (!link) return;
5296                    
5297                    const href = link.getAttribute('href');
5298                    const text = item.innerText.trim().toLowerCase();
5299                    const uniqueKey = href && href !== '#' ? href : text;
5300
5301                    if (seenLinks.includes(uniqueKey)) {
5302                        item.remove();
5303                    } else {
5304                        seenLinks.push(uniqueKey);
5305                    }
5306                });
5307            }
5308
5309            // BOUTON FERMER (X)
5310            if(!document.querySelector('.menu-close-x')){
5311                const closeBtn = document.createElement('div');
5312                closeBtn.innerHTML = '&times;';
5313                closeBtn.className = 'menu-close-x';
5314                menu.prepend(closeBtn);
5315                
5316                closeBtn.addEventListener('click', function() {
5317                    menu.classList.remove('is-open');
5318                    document.body.style.overflow = '';
5319                });
5320            }
5321
5322            // OUVERTURE
5323            burger.addEventListener('click', function(e) {
5324                e.preventDefault();
5325                e.stopPropagation(); // Empêche la fermeture immédiate
5326                removeMenuDuplicates();
5327                menu.classList.add('is-open');
5328                document.body.style.overflow = 'hidden';
5329            });
5330
5331            // FERMETURE AU CLIC EXTÉRIEUR
5332            menu.addEventListener('click', function(e) {
5333                if (e.target === menu || e.target.closest('a')) {
5334                    menu.classList.remove('is-open');
5335                    document.body.style.overflow = '';
5336                }
5337            });
5338        });
5339    })();
5340    </script>
5340
5341    
5342    <style>
5343    /* On utilise l'ID ou la classe détectée pour le style mobile */
5344    @media (max-width: 991px) {
5345        #menu-header.menu, .header-navbar__menu {
5346            position: fixed !important;
5347            top: 0 !important;
5348            left: 0 !important;
5349            width: 100% !important;
5350            height: 100vh !important;
5351            background: rgba(0, 0, 0, 0.8) !important;
5352            backdrop-filter: blur(8px);
5353            z-index: 999999 !important;
5354            display: none; /* Caché par défaut */
5355            align-items: center !important;
5356            justify-content: center !important;
5357            margin: 0 !important;
5358            padding: 20px !important;
5359        }
5360
5361        #menu-header.is-open, .header-navbar__menu.is-open {
5362            display: flex !important;
5363            flex-direction: column !important;
5364        }
5365
5366        #menu-header li, .header-navbar__menu li {
5367            background: #ffffff !important;
5368            width: 90% !important;
5369            max-width: 300px !important;
5370            list-style: none !important;
5371            margin: 0 !important;
5372            padding: 0 !important;
5373            border-bottom: 1px solid #f0f0f0 !important;
5374            display: block !important;
5375            text-align: center !important;
5376        }
5377
5378        /* Design des coins arrondis */
5379        #menu-header li:first-of-type, .header-navbar__menu li:first-of-type { 
5380            border-radius: 20px 20px 0 0 !important; 
5381        }
5382        #menu-header li:last-of-type, .header-navbar__menu li:last-of-type { 
5383            border-radius: 0 0 20px 20px !important; 
5384            border-bottom: none !important;
5385        }
5386
5387        #menu-header li a, .header-navbar__menu li a {
5388            color: #333 !important;
5389            padding: 15px !important;
5390            display: block !important;
5391            text-decoration: none !important;
5392            font-size: 17px !important;
5393            font-weight: 600 !important;
5394        }
5395
5396        .menu-close-x {
5397            position: absolute;
5398            top: 20px;
5399            right: 25px;
5400            font-size: 50px;
5401            color: #fff;
5402            cursor: pointer;
5403            z-index: 1000000;
5404        }
5405    }
5406    </style>
5407    
5407<script type='text/javascript'>
5408document.tidioChatCode = "clzofqxztgr4mnls0cdtrcfsmb1xv8xa";
5409(function() {
5410  function asyncLoad() {
5411    var tidioScript = document.createElement("script");
5412    tidioScript.type = "text/javascript";
5413    tidioScript.async = true;
5414    tidioScript.src = "//code.tidio.co/clzofqxztgr4mnls0cdtrcfsmb1xv8xa.js";
5415    document.body.appendChild(tidioScript);
5416  }
5417  if (window.attachEvent) {
5418    window.attachEvent("onload", asyncLoad);
5419  } else {
5420    window.addEventListener("load", asyncLoad, false);
5421  }
5422})();
5423</script>
5423	</body>
5424</html>
5425
5426
5427<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-10-03 04:39:31 -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.