/*
Theme Name: ClubSec
Theme URI: https://pgconcept.com/
Description: Thème enfant Divi développé par PG Concept pour personnalisation sur mesure
Author: PG Concept
Author URI: https://pgconcept.com/
Template: Divi
Version: 1.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/**
* Breakpoints :
* mobile max : 767px
* tablette max : 980px
* tablette large max : 1279px
* desktop min : 1280px
**/

/* Définition de la fonte locale */
@font-face {
	font-family: 'Poppins';
	src: url('assets/Poppins-VariableFont_wght.woff2') format('woff2');
	font-style: normal;
	font-weight: 400 600 800;
	font-display: swap;
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, a, li, span, label
{
	font-family: 'Poppins', sans-serif;
}

/* Variables root */
:root {
	--primary: #1e472f;
	--primary-hover: #24563a;
	--primary-light: #2c6b45;

	--secondary: #61ce70;
	--secondary-hover: #4fbb60;

	--accent-1: #7bb519;
	--accent-2: #b7f0c0;

	--headings: #183126;
	--body: #42524a;
	--body-soft: #6f7d76;

	--surface: #ffffff;
	--surface-alt: #f4f7f5;
	--surface-dark: #163326;

	--border: rgba(30, 71, 47, 0.14);
	--divider: rgba(30, 71, 47, 0.10);

	--button-text-light: #ffffff;
	--button-text-dark: #183126;

	--btn-padding-y: 0.95em;
	--btn-padding-x: 1.35em;
	--btn-radius: 999rem;
	--btn-font-size: clamp(0.95rem, 0.92rem + 0.12vw, 1rem);
	--btn-font-weight: 600;
	--btn-transition: 0.25s ease;

	--gradient-signature: linear-gradient(
		135deg,
		var(--surface-dark) 0%,
		var(--primary) 42%,
		var(--primary-light) 100%
	);
	
	--et_global_heading_font: 'Poppins' !important;
    --et_global_body_font: 'Poppins' !important;
}

/* Menu Theme Builder ClubSec : bascule desktop/mobile. */
@media (max-width: 1279px) {
	.et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__menu {
		display: none !important;
	}

	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_nav_menu {
		display: block !important;
	}
}
@media (min-width: 1280px) {
	.et_pb_menu_0_tb_header.et_pb_menu .et_pb_menu__menu {
		display: flex !important;
	}

	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_nav_menu {
		display: none !important;
	}
}

/* Styles du CTA Contact dans le menu */
.menu-cta {
    max-height: 50px;
    background-color: var(--surface);
    border-radius: 50px;
    padding: 6px 14px !important;
    align-items: center !important;
    align-content: center;
    flex-wrap: wrap;
    align-self: center;
	a {
		padding: 0 calc(5% - 14px) !important;
		color: var(--primary) !important;
	}
	@media (min-width: 1280px) {margin-left: 30px !important;}
}
.et_mobile_menu li:not(.menu-cta) a {padding-top: 5px !important; padding-bottom: 5px !important;}

/* Menu footer vertical avec comportement Divi par défaut. */
.menu-footer ul,
.menu-footer li,
.menu-footer .et-menu,
.menu-footer .et_mobile_menu,
.menu-footer .sub-menu
{
	list-style-type: none !important;
	list-style: none !important;
	margin: 0;
	padding-left: 0;
}

.menu-footer li::marker,
.menu-footer li::before
{
	content: none !important;
	display: none !important;
}

.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.35rem;
}

.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu > li
{
	width: 100%;
}

.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu > li > a
{
	display: block;
	padding: 0.35rem 0;
}

.menu-footer.et_pb_menu .et_pb_menu_inner_container,
.menu-footer.et_pb_menu .et_pb_menu__wrap
{
	justify-content: flex-start !important;
	width: 100% !important;
	max-width: none !important;
}

.menu-footer.et_pb_menu .et_pb_menu__wrap,
.menu-footer.et_pb_menu .et_pb_menu__menu,
.menu-footer.et_pb_menu .et_pb_menu__menu > nav,
.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu
{
	width: 100% !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
}

.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu > li
{
	display: block !important;
	float: none !important;
}

.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu > li,
.menu-footer.et_pb_menu .et_pb_menu__menu > nav > ul.et-menu > li > a
{
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left !important;
}

.menu-footer.et_pb_menu .et_pb_menu__menu
{
	display: block !important;
}

.menu-footer.et_pb_menu .et_mobile_nav_menu
{
	display: none !important;
}

.menu-footer.et_pb_menu .et_pb_menu__menu .menu-item-has-children > a:first-child::after
{
	top: 50%;
	margin-top: 0;
	transform: translateY(-50%);
}

.menu-footer.et_pb_menu .et_pb_menu__menu .menu-item-has-children
{
	position: relative;
}

.menu-footer.et_pb_menu .et_pb_menu__menu .menu-item-has-children > .sub-menu
{
	top: 100% !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	min-width: 100% !important;
	margin-top: 0 !important;
	border-top: 0;
}