/* Masquer la zone de commentaires */
.comments-area {
	display: none;
}

/* Réduire la taille de la police pour l'en-tête */
header {
	font-size: 10px !important;
}

/* Styles pour les éléments de menu */
.menu-item-has-children > a,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-weight: 300;
	transition: font-size .3s ease-out, color .3s ease-out, transform .3s ease-out;
	color: #000;
}

/* Style de survol pour tous les éléments de menu */
.wp-block-navigation-item__content:hover {
	font-weight: 400;
	color: rgba(0, 0, 0, 0.6);
	transform: translateY(-2px);
}

/* Style de survol pour les éléments de menu avec sous-menus */
.menu-item-has-children > a:hover,
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	font-size: .95em;
	color: rgba(0, 0, 0, 0.8);
	transform: translateY(-2px);
}

/* Rendre le titre "DANIEL LACOMME" plus fin */
.wp-block-heading {
	font-weight: 450;
}

/* Styles pour le bouton lors du survol */
.wp-block-button__link.wp-element-button {
	transition: transform .2s ease;
}

.wp-block-button__link.wp-element-button:hover {
	transform: scale(0.97);
}

/* Ajouter de l'espace à gauche du logo WordPress */
div.wp-block-group.is-content-justification-space-between .wp-block-social-links {
	margin-left: 10px;
}

/* Styles pour le menu déroulant */
.menu-container {
	position: relative;
}

.menu-items,
.submenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.menu-item,
.submenu a {
	padding: 10px;
}

.menu-item a,
.submenu a {
	text-decoration: none;
	display: block;
}

.submenu {
	display: none;
	background-color: white;
}

.menu-item.active .submenu {
	display: block;
}

/* Styles pour le menu responsive */
@media (max-width: 768px) {
	.submenu {
		display: none;
	}
	
	.menu-toggle {
		display: block;
		background: none;
		border: none;
		font-size: 24px;
		cursor: pointer;
	}
}

/* Styles spécifiques pour le logo */
.custom-logo {
	transition: transform .3s ease;
}

.custom-logo:hover {
	transform: scale(1.05);
}

/* Styles pour le menu déroulant avec icônes */
.wp-block-navigation__submenu-container {
	background-color: rgba(255, 255, 255, 0.3);
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 5;
}

/* Styles pour les éléments de menu sélectionnés */
.current-menu-item > .wp-block-navigation-item__content,
.current-menu-parent > .wp-block-navigation-item__content,
.current-menu-ancestor > .wp-block-navigation-item__content,
.current_page_item > .wp-block-navigation-item__content,
.current_page_parent > .wp-block-navigation-item__content,
.current_page_ancestor > .wp-block-navigation-item__content,
.active > .wp-block-navigation-item__content {
	font-weight: 400;
}

/* Exclure l'élément "Peintures" des effets de survol */
.wp-block-navigation-item__content.peintures:hover,
.wp-block-navigation-item.has-child.peintures > a:hover {
	color: inherit;
	transform: none;
}

/* Style spécifique pour la barre verticale */
.vertical-bar {
	pointer-events: none;
	transition: none !important;
	transform: none !important;
	color: inherit !important;
	font-weight: inherit !important;
}

/* Styles pour les séparateurs */
.wp-block-separator.has-alpha-channel-opacity {
	width: auto;
	max-width: calc(100% + 2cm);
	border-width: 1px;
}

/* Style par défaut pour les titres dans le carrousel */
.jp-carousel-photo-title {
	font-size: 16px;
}

/* Media query pour les écrans plus petits */
@media (max-width: 768px) {
	.jp-carousel-photo-title {
		font-size: 14px;
	}
}