/**
 * ADVA11 — adva11-base.css
 *
 * Surcharges de base du thème enfant ADVA11.
 *
 * Ce fichier s’aligne sur la structure du fichier base.css
 * du thème parent ClicAccess Classic.
 */


/* =========================================================
   1. Normalisation minimale
   ========================================================= */

html {
	font-family: var(--adva11-font-body);
}

body {
	font-family: var(--adva11-font-body);
	font-size: var(--adva11-font-size-m);
	font-weight: var(--adva11-font-weight-regular);
	line-height: 1.5;

	color: var(--adva11-color-text);
	background-color: var(--adva11-color-background);
}


/* =========================================================
   2. Liens d’évitement et focus
   ========================================================= */

.skip-link:focus,
.skip-link:active {
	margin: var(--adva11-space-xs);
	padding: var(--adva11-space-s) var(--adva11-space-m);

	background: var(--adva11-color-neutral-0);
	color: var(--adva11-color-neutral-900);

	text-decoration: none;

	outline: var(--adva11-border-xs) solid currentColor;
	outline-offset: var(--adva11-space-2xs);
}


/* =========================================================
   3. Structure principale du thème
   ========================================================= */

.layout-shell {
	gap: var(--adva11-space-xl);
}


/* =========================================================
   4. Zone principale de contenu
   ========================================================= */

.site-main {
	color: var(--adva11-color-text);
	background-color: transparent;
}


/* =========================================================
   5. Variantes de layout
   ========================================================= */

/*
Les variantes de layout sont conservées dans le thème parent.

Classes utilisées :
- .layout-shell.layout-none
- .layout-shell.layout-left
- .layout-shell.layout-right
- .layout-shell.layout-both

Aucune surcharge nécessaire pour le moment.
*/


/* =========================================================
   6. Comportement responsive
   ========================================================= */

/*
Le comportement responsive de la grille est conservé
dans le thème parent.

Aucune surcharge nécessaire pour le moment.
*/


/* =========================================================
   7. Typographie globale
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--adva11-font-heading);
	font-weight: var(--adva11-font-weight-bold);
	color: var(--adva11-color-text);
}

p {
	font-family: var(--adva11-font-body);
	font-weight: var(--adva11-font-weight-regular);
	color: var(--adva11-color-text);
}

strong,
b {
	font-weight: var(--adva11-font-weight-bold);
}

em,
i {
	font-style: italic;
}


/* =========================================================
   8. Liens génériques
   ========================================================= */

a {
	color: var(--adva11-color-link);
}

a:hover {
	text-decoration-thickness: var(--adva11-border-xs);
}

a:focus,
a:focus-visible {
	color: var(--adva11-color-focus-text);
	background-color: var(--adva11-color-focus-background);

	outline: var(--adva11-border-xs) solid var(--adva11-color-focus-background);
	outline-offset: var(--adva11-space-2xs);
}


/* =========================================================
   9. Médias
   ========================================================= */

img,
svg,
video,
canvas {
	max-width: 100%;
	height: auto;
}


/* =========================================================
   10. Formulaires
   ========================================================= */

button,
input,
select,
textarea {
	font-family: inherit;
}


/* =========================================================
   11. Sélection de texte
   ========================================================= */

::selection {
	color: var(--adva11-color-neutral-900);
	background-color: var(--adva11-color-primary);
}