PageSourceSearch

https://mediumblue-goat-586134.hostingersite.com/prenez-votre-cons…veterinaire-a-distance-en-toute-simplicite/

html mediumblue-goat-586134.hostingersite.com collected 2026-10-03 04:39:29 UTC 200,916 bytes, 6,184 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>Prenez votre consultation vétérinaire en ligne en toute simplicité - 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	<meta name="description" content="NOUVEAU CONSULTATION À DISTANCE VOTRE VÉTÉRINAIREDANS VOTRE POCHE Visites aujourd&#039;hui 0 Mise à jour en direct" />
16	<meta name="robots" content="max-image-preview:large" />
17	<link rel="canonical" href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/" />
18	<meta name="generator" content="All in One SEO (AIOSEO) 5.0.1.1" />
19		<meta property="og:locale" content="fr_FR" />
20		<meta property="og:site_name" content="TikVet - TikVet" />
21		<meta property="og:type" content="article" />
22		<meta property="og:title" content="Prenez votre consultation vétérinaire en ligne en toute simplicité - TikVet" />
23		<meta property="og:description" content="NOUVEAU CONSULTATION À DISTANCE VOTRE VÉTÉRINAIREDANS VOTRE POCHE Visites aujourd&#039;hui 0 Mise à jour en direct" />
24		<meta property="og:url" content="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/" />
25		<meta property="og:image" content="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png" />
26		<meta property="og:image:secure_url" content="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png" />
27		<meta property="og:image:width" content="512" />
28		<meta property="og:image:height" content="512" />
29		<meta property="article:published_time" content="2025-07-02T12:39:53+00:00" />
30		<meta property="article:modified_time" content="2026-05-08T00:50:34+00:00" />
31		<meta name="twitter:card" content="summary_large_image" />
32		<meta name="twitter:title" content="Prenez votre consultation vétérinaire en ligne en toute simplicité - TikVet" />
33		<meta name="twitter:description" content="NOUVEAU CONSULTATION À DISTANCE VOTRE VÉTÉRINAIREDANS VOTRE POCHE Visites aujourd&#039;hui 0 Mise à jour en direct" />
34		<meta name="twitter:image" content="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/cropped-cropped-Gemini_Generated_Image_jtty9kjtty9kjtty-Photoroom.png" />
35		
35<script type="application/ld+json" class="aioseo-schema">
36			{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#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\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#listItem","name":"Prenez votre consultation v\u00e9t\u00e9rinaire en ligne en toute simplicit\u00e9\u00a0"}},{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#listItem","position":2,"name":"Prenez votre consultation v\u00e9t\u00e9rinaire en ligne en toute simplicit\u00e9\u00a0","previousItem":{"@type":"ListItem","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com#listItem","name":"Home"}}]},{"@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\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#organizationLogo"}},{"@type":"WebPage","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#webpage","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/","name":"Prenez votre consultation v\u00e9t\u00e9rinaire en ligne en toute simplicit\u00e9 - TikVet","description":"NOUVEAU CONSULTATION \u00c0 DISTANCE VOTRE V\u00c9T\u00c9RINAIREDANS VOTRE POCHE Visites aujourd'hui 0 Mise \u00e0 jour en direct","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/#website"},"breadcrumb":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-content\/uploads\/2026\/02\/IMG_20260223_191447.png","@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#mainImage","width":1024,"height":1024},"primaryImageOfPage":{"@id":"https:\/\/mediumblue-goat-586134.hostingersite.com\/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite\/#mainImage"},"datePublished":"2025-07-02T12:39:53+00:00","dateModified":"2026-05-08T00:50:34+00:00"},{"@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"}}]}
37		</script>
37
38		<!-- All in One SEO -->
39
40        
40<script>
41            let currentUid = localStorage.getItem('tikvet_uid');
42            if (currentUid && currentUid.startsWith('tikvet_user_')) {
43                localStorage.removeItem('tikvet_uid');
44                localStorage.removeItem('tikvet_name');
45                localStorage.removeItem('tikvet_avatar');
46            }
47        </script>
47
48        <link rel='dns-prefetch' href='//mediumblue-goat-586134.hostingersite.com' />
49<link rel='dns-prefetch' href='//fonts.googleapis.com' />
50<link rel="alternate" type="application/rss+xml" title="TikVet &raquo; Flux" href="https://mediumblue-goat-586134.hostingersite.com/feed/" />
51<link rel="alternate" type="application/rss+xml" title="TikVet &raquo; Flux des commentaires" href="https://mediumblue-goat-586134.hostingersite.com/comments/feed/" />
52		<!-- This site uses the Google Analytics by MonsterInsights plugin v11.1.3 - Using Analytics tracking - https://www.monsterinsights.com/ -->
53		<!-- 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.  -->
54					<!-- No tracking code set -->
55				<!-- / Google Analytics by MonsterInsights -->
56		
56<script>
57window._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"}};
58/*! This file is auto-generated */
59!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);
60</script>
60
61
62<link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/css?family=Poppins%3A500%7CRoboto&#038;display=swap' media='all' />
63<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' />
64<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' />
65<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' />
66<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' />
67<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' />
68<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' />
69<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' />
70<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' />
71<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' />
72<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' />
73<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' />
74<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' />
75<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' />
76<style id='wp-emoji-styles-inline-css'>
77
78	img.wp-smiley, img.emoji {
79		display: inline !important;
80		border: none !important;
81		box-shadow: none !important;
82		height: 1em !important;
83		width: 1em !important;
84		margin: 0 0.07em !important;
85		vertical-align: -0.1em !important;
86		background: none !important;
87		padding: 0 !important;
88	}
89</style>
90<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' />
91<style id='wp-block-library-theme-inline-css'>
92.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}
93</style>
94<style id='classic-theme-styles-inline-css'>
95/*! This file is auto-generated */
96.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;
96padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
97</style>
98<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' />
99<style id='global-styles-inline-css'>
100: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%);
100--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;}
100.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;}
101:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
102:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
103:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
104</style>
105<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' />
106<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' />
107<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)' />
108<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' />
109<style id='woocommerce-inline-inline-css'>
110.woocommerce form .form-row .required { visibility: visible; }
111</style>
112<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' />
113<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' />
114<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' />
115<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' />
116<style id='hivetheme-parent-frontend-inline-css'>
117h1,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 >
117 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;}
118.header-hero { background-image: url(https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/IMG_20260223_191447-1024x800.png); }
119</style>
120<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 120
120
121<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 121
121
122<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 122
122
123<script id="wc-add-to-cart-js-extra">
124var 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"};
125</script>
vendor: 1 bytes, line 125
125
126<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 126
126
127<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 127
127
128<script id="woocommerce-js-extra">
129var 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"};
130</script>
vendor: 1 bytes, line 130
130
131<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>
131
132<link rel="https://api.w.org/" href="https://mediumblue-goat-586134.hostingersite.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://mediumblue-goat-586134.hostingersite.com/wp-json/wp/v2/pages/689" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mediumblue-goat-586134.hostingersite.com/xmlrpc.php?rsd" />
133<meta name="generator" content="WordPress 6.8.10" />
134<meta name="generator" content="WooCommerce 10.7.0" />
135<link rel='shortlink' href='https://mediumblue-goat-586134.hostingersite.com/?p=689' />
136<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://mediumblue-goat-586134.hostingersite.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmediumblue-goat-586134.hostingersite.com%2Fprenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite%2F" />
137<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://mediumblue-goat-586134.hostingersite.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmediumblue-goat-586134.hostingersite.com%2Fprenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite%2F&#038;format=xml" />
138<meta name="cdp-version" content="1.5.7" /><!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 138-139
138
139<script async src="https://www.googletagmanager.com/gtag/js?id=
139G-QP3LQKKHXT
vendor: 15 bytes, lines 139-140
139">
140</script>
141<script>
142  
vendor: 138 bytes, lines 142-146
142window.dataLayer = window.dataLayer || [];
143  function gtag(){dataLayer.push(arguments);}
144  gtag('js', new Date());
145
146  gtag('config', '
146G-QP3LQKKHXT
vendor: 5 bytes, line 146
146');
147</script>
147
148        
148<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8896612008146773" crossorigin="anonymous"></script>
148
149        	<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
150	<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'>
151@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;}
152@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');}
153</style>
154<style id="uagb-style-conditional-extension">@media (min-width: 1025px){body .uag-hide-desktop.uagb-google-map__wrap,body .uag-hide-desktop{display:none !important}}@media (min-width: 768px) and (max-width: 1024px){body .uag-hide-tab.uagb-google-map__wrap,body .uag-hide-tab{display:none !important}}@media (max-width: 767px){body .uag-hide-mob.uagb-google-map__wrap,body .uag-hide-mob{display:none !important}}</style><style id="uagb-style-frontend-689">.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}</style><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" />
155<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" />
156<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" />
157<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" />
158		<style id="wp-custom-css">
159			/* Bouton principal "Ajouter une annonce" */
160.hp-menu__item--listing-submit {
161    display: flex !important;
162    align-items: center !important;
163    justify-content: center !important;
164    font-size: 13.2px !important;
165    padding: 12px 53px !important;
166    text-align: center !important;
167    background-color: #D4AF37 !important;
168    color: white !important;
169    border-radius: 12px !important;
170    width: 64% !important;
171    max-width: 340px !important;
172    margin: 20px auto !important;
173    box-sizing: border-box;
174    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
175    position: relative;
176    overflow: visible !important;
177}
178
179/* Ajustement pour l'icône + */
180.hp-menu__item--listing-submit i {
181    font-size: 14px !important;
182    margin-right: 6px !important;
183    color: white !important;
184    vertical-align: middle !important;
185}
186
187/* Texte "Ajouter une annonce" */
188.hp-menu__item--listing-submit span {
189    font-size: 13.2px !important;
190    color: white !important;
191    display: inline !important;
192    text-align: center !important;
193    position: relative !important;
194}
195
196/* Media query pour les petits écrans */
197@media (max-width: 768px) {
198    .hp-menu__item--listing-submit {
199        font-size: 11px !important;  /* Réduction de la taille du texte */
200        padding: 10px 24px !important; /* Réduction du padding */
201        width: 80% !important;  /* Ajustement de la largeur pour mobile */
202    }
203
204    /* Réduire la taille de l'icône et ajuster l'espace */
205   .hp-menu__item--listing-submit i {
206        font-size: 15px !important;
207        margin-right: 5px !important;
207 /* Espacement ajusté */
208    }
209
210    /* Ajuster la taille du texte pour qu'il soit bien lisible sur mobile */
211   .hp-menu__item--listing-submit span {
212        font-size: 12px !important;
213    }
214}
215
216
217/* Changer la couleur du fond du site */
218body {
219    background-color: #E6F0FA; /* Bleu clair */
220}
221
222.hp-listing-category__item-count {
223    display: none;
224}
225
226/* Conteneur principal des images */
227.hp-listing-category__image-container {
228    display: grid;
229    grid-template-columns: repeat(4, 1fr); /* 4 colonnes par défaut sur PC */
230    gap: 1%; /* Espace entre les éléments */
231    width: 100%; /* Le conteneur prend toute la largeur disponible */
232}
233
234/* Style des images (chaque catégorie) */
235.hp-listing-category__image {
236    position: relative; /* Pour que les images puissent s'ajuster à la taille du conteneur */
237    width: 100%; /* L'image prend toute la largeur de son conteneur */
238    height: 0;
239    padding-bottom: 75%; /* Cela donne un aspect rectangulaire (ratio 4:3) */
240    overflow: hidden; /* Cacher toute partie qui dépasse du conteneur */
241}
242
243/* Les images elles-mêmes */
244.hp-listing-category__image img {
245    position: absolute; /* Positionner l'image à l'intérieur de son conteneur */
246    top: 0;
247    left: 0;
248    width: 100%; /* L'image prend toute la largeur du conteneur */
249    height: 100%; /* L'image prend toute la hauteur du conteneur */
250    object-fit: cover; /* Assurer que l'image couvre complètement l'espace sans déformation */
251    display: block; /* Supprimer les espaces blancs sous l'image */
252}
253
254/* Pour les tablettes ou téléphone en mode paysage */
255@media (max-width: 768px) {
256    .hp-listing-category__image-container {
257        grid-template-columns: repeat(2, 1fr); /* 2 colonnes par ligne */
258    }
259}
260
261/* Pour les petits écrans (téléphone en mode portrait) */
262@media (max-width: 480px) {
263    .hp-listing-category__image-container {
264        grid-template-columns: repeat(2, 1fr); /* 2 catégories par ligne */
265    }
266}
267
268
269
270
271
272
273
274
275
276
277img.custom-logo, 
278img#logo, 
279img.logo, 
280.header-logo img {
281    max-width: 120px !important; /* plus petit que 150px */
282    height: auto !important;
283}
284
285
286
287
288
289
290
291
292
293
294
295/* Effet au survol */
296#menu-header-1 li a:hover {
297    background-color: #1a2a5a;   
298    color: #ffffff;
299    transform: translateY(-2px); 
300    box-shadow: 0 4px 6px rgba(0,0,0,0.2);
301}
302
303
304
305
306
307
308
309
310
311
312
313/* Conteneur autour du menu - Changement de fond pour plus de neutralité */
314.menu-wrapper {
315    background-color: #f8f9fa; /* Fond gris très clair/presque blanc pour un look épuré */
316    padding: 10px 0; /* Un peu moins de padding vertical */
317    display: flex;
318    justify-content: center;
319    align-items: center;
320    gap: 10px; /* Espace réduit entre les boutons */
321    border-bottom: 1px solid #dee2e6; /* Ligne de séparation subtile en bas */
322}
323
324/* Chaque lien dans son propre bouton pro */
325#menu-header-1 li a {
326    text-decoration: none;
327    color: #ffffff; /* Texte blanc */
328    background-color: #1F1F1F; /* Bleu standard moderne (Bootstrap Blue) */
329    padding: 12px 11px; /* Padding légèrement ajusté et réduit */
330    border-radius: 10px; /* Coins légèrement moins arrondis */
331    font-weight: 600; /* Plus de gras pour la lisibilité */
332    font-size: 12px; /* Taille d'écriture réduite (13px) */
333    display: inline-block;
334    text-align: center;
335    transition: all 0.2s ease-in-out; /* Transition plus rapide */
336    box-shadow: 0 1px 3px rgba(0,0,0,0.1); /* Ombre plus subtile */
337    border: 1px solid #1F1F1F; /* Bordure de la même couleur que le fond */
338}
339
340/* Hover : changement de couleur + effet de pressage subtil */
341#menu-header-1 li a:hover {
342    background-color: #25D366; /* Bleu plus foncé */
343    border-color: #25D366;
344    transform: translateY(-1px); /* Soulèvement très léger */
345    box-shadow: 0 4px 8px rgba(0,0,0,0.15); /* Ombre plus présente au survol */
346}
347
348/* Responsive : menu en colonne sur mobile */
349@media (max-width: 768px) {
350    .menu-wrapper {
351        padding: 15px 10px; /* Ajout d'un padding horizontal sur mobile */
352    }
353    #menu-header-1 {
354        display: flex; /* Assurez-vous que l'UL est un flex container pour le mode colonne */
355        flex-direction: column;
356        gap: 8px; /* Espace réduit entre les éléments en colonne */
357        width: 100%; /* L'UL prend toute la largeur */
358    }
359    #menu-header-1 li {
360         width: 100%; /* Le LI prend toute la largeur */
361    }
362    #menu-header-1 li a {
363        width: 100%; /* Le bouton prend toute la largeur */
364        box-sizing: border-box; /* S'assurer que padding/bordure sont inclus dans la largeur */
365    }
366}
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383/* ================= HOME ================= */
384body.home {
385    background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png');
386    background-size: cover;
387    background-position: center;
388    background-repeat: no-repeat;
389    background-attachment: fixed;
390}
391
392/* ============ AUTRES PAGES ============ */
393body:not(.home) {
394    position: relative;
395    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/11/Gemini_Generated_Image_f2hocjf2hocjf2ho.png');
396    background-size: cover;
397    background-position: center;
398    background-repeat: no-repeat;
399    background-attachment: fixed;
400}
401
402/* Overlay UNIQUEMENT hors home */
403body:not(.home)::before {
404    content: "";
405    position: fixed;
406    top: 0;
407    left: 0;
408    width: 100%;
409    height: 100%;
410    background-color: rgba(255,255,255,0.9);
411    z-index: -1;
412}
413
414
415/* Nouveau style pour le header avec image haute qualité */
416header.site-header {
417    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/12/Gemini_Generated_Image_qc70yhqc70yhqc70-1.png');
418    /* 'cover' assure que l'image remplit tout l'espace sans se déformer */
419    background-size: cover;
420    /* 'center' permet de garder le trophée et les drapeaux bien au milieu */
421    background-position: center center;
422    background-repeat: no-repeat;
423    position: relative;
424    /* Ajuste la hauteur si nécessaire pour mieux voir l'image */
425    min-height: 300px; 
426}
427
428header.site-header::before {
429    content: "";
430    position: absolute;
431    top: 0; 
432    left: 0; 
433    right: 0; 
434    bottom: 0;
435    /* Overlay sombre pour faire ressortir le menu et le texte (0.4 = 40% d'obscurité) */
436    background-color: rgba(0, 0, 0, 0.3); 
437    z-index: 0;
438}
439
440header.site-header * {
441    position: relative;
442    z-index: 1;
443    /* Optionnel : Force le texte en blanc pour contrer le fond foncé */
444    color: #ffffff;
445}
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483/* TOP CATEGORIES : 2 colonnes sur mobile + image + cadre agrandi + centrée */
484@media (max-width: 768px) {
485
486  /* Grille 2 colonnes avec petit gap */
487  .hp-listing-categories .hp-row,
488  .hp-listing-categories .hp-grid {
489    display: grid !important;
490    grid-template-columns: 1fr 1fr !important;
491    gap: 8px !important; /* Petit espace horizontal */
492    align-items: start;
493  }
494
495  /* Chaque item prend toute la colonne */
496  .hp-listing-categories .hp-grid__item,
497  .hp-listing-categories .hp-row > .hp-grid__item {
498    width: 100% !important;
499    margin: 0 !important;
500    box-sizing: border-box;
501  }
502
503  /* Bloc catégorie */
504  .hp-listing-category,
505  .hp-listing-category--view-block {
506    height: auto !important;
507    display: block !important;
508    padding: 6px !important;
509    text-align: center !important;
510    transition: transform 0.3s ease;
511  }
512
513  .hp-listing-category:hover {
514    transform: scale(1.03);
515  }
516
517  /* 🔥 Agrandir le container de l'image */
518  .hp-listing-category__image {
519    width: 100% !important;
520    height: 220px !important; /* Hauteur du cadre */
521    display: flex !important;
522    justify-content: center !important;
523    align-items: center !important;
524    overflow: hidden !important; /* Pour que l'image reste dans le cadre */
525    border-radius: 10px !important;
525 /* Coins arrondis du cadre */
526  }
527
528  /* Image centrée et couvre tout le container */
529  .hp-listing-category__image img,
530  .hp-listing-category img {
531    width: 100% !important;
532    height: 100% !important;
533    object-fit: cover !important;
534    display: block !important;
535  }
536
537  /* Texte sous l'image */
538  .hp-listing-category__content,
539  .hp-listing-category__name {
540    padding-top: 6px !important;
541    font-size: 14px !important;
542    line-height: 1.2 !important;
543    text-align: center !important;
544  }
545}
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567/* TEXTE visible blanc foncé sur toutes les tailles */
568.hp-listing-category__name a {
569    font-size: 14px !important; /* taille lisible */
570    color: #f0f0f0 !important; /* blanc foncé */
571    visibility: visible !important;
572}
573
574/* Supprimer overlay ::after si tu avais utilisé */
575.hp-listing-category__name a::after {
576    content: none !important;
577}
578
579/* Optionnel : mobile (pour garder taille plus petite ou spacing) */
580@media screen and (max-width: 767px) {
581    .hp-listing-category__name a {
582        font-size: 14px !important; /* taille adaptée mobile */
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
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660/* Titres H1 H2 H3 sur la page d’accueil */
661.home h1,
662.home h2,
663.home h3 {
664    color: #ffffff !important;
665}
666
667/* Texte des widgets UNIQUEMENT sur la Home */
668.home .widget,
669.home .widget-title,
670.home .widget p,
671.home .widget span,
672.home .widget a,
673.home .widget li {
674    color: #ffffff !important;
675}
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692@media (max-width: 767px) {
693    /* Conteneur principal : scroll horizontal + peek très visible */
694    .hp-listing-categories .hp-row {
695        display: flex !important;
696        overflow-x: auto;
697        -webkit-overflow-scrolling: touch;
698        gap: 6px; /* rapprocher les cartes */
699        padding: 0 15px 15px 15px;
700        padding-right: 140px; /* ← peek encore plus visible */
701        margin-left: 0 !important;
702        margin-right: 0 !important;
703        flex-wrap: nowrap !important;
704        scrollbar-width: none;
705        position: relative;
706    }
707
708    .hp-listing-categories .hp-row::-webkit-scrollbar {
709        display: none;
710    }
711
712    /* Dégradé droit pour indiquer "plus" */
713    .hp-listing-categories .hp-row::after {
714        content: "";
715        position: absolute;
716        right: 0;
717        top: 0;
718        height: 100%;
719        width: 60px; /* légèrement plus large pour l’effet peek */
720        pointer-events: none;
721        background: linear-gradient(to left,
722            rgba(255,255,255,1) 0%,
723            rgba(255,255,255,0.6) 40%,
724            rgba(255,255,255,0) 100%);
725    }
726
727    /* Cartes : largeur plus grande pour mieux montrer le peek */
728    .hp-listing-categories .hp-row .hp-grid__item.hp-col-xs-12 {
729        width: 170px !important; /* cartes plus larges */
730        min-width: 170px !important;
731        float: none !important;
732        clear: none !important;
733        flex-shrink: 0 !important;
734        padding-left: 0 !important;
735        padding-right: 0 !important;
736        margin-bottom: 0 !important;
737    }
738
739    .hp-listing-categories .hp-row .hp-grid__item {
740        margin-top: 0 !important;
741        margin-right: 6px; 
742    }
743
744    .hp-listing-category--view-block {
745        padding: 0; /* enlever padding interne */
746        border-radius: 10px;
747        background: none; /* pas de fond */
748        transition: transform 0.3s ease;
749    }
750
751    /* Images remplissent complètement le cadre */
752    .hp-listing-category--view-block img {
753        width: 100%;
754        height: 150px; /* plus haut pour l’effet pro */
755        object-fit: cover;
756        display: block;
757        border-radius: 10px;
758        transition: transform 0.3s ease;
759        cursor: pointer;
760    }
761
762    /* Au clic : zoom temporaire */
763    .hp-listing-category--view-block img:active {
764        transform: scale(1.2);
765        z-index: 5;
766    }
767}
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787/* --- CODE PC (STRICTEMENT INCHANGÉ) --- */
788.hp-listing-categories {
789    margin-top: 30px !important;
790    position: relative;
791    z-index: 5;
792}
793
794.hp-listing-categories .hp-grid__item {
795    background: rgba(255, 255, 255, 0.05) !important;
796    backdrop-filter: blur(5px);
797    border: 1px solid rgba(255, 255, 255, 0.1) !important;
798    border-radius: 12px !important;
799    padding: 10px !important;
800    transition: all 0.3s ease !important;
801}
802
803.hp-listing-category__name a {
804    color: #ffffff !important;
805    text-shadow: 1px 1px 3px rgba(0,0,0,0.8) !important;
806    font-size: 14px !important;
807    font-weight: 600 !important;
808}
809
810.hp-listing-category__image img {
811    height: 120px !important;
812    width: 100% !important;
813    object-fit: cover !important;
814    border-radius: 8px !important;
815    opacity: 0.9;
816}
817
818.hp-listing-categories .hp-grid__item:hover {
819    background: rgba(255, 255, 255, 0.15) !important;
820    transform: scale(1.02) !important;
821}
822
823
824
825
826
827
828
829
830
831
832/* Style Professionnel Agrandi pour le Header (PC) */
833@media screen and (min-width: 992px) {
834    
835    /* FORCE LE HEADER COMPLET DEVANT TOUT LE RESTE */
836    .site-header {
837        position: relative !important;
838        z-index: 99999 !important;
839    }
840
841    /* 1. Suppression des box et réglage de la taille du texte */
842    .header-navbar__menu ul.menu li a {
843        background: none !important;
844        border: none !important;
845        box-shadow: none !important;
846        color: #333 !important;
847        font-size: 16px !important;
848        font-weight: 600 !important;
849        text-transform: none !important;
850        padding: 5px 12px !important;
851        transition: color 0.3s ease;
852    }
853
854    /* 2. Effet au survol */
855    .header-navbar__menu ul.menu li a:hover {
856        color: #2c7cf6 !important;
857        text-decoration: none !important;
858    }
859
860    /* 3. Masquage des catégories et du doublon profil */
861    .header-navbar__menu .menu-item-type-taxonomy,
862    .header-navbar__menu .menu-item--last.menu-item--user-account {
863        display: none !important;
864    }
865
866    /* 4. Alignement et espacement */
867    .header-navbar__menu ul.menu {
868        display: flex !important;
869        flex-direction: row !important;
870        align-items: center !important;
871        justify-content: flex-end !important;
872        gap: 25px !important;
873        margin: 0 !important;
874    }
875
876    /* 5. Forcer l'affichage horizontal */
877    .menu-item-privacy-policy, 
878    #menu-item-7525, 
879    #menu-item-6304,
880    .menu-item--first.menu-item--user-account {
881        display: flex !important;
882    }
883
884    /* 6. FORCE LE MENU DÉROULANT AU PREMIER PLAN */
885    .header-navbar__menu, 
886    .menu-item--user-account,
887    .sub-menu.hp-menu--user-account {
888        z-index: 100000 !important;
889        overflow: visible !important; /* Empêche le menu d'être coupé */
890    }
891
892    .sub-menu.hp-menu--user-account {
893        background: #ffffff !important;
894        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
895        visibility: visible !important;
896    }
897}
898
899/* Style Professionnel Agrandi - Correction Menu Déroulant */
900@media screen and (min-width: 992px) {
901    
902    /* 1. Force le header au premier plan */
903    .site-header, .header-navbar {
904        z-index: 99999 !important;
905        position: relative !important;
906    }
907
908    /* 2. Style des liens (Texte seul, pas de box) */
909    .header-navbar__menu ul.menu li a {
910        background: none !important;
911        border: none !important;
912        box-shadow: none !important;
913        color: #333 !important;
914        font-size: 16px !important;
915        font-weight: 600 !important;
916        text-transform: none !important;
917        padding: 5px 12px !important;
918        transition: color 0.3s ease;
919    }
920
921    /* 3. Masquage des éléments inutiles */
922    .header-navbar__menu .menu-item-type-taxonomy,
923    .header-navbar__menu .menu-item--last.menu-item--user-account {
924        display: none !important;
925    }
926
927    /* 4. Alignement du menu */
928    .header-navbar__menu ul.menu {
929        display: flex !important;
930        flex-direction: row !important;
931        align-items: center !important;
932        justify-content: flex-end !important;
933        gap: 25px !important;
934    }
935
936    /* 5. GESTION DU MENU DÉROULANT (PROFILE) */
937    
938    /* Cache le menu par défaut */
939    .menu-item--user-account .sub-menu {
940        display: none !important;
941        visibility: hidden !important;
942        opacity: 0;
943        position: absolute !important;
944        z-index: 100000 !important;
945        background: #000000 !important;
946        box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
947        transition: opacity 0.2s ease;
948    }
949
950    /* Affiche le menu UNIQUEMENT au survol de la souris */
951    .menu-item--user-account:hover .sub-menu {
952        display: block !important;
953        visibility: visible !important;
954        opacity: 1;
955    }
956
957    /* Assure que les éléments du sous-menu sont lisibles */
958    .sub-menu.hp-menu--user-account li a {
959        font-size: 14px !important;
960        font-weight: 500 !important;
961        padding: 10px 20px !important;
962        display: block !important;
963    }
964}
965
966
967
968
969
970
971
972
973
974
975
976/* --- CERCLE BLANC MENU MOBILE (TOUT LE SITE) --- */
977@media (max-width: 991px) {
978    /* On cible l'icône bars directement, peu importe la page */
979    i.fas.fa-bars, 
980    i.fa-bars,
981    .hp-menu-toggle i,
982    .header-navbar__toggler i {
983        background-color: #ffffff !important; /* Fond blanc */
984        color: #000000 !important; /* Traits noirs */
985        width: 42px !important;
986        height: 42px !important;
987        line-height: 42px !important; /* Centre verticalement */
988        text-align: center !important; /* Centre horizontalement */
989        border-radius: 50% !important; /* Cercle parfait */
990        display: inline-block !important;
991        box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.4) !important;
992        font-size: 18px !important;
993        cursor: pointer !important;
994        /* Fix pour éviter les déformations sur certaines pages */
995        margin: 0 !important;
996        padding: 0 !important;
997    }
998
999    /* On nettoie le bouton parent pour ne pas avoir de double fond */
1000    .hp-menu-toggle, 
1001    .navbar-toggler, 
1002    .header-navbar__toggler {
1003        background: transparent !important;
1004        border: none !important;
1005        padding: 0 !important;
1006        box-shadow: none !important;
1007    }
1008}
1009	 
1010
1011
1012
1013
1014
1015/* S'applique UNIQUEMENT aux mobiles et tablettes (écran < 1024px) */
1016@media (max-width: 1024px) {
1017    
1018    /* Force le noir sur l'icône de profil et les éléments du menu mobile */
1019    .site-header i, 
1020    .site-header svg, 
1021    .site-header a,
1022    [class*="wd-"] i, 
1023    [class*="wd-"] svg,
1024    .mobile-menu-inner i, 
1025    .mobile-menu-inner svg,
1026    .wd-tools-icon::before,
1027    .wd-tools-icon::after,
1028    .wd-header-my-account i,
1029    .wd-my-account-with-icon i {
1030        color: #000000 !important;
1031        fill: #000000 !important;
1032        -webkit-text-fill-color: #000000 !important;
1033    }
1034
1035    /* Force spécifiquement le bouton de fermeture (X) s'il est blanc */
1036    .wd-close-button, .close-side-widget {
1037        color: #000000 !important;
1038    }
1039}
1040header.site-header {
1041    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/12/Gemini_Generated_Image_qc70yhqc70yhqc70-1.png') !important;
1042    background-size: cover !important;
1043    background-position: center 0% !important; /* Ajuste la hauteur des drapeaux */
1044    background-repeat: no-repeat !important;
1045}
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055/* Force le menu en BLANC sur toutes les langues - Uniquement PC */
1056@media screen and (min-width: 1024px) {
1057    #menu-header-1, 
1058    #menu-header-1 li a, 
1059    #menu-header-1 li a span, 
1060    #menu-header-1 .hp-icon {
1061        color: #ffffff !important;
1062        fill: #ffffff !important;
1063    }
1064
1065    /* Force aussi les liens qui ne sont pas dans le menu principal mais dans le header */
1066    .header-navbar__end a, 
1067    .header-navbar__end span {
1068        color: #ffffff !important;
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
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147/* Correction PC : On descend encore plus les éléments */
1148@media (min-width: 992px) {
1149    
1150    /* 1. Descend la barre de recherche du haut par rapport à l'image Hero */
1151    .hp-page__header {
1152        margin-top: 40px !important; /* Augmenté de 20 à 40px */
1153        margin-bottom: 40px !important;
1154    }
1155
1156    /* 2. Descend le filtre de gauche quand on scroll la page */
1157    /* On augmente le 'top' pour qu'il s'arrête plus bas sur l'écran */
1158    .hp-page__sidebar .inner-wrapper-sticky,
1159    .site-sidebar [data-component="sticky"] {
1160        top: 160px !important; /* Augmenté de 130 à 160px */
1161    }
1162
1163    /* 3. Espace de sécurité interne pour le filtre de gauche */
1164    .hp-page__sidebar .inner-wrapper-sticky {
1165        padding-top: 15px !important;
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
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246/* S'applique à tous les écrans (PC + Mobile) */
1247
1248/* 1. Change la couleur de la bordure du cadre en OR */
1249article.hp-listing-category--view-block {
1250    border: 2px solid #bf953f !important; /* Couleur Or métallique */
1251    border-radius: 15px !important;       /* Coins arrondis */
1252    overflow: hidden !important;
1253    background-color: transparent !important;
1254}
1255
1256/* 2. Supprime tout fond noir qui pourrait rester dans le cadre */
1257.hp-listing-category--view-block .hp-listing-category__header {
1258    background-color: transparent !important;
1259}
1260
1261/* 3. Optionnel : Petit effet de brillance au survol de la souris sur PC */
1262article.hp-listing-category--view-block:hover {
1263    border-color: #fcf6ba !important; /* Or plus clair au survol */
1264    transition: border-color 0.3s ease;
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
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320/* Correction spécifique pour PC uniquement */
1321@media (min-width: 1025px) {
1322
1323    /* 1. On force la section cover tout en bas */
1324    section.header-hero--cover, 
1325    .header-hero {
1326        z-index: 1 !important;
1327        position: relative !important;
1328    }
1329
1330    /* 2. On force le LOGIN (et son conteneur Fancybox) à monter */
1331    .fancybox-container,
1332    .fancybox-overlay,
1333    .hp-modal,
1334    #user_login_modal {
1335        z-index: 99999 !important; /* Très haut */
1336    }
1337
1338    /* 3. On met le CHAT AI au sommet de la pyramide (encore plus haut que le login) */
1339    #ai-float-btn {
1340        z-index: 1000000 !important; /* 1 Million pour être sûr */
1341        pointer-events: auto !important;
1342    }
1343
1344    #ai-chat-popup {
1345        z-index: 1000001 !important;
1346        pointer-events: auto !important;
1347    }
1348
1349    #ai-chat-overlay {
1350        z-index: 999999 !important;
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
1437
1438
1439
1440
1441
1442
1443
1444
1445
1446
1447
1448
1449
1450
1451
1452
1453
1454
1455
1456
1457
1458/* BOUTON OR MÉTAL MASSIF 3D - TEXTE NOIR UNIVERSEL */
1459.hp-menu__item--listing-submit.button {
1460    /* 1. Dégradé Or Foncé Miroir */
1461    background: linear-gradient(180deg, 
1462        #7d5d11 0%,   
1463        #bf953f 40%,  
1464        #ffffff 50%,  
1465        #b38728 60%,  
1466        #4a3708 100%  
1467    ) !important;
1468    background-size: 100% 100% !important;
1469
1470    /* 2. ÉCRITURE NOIRE (Visible partout) */
1471    color: #000000 !important;
1472    font-weight: 800 !important;
1473    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4) !important; /* Ombre claire pour détacher le noir */
1474    
1475    /* 3. EFFET 3D MASSIF */
1476    border: 1px solid #5c440a !important;
1477    border-bottom: 5px solid #3d2e05 !important; 
1478    border-radius: 8px !important;
1479    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5) !important;
1480
1481    /* 4. MOUVEMENT */
1482    display: inline-flex !important;
1483    align-items: center !important;
1484    position: relative !important;
1485    animation: goldPulse3D 2s infinite ease-in-out !important; 
1486    transition: all 0.2s ease-in-out !important;
1487    cursor: pointer !important;
1488}
1489
1490/* SÉCURITÉ : FORCE LE NOIR SUR LE TEXTE ET GOOGLE TRANSLATE */
1491.hp-menu__item--listing-submit.button span,
1492.hp-menu__item--listing-submit.button font,
1493.hp-menu__item--listing-submit.button i {
1494    color: #000000 !important;
1495}
1496
1497/* 5. L'ÉCLAIR QUI PASSE */
1498.hp-menu__item--listing-submit.button::after {
1499    content: "" !important;
1500    position: absolute !important;
1501    top: -50% !important;
1502    left: -150% !important;
1503    width: 80px !important;
1504    height: 200% !important;
1505    background: linear-gradient(
1506        to right, 
1507        rgba(255,255,255,0) 0%, 
1508        rgba(255,255,255,0.7) 50%, 
1509        rgba(255,255,255,0) 100%
1510    ) !important;
1511    transform: rotate(25deg) !important;
1512    animation: goldShine3D 3s infinite !important;
1513}
1514
1515/* KEYFRAMES UNIQUE : Pulsation du bouton */
1516@keyframes goldPulse3D {
1517    0% { transform: scale(1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); }
1518    50% { transform: scale(1.06); box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6); }
1519    100% { transform: scale(1); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); }
1520}
1521
1522/* KEYFRAMES : Flash de lumière */
1523@keyframes goldShine3D {
1524    0% { left: -150%; }
1525    25% { left: 150%; }
1526    100% { left: 150%; }
1527}
1528
1529/* Icône + en NOIR */
1530.hp-menu__item--listing-submit.button i {
1531    color: #000000 !important;
1532    margin-right: 8px !important;
1533    font-size: 1.1em !important;
1534}
1535
1536/* Effet au clic (s'enfonce) */
1537.hp-menu__item--listing-submit.button:active {
1538    transform: scale(0.95) !important;
1539    border-bottom: 2px solid #3d2e05 !important;
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
1594
1595
1596
1597
1598
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615/* 1. On stabilise le bloc parent */
1616.hp-listing--view-block {
1617    position: relative !important;
1618}
1619
1620/* 2. Positionnement précis sur l'image */
1621.hp-listing--view-block .hp-listing__attribute--statut {
1622    display: flex !important;
1623    align-items: center !important;
1624    justify-content: center !important;
1625    position: absolute !important;
1626    
1627    /* Centrage sur la zone de l'image */
1628    /* top: 25% permet de viser le milieu de la photo plutôt que le milieu de la carte entière */
1629    top: 25% !important; 
1630    left: 50% !important;
1631    transform: translate(-50%, -50%) !important;
1632    
1633    /* Priorité visuelle */
1634    z-index: 9999 !important;
1635    
1636    /* Design Gold avec transparence (0.85) */
1637    background: linear-gradient(135deg, rgba(191,149,63,0.85), rgba(252,246,186,0.85), rgba(179,135,40,0.85)) !important;
1638    color: #000 !important;
1639    border: 1px solid rgba(138,109,41,1) !important;
1640    
1641    /* Taille XXL */
1642    padding: 10px 25px !important;
1643    border-radius: 6px !important;
1644    font-weight: 900 !important;
1645    font-size: 18px !important; 
1646    text-transform: uppercase !important;
1647    letter-spacing: 1px !important;
1648    box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
1649    
1650    white-space: nowrap !important;
1651    pointer-events: none; /* Laisse l'image cliquable */
1652}
1653
1654/* 3. On annule les marges qui pourraient décentrer le badge */
1655.hp-listing--featured .hp-listing__attribute--statut {
1656    left: 50% !important;
1657}
1658
1659/* 4. On s'assure que le badge ne réapparaît pas en bas */
1660.hp-listing__footer .hp-listing__attribute--statut {
1661    position: absolute !important;
1662    margin: 0 !important;
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
1737
1738
1739
1740
1741
1742
1743
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758/* 1. On vide le texte original "Supprimer" et les balises font */
1759.hp-listing__action--delete span {
1760    font-size: 0 !important;
1761    visibility: hidden !important;
1762    display: inline-block !important;
1763}
1764
1765/* 2. On injecte "Vendu" à la place */
1766.hp-listing__action--delete span::after {
1767    content: "Vendu" !important;
1768    font-size: 14px !important; /* On redonne une taille au texte */
1769    font-weight: 600 !important;
1770    text-transform: uppercase !important;
1771    visibility: visible !important;
1772    display: inline-block !important;
1773    color: #d4af37 !important; /* Couleur dorée pour le côté pro */
1774    margin-left: 5px !important;
1775}
1776
1777/* 3. On s'assure que l'icône (X) reste visible ou change de couleur */
1778.hp-listing__action--delete i {
1779    font-size: 14px !important;
1780    color: #d4af37 !important;
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
1848
1849
1850
1851
1852
1853
1854
1855
1856
1857
1858
1859
1860
1861
1862
1863
1864
1865
1866
1867
1868
1869/* 1. Cacher le texte de la description (Do you confirm...) */
1870.hp-form--listing-delete .hp-form__description,
1871.hp-form--listing-delete .hp-form__description font {
1872    font-size: 0 !important;
1873    visibility: hidden !important;
1874}
1875
1876/* Insérer le nouveau message de confirmation */
1877.hp-form--listing-delete .hp-form__description::before {
1878    content: "Confirmez-vous la validation de cette vente ? Cette action est définitive." !important;
1879    font-size: 16px !important; /* Ajuste la taille selon ton besoin */
1880    visibility: visible !important;
1881    display: block !important;
1882    color: #333 !important;
1883    margin-bottom: 15px !important;
1884}
1885
1886/* 2. Cacher le texte du bouton (Delete an ad) */
1887.hp-form--listing-delete .hp-field--submit span,
1888.hp-form--listing-delete .hp-field--submit span font {
1889    font-size: 0 !important;
1890    visibility: hidden !important;
1891}
1892
1893/* Insérer le nouveau texte sur le bouton */
1894.hp-form--listing-delete .hp-field--submit span::before {
1895    content: "Valider la vente" !important;
1896    font-size: 14px !important;
1897    visibility: visible !important;
1898    text-transform: uppercase !important;
1899    font-weight: bold !important;
1900}
1901
1902/* 3. Optionnel : Changer la couleur du bouton en Vert ou Gold pour le côté positif */
1903.hp-form--listing-delete .hp-field--submit {
1904    background-color: #d4af37 !important; /* Gold comme ton badge */
1905    border-color: #d4af37 !important;
1906}
1907
1908.hp-form--listing-delete .hp-field--submit:hover {
1909    background-color: #b38728 !important;
1910}
1911
1912
1913/* 1. Cache le titre original du modal de suppression */
1914#listing_delete_modal .hp-modal__title,
1915.hp-form--listing-delete .hp-modal__title {
1916    font-size: 0 !important;
1917    visibility: hidden !important;
1918}
1919
1920/* 2. Injecte le nouveau titre pro */
1921#listing_delete_modal .hp-modal__title::before,
1922.hp-form--listing-delete .hp-modal__title::before {
1923    content: "Validation de la vente" !important;
1924    font-size: 22px !important; /* Taille standard des titres HivePress */
1925    visibility: visible !important;
1926    display: block !important;
1927    font-family: inherit !important;
1928    font-weight: 600 !important;
1929    color: #333 !important;
1930}
1931
1932/* 3. Petit ajustement de l'icône de fermeture (optionnel) */
1933.hp-modal__close {
1934    color: #999 !important;
1935}
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945
1946
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958/* ================================================================
1959   BOUTON "S'INSCRIRE" - VERSION ANTI-PARASITE FINALE
1960   ================================================================ */
1961
1962.hp-menu__item--listing-submit.button {
1963    display: inline-flex !important;
1964    align-items: center !important;     
1965    justify-content: center !important;  
1966    min-width: 140px !important;      
1967    height: 34px !important;         
1968    position: relative !important;
1969    
1970    /* 1. ON FORCE LE CACHAGE DE TOUT CE QUI DÉPASSE */
1971    overflow: hidden !important; 
1972    font-size: 0 !important; 
1973    color: transparent !important;
1974}
1975
1976/* 2. ON NEUTRALISE LE SPAN ORIGINAL (MÊME AU SURVOL) */
1977.hp-menu__item--listing-submit.button span,
1978.hp-menu__item--listing-submit.button:hover span {
1979    display: none !important;
1980    opacity: 0 !important;
1981    visibility: hidden !important;
1982    position: absolute !important;
1983    left: -9999px !important; /* On l'envoie très loin */
1984}
1985
1986/* 3. ON NEUTRALISE L'ICÔNE ORIGINALE */
1987.hp-menu__item--listing-submit.button i,
1988.hp-menu__item--listing-submit.button:hover i {
1989    display: none !important;
1990    opacity: 0 !important;
1991}
1992
1993/* 4. ON INJECTE NOTRE TEXTE "S'INSCRIRE" DE MANIÈRE FIXE */
1994.hp-menu__item--listing-submit.button::before {
1995    content: "S'INSCRIRE" !important;
1996    font-family: inherit !important;
1997    font-size: 11px !important; 
1998    font-weight: 800 !important;
1999    color: #000000 !important;
2000    
2001    /* Propriétés de positionnement */
2002    display: block !important;
2003    visibility: visible !important;
2004    opacity: 1 !important;
2005    position: relative !important;
2006    z-index: 10 !important;
2007    text-indent: 0 !important; /* Annule le décalage du texte original */
2008}
2009
2010/* 5. DESIGN DU BOUTON (OR 3D) */
2011.hp-menu__item--listing-submit.button {
2012    background: linear-gradient(180deg, #7d5d11 0%, #bf953f 40%, #ffffff 50%, #b38728 60%, #4a3708 100%) !important;
2013    border-radius: 8px !important;
2014    border: 1px solid #5c440a !important;
2015    border-bottom: 3px solid #3d2e05 !important;
2016}
2017
2018/* 6. EFFET DE SURVOL (SANS CHANGER LE TEXTE) */
2019.hp-menu__item--listing-submit.button:hover {
2020    filter: brightness(1.1) !important;
2021}
2022
2023
2024
2025
2026
2027
2028
2029
2030
2031
2032
2033
2034
2035
2036
2037
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058/* ================================================================
2059   TITRES H5 EN ORANGE / GOLD (PAGE HOME UNIQUEMENT)
2060   ================================================================ */
2061
2062.home h5.widget__title {
2063    /* Un beau orange doré profond */
2064    color: #bf953f !important; 
2065    
2066    /* Optionnel : Un léger relief pour plus de lisibilité */
2067    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
2068    font-weight: 700 !important;
2069    text-transform: uppercase !important;
2070}
2071
2072/* On change aussi la petite barre décorative juste au-dessus */
2073.home h5.widget__title::before {
2074    background-color: #ff9800 !important; /* Orange vif pour le rappel */
2075}
2076
2077
2078.home h5, 
2079.home h5 a {
2080    color: #ffffff !important;
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
2138
2139
2140
2141
2142
2143
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155
2156
2157
2158/* ================================================================
2159   FORCE L'ALIGNEMENT DES ANNONCES (SANS TOUCHER AUX CATÉGORIES)
2160   ================================================================ */
2161
2162/* 1. On cible uniquement les blocs d'ANNONCES (services) */
2163/* On exclut strictement tout ce qui contient "category" */
2164.hp-grid__item article.hp-listing:not(.hp-listing-category) {
2165    display: flex !important;
2166    flex-direction: column !important;
2167    height: 100% !important;
2168}
2169
2170/* 2. On aligne le contenu interne pour pousser le footer (icônes) en bas */
2171article.hp-listing:not(.hp-listing-category) .hp-listing__content {
2172    flex-grow: 1 !important;
2173    display: flex !important;
2174    flex-direction: column !important;
2175    justify-content: space-between !important;
2176}
2177
2178/* 3. On fixe une hauteur minimale pour les titres des annonces pour qu'ils soient alignés */
2179article.hp-listing:not(.hp-listing-category) .hp-listing__title {
2180    min-height: 2.5em !important;
2181    margin-bottom: 10px !important;
2182}
2183
2184/* ================================================================
2185   VERROUILLAGE DU DESIGN DES CATÉGORIES (PROTECTION)
2186   ================================================================ */
2187
2188/* On force les catégories à ignorer les règles Flexbox ci-dessus 
2189   pour qu'elles gardent ton design (cadre Or, images 4:3, etc.) */
2190article.hp-listing-category, 
2191.hp-listing-category--view-block {
2192    display: block !important; /* Retour au mode normal */
2193    height: auto !important;
2194}
2195
2196/* On s'assure que le contenu des catégories reste centré comme dans ton code */
2197.hp-listing-category__content {
2198    display: block !important;
2199    text-align: center !important;
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
2238
2239
2240
2241
2242
2243
2244
2245
2246
2247
2248
2249
2250
2251
2252
2253
2254
2255
2256
2257
2258/* ================================================================
2259   DESIGN ANNONCES "ULTRA-PRO" - STYLE LUXE & RELIEF
2260   ================================================================ */
2261
2262/* 1. La Carte (Le conteneur) */
2263article.hp-listing--view-block {
2264    background: #ffffff !important;
2265    border: 1px solid rgba(191, 149, 63, 0.2) !important; /* Bordure or très fine */
2266    border-radius: 15px !important;
2267    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
2268    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
2269    overflow: hidden !important;
2270}
2271
2272/* 2. Le Cadre Photo (L'effet "Cercle/Carré Or" Pro) */
2273.hp-listing__header {
2274    padding: 12px !important; /* Crée l'espace interne */
2275    background: #ffffff !important;
2276}
2277
2278.hp-listing__image {
2279    border: 2px solid #bf953f !important; /* Le trait d'or qui entoure la photo */
2280    border-radius: 12px !important;
2281    overflow: hidden !important;
2282    position: relative !important;
2283}
2284
2285.hp-listing__image img {
2286    transition: transform 0.6s ease !important;
2287    object-fit: cover !important;
2288}
2289
2290/* 3. Style du Texte (Titre et contenu) */
2291.hp-listing__content {
2292    padding: 15px !important;
2293    text-align: left !important;
2294}
2295
2296.hp-listing__title a {
2297    font-size: 17px !important;
2298    color: #222 !important;
2299    font-weight: 700 !important;
2300    line-height: 1.3 !important;
2301    text-decoration: none !important;
2302}
2303
2304/* 4. Le Footer (Zone du bas avec icônes) */
2305.hp-listing__footer {
2306    background: #f9f9f9 !important;
2307    border-top: 1px solid rgba(0,0,0,0.05) !important;
2308    padding: 10px 15px !important;
2309}
2310
2311/* 5. Effet au Survol (Hover) - TRÈS PRO */
2312article.hp-listing--view-block:hover {
2313    transform: translateY(-5px) !important;
2314    box-shadow: 0 12px 30px rgba(191, 149, 63, 0.2) !important; /* Ombre dorée diffuse */
2315    border-color: #bf953f !important;
2316}
2317
2318article.hp-listing--view-block:hover .hp-listing__image img {
2319    transform: scale(1.1) !important; /* Zoom doux sur l'image */
2320}
2321
2322article.hp-listing--view-block:hover .hp-listing__title a {
2323    color: #bf953f !important; /* Le texte devient or */
2324}
2325
2326/* 6. Badge "Vérifié" ou Statut s'il existe */
2327.hp-listing__attribute--statut {
2328    border-radius: 4px !important;
2329    letter-spacing: 0.5px !important;
2330}
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350
2351
2352
2353
2354
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365
2366
2367
2368
2369
2370
2371
2372
2373
2374/* Application de l'image au header du site */
2375.hp-header, .site-header {
2376    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;
2377    background-size: cover !important;
2378    background-position: center center !important;
2379    background-repeat: no-repeat !important;
2380    padding: 60px 0 !important; /* Ajuste la hauteur du header ici */
2381    transition: background 0.3s ease-in-out;
2382}
2383
2384/* Assure que le texte sur l'image reste lisible (blanc) */
2385.hp-header a, .hp-header .hp-menu__item, .site-header  {
2386    color: #ffffff !important;
2387}
2388
2389/* Adaptation pour mobile */
2390@media (max-width: 768px) {
2391    .hp-header, .site-header {
2392        padding: 40px 0 !important;
2393        background-attachment: scroll !important;
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
2437
2438
2439
2440
2441
2442
2443
2444
2445
2446
2447
2448
2449
2450
2451
2452
2453
2454
2455
2456
2457
2458/* 1. FORCE LE TRI SUR TOUS LES ÉCRANS */
2459.hp-listing-categories .hp-row {
2460    display: flex !important;
2461    /* On garde le nowrap pour ton effet de scroll mobile */
2462    flex-wrap: nowrap !important; 
2463}
2464
2465/* Sur PC on veut que ça revienne à la ligne normalement */
2466@media (min-width: 768px) {
2467    .hp-listing-categories .hp-row {
2468        flex-wrap: wrap !important;
2469    }
2470}
2471
2472/* 2. POSITIONNEMENT DES ÉLÉMENTS */
2473/* Toutes les catégories ont l'ordre 1 par défaut */
2474.hp-listing-categories .hp-grid__item {
2475    order: 1 !important;
2476}
2477
2478/* Cible spécifiquement "Autre secteur" par son lien pour le mettre à la fin */
2479.hp-listing-categories .hp-grid__item:has(a[href*="autre-secteur"]) {
2480    order: 99 !important;
2481}
2482
2483/* 3. RÉTABLISSEMENT DU SCROLL MOBILE (Ton Peek effect) */
2484@media (max-width: 767px) {
2485    .hp-listing-categories .hp-row {
2486        overflow-x: auto !important;
2487        -webkit-overflow-scrolling: touch !important;
2488        /* On s'assure que le conteneur ne bloque pas le tri */
2489        display: flex !important; 
2490    }
2491
2492    /* On s'assure que les cartes ne rétrécissent pas à cause du flex */
2493    .hp-listing-categories .hp-row .hp-grid__item {
2494        flex-shrink: 0 !important;
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
2536
2537
2538
2539
2540
2541
2542
2543
2544
2545
2546
2547
2548
2549
2550
2551
2552
2553
2554
2555
2556
2557#ai-chat-teaser {
2558    pointer-events: none; /* Le clic traverse l'élément et touche le bouton en dessous */
2559}
2560
2561#ai-chat-teaser img {
2562    pointer-events: auto; /* Permet de cliquer quand même sur l'image si besoin */
2563}
2564
2565
2566
2567
2568
2569
2570
2571
2572
2573/* Uniquement le fond noir sur la page d'accueil */
2574body.home {
2575    background-color: #000000 !important;
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
2642
2643
2644
2645
2646
2647
2648
2649
2650
2651
2652
2653
2654
2655
2656
2657
2658
2659
2660
2661
2662
2663/* 1. On active le mode Flex sur le conteneur des annonces */
2664.hp-listings.hp-grid {
2665    display: flex !important;
2666    flex-wrap: wrap;
2667}
2668
2669/* 2. On donne un ordre par défaut (0) à toutes les annonces */
2670.hp-listings .hp-grid__item {
2671    order: 1;
2672}
2673
2674/* 3. On cible l'annonce qui CONTIENT l'attribut "Inscription en attente" pour la mettre à la fin */
2675.hp-listings .hp-grid__item:has(.hp-listing__attribute--statut) {
2676    order: 99 !important;
2677    opacity: 0.7; /* Optionnel : pour différencier visuellement celles en attente */
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
2837
2838
2839
2840
2841
2842
2843
2844
2845
2846
2847
2848
2849
2850
2851
2852
2853
2854
2855
2856
2857
2858/* Appliquer l'image en fond d'écran uniquement sur la page d'accueil */
2859body.home {
2860    background-image: url('https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/04/Gemini_Generated_Image_ll5th4ll5th4ll5t.png') !important;
2861    background-attachment: fixed !important; /* L'image reste fixe lors du scroll */
2862    background-size: cover !important;      /* L'image couvre tout l'écran */
2863    background-position: center !important;  /* L'image est centrée */
2864    background-repeat: no-repeat !important;
2865}
2866
2867/* Optionnel : Si votre thème a des blocs blancs qui cachent le fond, 
2868   ce code rend les conteneurs transparents pour voir l'image derrière */
2869body.home .site-content, 
2870body.home .hp-listing-categories {
2871    background-color: transparent !important;
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
2908
2909
2910
2911
2912
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924
2925
2926
2927
2928
2929/* --- FORCE LE MENU ET LE BOUTON SUR UNE SEULE LIGNE --- */
2930@media screen and (min-width: 1024px) {
2931
2932    /* 1. On force le conteneur à ne JAMAIS casser la ligne */
2933    .header-navbar__end {
2934        display: flex !important;
2935        flex-wrap: nowrap !important; 
2936        align-items: center !important;
2937        justify-content: flex-end !important;
2938        width: auto !important;
2939    }
2940
2941    /* 2. On rend le menu ultra-compact */
2942    .header-navbar__menu ul.menu {
2943        display: flex !important;
2944        flex-wrap: nowrap !important;
2945        gap: 8px !important; /* Espace minimum entre les liens */
2946        margin: 0 !important;
2947        padding: 0 !important;
2948    }
2949
2950    /* 3. On réduit la taille du texte et on interdit le retour à la ligne sur les mots */
2951    .header-navbar__menu ul.menu > li > a {
2952        font-size: 12px !important; /* Taille réduite pour laptop */
2953        letter-spacing: -0.2px !important; /* Rapproche un peu les lettres */
2954        white-space: nowrap !important; /* INTERDIT de passer à la ligne */
2955        padding: 5px 4px !important;
2956    }
2957
2958    /* 4. On s'assure que le bouton doré reste collé au menu sans sauter */
2959    .hp-menu__item--listing-submit {
2960        flex-shrink: 0 !important; /* Le bouton ne peut pas rétrécir */
2961        white-space: nowrap !important;
2962        margin-left: 10px !important;
2963        font-size: 11px !important;
2964        padding: 8px 12px !important;
2965    }
2966
2967    /* 5. Si vraiment ça ne passe pas sur les très petits laptops (1280px) */
2968    @media screen and (max-width: 1300px) {
2969        .header-navbar__menu ul.menu > li > a span {
2970            font-size: 11px !important;
2971        }
2972        /* On réduit les emojis si nécessaire */
2973        .header-navbar__menu ul.menu > li > a i {
2974            margin-right: 2px !important;
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
3019
3020
3021
3022
3023
3024
3025
3026
3027
3028
3029
3030
3031
3032
3033
3034
3035
3036
3037
3038
3039
3040/* --- TIKVET : FIX DEFINITIF VISIBILITÉ + ANIMATION TRAIT --- */
3041@media screen and (min-width: 1024px) {
3042
3043    /* 1. CONTENEUR : On force la ligne unique et on centre */
3044    .header-navbar__menu {
3045        width: 100% !important;
3046        overflow: visible !important;
3047    }
3048
3049    .header-navbar__menu ul.menu {
3050        display: flex !important;
3051        flex-wrap: nowrap !important; /* Interdit le passage à la ligne */
3052        justify-content: center !important;
3053        align-items: center !important;
3054        margin: 0 auto !important;
3055        padding: 0 !important;
3056        list-style: none !important;
3057        /* Gap ultra-réduit sur petit laptop, normal sur grand écran */
3058        gap: clamp(2px, 0.8vw, 12px) !important;
3059    }
3060
3061    /* 2. LIENS : Texte dynamique et padding minimal */
3062    .header-navbar__menu ul.menu > li > a {
3063        position: relative !important;
3064        display: flex !important;
3065        align-items: center !important;
3066        /* Padding réduit au maximum pour gagner de la place */
3067        padding: 6px clamp(4px, 1vw, 12px) !important;
3068        color: #ffffff !important;
3069        white-space: nowrap !important; /* Force le texte sur une ligne */
3070        font-size: clamp(10px, 0.85vw, 13px) !important; /* Police plus petite sur laptop */
3071        transition: all 0.3s ease !important;
3072        z-index: 1;
3073    }
3074
3075    /* Réduction de la taille des emojis/icônes pour gagner de la place */
3076    .header-navbar__menu ul.menu > li > a span, 
3077    .header-navbar__menu ul.menu > li > a i {
3078        font-size: 0.9em !important;
3079        margin-right: 4px !important;
3080    }
3081
3082    /* 3. L'ANIMATION DU TRAIT (WAW) */
3083    .header-navbar__menu ul.menu > li > a::before {
3084        content: '';
3085        position: absolute;
3086        bottom: 0;
3087        left: 10%;
3088        width: 25px;
3089        height: 2px;
3090        background: linear-gradient(90deg, transparent, #BF953F, #FCF6BA, transparent);
3091        border-radius: 2px;
3092        animation: energySlide 3s infinite ease-in-out;
3093        box-shadow: 0 0 8px rgba(191, 149, 63, 0.6);
3094        pointer-events: none;
3095    }
3096
3097    /* 4. SURVOL ET CLIC */
3098    .header-navbar__menu ul.menu > li > a:hover {
3099        background: rgba(191, 149, 63, 0.1) !important;
3100        color: #FCF6BA !important;
3101    }
3102
3103    .header-navbar__menu ul.menu > li > a:hover::before {
3104        width: 80%;
3105        left: 10%;
3106        animation: pulseEnergy 1s infinite alternate;
3107    }
3108
3109    .header-navbar__menu ul.menu > li > a:active {
3110        transform: scale(0.95);
3111    }
3112
3113    /* 5. PRIORITÉ AU BOUTON "S'INSCRIRE" / "MON COMPTE" */
3114    .hp-menu__item--listing-submit, 
3115    .hp-menu__item--user-login {
3116        flex-shrink: 0 !important; /* Ne peut pas être réduit */
3117    }
3118
3119    /* 6. SOUS-MENUS GLASS */
3120    .header-navbar__menu ul.sub-menu {
3121        background: rgba(10, 10, 10, 0.95) !important;
3122        backdrop-filter: blur(10px) !important;
3123        border: 1px solid rgba(191, 149, 63, 0.3) !important;
3124        border-radius: 10px !important;
3125        opacity: 0 !important;
3126        visibility: hidden !important;
3127        transform: translateY(10px) !important;
3128        transition: 0.3s ease !important;
3129    }
3130
3131    .header-navbar__menu ul.menu > li:hover > ul.sub-menu {
3132        opacity: 1 !important;
3133        visibility: visible !important;
3134        transform: translateY(0) !important;
3135    }
3136}
3137
3138/* --- ANIMATIONS --- */
3139@keyframes energySlide {
3140    0% { left: 5%; opacity: 0.2; }
3141    50% { left: 60%; opacity: 1; }
3142    100% { left: 5%; opacity: 0.2; }
3143}
3144
3145@keyframes pulseEnergy {
3146    from { filter: brightness(1); box-shadow: 0 0 8px #BF953F; }
3147    to { filter: brightness(1.4); box-shadow: 0 0 15px #FCF6BA; }
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
3203
3204
3205
3206
3207
3208
3209
3210
3211
3212
3213
3214
3215
3216
3217
3218
3219
3220
3221
3222
3223
3224/* ================= HOME (Inchangé) ================= */
3225body.home {
3226    background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png');
3227    background-size: cover;
3228    background-position: center;
3229    background-repeat: no-repeat;
3230    background-attachment: fixed;
3231}
3232
3233/* ============ PAGE VÉTÉRINAIRE UNIQUEMENT (ID 689) ============ */
3234/* On cible précisément l'ID 689 pour l'image de fond */
3235body.page-id-689 {
3236    background-image: url('https://chiens.ma/wp-content/uploads/2025/12/Gemini_Generated_Image_ll5th4ll5th4ll5t.png') !important;
3237    background-size: cover !important;
3238    background-position: center !important;
3239    background-repeat: no-repeat !important;
3240    background-attachment: fixed !important;
3241}
3242
3243/* On retire l'overlay blanc uniquement sur cette page pour voir les chiens */
3244body.page-id-689::before {
3245    display: none !important;
3246}
3247
3248/* On rend le contenu du thème transparent sur cette page */
3249.page-id-689 #content, 
3250.page-id-689 .site-content, 
3251.page-id-689 .container, 
3252.page-id-689 .entry-content {
3253    background: transparent !important;
3254    background-color: transparent !important;
3255    border: none !important;
3256}
3257
3258/* Style des cartes sombres comme sur image_67e1ec.png */
3259.page-id-689 .glass-card {
3260    background: #0f1115 !important;
3261    border: 1px solid rgba(212, 175, 55, 0.4) !important;
3262    border-radius: 30px !important;
3263    box-shadow: 0 20px 50px rgba(0,0,0,0.8) !important;
3264}
3265
3266/* ============ TOUTES LES AUTRES PAGES (Sauf Home et 689) ============ */
3267body:not(.home):not(.page-id-689) {
3268    position: relative;
3269    background-image: url('https://lightsteelblue-eagle-944602.hostingersite.com/wp-content/uploads/2025/11/Gemini_Generated_Image_f2hocjf2hocjf2ho.png');
3270    background-size: cover;
3271    background-position: center;
3272    background-repeat: no-repeat;
3273    background-attachment: fixed;
3274}
3275
3276/* L'overlay blanc reste actif pour les autres pages */
3277body:not(.home):not(.page-id-689)::before {
3278    content: "";
3279    position: fixed;
3280    top: 0;
3281    left: 0;
3282    width: 100%;
3283    height: 100%;
3284    background-color: rgba(255,255,255,0.9);
3285    z-index: -1;
3286}
3287
3288
3289
3290
3291
3292
3293
3294
3295
3296
3297
3298
3299
3300
3301
3302
3303
3304/* ============ RECOUVREMENT DU BAS DE PAGE (ID 689) ============ */
3305
3306/* 1. On crée un fond sombre derrière toute la section du bas */
3307.page-id-689 #recent-posts-5, 
3308.page-id-689 .widget_recent_entries,
3309.page-id-689 .widget_recent_comments,
3310.page-id-689 .widget_gtranslate {
3311    background: rgba(0, 0, 0, 0.7) !important; /* Voile noir à 70% */
3312    padding: 25px !important;
3313    border-radius: 20px !important;
3314    border: 1px solid rgba(212, 175, 55, 0.2) !important;
3315    backdrop-filter: blur(5px); /* Effet flou sur le circuit imprimé */
3316    margin-bottom: 20px !important;
3317}
3318
3319/* 2. TITRES EN OR (Articles, Commentaires, Traduire) */
3320.page-id-689 .widget__title, 
3321.page-id-689 .widget-title,
3322.page-id-689 h5.widget__title {
3323    color: #d4af37 !important;
3324    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728) !important;
3325    -webkit-background-clip: text !important;
3326    -webkit-text-fill-color: transparent !important;
3327    font-weight: 800 !important;
3328    text-transform: uppercase !important;
3329    border-bottom: 2px solid #bf953f !important;
3330    display: inline-block !important;
3331    margin-bottom: 15px !important;
3332}
3333
3334/* 3. TEXTES ET LIENS EN BLANC ÉCLATANT */
3335.page-id-689 #recent-posts-5 ul li a,
3336.page-id-689 .recentcomments,
3337.page-id-689 .recentcomments a,
3338.page-id-689 .widget_gtranslate a,
3339.page-id-689 .goog-te-menu-value span {
3340    color: #ffffff !important;
3341    font-weight: 500 !important;
3342    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important; /* Ombre pour décoller du fond */
3343    text-decoration: none !important;
3344}
3345
3346/* 4. EFFET SURVOL (HOVER) */
3347.page-id-689 #recent-posts-5 ul li a:hover,
3348.page-id-689 .recentcomments a:hover {
3349    color: #fcf6ba !important;
3350    padding-left: 5px !important;
3351    transition: 0.3s;
3352}
3353
3354/* 5. NETTOYAGE DES PUCES ET LISTES */
3355.page-id-689 .widget ul {
3356    list-style: none !important;
3357    padding: 0 !important;
3358}
3359
3360.page-id-689 .widget ul li {
3361    padding: 8px 0 !important;
3362    border-bottom: 1px solid rgba(255,255,255,0.1) !important;
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
3438
3439
3440
3441
3442
3443
3444
3445
3446
3447
3448
3449
3450
3451
3452
3453
3454
3455
3456
3457
3458
3459/* --- OPTIMISATION PC : REGROUPEMENT PAIEMENT & BOUTON --- */
3460@media (min-width: 901px) {
3461    /* Empêche la section de s'étirer inutilement */
3462    .tikvet-pay-section {
3463        justify-content: flex-start !important;
3464        height: fit-content !important; /* S'adapte au contenu */
3465        align-self: start !important; /* Aligné en haut */
3466    }
3467
3468    /* Rapproche le RIB, la case à cocher et le bouton */
3469    .premium-card {
3470        margin-bottom: 10px !important;
3471    }
3472
3473    .legal-box {
3474        margin: 10px 0 20px 0 !important;
3475    }
3476
3477    .btn-pay-innov {
3478        margin-top: 10px !important;
3479    }
3480}
3481
3482/* Correction pour mobile (pour garder un bon espacement) */
3483@media (max-width: 900px) {
3484    .tikvet-pay-section {
3485        margin-top: 20px !important;
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
3598
3599
3600
3601
3602
3603
3604
3605
3606
3607
3608
3609
3610
3611
3612
3613
3614
3615
3616
3617
3618
3619/* 1. RESET ET POLICE */
3620@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap');
3621
3622:root {
3623    --gold-premium: linear-gradient(135deg, #bf953f 0%, #fcf6ba 45%, #b38728 70%, #aa771c 100%);
3624    --gold-solid: #d4af37;
3625    --dark-deep: #0a0b0e;
3626    --card-bg: #121418;
3627    --shadow: 0 20px 50px rgba(0,0,0,0.5);
3628}
3629
3630
3631/* 2. STRUCTURE FORCEE (PC & MOBILE) */
3632.tikvet-innov-wrapper {
3633    all: initial; /* Reset complet pour ignorer le thème WP */
3634    display: flex !important;
3635    flex-wrap: wrap !important;
3636    gap: 30px !important;
3637    max-width: 1200px !important;
3638    margin: 40px auto !important;
3639    padding: 20px !important;
3640    font-family: 'Plus Jakarta Sans', sans-serif !important;
3641    background: transparent !important;
3642    box-sizing: border-box !important;
3643}
3644
3645
3646
3647
3648
3649
3650/* 3. CARTES PREMIUM */
3651.glass-card {
3652    flex: 1 1 450px !important; /* S'adapte sur PC et passe à la ligne sur Mobile */
3653    background: var(--card-bg) !important;
3654    border: 1px solid rgba(212, 175, 55, 0.15) !important;
3655    border-radius: 30px !important;
3656    padding: 40px !important;
3657    box-shadow: var(--shadow) !important;
3658    min-width: 320px !important;
3659    transition: all 0.4s ease !important;
3660    position: relative !important;
3661    overflow: hidden !important;
3662}
3663
3664.glass-card:hover {
3665    border-color: var(--gold-solid) !important;
3666    transform: translateY(-5px) !important;
3667    box-shadow: 0 15px 40px rgba(212, 175, 55, 0.1) !important;
3668}
3669
3670/* 4. TITRES ET TEXTES */
3671.tikvet-booking-section h2 {
3672    font-size: 28px !important;
3673    font-weight: 800 !important;
3674    margin-bottom: 30px !important;
3675    background: var(--gold-premium) !important;
3676    -webkit-background-clip: text !important;
3677    -webkit-text-fill-color: transparent !important;
3678    text-transform: uppercase !important;
3679}
3680
3681.input-group label {
3682    display: block !important;
3683    color: var(--gold-solid) !important;
3684    font-size: 11px !important;
3685    font-weight: 700 !important;
3686    letter-spacing: 1.5px !important;
3687    margin-bottom: 8px !important;
3688    text-transform: uppercase !important;
3689}
3690
3691/* 5. CHAMPS DE SAISIE ULTRA-PRO */
3692.innov-input {
3693    width: 100% !important;
3694    height: 55px !important;
3695    background: #ffffff !important;
3696    border: 2px solid transparent !important;
3697    border-radius: 15px !important;
3698    padding: 0 20px !important;
3699    font-size: 16px !important;
3700    color: #000 !important;
3701    font-weight: 600 !important;
3702    margin-bottom: 20px !important;
3703    box-sizing: border-box !important;
3704    transition: 0.3s !important;
3705}
3706
3707.innov-input:focus {
3708    border-color: var(--gold-solid) !important;
3709    box-shadow: 0 0 15px rgba(212, 175, 55, 0.2) !important;
3710}
3711
3712textarea.innov-input { height: 120px !important; padding-top: 15px !important; }
3713
3714/* 6. GRILLE D'HORAIRES */
3715.time-grid {
3716    display: grid !important;
3717    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)) !important;
3718    gap: 10px !important;
3719    margin-bottom: 20px !important;
3720}
3721
3722.time-slot {
3723    background: rgba(255,255,255,0.05) !important;
3724    border: 1px solid rgba(255,255,255,0.1) !important;
3725    padding: 12px !important;
3726    border-radius: 12px !important;
3727    color: #fff !important;
3728    text-align: center !important;
3729    font-weight: 600 !important;
3730    cursor: pointer !important;
3731}
3732
3733.time-slot.selected {
3734    background: var(--gold-premium) !important;
3735    color: #000 !important;
3736    border: none !important;
3737}
3738
3739/* 7. SECTION PRIX ET BOUTON */
3740.price-tag {
3741    font-size: 50px !important;
3742    font-weight: 900 !important;
3743    color: #fff !important;
3744    background: var(--gold-premium) !important;
3745    -webkit-background-clip: text !important;
3746    -webkit-text-fill-color: transparent !important;
3747}
3748
3749.rib-box {
3750    background: #000 !important;
3751    border: 1px dashed var(--gold-solid) !important;
3752    padding: 15px !important;
3753    border-radius: 15px !important;
3754    display: flex !important;
3755    justify-content: space-between !important;
3756    align-items: center !important;
3757}
3758
3759.btn-pay-innov {
3760    width: 100% !important;
3761    height: 70px !important;
3762    background: var(--gold-premium) !important;
3763    background-size: 200% auto !important;
3764    border: none !important;
3765    border-radius: 20px !important;
3766    color: #000 !important;
3767    font-size: 18px !important;
3768    font-weight: 800 !important;
3769    text-transform: uppercase !important;
3770    cursor: pointer !important;
3771    box-shadow: 0 10px 30px rgba(191, 149, 63, 0.4) !important;
3772    transition: 0.5s !important;
3773}
3774
3775.btn-pay-innov:hover {
3776    background-position: right center !important;
3777    transform: scale(1.02) !important;
3778}
3779
3780/* 8. ADAPTATION MOBILE RADICALE */
3781@media (max-width: 768px) {
3782    .tikvet-innov-wrapper {
3783        margin: 10px auto !important;
3784        padding: 10px !important;
3785    }
3786    .glass-card {
3787        padding: 25px 15px !important;
3788        flex: 1 1 100% !important;
3789    }
3790    .time-grid {
3791        grid-template-columns: repeat(3, 1fr) !important;
3792    }
3793    .price-tag {
3794        font-size: 35px !important;
3795    }
3796}
3797
3798
3799
3800
3801
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812
3813
3814
3815
3816
3817
3818
3819
3820
3821
3822
3823
3824
3825
3826
3827
3828
3829
3830
3831
3832
3833
3834
3835
3836
3837/* FORCE L'ALIGNEMENT CÔTE À CÔTE SUR PC */
3838@media (min-width: 992px) {
3839    .tikvet-innov-wrapper {
3840        display: flex !important;
3841        flex-direction: row !important; /* Force la ligne */
3842        align-items: stretch !important;
3843        justify-content: center !important;
3844        gap: 30px !important;
3845        max-width: 1250px !important;
3846        margin: 40px auto !important;
3847    }
3848
3849    /* Le formulaire prend 60% de la largeur */
3850    .tikvet-booking-section {
3851        flex: 0 0 60% !important;
3852        max-width: 60% !important;
3853    }
3854
3855
3856/* STYLE GÉNÉRAL DES CARTES (WAW QUALITY) */
3857.glass-card {
3858    background: #0f1115 !important;
3859    border: 1px solid rgba(212, 175, 55, 0.2) !important;
3860    border-radius: 35px !important;
3861    padding: 40px !important;
3862    box-shadow: 0 30px 60px rgba(0,0,0,0.8) !important;
3863}
3864
3865/* CHAMPS DE SAISIE BLANCS PRO */
3866.innov-input {
3867    width: 100% !important;
3868    background: #ffffff !important;
3869    border-radius: 18px !important;
3870    padding: 18px 25px !important;
3871    border: 2px solid transparent !important;
3872    font-size: 15px !important;
3873    font-weight: 600 !important;
3874    color: #000 !important;
3875    box-sizing: border-box !important;
3876}
3877
3878/* GRILLE HORAIRE */
3879.time-grid {
3880    display: grid !important;
3881    grid-template-columns: repeat(4, 1fr) !important;
3882    gap: 10px !important;
3883    margin-top: 15px !important;
3884}
3885
3886.time-slot {
3887    padding: 12px !important;
3888    background: rgba(255,255,255,0.05) !important;
3889    border: 1px solid rgba(255,255,255,0.1) !important;
3890    border-radius: 12px !important;
3891    color: #fff !important;
3892    text-align: center !important;
3893    font-weight: 700 !important;
3894    cursor: pointer !important;
3895}
3896
3897/* BOUTON CONFIRMER */
3898.btn-pay-innov {
3899    width: 100% !important;
3900    padding: 22px !important;
3901    background: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728) !important;
3902    border-radius: 20px !important;
3903    border: none !important;
3904    color: #000 !important;
3905    font-weight: 800 !important;
3906    font-size: 18px !important;
3907    text-transform: uppercase !important;
3908    box-shadow: 0 10px 25px rgba(191, 149, 63, 0.4) !important;
3909}
3910
3911/* ADAPTATION MOBILE (1 sous l'autre uniquement sur smartphone) */
3912@media (max-width: 991px) {
3913    .tikvet-innov-wrapper {
3914        display: flex !important;
3915        flex-direction: column !important;
3916        padding: 15px !important;
3917    }
3918    .tikvet-booking-section, .tikvet-pay-section {
3919        max-width: 100% !important;
3920        width: 100% !important;
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	
4037	
4038	
4039	
4040	
4041	
4042	
4043	
4044	
4045	
4046	
4047	
4048	
4049	
4050	
4051	
4052	
4053	
4054	
4055	
4056	
4057
4058/* FORCE LE CENTRAGE SUR PC (Dès 992px) */
4059@media (min-width: 992px) {
4060    /* On cible l'élément avec une précision maximale pour gagner le conflit de priorité */
4061    div.tikvet-innov-wrapper {
4062        position: relative !important;
4063        /* On annule le décalage forcé à gauche */
4064        left: auto !important;
4065        right: auto !important;
4066        margin-left: auto !important;
4067        margin-right: auto !important;
4068        
4069        /* On définit une largeur pro et on centre */
4070        width: 100% !important;
4071        max-width: 1200px !important;
4072        display: grid !important;
4073        grid-template-columns: 1.2fr 0.8fr !important;
4074        gap: 30px !important;
4075        
4076        /* Nettoyage du fond si nécessaire */
4077        background: transparent !important;
4078    }
4079
4080    /* On s'assure que les deux colonnes s'affichent bien côte à côte */
4081    .tikvet-booking-section, 
4082    .tikvet-innov-wrapper > .glass-card:last-child {
4083        width: 100% !important;
4084        max-width: none !important;
4085    }
4086}
4087
4088/* PROTECTION MOBILE : On vérifie que rien ne bouge en dessous de 991px */
4089@media (max-width: 991px) {
4090    div.tikvet-innov-wrapper {
4091        display: flex !important;
4092        flex-direction: column !important;
4093        width: 100% !important;
4094        margin-left: 0 !important;
4095        margin-right: 0 !important;
4096        left: 0 !important;
4097        padding: 15px !important;
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	
4137	
4138	
4139	
4140	
4141	
4142	
4143	
4144	
4145	
4146	
4147	
4148	
4149	
4150	
4151	
4152	
4153	
4154	
4155	
4156	
4157	
4158/* --- NETTOYAGE ET CENTRAGE MOBILE --- */
4159
4160/* Cache le formulaire en double s'il est présent */
4161.tikvet-innov-wrapper + .tikvet-booking-section {
4162    display: none !important;
4163}
4164
4165/* Force le conteneur principal à être centré */
4166div.tikvet-innov-wrapper {
4167    margin: 20px auto !important;
4168    width: 95% !important;
4169    max-width: 1200px !important;
4170    display: flex !important;
4171    flex-wrap: wrap !important;
4172    justify-content: center !important;
4173    align-items: flex-start !important;
4174    gap: 20px !important;
4175}
4176
4177/* S'assure que les cartes sont centrées sur mobile */
4178@media (max-width: 768px) {
4179    div.tikvet-innov-wrapper {
4180        flex-direction: column !important;
4181        align-items: center !important;
4182    }
4183    
4184    .glass-card {
4185        width: 100% !important;
4186        max-width: 500px !important;
4187        margin: 10px 0 !important;
4188    }
4189    
4190    /* Centre le texte et les éléments à l'intérieur */
4191    .tikvet-booking-section h2, 
4192    .tikvet-booking-section .input-group label {
4193        text-align: center !important;
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	
4237	
4238	
4239	
4240	
4241	
4242	
4243	
4244	
4245	
4246	
4247	
4248	
4249	
4250	
4251	
4252	
4253	
4254	
4255	
4256	
4257	
4258/* Sécurité : ferme une éventuelle règle cassée au-dessus */
4259} 
4260
4261/* =======================================================
4262   FORCE ABSOLUE : TIMING GRIDS TIKVET
4263   ======================================================= */
4264
4265/* Force l'affichage de TOUTES les heures en doré sur fond blanc */
4266html body div.time-grid div.time-slot,
4267html body .time-slot {
4268    color: #d4af37 !important;
4269    background: #ffffff !important;
4270    background-color: #ffffff !important;
4271    background-image: none !important;
4272    border: 2px solid #d4af37 !important;
4273    opacity: 1 !important;
4274    visibility: visible !important;
4275}
4276
4277/* Force l'affichage du bouton cliqué (sélectionné) */
4278html body div.time-grid div.time-slot.selected,
4279html body .time-slot.selected {
4280    color: #ffffff !important;
4281    background: #d4af37 !important;
4282    background-color: #d4af37 !important;
4283    background-image: none !important;
4284    border-color: #d4af37 !important;
4285}
4286
4287/* Force l'affichage des boutons déjà réservés */
4288html body div.time-grid div.time-slot.booked,
4289html body .time-slot.booked {
4290    color: #aaaaaa !important;
4291    background: #eeeeee !important;
4292    background-color: #eeeeee !important;
4293    background-image: none !important;
4294    border-color: #cccccc !important;
4295    text-decoration: line-through !important;
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
4341
4342
4343
4344
4345
4346
4347
4348
4349
4350
4351
4352
4353
4354
4355
4356
4357
4358
4359
4360
4361
4362/* Utilise l'ID de ta page pour ne cibler QUE la page du chat sur PC */
4363@media (min-width: 992px) {
4364    
4365    /* 1. On cible le body de la page spécifique pour que ça ne touche pas le reste du site */
4366    .page-id-2420 .site-header, 
4367    .page-id-2420 .header-hero, 
4368    .page-id- .site-content {
4369        display: none !important;
4370    }
4371
4372    /* 2. On affiche le chat en plein écran uniquement sur cette page */
4373    .page-id-2430 #premium-chat-app {
4374        position: fixed !important;
4375        top: 0 !important;
4376        left: 0 !important;
4377        width: 100vw !important;
4378        height: 100vh !important;
4379        z-index: 2147483647 !important;
4380        margin: 0 !important;
4381        background: #0f0f0f !important;
4382    }
4383}
4384
4385
4386
4387
4388
4389
4390
4391
4392
4393
4394
4395
4396
4397
4398
4399
4400
4401
4402
4403
4404/* On ajuste le conteneur du bouton pour qu'il ne soit pas trop loin */
4405.chat-header {
4406    display: flex !important;
4407    justify-content: center !important; /* Maintient le titre au centre */
4408    align-items: center !important;
4409    position: relative !important;
4410}
4411
4412/* On change le positionnement pour qu'il soit à côté du nom */
4413#open-main-menu {
4414    position: absolute !important; /* Reste positionné par rapport au header */
4415    left: 60px !important; /* Ajuste cette valeur pour le rapprocher ou l'éloigner du bord gauche */
4416    padding: 6px 12px !important; /* Un peu plus compact */
4417    margin: 0 !important;
4418}
4419
4420/* Si tu veux le rapprocher davantage du nom "TikVet", 
4421   tu peux ajuster la valeur 'left' ci-dessus (ex: 50px ou 70px) */
4422
4423
4424
4425
4426/* Décaler le nom de l'utilisateur dans l'en-tête du chat privé */
4427#private-target-name {
4428    margin-left: 30px !important; /* Augmente cette valeur (ex: 40px, 50px) pour le décaler encore plus à droite */
4429}
4430
4431
4432
4433
4434
4435
4436
4437
4438
4439
4440
4441
4442
4443
4444
4445
4446
4447
4448
4449
4450
4451
4452
4453
4454
4455
4456
4457
4458/* Masquer tout le bloc footer/widgets UNIQUEMENT sur la page 2420 */
4459.page-id-2420 .footer-widgets, 
4460.page-id-2420 .site-footer, 
4461.page-id-2420 footer {
4462    display: none !important;
4463}
4464
4465/* Masquer spécifiquement les widgets de traduction ou articles si le footer reste visible */
4466.page-id-2420 .widget_recent_entries,
4467.page-id-2420 .widget_recent_posts,
4468.page-id-2420 #google_translate_element,
4469.page-id-2420 .gtranslate {
4470    display: none !important;
4471}
4472
4473
4474
4475
4476
4477
4478
4479
4480
4481
4482
4483
4484
4485
4486
4487/* Masquer tout le bloc footer/widgets UNIQUEMENT sur la page 2420 */
4488.page-id-2484 .footer-widgets, 
4489.page-id-2484 .site-footer, 
4490.page-id-2484 footer {
4491    display: none !important;
4492}
4493
4494/* Masquer spécifiquement les widgets de traduction ou articles si le footer reste visible */
4495.page-id-2484 .widget_recent_entries,
4496.page-id-2484 .widget_recent_posts,
4497.page-id-2484 #google_translate_element,
4498.page-id-2484 .gtranslate {
4499    display: none !important;
4500}
4501
4502
4503
4504
4505
4506
4507
4508
4509
4510
4511
4512
4513
4514
4515
4516
4517
4518
4519
4520
4521
4522
4523
4524
4525
4526
4527
4528
4529
4530
4531/* Alignement global de l'en-tête (Avatar et Menu restent naturellement à gauche) */
4532.chat-header {
4533    position: relative !important;
4534    display: flex !important;
4535    align-items: center !important;
4536    justify-content: flex-start !important; 
4537    min-height: 62px !important; /* Assure une hauteur stable */
4538}
4539
4540/* 1. Titre forcé au centre absolu */
4541.chat-header div[style*="flex-direction:column"] {
4542    position: absolute !important;
4543    left: 50% !important;
4544    top: 50% !important;
4545    transform: translate(-50%, -50%) !important;
4546    max-width: 35vw !important;
4547    text-align: center !important;
4548    z-index: 5 !important;
4549    margin: 0 !important;
4550}
4551
4552/* 2. Icônes d'action forcées à l'extrême droite */
4553.chat-header .header-actions {
4554    position: absolute !important;
4555    right: 16px !important;
4556    top: 50% !important;
4557    transform: translateY(-50%) !important;
4558    display: flex !important;
4559    gap: 12px !important;
4560    z-index: 10 !important;
4561    margin: 0 !important;
4562}
4563
4564/* Formatage du texte du titre */
4565#room-title-name {
4566    display: block !important;
4567    width: 100% !important;
4568    white-space: nowrap !important;
4569    overflow: hidden !important;
4570    text-overflow: ellipsis !important;
4571    font-size: 14px !important;
4572}
4573
4574/* Formatage du texte "en ligne" */
4575.chat-header div[style*="flex-direction:column"] span:last-child {
4576    font-size: 11px !important;
4577}
4578
4579/* Protection de l'avatar et du bouton Menu pour qu'ils restent cliquables */
4580.header-user-avatar, .back-btn {
4581    position: relative !important;
4582    z-index: 10 !important;
4583}
4584
4585/* Ajustements pour les petits écrans (mobiles) */
4586@media (max-width: 480px) {
4587    .chat-header .header-actions {
4588        right: 10px !important;
4589        gap: 8px !important; /* Rapproche légèrement les icônes */
4590    }
4591    .chat-header div[style*="flex-direction:column"] {
4592        max-width: 30vw !important; /* Protège le titre de la collision avec les icônes */
4593    }
4594    #room-title-name {
4595        font-size: 13px !important;
4596    }
4597}		</style>
4598			</head>
4599	<body class="wp-singular page-template-default page page-id-689 wp-custom-logo wp-embed-responsive wp-theme-listinghive theme-listinghive woocommerce-no-js hp-theme--listinghive">
4600		<div class="site-loader" data-component="loader">
4601	<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
4602		<defs>
4603			<linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="gradient">
4604				<stop stop-color="#d4af37" stop-opacity="0" offset="0%"/>
4605				<stop stop-color="#d4af37" stop-opacity=".631" offset="63.146%"/>
4606				<stop stop-color="#d4af37" offset="100%"/>
4607			</linearGradient>
4608		</defs>
4609		<g fill="none" fill-rule="evenodd">
4610			<g transform="translate(1 1)">
4611				<path d="M36 18c0-9.94-8.06-18-18-18" stroke="url(#gradient)" stroke-width="3"></path>
4612				<circle fill="#fff" cx="36" cy="18" r="1"></circle>
4613			</g>
4614		</g>
4615	</svg>
4616</div>
4617<a href="#content" class="skip-link screen-reader-text">Skip to content</a><style>
4618/* --- 1. BOUTON FLOTTANT --- */
4619#ai-float-btn {
4620  position: fixed;
4621  bottom: 80px;
4622  left: 20px;
4623  width: 64px;
4624  height: 64px;
4625  border-radius: 50%;
4626  z-index: 10000;
4627  cursor: pointer;
4628  box-shadow: 0 8px 25px rgba(0,0,0,0.3);
4629  animation: pulseChat 2.5s infinite;
4630  transition: transform .2s;
4631}
4632#ai-float-btn img { width: 100%; height: 100%; border-radius: 50%; border: 2px solid #BF953F; }
4633
4634@keyframes pulseChat {
4635  0% { box-shadow: 0 0 0 0 rgba(191, 149, 63, 0.4); transform: scale(1); }
4636  70% { box-shadow: 0 0 0 20px rgba(191, 149, 63, 0); transform: scale(1.05); }
4637  100% { box-shadow: 0 0 0 0 rgba(191, 149, 63, 0); transform: scale(1); }
4638}
4639
4640/* --- 2. POPUP DESIGN PRO --- */
4641#ai-chat-popup {
4642  position: fixed;
4643  bottom: 155px; 
4644  left: 20px;
4645  width: 380px;
4646  max-width: 92%;
4647  height: 550px;
4648  max-height: calc(100vh - 200px);
4649  background: #ffffff !important; 
4650  border-radius: 16px;
4651  border: 1.5px solid #BF953F;
4652  box-shadow: 0 15px 50px rgba(0,0,0,0.4);
4653  display: flex;
4654  flex-direction: column;
4655  overflow: hidden;
4656  z-index: 10001;
4657  transform: scale(0.9) translateY(20px);
4658  opacity: 0;
4659  visibility: hidden;
4660  transform-origin: bottom left;
4661  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
4662}
4663
4664#ai-chat-popup.active {
4665  transform: scale(1) translateY(0);
4666  opacity: 1;
4667  visibility: visible;
4668}
4669
4670#ai-chat-header {
4671  background: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
4672  color: #000;
4673  padding: 15px 18px;
4674  display: flex;
4675  align-items: center; gap: 12px;
4676}
4677
4678#ai-chat-header span { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000 !important; }
4679
4680/* --- 3. DESIGN INTÉRIEUR BLANC PUR --- */
4681#ai-chat-content {
4682  flex: 1;
4683  overflow-y: auto;
4684  background: #ffffff !important; 
4685  padding: 15px;
4686}
4687
4688.mwai-chatbot-container .mwai-ai {
4689    background: #fdfbf0 !important; 
4690    border-left: 4px solid #BF953F !important;
4691    border-radius: 4px 15px 15px 15px !important;
4692    color: #333 !important;
4693    box-shadow: 2px 4px 10px rgba(0,0,0,0.05) !important;
4694}
4695
4696.mwai-chatbot-container .mwai-user {
4697    /* FOND BLEU #166d99 ET TEXTE BLANC */
4698    background: #166d99 !important; 
4699    color: #ffffff !important; 
4700    border-radius: 15px 15px 4px 15px !important;
4701    font-weight: 500;
4702    box-shadow: 0 4px 12px rgba(22, 109, 153, 0.2) !important;
4703}
4704
4705/* --- 4. FIX MENU NAVIGATION --- */
4706@media screen and (min-width: 1024px) {
4707    .header-navbar__menu ul.menu {
4708        display: flex !important;
4709        flex-wrap: nowrap !important;
4710        gap: clamp(4px, 0.6vw, 8px) !important;
4711        justify-content: center !important;
4712        align-items: center !important;
4713        width: 100% !important;
4714    }
4715
4716    .hp-menu__item--listing-submit {
4717        flex-shrink: 0 !important;
4718        margin-left: auto !important; 
4719        padding-left: 15px !important;
4720    }
4721
4722    .header-navbar__menu ul.menu > li > a {
4723        position: relative !important;
4724        padding: 8px clamp(4px, 0.8vw, 10px) !important;
4725        font-size: clamp(10px, 0.75vw, 13px) !important;
4726        white-space: nowrap !important;
4727    }
4728
4729    .header-navbar__menu ul.menu > li > a::before {
4730        content: '';
4731        position: absolute;
4732        bottom: 2px;
4733        left: 10%;
4734        width: 25px;
4735        height: 2px;
4736        background: linear-gradient(90deg, transparent, #BF953F, #FCF6BA, transparent);
4737        animation: energySlide 3s infinite ease-in-out;
4738    }
4739}
4740
4741@keyframes energySlide {
4742    0% { left: 5%; opacity: 0.3; }
4743    50% { left: 65%;
4743 opacity: 1; }
4744    100% { left: 5%; opacity: 0.3; }
4745}
4746
4747@media (max-width: 768px) {
4748  #ai-chat-popup { width: 95%; height: 75vh; bottom: 140px; left: 2.5%; }
4749}
4750</style>
4751
4752<div id="ai-chat-overlay" style="display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9999;"></div>
4753
4754<div id="ai-float-btn">
4755  <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chat AI">
4756</div>
4757
4758<div id="ai-chat-popup">
4759  <div id="ai-chat-header">
4760    <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">
4761    <span>Assistant TikVet AI</span>
4762    <div id="ai-chat-close" style="margin-left:auto; cursor:pointer; font-size:24px; color:#000;">×</div>
4763  </div>
4764  <div id="ai-chat-content">
4765    <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;:689,&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;
4765MediaDevices 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>
4766  </div>
4767</div>
4768
4769<script>
4770document.addEventListener("DOMContentLoaded", function() {
4771    var btn = document.getElementById('ai-float-btn');
4772    var popup = document.getElementById('ai-chat-popup');
4773    var overlay = document.getElementById('ai-chat-overlay');
4774    var close = document.getElementById('ai-chat-close');
4775
4776    btn.addEventListener('click', function() {
4777        popup.classList.add('active');
4778        overlay.style.display = 'block';
4779    });
4780    close.addEventListener('click', function() {
4781        popup.classList.remove('active');
4782        overlay.style.display = 'none';
4783    });
4784    overlay.addEventListener('click', function() {
4785        popup.classList.remove('active');
4786        overlay.style.display = 'none';
4787    });
4788});
4789</script>
4789		<div class="site-container">
4790			<header class="site-header">
4791				<div class="header-navbar">
4792					<div class="header-navbar__start">
4793						<div class="header-logo">
4794							<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>
4795					</div>
4796					<div class="header-navbar__end">
4797						<div class="header-navbar__burger" data-component="burger">
4798							<a href="#"><i class="fas fa-bars"></i></a>
4799							<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">
4800		<i class="hp-icon fas fa-sign-in-alt"></i>
4801		<span>Se connecter</span>
4802	</a>
4803	</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>
4804<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>
4805<li id="menu-item-1998" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-689 current_page_item menu-item-1998"><a href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/" aria-current="page">📅 Consultation à distance</a></li>
4806<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>
4807<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>
4808<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>
4809<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">
4810		<i class="hp-icon fas fa-sign-in-alt"></i>
4811		<span>Se connecter</span>
4812	</a>
4813	</li>
4814</ul>						</div>
4815						<nav class="header-navbar__menu" data-component="menu">
4816							<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">
4817		<i class="hp-icon fas fa-sign-in-alt"></i>
4818		<span>Se connecter</span>
4819	</a>
4820	</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>
4821<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>
4822<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-689 current_page_item menu-item-1998"><a href="https://mediumblue-goat-586134.hostingersite.com/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/" aria-current="page">📅 Consultation à distance</a></li>
4823<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>
4824<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>
4825<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>
4826<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">
4827		<i class="hp-icon fas fa-sign-in-alt"></i>
4828		<span>Se connecter</span>
4829	</a>
4830	</li>
4831</ul>						</nav>
4832													<div class="header-navbar__actions">
4833								<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>
4834	</div>							</div>
4835											</div>
4836				</div>
4837				<section class="header-hero header-hero--cover header-hero--title" data-component="parallax">
4838	<div class="header-hero__content">
4839		<div class="container">
4840			<div class="row">
4841	<div class="col-sm-8 col-sm-offset-2 col-xs-12">
4842		<h1 class="page__title entry-title">Prenez votre consultation vétérinaire en ligne en toute simplicité </h1>
4843	</div>
4844</div>
4845		</div>
4846	</div>
4847</section>
4848			</header>
4849			<div class="site-content" id="content">
4850				<div class="container">
4851<div class="page__text">
4852	
4853<style>
4854/* On active le défilement fluide pour toute la page */
4855html {
4856    scroll-behavior: smooth;
4857}
4858
4859#tikvet_rdv_final {
4860    scroll-margin-top: 120px;
4861}
4862
4863/* --- STRUCTURE PC --- */
4864.tikvet-main-wrapper { 
4865    max-width: 900px; 
4866    width: 100%; 
4867    transition: transform 0.3s ease; 
4868}
4869
4870.tikvet-ads-card { 
4871    position: relative; 
4872    background: #0a0a0a; 
4873    border-radius: 20px; 
4874    display: flex; 
4875    overflow: hidden; 
4876    padding: 3px; 
4877    box-shadow: 0 20px 45px rgba(0,0,0,0.5); 
4878}
4879
4880.animated-border { 
4881    position: absolute; 
4882    top: -50%; left: -50%; 
4883    width: 200%; height: 200%; 
4884    background: conic-gradient(transparent, #BF953F, #FCF6BA, #B38728, transparent 30%); 
4885    animation: rotate-border 4s linear infinite; 
4886    z-index: 1; 
4887}
4888
4889.card-inner-content { 
4890    position: relative; 
4891    z-index: 2; 
4892    background: linear-gradient(145deg, #1a1a1a, #000); 
4893    border-radius: 18px; 
4894    display: flex; 
4895    width: 100%; 
4896    align-items: center; 
4897}
4898
4899.card-image-side { 
4900    flex: 0 0 35%; 
4901    height: 220px; 
4902    overflow: hidden; 
4903    border-radius: 15px 0 0 15px; 
4904    background: #000; 
4905}
4906
4907.card-text-side { 
4908    flex: 1; 
4909    padding: 25px 40px; 
4910    text-align: left; 
4911    color: white; 
4912}
4913
4914.ultra-badge { 
4915    background: #ff0000; 
4916    color: white; 
4917    font-size: 11px; 
4918    font-weight: 900; 
4919    padding: 4px 10px; 
4920    border-radius: 4px; 
4921    box-shadow: 0 0 10px rgba(255,0,0,0.5); 
4922    animation: pulse-red 1.5s infinite; 
4923}
4924
4925.sub-text { 
4926    margin: 12px 0 5px 0; 
4927    font-size: 13px; 
4928    color: #BF953F; 
4929    letter-spacing: 2px; 
4930    font-weight: 700; 
4931}
4932
4933.main-title { 
4934    margin: 0; 
4935    font-size: 32px; 
4936    font-weight: 800; 
4937    line-height: 1.1; 
4938    background: linear-gradient(to right, #fff, #BF953F); 
4939    -webkit-background-clip: text; 
4940    -webkit-text-fill-color: transparent; 
4941}
4942
4943/* --- DESIGN VISITEURS --- */
4944#visitors-box {
4945    margin-top: 20px;
4946    padding: 12px 20px;
4947    border-radius: 15px;
4948    background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
4949    border: 1px solid rgba(191, 149, 63, 0.4);
4950    display: inline-flex;
4951    flex-direction: column;
4952    gap: 5px;
4953    backdrop-filter: blur(8px);
4954    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
4955}
4956
4957.visitor-row {
4958    display: flex;
4959    align-items: center;
4960    gap: 10px;
4961    justify-content: center;
4962}
4963
4964.label {
4965    font-size: 14px;
4966    text-transform: uppercase;
4967    letter-spacing: 1.5px;
4968    color: rgba(255,255,255,0.85) !important;
4969    font-weight: 700;
4970}
4971
4972#visitor-today {
4973    font-size: 40px;
4974    font-weight: 900;
4975    margin: 2px 0;
4976    display: block;
4977    background: linear-gradient(to bottom, #FCF6BA, #BF953F);
4978    -webkit-background-clip: text;
4979    -webkit-text-fill-color: transparent;
4980    filter: drop-shadow(0 0 8px rgba(191, 149, 63, 0.4));
4981    line-height: 1;
4982}
4983
4984#visitor-note {
4985    font-size: 11px;
4986    color: #BF953F !important;
4987    font-weight: 600;
4988    display: flex;
4989    align-items: center;
4990    gap: 5px;
4991    justify-content: center;
4992}
4993
4994#visitor-note::before {
4995    content: "";
4996    width: 6px; height: 6px;
4997    background: #00ff00;
4998    border-radius: 50%;
4999    box-shadow: 0 0 5px #00ff00;
5000    animation: pulse-green 1.5s infinite;
5001}
5002
5003.pro-loader {
5004    width: 14px; height: 14px;
5005    border: 2px solid rgba(191, 149, 63, 0.2);
5006    border-top: 2px solid #BF953F;
5007    border-radius: 50%;
5008    animation: spin 1s linear infinite;
5009}
5010
5011/* --- ANIMATIONS --- */
5012@keyframes rotate-border { 100% { transform: rotate(360deg); } }
5013@keyframes pulse-red { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.05); opacity: 0.8; } }
5014@keyframes pulse-green { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } }
5015@keyframes spin { to { transform: rotate(360deg); } }
5016@keyframes flash-swipe { 0% { left: -100%; } 30% { left: 150%; } 100% { left: 150%; } }
5017
5018.gold-flash { 
5019    position: absolute; top: 0; left: -100%; width: 50%; height: 100%; 
5020    background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent); 
5021    transform: skewX(-25deg); animation: flash-swipe 4s infinite; z-index: 3; 
5022}
5023
5024/* --- RESPONSIVE MOBILE --- */
5025@media (max-width: 600px) { 
5026    .tikvet-main-wrapper { max-width: 100%; } 
5027    .card-inner-content { 
5028        flex-direction: column; 
5029        align-items: center; 
5030        text-align: center;
5031        padding-bottom: 15px;
5032    } 
5033    .card-image-side { 
5034        flex: 0 0 auto; 
5035        width: 100%; 
5036        height: 110px; 
5037        border-radius: 15px 15px 0 0; 
5038    } 
5039    .card-text-side { 
5040        padding: 15px 10px; 
5041        text-align: center;
5042        width: 100%;
5043        box-sizing: border-box;
5044    } 
5045    .main-title { font-size: 18px; } 
5046    .sub-text { font-size: 10px; margin: 8px 0 4px 0; }
5047    
5048    #visitors-box { 
5049        display: flex;
5050        width: 90%; 
5051        margin: 15px auto 0 auto; 
5052        padding: 12px;
5053        align-items: center; 
5054        box-sizing: border-box;
5055    }
5056    #visitor-today { font-size: 30px; }
5057}
5058</style>
5059
5060<div style="text-align: center; margin: 20px auto; width: 100%; font-family: 'Segoe UI', Roboto, sans-serif;">
5061    <a href="#tikvet_rdv_final" class="tikvet-main-wrapper" style="text-decoration: none !important; display: inline-block; width: 95%;">
5062        <div class="tikvet-ads-card">
5063            <div class="animated-border"></div>
5064            <div class="card-inner-content">
5065                <div class="card-image-side">
5066                    <img decoding="async" src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/04/IMG_20260405_121223-1.png" alt="TikVet Consultation" style="object-fit: cover; width: 100%; height: 100%;">
5067                </div>
5068                <div class="card-text-side">
5069                    <div><span class="ultra-badge">NOUVEAU</span></div>
5070                    <p class="sub-text">CONSULTATION À DISTANCE</p>
5071                    <h2 class="main-title">VOTRE VÉTÉRINAIRE<br>DANS VOTRE POCHE</h2>
5072                    
5073                    <div id="visitors-box">
5074                        <div class="visitor-row">
5075                            <div class="pro-loader"></div>
5076                            <span class="label">Visites aujourd&rsquo;hui</span>
5077                        </div>
5078                        <span id="visitor-today" class="notranslate" translate="no">0</span>
5079                        <div id="visitor-note">Mise à jour en direct</div>
5080                    </div>
5081                </div>
5082            </div>
5083            <div class="gold-flash"></div>
5084        </div>
5085    </a>
5086</div>
5087
5088<script>
5089function updateVisitorCount() {
5090    const apiUrl = window.location.origin + '/wp-json/custom/v1/visitors?nocache=' + Date.now();
5091    fetch(apiUrl)
5092    .then(response => response.json())
5093    .then(data => {
5094        const element = document.getElementById('visitor-today');
5095        if (data && data.today) {
5096            // Nettoyage des espaces et virgules pour le calcul
5097            let current = parseInt(element.innerText.replace(/\s/g, '').replace(/,/g, '')) || 0;
5098            let target = data.today;
5099            
5100            if(target > current) {
5101                let interval = setInterval(() => {
5102                    current += Math.ceil((target - current) / 10);
5103                    element.innerText = current.toLocaleString();
5104                    if(current >= target) {
5105                        element.innerText = target.toLocaleString();
5106                        clearInterval(interval);
5107                    }
5108                }, 50);
5109            } else {
5110                element.innerText = target.toLocaleString();
5111            }
5112        }
5113    }).catch(() => {
5114        // En cas d'erreur API, on peut mettre une valeur de secours ici si besoin
5115    });
5116}
5117updateVisitorCount();
5118setInterval(updateVisitorCount, 15000);
5119</script>
5119
5120
5121
5122    
5123    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap" rel="stylesheet">
5124    <style>
5125        :root {
5126            --gold-metallic: linear-gradient(135deg, #bf953f, #fcf6ba, #b38728, #fbf5b7, #aa771c);
5127            --gold-solid: #d4af37;
5128            --dark-deep: #050505;
5129            --dark-card: #0f1115;
5130        }
5131
5132        .tikvet-innov-wrapper {
5133            max-width: 900px;
5134            margin: 0 auto;
5135            display: grid; 
5136            grid-template-columns: 1.2fr 0.8fr; 
5137            gap: 40px;
5138            font-family: 'Plus Jakarta Sans', sans-serif; 
5139            padding: 40px 20px; 
5140            background: var(--dark-deep); 
5141            box-sizing: border-box;
5142        }
5143
5144        .glass-card { background: var(--dark-card); border: 1px solid rgba(212, 175, 55, 0.2); border-radius: 35px; padding: 40px; box-shadow: 0 30px 60px rgba(0,0,0,0.8); }
5145        .tikvet-booking-section h2 { font-weight: 800; font-size: 28px; background: var(--gold-metallic); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
5146        
5147        .innov-input { width: 100{9dd4106ae2b6ae821e8439792e2a3307176a0d2ecfc50fcfd73c21acbe0a1d0c}; background: #fff; border: 2px solid rgba(212, 175, 55, 0.3); padding: 18px; border-radius: 20px; font-weight: 600; color: #000; box-sizing: border-box; }
5148        
5149        .time-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top:10px; }
5150        .time-slot { padding: 12px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; cursor: pointer; text-align: center; color: #fff; font-weight:700; transition: 0.3s; }
5151        .time-slot.selected { background: var(--gold-metallic); color: #000; }
5152
5153        .rib-box { background: rgba(0,0,0,0.6); border: 1px dashed var(--gold-solid); padding: 15px; border-radius: 15px; margin-top: 15px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
5154
5155        .btn-pay-innov { background: var(--gold-metallic); width: 100{9dd4106ae2b6ae821e8439792e2a3307176a0d2ecfc50fcfd73c21acbe0a1d0c}; padding: 22px; border-radius: 25px; font-weight: 800; cursor: pointer; border: none; font-size: 16px; text-transform: uppercase; }
5156
5157        #tikvet-overlay { display: none; position: fixed; top:0; left:0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.98); z-index: 999999; justify-content: center; align-items: center; text-align: center; padding: 20px; overflow-y: auto; }
5158        .loader-gold { width: 80px; height: 80px; border: 5px solid #1a1a1a; border-top: 5px solid var(--gold-solid); border-radius: 50{9dd4106ae2b6ae821e8439792e2a3307176a0d2ecfc50fcfd73c21acbe0a1d0c}; animation: spin 1s linear infinite; margin: 0 auto 20px; }
5159        @keyframes spin { 0{9dd4106ae2b6ae821e8439792e2a3307176a0d2ecfc50fcfd73c21acbe0a1d0c} { transform: rotate(0deg); } 100{9dd4106ae2b6ae821e8439792e2a3307176a0d2ecfc50fcfd73c21acbe0a1d0c} { transform: rotate(360deg); } }
5160        .success-msg { display:none; color: #fff; animation: fadeIn 0.8s forwards; }
5161        @keyframes fadeIn { from {opacity:0; transform: translateY(20px);} to {opacity:1; transform: translateY(0);} }
5162    </style>
5163
5164    <div id="tikvet-overlay">
5165        <div id="loader-box">
5166            <div class="loader-gold"></div>
5167            <p style="color:var(--gold-solid); font-weight:700;">Traitement de votre demande premium...</p>
5168        </div>
5169        <div id="success-box" class="success-msg">
5170            <div style="font-size: 60px;">🖨️</div>
5171            <h2 style="color:var(--gold-solid); margin-bottom:10px;">RENDEZ-VOUS ENREGISTRÉ !</h2>
5172            <p style="font-size:16px; max-width:500px; margin:auto; line-height:1.6;">Paiement disponible via virement bancaire. Merci de copier le RIB ci-dessous et de procéder au règlement de 200 DH<br><br>
5173            <strong style="color:var(--gold-solid);">Un conseiller Tikvet vous contactera dans les plus brefs délais pour la validation finale.Pour accélérer les choses, merci de procéder au virement instantané au RIB ci-dessous :</strong></p>
5174            
5175            <div class="rib-box" onclick="copyTxt('011 170 0000042000006012 13')" style="max-width:400px; margin: 20px auto; background: #111;">
5176                <span style="color:#fff; font-family: monospace; font-size:14px;">011 170 0000042000006012 13</span>
5177                <span style="font-size: 10px; font-weight: 800; color: #000; background: var(--gold-metallic); padding: 5px 10px; border-radius: 8px;">Copier</span>
5178            </div>
5179
5180            <button onclick="location.reload()" style="margin-top:20px; background:transparent; border:1px solid var(--gold-solid); color:#fff; padding:10px 25px; border-radius:10px; cursor:pointer;">Terminer</button>
5181        </div>
5182    </div>
5183
5184    <div class="tikvet-innov-wrapper">
5185        <div class="glass-card tikvet-booking-section">
5186            <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 30px;">
5187                <img decoding="async" src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/03/Gemini_Generated_Image_w6080zw6080zw608-Photoroom.png" style="width: 50px; filter: drop-shadow(0 0 10px var(--gold-solid));">
5188                <div style="height: 2px; flex: 1; background: var(--gold-metallic); opacity: 0.3;"></div>
5189            </div>
5190            <h2>CONSULTATION VÉTÉRINAIRE</h2>
5191            <div class="input-group"><label style="color:var(--gold-solid); font-size:10px; font-weight:800; letter-spacing:1px;">NOM DU PROPRIÉTAIRE</label>
5192                <input type="text" id="name_tikvet_rdv_final" class="innov-input" placeholder="Ahmed Benani"></div>
5193            <div class="input-group" style="margin-top:20px;"><label style="color:var(--gold-solid); font-size:10px; font-weight:800; letter-spacing:1px;">WHATSAPP DIRECT</label>
5194                <input type="tel" id="phone_tikvet_rdv_final" class="innov-input" placeholder="06XXXXXXXX"></div>
5195            <div class="input-group" style="margin-top:20px;"><label style="color:var(--gold-solid); font-size:10px; font-weight:800; letter-spacing:1px;">DATE SOUHAITÉE</label>
5196                <input type="date" id="date_tikvet_rdv_final" class="innov-input" value="2026-10-03" min="2026-10-03"></div>
5197            <div class="input-group" style="margin-top:20px;"><label style="color:var(--gold-solid); font-size:10px; font-weight:800; letter-spacing:1px;">CHOISIR UN CRÉNEAU</label>
5198                <div class="time-grid" id="grid_tikvet_rdv_final"></div>
5199                <input type="hidden" id="time_tikvet_rdv_final"></div>
5200            <div class="input-group" style="margin-top:20px;"><label style="color:var(--gold-solid); font-size:10px; font-weight:800; letter-spacing:1px;">MOTIF / SYMPTÔMES</label>
5201                <textarea id="issue_tikvet_rdv_final" class="innov-input" style="height: 80px; resize:none;" placeholder="Décrivez le problème..."></textarea></div>
5202        </div>
5203
5204        <div class="glass-card" style="background:#000; border:2px solid #1a1a1a; display:flex; flex-direction:column; justify-content:center;">
5205            <span style="color: var(--gold-solid); letter-spacing: 3px; font-weight: 700; font-size: 12px;">OFFRE PREMIUM</span>
5206            <div style="font-size:48px; font-weight:800; background:var(--gold-metallic); -webkit-background-clip:text; -webkit-text-fill-color:transparent;">200 DH</div>
5207            <p style="color:#888; font-size:14px; line-height:1.6; margin-bottom: 25px;">Visioconférence WhatsApp de 30 minutes avec un vétérinaire Tikvet. La réservation est confirmée après réception du paiement.</p>
5208            
5209            <label style="display:flex; gap:10px; margin-bottom:25px; cursor:pointer; align-items:center;">
5210                <input type="checkbox" id="legal_tikvet_rdv_final" style="width:20px; height:20px; accent-color:var(--gold-solid);">
5211                <span style="color:#bbb; font-size:11px;">J’accepte le traitement de mes données et la téléconsultation sans examen physique.</span>
5212            </label>
5213            <button onclick="saveTikvetRdv()" class="btn-pay-innov">PASSER AU PAIEMENT</button>
5214        </div>
5215    </div>
5216
5217    
5217<script>
5218        function copyTxt(text) { navigator.clipboard.writeText(text); alert("✨ RIB copié !"); }
5219        function loadSlots() {
5220            let hours = ['09:00', '10:00', '11:00', '12:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00'];
5221            let html = '';
5222            hours.forEach(h => { html += `<div class="time-slot" onclick="selectTime(this, '${h}')">${h}</div>`; });
5223            document.getElementById('grid_tikvet_rdv_final').innerHTML = html;
5224        }
5225        function selectTime(el, h) {
5226            document.querySelectorAll('.time-slot').forEach(s => s.classList.remove('selected'));
5227            el.classList.add('selected');
5228            document.getElementById('time_tikvet_rdv_final').value = h;
5229        }
5230        function saveTikvetRdv() {
5231            let data = {
5232                action: 'save_tikvet_rdv',
5233                nom: document.getElementById('name_tikvet_rdv_final').value,
5234                tel: document.getElementById('phone_tikvet_rdv_final').value,
5235                date: document.getElementById('date_tikvet_rdv_final').value,
5236                heure: document.getElementById('time_tikvet_rdv_final').value,
5237                motif: document.getElementById('issue_tikvet_rdv_final').value,
5238                legal: document.getElementById('legal_tikvet_rdv_final').checked ? 1 : 0
5239            };
5240            if(!data.nom || !data.tel || !data.heure) { alert("Veuillez remplir les informations et choisir un créneau."); return; }
5241            if(!data.legal) { alert("⚠️ Veuillez cocher la case pour continuer."); return; }
5242            document.getElementById('tikvet-overlay').style.display = 'flex';
5243            jQuery.post('https://mediumblue-goat-586134.hostingersite.com/wp-admin/admin-ajax.php', data, function(response) {
5244                if(response.success) {
5245                    document.getElementById('loader-box').style.display = 'none';
5246                    document.getElementById('success-box').style.display = 'block';
5247                } else { alert("Erreur serveur."); document.getElementById('tikvet-overlay').style.display = 'none'; }
5248            });
5249        }
5250        document.addEventListener('DOMContentLoaded', loadSlots);
5251    </script>
5251
5252    
5253</div>
5254				</div>
5255			</div>
5256		</div>
5257		<footer class="site-footer">
5258			<div class="container">
5259									<div class="footer-widgets">
5260						<div class="row">
5261							
5262		<div class="col-sm col-xs-12"><div id="recent-posts-5" class="widget widget--footer widget_recent_entries">
5263		<h5 class="widget__title">Articles</h5>
5264		<ul>
5265											<li>
5266					<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>
5267									</li>
5268											<li>
5269					<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>
5270									</li>
5271											<li>
5272					<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>
5273									</li>
5274											<li>
5275					<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>
5276									</li>
5277											<li>
5278					<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>
5279									</li>
5280											<li>
5281					<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>
5282									</li>
5283											<li>
5284					<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>
5285									</li>
5286											<li>
5287					<a href="https://mediumblue-goat-586134.hostingersite.com/elevage-100-moutons-production-aid-viande/">PROJET : ÉLEVAGE 100 moutons (PRODUCTION AÏD + VIANDE)</a>
5288									</li>
5289											<li>
5290					<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>
5291									</li>
5292											<li>
5293					<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>
5294									</li>
5295					</ul>
5296
5297		</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-52844371"></div></div></div>						</div>
5298					</div>
5299								<div class="footer-navbar">
5300											<div class="footer-navbar__start">
5301							<div class="footer-navbar__copyright">
5302								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>
5303						</div>
5304										<div class="footer-navbar__end">
5305						<nav class="footer-navbar__menu">
5306													</nav>
5307					</div>
5308				</div>
5309			</div>
5310		</footer>
5311		
5311<script type="speculationrules">
5312{"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"}]}
5313</script>
5313
5314        
5314<script id="independent-analytics-script"   >
5315            // Do not change this comment line otherwise Speed Optimizer won't be able to detect this script
5316
5317            (function () {
5318                function sendRequest(url, body) {
5319                    if(!window.fetch) {
5320                        const xhr = new XMLHttpRequest();
5321                        xhr.open("POST", url, true);
5322                        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
5323                        xhr.send(JSON.stringify(body))
5324                        return
5325                    }
5326
5327                    const request = fetch(url, {
5328                        method: 'POST',
5329                        body: JSON.stringify(body),
5330                        keepalive: true,
5331                        headers: {
5332                            'Content-Type': 'application/json;charset=UTF-8'
5333                        }
5334                    });
5335                }
5336                const calculateParentDistance = (child, parent) => {
5337                    let count = 0;
5338                    let currentElement = child;
5339
5340                    // Traverse up the DOM tree until we reach parent or the top of the DOM
5341                    while (currentElement && currentElement !== parent) {
5342                        currentElement = currentElement.parentNode;
5343                        count++;
5344                    }
5345
5346                    // If parent was not found in the hierarchy, return -1
5347                    if (!currentElement) {
5348                        return -1; // Indicates parent is not an ancestor of element
5349                    }
5350
5351                    return count; // Number of layers between element and parent
5352                }
5353                const isMatchingClass = (linkRule, href, classes, ids) => {
5354                    return classes.includes(linkRule.value)
5355                }
5356                const isMatchingId = (linkRule, href, classes, ids) => {
5357                    return ids.includes(linkRule.value)
5358                }
5359                const isMatchingDomain = (linkRule, href, classes, ids) => {
5360                    if(!URL.canParse(href)) {
5361                        return false
5362                    }
5363
5364                    const url = new URL(href)
5365                    const host = url.host
5366                    const hostsToMatch = [host]
5367
5368                    if(host.startsWith('www.')) {
5369                        hostsToMatch.push(host.substring(4))
5370                    } else {
5371                        hostsToMatch.push('www.' + host)
5372                    }
5373
5374                    return hostsToMatch.includes(linkRule.value)
5375                }
5376                const isMatchingExtension = (linkRule, href, classes, ids) => {
5377                    if(!URL.canParse(href)) {
5378                        return false
5379                    }
5380
5381                    const url = new URL(href)
5382
5383                    return url.pathname.endsWith('.' + linkRule.value)
5384                }
5385                const isMatchingSubdirectory = (linkRule, href, classes, ids) => {
5386                    if(!URL.canParse(href)) {
5387                        return false
5388                    }
5389
5390                    const url = new URL(href)
5391
5392                    return url.pathname.startsWith('/' + linkRule.value + '/')
5393                }
5394                const isMatchingProtocol = (linkRule, href, classes, ids) => {
5395                    if(!URL.canParse(href)) {
5396                        return false
5397                    }
5398
5399                    const url = new URL(href)
5400
5401                    return url.protocol === linkRule.value + ':'
5402                }
5403                const isMatchingExternal = (linkRule, href, classes, ids) => {
5404                    if(!URL.canParse(href) || !URL.canParse(document.location.href)) {
5405                        return false
5406                    }
5407
5408                    const matchingProtocols = ['http:', 'https:']
5409                    const siteUrl = new URL(document.location.href)
5410                    const linkUrl = new URL(href)
5411
5412                    // Links to subdomains will appear to be external matches according to JavaScript,
5413                    // but the PHP rules will filter those events out.
5414                    return matchingProtocols.includes(linkUrl.protocol) && siteUrl.host !== linkUrl.host
5415                }
5416                const isMatch = (linkRule, href, classes, ids) => {
5417                    switch (linkRule.type) {
5418                        case 'class':
5419                            return isMatchingClass(linkRule, href, classes, ids)
5420                        case 'id':
5421                            return isMatchingId(linkRule, href, classes, ids)
5422                        case 'domain':
5423                            return isMatchingDomain(linkRule, href, classes, ids)
5424                        case 'extension':
5425                            return isMatchingExtension(linkRule, href, classes, ids)
5426                        case 'subdirectory':
5427                            return isMatchingSubdirectory(linkRule, href, classes, ids)
5428                        case 'protocol':
5429                            return isMatchingProtocol(linkRule, href, classes, ids)
5430                        case 'external':
5431                            return isMatchingExternal(linkRule, href, classes, ids)
5432                        default:
5433                            return false;
5434                    }
5435                }
5436                const track = (element) => {
5437                    const href = element.href ?? null
5438                    const classes = Array.from(element.classList)
5439                    const ids = [element.id]
5440                    const linkRules = [{"type":"extension","value":"pdf"},{"type":"extension","value":"zip"},{"type":"protocol","value":"mailto"},{"type":"protocol","value":"tel"}]
5441                    if(linkRules.length === 0) {
5442                        return
5443                    }
5444
5445                    // For link rules that target an id, we need to allow that id to appear
5446                    // in any ancestor up to the 7th ancestor. This loop looks for those matches
5447                    // and counts them.
5448                    linkRules.forEach((linkRule) => {
5449                        if(linkRule.type !== 'id') {
5450                            return;
5451                        }
5452
5453                        const matchingAncestor = element.closest('#' + linkRule.value)
5454
5455                        if(!matchingAncestor || matchingAncestor.matches('html, body')) {
5456                            return;
5457                        }
5458
5459                        const depth = calculateParentDistance(element, matchingAncestor)
5460
5461                        if(depth < 7) {
5462                            ids.push(linkRule.value)
5463                        }
5464                    });
5465
5466                    // For link rules that target a class, we need to allow that class to appear
5467                    // in any ancestor up to the 7th ancestor. This loop looks for those matches
5468                    // and counts them.
5469                    linkRules.forEach((linkRule) => {
5470                        if(linkRule.type !== 'class') {
5471                            return;
5472                        }
5473
5474                        const matchingAncestor = element.closest('.' + linkRule.value)
5475
5476                        if(!matchingAncestor || matchingAncestor.matches('html, body')) {
5477                            return;
5478                        }
5479
5480                        const depth = calculateParentDistance(element, matchingAncestor)
5481
5482                        if(depth < 7) {
5483                            classes.push(linkRule.value)
5484                        }
5485                    });
5486
5487                    const hasMatch = linkRules.some((linkRule) => {
5488                        return isMatch(linkRule, href, classes, ids)
5489                    })
5490
5491                    if(!hasMatch) {
5492                        return
5493                    }
5494
5495                    const url = "https://mediumblue-goat-586134.hostingersite.com/wp-content/plugins/independent-analytics/iawp-click-endpoint.php";
5496                    const siteId = "";
5497                    const body = {
5498                        href: href,
5499                        classes: classes.join(' '),
5500                        ids: ids.join(' '),
5501                        siteId: siteId,
5502                        ...{"payload":{"resource":"singular","singular_id":689,"page":1},"signature":"eaee59723cc521663d3a58769c578c89"}                    };
5503
5504                    sendRequest(url, body)
5505                }
5506                let hasSearched = false;
5507                function search() {
5508                    if(hasSearched) {
5509                        return;
5510                    }
5511                    hasSearched = true;
5512
5513                    if (document.hasOwnProperty("visibilityState") && document.visibilityState === "prerender") {
5514                        return;
5515                    }
5516
5517                                            if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
5518                            return;
5519                        }
5520                    
5521                    let referrer_url = null;
5522
5523                    if (typeof document.referrer === 'string' && document.referrer.length > 0) {
5524                        referrer_url = document.referrer;
5525                    }
5526
5527                    const params = location.search.slice(1).split('&').reduce((acc, s) => {
5528                        const [k, v] = s.split('=');
5529                        return Object.assign(acc, {[k]: v});
5530                    }, {});
5531
5532                    const url = "https://mediumblue-goat-586134.hostingersite.com/wp-json/iawp/search";
5533                    const body = {
5534                        referrer_url,
5535                        utm_source: params.utm_source,
5536                        utm_medium: params.utm_medium,
5537                        utm_campaign: params.utm_campaign,
5538                        utm_term: params.utm_term,
5539                        utm_content: params.utm_content,
5540                        gclid: params.gclid,
5541                        ...{"payload":{"resource":"singular","singular_id":689,"page":1},"signature":"eaee59723cc521663d3a58769c578c89"}                    };
5542
5543                    sendRequest(url, body)
5544                }
5545                document.addEventListener('mousedown', function (event) {
5546                                        if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
5547                        return;
5548                    }
5549                    
5550                    const element = event.target.closest('a')
5551
5552                    if(!element) {
5553                        return
5554                    }
5555
5556                    const isPro = false
5557                    if(!isPro) {
5558                        return
5559                    }
5560
5561                    // Don't track left clicks with this event. The click event is used for that.
5562                    if(event.button === 0) {
5563                        return
5564                    }
5565
5566                    track(element)
5567                })
5568                document.addEventListener('click', function (event) {
5569                                        if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
5570                        return;
5571                    }
5572                    
5573                    const element = event.target.closest('a, button, input[type="submit"], input[type="button"]')
5574
5575                    if(!element) {
5576                        return
5577                    }
5578
5579                    const isPro = false
5580                    if(!isPro) {
5581                        return
5582                    }
5583
5584                    track(element)
5585                })
5586                document.addEventListener('play', function (event) {
5587                                        if (navigator.webdriver || /bot|crawler|spider|crawling|semrushbot|chrome-lighthouse/i.test(navigator.userAgent)) {
5588                        return;
5589                    }
5590                    
5591                    const element = event.target.closest('audio, video')
5592
5593                    if(!element) {
5594                        return
5595                    }
5596
5597                    const isPro = false
5598                    if(!isPro) {
5599                        return
5600                    }
5601
5602                    track(element)
5603                }, true)
5604                document.addEventListener("DOMContentLoaded", function (e) {
5605                    search();
5606                });
5607                document.addEventListener("iawpSearch", function (e) {
5608                    search();
5609                });
5610            })();
5611        </script>
5611
5612        <div id="user_login_modal" class="hp-modal" data-component="modal">	<h3 class="hp-modal__title">Se connecter</h3>
5613	<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=1791002369" 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>
5614	<a href="#user_password_request_modal" class="hp-form__action hp-form__action--user-password-request">Mot de passe oublié ?</a>
5615</div></div></form></div><div id="user_register_modal" class="hp-modal" data-component="modal">	<h3 class="hp-modal__title">S’inscrire</h3>
5616	<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=1791002369" 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>
5617</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>
5618	<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>    
5618<script>
5619    (function() {
5620        // Vérifie si l'utilisateur ouvre le site via l'application (PWA)
5621        var isPWA = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
5622        
5623        if (isPWA) {
5624            // On ne compte qu'une seule fois par appareil
5625            if (!localStorage.getItem('pwa_installed_tikvet')) {
5626                localStorage.setItem('pwa_installed_tikvet', '1');
5627
5628                // Envoie la requête vers le serveur pour augmenter le chiffre
5629                fetch('https://mediumblue-goat-586134.hostingersite.com/?pwa_count=1', {
5630                    method: 'POST'
5631                })
5632                .then(res => res.text())
5633                .then(data => console.log('Installation TikVet enregistrée'))
5634                .catch(err => console.warn('Erreur compteur PWA:', err));
5635            }
5636        }
5637    })();
5638    </script>
5638
5639        <style>
5640    :root { --pwa-gold-linear: linear-gradient(135deg, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C); }
5641
5642    #pwaInstallBanner {
5643      position: fixed; bottom: 0; left: 0; width: 100%;
5644      background: rgba(20, 20, 20, 0.95); border-top: 2px solid #B38728;
5645      box-shadow: 0 -3px 15px rgba(0, 0, 0, 0.5); padding: 8px 15px; 
5646      display: none; align-items: center; justify-content: space-between;
5647      z-index: 9999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
5648    }
5649
5650    .pwa-content-wrapper { display: flex; align-items: center; }
5651    #pwaInstallBanner img { width: 40px; height: 40px; margin-right: 12px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.1); }
5652    #pwaInstallBanner span { font-size: 14px; color: #ffffff; line-height: 1.2; }
5653    #pwaInstallBanner span strong { font-weight: 600; }
5654
5655    #pwaInstallBtn {
5656      background: var(--pwa-gold-linear); border: none; color: #000 !important;
5657      padding: 8px 16px; font-size: 12px; font-weight: 700; border-radius: 4px;
5658      cursor: pointer; text-transform: uppercase; margin-left: 10px;
5659    }
5660
5661    #pwaCloseBanner { position: absolute; top: 2px; right: 8px; cursor: pointer; font-size: 22px; color: #adb5bd; font-weight: bold; }
5662
5663    @media (max-width: 550px) {
5664      #pwaInstallBanner { padding: 20px 10px 10px 10px; }
5665      #pwaInstallBanner span { font-size: 12px; }
5666      #pwaInstallBtn { padding: 6px 10px; font-size: 11px; }
5667    }
5668    </style>
5669
5670    <div id="pwaInstallBanner">
5671        <span id="pwaCloseBanner">&times;</span>
5672        <div class="pwa-content-wrapper">
5673            <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/03/icon-512.png" alt="App Icon">
5674            <span>Profitez de notre application mobile !<br><strong>Installez-la maintenant !</strong></span>
5675        </div>
5676        <button id="pwaInstallBtn">Installer</button>
5677    </div>
5678
5679    
5679<script>
5680    let deferredPrompt;
5681    const banner = document.getElementById('pwaInstallBanner');
5682    const installBtn = document.getElementById('pwaInstallBtn');
5683
5684    // Détection iOS
5685    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
5686    // Détection Standalone
5687    const isStandalone = () => window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
5688
5689    // Capture l'événement d'installation Android/Chrome
5690    window.addEventListener('beforeinstallprompt', (e) => {
5691        e.preventDefault();
5692        deferredPrompt = e;
5693        if (!isStandalone()) {
5694            banner.style.display = 'flex';
5695        }
5696    });
5697
5698    // Affichage forcé pour iOS car beforeinstallprompt n'existe pas chez Apple
5699    window.addEventListener('load', () => {
5700        if (isIOS && !isStandalone()) {
5701            banner.style.display = 'flex';
5702        }
5703    });
5704
5705    installBtn.addEventListener('click', async () => {
5706        if (deferredPrompt) {
5707            // Lance le popup natif
5708            deferredPrompt.prompt();
5709            const { outcome } = await deferredPrompt.userChoice;
5710            if (outcome === 'accepted') {
5711                deferredPrompt = null;
5712                banner.style.display = 'none';
5713            }
5714        } else if (isIOS) {
5715            alert("ℹ️ Pour installer : Appuyez sur le bouton 'Partager' en bas de Safari, puis sur 'Sur l'écran d'accueil'.");
5716        } else {
5717            // Si pas de deferredPrompt sur Android/PC, le navigateur bloque l'install
5718            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.");
5719        }
5720    });
5721
5722    document.getElementById('pwaCloseBanner').addEventListener('click', () => {
5723        banner.style.display = 'none';
5724    });
5725    </script>
5725
5726    
5726<script>
5727document.addEventListener('click', function(e) {
5728    var type = '';
5729    var link = e.target.closest('a');
5730    var btn = e.target.closest('.btn-confirm-tikvet'); 
5731    
5732    if (link) {
5733        var href = link.getAttribute('href') || '';
5734        // Détection WhatsApp
5735        if (href.indexOf('wa.me') !== -1 || href.indexOf('whatsapp.com') !== -1) {
5736            type = 'WhatsApp';
5737        } 
5738        // Détection Appel
5739        else if (href.indexOf('tel:') === 0) {
5740            type = 'Appel';
5741        }
5742        // NOUVEAU : Détection Google Business
5743        else if (href.indexOf('share.google') !== -1) {
5744            type = 'Google';
5745        }
5746    } else if (btn) {
5747        type = 'WhatsApp';
5748    }
5749
5750    if (type !== '') {
5751        var titleEl = document.querySelector('.hp-listing__title') || document.querySelector('h1');
5752        var pageTitle = titleEl ? titleEl.innerText.trim() : document.title;
5753        var url = 'https://mediumblue-goat-586134.hostingersite.com/wp-admin/admin-ajax.php';
5754        var data = new FormData();
5755        data.append('action', 'track_tikvet_click');
5756        data.append('annonce', pageTitle);
5757        data.append('type', type);
5758        navigator.sendBeacon(url, data);
5759    }
5760}, true);
5761</script>
5761
5762<style>
5763/* CODE 1 */
5764#ai-chat-teaser {
5765  position: fixed;
5766  bottom: 155px;
5767  left: 20px;
5768  max-width: 260px;
5769  background: #ffffff;
5770  padding: 12px 16px;
5771  border-radius: 14px;
5772  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
5773  font-size: 14px;
5774  font-weight: 500;
5775  color: #333;
5776  display: flex;
5777  align-items: center;
5778  gap: 10px;
5779  z-index: 9999;
5780  opacity: 0;
5781  transform: translateY(15px);
5782  transition: opacity .4s ease, transform .4s ease;
5783  pointer-events: none; /* RECTIFICATION : On ne bloque pas le clic si invisible */
5784}
5785
5786#ai-chat-teaser img {
5787  width: 38px;
5788  height: 38px;
5789  border-radius: 50%;
5790}
5791
5792#ai-chat-teaser:after {
5793  content: "";
5794  position: absolute;
5795  bottom: -12px;
5796  left: 35px;
5797  border-left: 10px solid transparent;
5798  border-right: 10px solid transparent;
5799  border-top: 12px solid #ffffff;
5800}
5801
5802#ai-chat-teaser.show {
5803  opacity: 1;
5804  transform: translateY(0);
5805  pointer-events: auto; /* RECTIFICATION : Devient cliquable quand il sort */
5806}
5807
5808/* CODE 2 */
5809#ai-chat-teaser-random {
5810  position: fixed;
5811  bottom: 155px;
5812  left: 20px;
5813  max-width: 260px;
5814  background: #ffffff;
5815  padding: 12px 16px;
5816  border-radius: 14px;
5817  box-shadow: 0 8px 22px rgba(0,0,0,0.18);
5818  font-size: 14px;
5819  font-weight: 500;
5820  color: #333;
5821  display: flex;
5822  align-items: center;
5823  gap: 10px;
5824  z-index: 2147483647;
5825  opacity: 0;
5826  transform: translateY(15px);
5827  transition: opacity .8s ease, transform .8s ease;
5828  pointer-events: none; /* RECTIFICATION : On ne bloque pas le clic si invisible */
5829}
5830
5831#ai-chat-teaser-random img {
5832  width: 38px;
5833  height: 38px;
5834  border-radius: 50%;
5835}
5836
5837#ai-chat-teaser-random::after {
5838  content: "";
5839  position: absolute;
5840  bottom: -12px;
5841  left: 35px;
5842  border-left: 10px solid transparent;
5843  border-right: 10px solid transparent;
5844  border-top: 12px solid #ffffff;
5845}
5846
5847#ai-chat-teaser-random.show {
5848  opacity: 1;
5849  transform: translateY(0);
5850  pointer-events: auto; /* RECTIFICATION : Devient cliquable quand il sort */
5851}
5852</style>
5853
5854<div id="ai-chat-teaser">
5855  <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chatbot">
5856  <div>👋TikVet est avec vous ! Comment puis-je vous aider ?</div>
5857</div>
5858
5859<div id="ai-chat-teaser-random">
5860  <img src="https://mediumblue-goat-586134.hostingersite.com/wp-content/uploads/2026/02/Gemini_Generated_Image_45612t45612t4561-Photoroom.png" alt="Chatbot">
5861  <div id="ai-chat-message"></div>
5862</div>
5863
5864<script>
5865document.addEventListener("DOMContentLoaded", function () {
5866
5867    const bubble1 = document.getElementById("ai-chat-teaser");
5868    const bubble2 = document.getElementById("ai-chat-teaser-random");
5869    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 !"];
5870
5871    const CODE1_INTERVAL = 30 * 60 * 1000; // 30 minutes
5872    const CODE2_INTERVAL = 3 * 60 * 1000;  // 3 minutes
5873    const CODE1_VISIBLE = 7000;            // durée visible Code1
5874    const CODE2_VISIBLE = 7000;            // durée visible Code2
5875    const CODE2_DELAY_FIRST = 10000;       // délai 10s avant premier Code2
5876    const KEY1_LAST = "ai_teaser_last";
5877    const KEY2_LAST = "ai_teaser_random_last";
5878
5879    // -------- CODE 1 --------
5880    function showCode1() {
5881        bubble1.classList.add("show");
5882        setTimeout(() => { bubble1.classList.remove("show"); }, CODE1_VISIBLE);
5883        localStorage.setItem(KEY1_LAST, Date.now());
5884    }
5885
5886    const last1 = parseInt(localStorage.getItem(KEY1_LAST), 10) || 0;
5887    if(Date.now() - last1 >= CODE1_INTERVAL) showCode1();
5888    setInterval(showCode1, CODE1_INTERVAL);
5889
5890    // -------- CODE 2 --------
5891    function showCode2() {
5892        if(bubble1.classList.contains("show")) return; // pas chevaucher Code1
5893        const randomMessage = messages[Math.floor(Math.random() * messages.length)];
5894        document.getElementById("ai-chat-message").textContent = randomMessage;
5895        bubble2.classList.add("show");
5896        localStorage.setItem(KEY2_LAST, Date.now());
5897        setTimeout(() => { bubble2.classList.remove("show"); }, CODE2_VISIBLE);
5898    }
5899
5900    function checkCode2() {
5901        const last2 = parseInt(localStorage.getItem(KEY2_LAST), 10) || 0;
5902        if(Date.now() - last2 >= CODE2_INTERVAL) showCode2();
5903    }
5904
5905    // Premier affichage Code2 avec délai 10s
5906    setTimeout(() => {
5907        checkCode2();
5908        setInterval(checkCode2, 60000);
5909    }, CODE2_DELAY_FIRST);
5910
5911});
5912</script>
5912        
5912<script type="text/javascript">
5913            document.addEventListener('DOMContentLoaded', function() {
5914                let interactionDetectee = false;
5915
5916                function activerRedirection() {
5917                    if (!interactionDetectee) {
5918                        window.history.pushState(null, null, window.location.href);
5919                        interactionDetectee = true;
5920                    }
5921                }
5922
5923                // pointerup et touchend ont un peu plus de chances de valider l'interaction
5924                // si le client finit de scroller de manière brusque.
5925                const evenements = ['click', 'keydown', 'touchend', 'pointerup'];
5926                
5927                evenements.forEach(function(evenement) {
5928                    document.body.addEventListener(evenement, activerRedirection, { once: true });
5929                });
5930                
5931                window.addEventListener('popstate', function(event) {
5932                    if (interactionDetectee) {
5933                        window.location.replace('https://mediumblue-goat-586134.hostingersite.com/application/');
5934                    }
5935                });
5936            });
5937        </script>
5937
5938        	
5938<script>
5939		(function () {
5940			var c = document.body.className;
5941			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
5942			document.body.className = c;
5943		})();
5944	</script>
5944
5945	<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' />
5946<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' />
5947<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 5947
5947
5948<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 5948
5948
5949<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 5949
5949
5950<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 5950
5950
5951<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 5951
5951
5952<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 5952
5952
5953<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 5953
5953
5954<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 5954
5954
5955<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 5955
5955
5956<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 5956
5956
5957<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 5957
5957
5958<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 5958
5958
5959<script id="hivepress-core-js-extra">
5960var hivepressCoreData = {"apiURL":"https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json\/hivepress\/v1","apiNonce":"7d21fa43ba","language":"fr"};
5961</script>
vendor: 1 bytes, line 5961
5961
5962<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 5962
5962
5963<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 5963
5963
5964<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 5964
5964
5965<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 5965
5965
5966<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 5966
5966
5967<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 5967
5967
5968<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 5968
5968
5969<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 5969
5969
5970<script id="wp-i18n-js-after">
5971wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
5972</script>
vendor: 1 bytes, line 5972
5972
5973<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 5973
5973
5974<script id="contact-form-7-js-translations">
5975( function( domain, translations ) {
5976	var localeData = translations.locale_data[ domain ] || translations.locale_data.messages;
5977	localeData[""].domain = domain;
5978	wp.i18n.setLocaleData( localeData, domain );
5979} )( "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"}} );
5980</script>
vendor: 1 bytes, line 5980
5980
5981<script id="contact-form-7-js-before">
5982var wpcf7 = {
5983    "api": {
5984        "root": "https:\/\/mediumblue-goat-586134.hostingersite.com\/wp-json\/",
5985        "namespace": "contact-form-7\/v1"
5986    },
5987    "cached": 1
5988};
5989</script>
vendor: 1 bytes, line 5989
5989
5990<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 5990
5990
5991<script id="superpwa-register-sw-js-extra">
5992var 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":""};
5993</script>
vendor: 1 bytes, line 5993
5993
5994<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 5994
5994
5995<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 5995
5995
5996<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 5996
5996
5997<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 5997
5997
5998<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 5998
5998
5999<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 5999
5999
6000<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 6000
6000
6001<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 6001
6001
6002<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 6002
6002
6003<script id="wc-order-attribution-js-extra">
6004var 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"}};
6005</script>
vendor: 1 bytes, line 6005
6005
6006<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 6006
6006
6007<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 6007
6007
6008<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 6008
6008
6009<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 6009
6009
6010<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 6010
6010
6011<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 6011
6011
6012<script id="gt_widget_script_52844371-js-before">
6013window.gtranslateSettings = /* document.write */ window.gtranslateSettings || {};window.gtranslateSettings['52844371'] = {"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-52844371","alt_flags":[],"horizontal_position":"inline","flags_location":"\/wp-content\/plugins\/gtranslate\/flags\/"};
6014</script>
6014<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="/prenez-votre-consultation-veterinaire-a-distance-en-toute-simplicite/" data-gt-orig-domain="mediumblue-goat-586134.hostingersite.com" data-gt-widget-id="52844371" defer></script>
6014    <!-- Compteur invisible : Envoie un signal à l'API sur chaque page visitée -->
6015    
6015<script>
6016    (function() {
6017        // On génère l'URL de l'API dynamiquement
6018        const apiUrl = window.location.origin + '/wp-json/custom/v1/visitors?nocache=' + Date.now();
6019        
6020        // On utilise fetch pour appeler l'API en arrière-plan
6021        fetch(apiUrl, { 
6022            method: 'GET',
6023            mode: 'no-cors', 
6024            cache: 'no-store' 
6025        }).catch(function(err) {
6026            // On ignore les erreurs pour que ce soit totalement invisible pour l'utilisateur
6027        });
6028    })();
6029    </script>
6029
6030        
6030<script>
6031    (function() {
6032        document.addEventListener('DOMContentLoaded', function() {
6033            // SÉLECTEURS ADAPTATIFS (On cherche les classes communes de ton nouveau thème)
6034            const burger = document.querySelector('.header-navbar__burger, .hp-menu-burger, .burger-menu');
6035            const menu = document.getElementById('menu-header') || document.querySelector('.header-navbar__menu');
6036            
6037            if (!burger || !menu) {
6038                console.log("Burger ou Menu non trouvé sur ce thème");
6039                return;
6040            }
6041
6042            // On déplace le menu dans le body pour éviter les problèmes de superposition (z-index)
6043            document.body.appendChild(menu);
6044
6045            // NETTOYAGE DES DOUBLONS
6046            function removeMenuDuplicates() {
6047                const items = menu.querySelectorAll('li');
6048                const seenLinks = [];
6049                
6050                items.forEach(item => {
6051                    const link = item.querySelector('a');
6052                    if (!link) return;
6053                    
6054                    const href = link.getAttribute('href');
6055                    const text = item.innerText.trim().toLowerCase();
6056                    const uniqueKey = href && href !== '#' ? href : text;
6057
6058                    if (seenLinks.includes(uniqueKey)) {
6059                        item.remove();
6060                    } else {
6061                        seenLinks.push(uniqueKey);
6062                    }
6063                });
6064            }
6065
6066            // BOUTON FERMER (X)
6067            if(!document.querySelector('.menu-close-x')){
6068                const closeBtn = document.createElement('div');
6069                closeBtn.innerHTML = '&times;';
6070                closeBtn.className = 'menu-close-x';
6071                menu.prepend(closeBtn);
6072                
6073                closeBtn.addEventListener('click', function() {
6074                    menu.classList.remove('is-open');
6075                    document.body.style.overflow = '';
6076                });
6077            }
6078
6079            // OUVERTURE
6080            burger.addEventListener('click', function(e) {
6081                e.preventDefault();
6082                e.stopPropagation(); // Empêche la fermeture immédiate
6083                removeMenuDuplicates();
6084                menu.classList.add('is-open');
6085                document.body.style.overflow = 'hidden';
6086            });
6087
6088            // FERMETURE AU CLIC EXTÉRIEUR
6089            menu.addEventListener('click', function(e) {
6090                if (e.target === menu || e.target.closest('a')) {
6091                    menu.classList.remove('is-open');
6092                    document.body.style.overflow = '';
6093                }
6094            });
6095        });
6096    })();
6097    </script>
6097
6098    
6099    <style>
6100    /* On utilise l'ID ou la classe détectée pour le style mobile */
6101    @media (max-width: 991px) {
6102        #menu-header.menu, .header-navbar__menu {
6103            position: fixed !important;
6104            top: 0 !important;
6105            left: 0 !important;
6106            width: 100% !important;
6107            height: 100vh !important;
6108            background: rgba(0, 0, 0, 0.8) !important;
6109            backdrop-filter: blur(8px);
6110            z-index: 999999 !important;
6111            display: none; /* Caché par défaut */
6112            align-items: center !important;
6113            justify-content: center !important;
6114            margin: 0 !important;
6115            padding: 20px !important;
6116        }
6117
6118        #menu-header.is-open, .header-navbar__menu.is-open {
6119            display: flex !important;
6120            flex-direction: column !important;
6121        }
6122
6123        #menu-header li, .header-navbar__menu li {
6124            background: #ffffff !important;
6125            width: 90% !important;
6126            max-width: 300px !important;
6127            list-style: none !important;
6128            margin: 0 !important;
6129            padding: 0 !important;
6130            border-bottom: 1px solid #f0f0f0 !important;
6131            display: block !important;
6132            text-align: center !important;
6133        }
6134
6135        /* Design des coins arrondis */
6136        #menu-header li:first-of-type, .header-navbar__menu li:first-of-type { 
6137            border-radius: 20px 20px 0 0 !important; 
6138        }
6139        #menu-header li:last-of-type, .header-navbar__menu li:last-of-type { 
6140            border-radius: 0 0 20px 20px !important; 
6141            border-bottom: none !important;
6142        }
6143
6144        #menu-header li a, .header-navbar__menu li a {
6145            color: #333 !important;
6146            padding: 15px !important;
6147            display: block !important;
6148            text-decoration: none !important;
6149            font-size: 17px !important;
6150            font-weight: 600 !important;
6151        }
6152
6153        .menu-close-x {
6154            position: absolute;
6155            top: 20px;
6156            right: 25px;
6157            font-size: 50px;
6158            color: #fff;
6159            cursor: pointer;
6160            z-index: 1000000;
6161        }
6162    }
6163    </style>
6164    
6164<script type='text/javascript'>
6165document.tidioChatCode = "clzofqxztgr4mnls0cdtrcfsmb1xv8xa";
6166(function() {
6167  function asyncLoad() {
6168    var tidioScript = document.createElement("script");
6169    tidioScript.type = "text/javascript";
6170    tidioScript.async = true;
6171    tidioScript.src = "//code.tidio.co/clzofqxztgr4mnls0cdtrcfsmb1xv8xa.js";
6172    document.body.appendChild(tidioScript);
6173  }
6174  if (window.attachEvent) {
6175    window.attachEvent("onload", asyncLoad);
6176  } else {
6177    window.addEventListener("load", asyncLoad, false);
6178  }
6179})();
6180</script>
6180	</body>
6181</html>
6182
6183
6184<!-- Page uncached by LiteSpeed Cache 7.9.1 on 2026-10-03 04:39:29 -->

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.