/*
Theme Name:     Alpesmarine Child
Description:    Child theme — alpesmarine.com (thème parent : Kathy) — numéros de téléphone cliquables (tel:) avec bouton WhatsApp au survol.
Author:         AdStudio
Author URI:     https://www.adstudio.fr
Template:       kathy
Version:        3.2.0
*/

/* ==========================================================================
   CSS EXISTANT DU SITE (repris tel quel — typographie, mise en page,
   copyright, séparateurs, logo, sous-menus...)
   ========================================================================== */

.copyright-social-wrapper, .search-button-text {
text-transform: uppercase;
font-size: 6px !important;
}
.copyright-social-wrapper {
	text-align: right !important;
}
.copyright-social-wrapper .copyright {
	text-align: right !important;
}
hr {
    border: 0;
    text-align: center;
    width:49%;
    height: 0.5px;
    margin:auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.sub-menu, .menu-list .children {
background: rgba(239, 239, 239, 0.0) !important;
}
.logo-tagline-wrapper .logo-wrapper {
max-width: 70%; !important;
margin-left: auto;
margin-right: auto;
}
.tagline {
font-size: 12px;
font-weight: 400;
letter-spacing: 0.6px;
color: #6f1515 !important;
display: block;
width: 100% !important;
text-align: center !important;
margin: 0 auto 14px !important;
}

.logo-tagline-wrapper {
	text-align: center !important;
}
.sub-menu {
width: 23.18em !important;
background-color: #efefef;
}
@media (max-width: 1150px){
  .logo-tagline-wrapper .logo-wrapper {
     max-width: 15% !important;
     width: 15% !important;
     height: auto;
   }
}
.vc_separator.vc_sep_dotted .vc_sep_line {
	  border: 0;
    text-align: center;
    width:89%;
    height: 0.5px;
    margin:auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(46, 209, 245, 0.75), rgba(0, 0, 0, 0));
}
.post-title {
color:#f9f9f9 !important;
}

/* ==========================================================================
   AJOUTS DE CE PROJET
   ========================================================================== */

/* --- Masque le titre "Accueil" (.post-title) qui s'affiche brièvement
   au-dessus du slideshow avant de disparaître. Limité à la page
   d'accueil pour ne pas cacher le titre sur les autres pages. --- */
body.home .post-title {
	display: none !important;
}

/* --- Centre le menu des numéros de téléphone (il était aligné à gauche,
   alors que les traits au-dessus/en-dessous sont déjà centrés). Le
   simple text-align ne suffit pas si le thème parent affiche les <li>
   en flex/table avec une largeur figée — on force donc explicitement
   la largeur, le centrage flex, et le texte centré à tous les niveaux. --- */
nav.site-menu .menu-list {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	text-align: center !important;
	padding: 6px 0 !important;
	margin: 0 !important;
}

nav.site-menu .menu-list .menu-item {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	float: none !important;
	text-align: center !important;
	margin: 6px 0 !important;
}

nav.site-menu .menu-list .menu-item a:not(.am-whatsapp-btn) {
	display: inline-block !important;
	width: auto !important;
	float: none !important;
	text-align: center !important;
	line-height: 1.6 !important;
}

/* Le bouton WhatsApp garde son propre affichage (icône, apparition au
   survol) — jamais écrasé par la règle de centrage ci-dessus. */
nav.site-menu .menu-list .am-whatsapp-btn {
	display: inline-flex !important;
}

/* --- Espace harmonieux entre les traits rouges et le menu --- */
.logo-tagline-wrapper::after {
	margin: 14px auto 0 !important;
}

nav.site-menu {
	padding-bottom: 14px !important;
}

nav.site-menu::after {
	margin: 14px auto 0 !important;
}

/* --- Fond blanc sur l'ensemble du site (remplace les gris par défaut du
   thème parent Kathy — body, conteneurs principaux, lignes/colonnes
   WPBakery sans couleur de fond définie explicitement). On utilise
   "background-color" (pas le raccourci "background") pour ne pas
   réinitialiser d'éventuelles background-image et casser la couleur du
   texte qui comptait dessus pour le contraste. --- */
html,
body,
#root-container,
#main-container,
#content-container,
.post-content-container,
.inner-post-content-container,
.wpb-content-wrapper {
	background-color: #fff !important;
}

.vc_row:not([class*="has-color"]):not([style*="background"]),
.wpb_column:not([style*="background"]),
.vc_column-inner:not([style*="background"]) {
	background-color: #fff !important;
}

/* --- Pas de trait entre les 2 numéros (texte natif du menu WordPress,
   "————" ou "~" selon les versions du menu) : masqué. Ciblé par
   position (2e élément de la liste) plutôt que par ID, qui change
   à chaque fois que le menu est recréé dans l'admin WordPress. --- */
nav.site-menu .menu-list .menu-item:nth-child(2) {
	display: none !important;
}

/* --- Lignes au-dessus et en-dessous du menu : trait fin, fondu large
   sur les bords, centré sous le logo, couleur rouge #6f1515 (couleur
   déjà utilisée pour le tagline). --- */

.logo-tagline-wrapper {
	border-bottom: none !important;
	position: relative;
}

.logo-tagline-wrapper::after {
	content: "";
	display: block;
	width: 90%;
	height: 0.5px;
	margin: 10px auto 0;
	background-image: linear-gradient(
		to right,
		rgba(111, 21, 21, 0) 0%,
		rgba(111, 21, 21, 0.75) 35%,
		rgba(111, 21, 21, 0.75) 65%,
		rgba(111, 21, 21, 0) 100%
	);
}

nav.site-menu {
	border-bottom: none !important;
	position: relative;
}

nav.site-menu::after {
	content: "";
	display: block;
	width: 90%;
	height: 0.5px;
	margin: 10px auto 0;
	background-image: linear-gradient(
		to right,
		rgba(111, 21, 21, 0) 0%,
		rgba(111, 21, 21, 0.75) 35%,
		rgba(111, 21, 21, 0.75) 65%,
		rgba(111, 21, 21, 0) 100%
	);
}

/* --- Numéros de téléphone (menu "site-menu") : lien d'appel + bouton WhatsApp au survol --- */

nav.site-menu .menu-list .menu-item {
	position: relative;
}

nav.site-menu .menu-list .am-whatsapp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-left: 8px;
	vertical-align: middle;
	opacity: 0;
	transform: translateY(2px);
	transition: opacity 0.2s ease, transform 0.2s ease;
	pointer-events: none;
}

nav.site-menu .menu-list .menu-item:hover .am-whatsapp-btn,
nav.site-menu .menu-list .menu-item:focus-within .am-whatsapp-btn {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

nav.site-menu .menu-list .am-whatsapp-btn svg {
	width: 18px;
	height: 18px;
}

/* Sur mobile (menu généré en JS), l'icône reste visible en permanence :
   pas de "survol" tactile fiable. */
#mobile-menu-entity .am-whatsapp-btn {
	opacity: 1;
	transform: none;
	pointer-events: auto;
}