/* ==========================================================================
   DDP Web — Charte graphique
   Chargé en priorité 999 : passe après le kit Elementor.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Variables (reprises des pages HTML sources)
   -------------------------------------------------------------------------- */
:root {
	/* Accents */
	--ddp-red:        #FF3A20;
	--ddp-red-light:  #FF5540;

	/* Neutres charte */
	--ddp-cream:      #E0E2DB;
	--ddp-dark:       #323031;
	--ddp-mid:        #6B6869;
	--ddp-white:      #FFFFFF;

	/* Fonds */
	--ddp-bg:         #0E0D0E;
	--ddp-bg-deep:    #0A090A;
	--ddp-bg-darkest: #080708;
	--ddp-surface:    #141314;
	--ddp-surface-2:  #1A191A;

	/* Transparences récurrentes */
	--ddp-border:       rgba(255, 255, 255, 0.08);
	--ddp-border-soft:  rgba(255, 255, 255, 0.06);
	--ddp-text-soft:    rgba(255, 255, 255, 0.70);
	--ddp-text-muted:   rgba(255, 255, 255, 0.45);
	--ddp-text-faint:   rgba(255, 255, 255, 0.35);

	/* Rayons */
	--ddp-radius-sm: 6px;
	--ddp-radius:    8px;
	--ddp-radius-md: 12px;
	--ddp-radius-lg: 16px;
}

/* --------------------------------------------------------------------------
   2. Base
   -------------------------------------------------------------------------- */
body {
	background-color: var(--ddp-bg);
	font-family: 'Roboto', sans-serif;
	color: var(--ddp-white);
	overflow-x: hidden;
}

::selection {
	background: var(--ddp-red);
	color: var(--ddp-white);
}

/* --------------------------------------------------------------------------
   3. Durcissement anti-kit
   Le kit Elementor (Hello + Site Settings) peut réinjecter ses propres
   valeurs sur les liens et titres : on verrouille l'essentiel.
   Même approche que sur airsoft-en-france.
   -------------------------------------------------------------------------- */
body a {
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

body h1, body h2, body h3, body h4 {
	font-family: 'Roboto', sans-serif;
	letter-spacing: -0.03em;
}

body h1 { line-height: 1; }
body h2 { line-height: 1.05; }

/* --------------------------------------------------------------------------
   4. Classes utilitaires réutilisables dans Elementor
   (à poser dans l'onglet Avancé > Classes CSS des widgets/containers)
   -------------------------------------------------------------------------- */

/* Carte standard */
.ddp-card {
	background: var(--ddp-surface);
	border: 1px solid var(--ddp-border);
	border-radius: var(--ddp-radius-md);
}

/* Section sombre alternée */
.ddp-section-deep {
	background: var(--ddp-bg-deep);
}

/* Label de section (petit texte au-dessus des H2) */
.ddp-label {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ddp-red);
}

/* Texte atténué */
.ddp-muted   { color: var(--ddp-text-muted); }
.ddp-soft    { color: var(--ddp-text-soft); }

/* Bouton secondaire "ghost" (le kit ne gère qu'un style de bouton global) */
.ddp-btn-ghost .elementor-button,
a.ddp-btn-ghost {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02em;
	padding: 13px 28px;
	background: rgba(255, 255, 255, 0.05);
	color: var(--ddp-text-soft);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: var(--ddp-radius);
	text-decoration: none;
	transition: all 0.2s ease;
}

.ddp-btn-ghost .elementor-button:hover,
a.ddp-btn-ghost:hover {
	background: rgba(255, 255, 255, 0.10);
	color: var(--ddp-white);
	border-color: rgba(255, 255, 255, 0.25);
}

/* --------------------------------------------------------------------------
   5. Confort
   -------------------------------------------------------------------------- */
html {
	scroll-behavior: smooth;
}

/* Scrollbar sombre (navigateurs WebKit) */
::-webkit-scrollbar {
	width: 10px;
}
::-webkit-scrollbar-track {
	background: var(--ddp-bg-darkest);
}
::-webkit-scrollbar-thumb {
	background: var(--ddp-dark);
	border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--ddp-mid);
}