/* Le Rift Central — charte « Tectonique ».
   Tokens + application des polices. Habillage sombre minéral, accent ocre = la faille.
   Les couleurs de section restent pilotables dans Divi ; ceci pose la base de marque. */

:root {
	/* Palette (3 tons + gris de repère) */
	--lrc-anthracite:    #17191D;
	--lrc-anthracite-2:  #1F2228; /* surface légèrement relevée (cartes) */
	--lrc-ocre:          #C97634; /* accent unique : la fracture */
	--lrc-ocre-deep:     #A15329; /* hover / accent profond */
	--lrc-bone:          #EDE8DF; /* texte sur fond sombre (os) */
	--lrc-grey:          #84847E; /* méta, repères */
	--lrc-grey-dk:       #5C5D59;

	/* Familles typographiques */
	--lrc-font-title:   'Gloock', Georgia, 'Times New Roman', serif;
	--lrc-font-display: 'Big Shoulders Display', 'Arial Narrow', sans-serif;
	--lrc-font-body:    'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--lrc-font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;
}

/* --- Canvas de base : champ sombre minéral --- */
body {
	font-family: var(--lrc-font-body);
	background-color: var(--lrc-anthracite);
	color: var(--lrc-bone);
	-webkit-font-smoothing: antialiased;
}

/* --- Titres : Gloock --- */
h1, h2, h3, h4, h5, h6,
.et_pb_module h1, .et_pb_module h2, .et_pb_module h3,
.et_pb_module h4, .et_pb_module h5, .et_pb_module h6,
.et_pb_heading_container h1, .et_pb_heading_container h2 {
	font-family: var(--lrc-font-title);
	color: var(--lrc-bone);
	font-weight: 400;
	letter-spacing: 0.2px;
}

/* --- Corps lisible --- */
p, li, .et_pb_text, .et_pb_post_content, .et_pb_blurb_description {
	font-family: var(--lrc-font-body);
	line-height: 1.65;
}

/* --- Liens : ocre = la veine de métal dans la roche --- */
a { color: var(--lrc-ocre); }
a:hover { color: var(--lrc-ocre-deep); }

/* --- Sélection de texte --- */
::selection { background: var(--lrc-ocre); color: var(--lrc-anthracite); }

/* --- Utilitaires de marque --- */
/* Repère / eyebrow : mono, capitales, espacé (annotations de relevé) */
.lrc-eyebrow {
	font-family: var(--lrc-font-mono);
	text-transform: uppercase;
	letter-spacing: 0.18em;
	font-size: 0.72rem;
	color: var(--lrc-ocre);
}
.lrc-mono { font-family: var(--lrc-font-mono); }
.lrc-display { font-family: var(--lrc-font-display); font-weight: 700; letter-spacing: 0.5px; }

/* Filet ocre fin = la ligne de faille (séparateur) */
.lrc-rule { border: 0; height: 2px; background: var(--lrc-ocre); width: 64px; margin: 1.5rem 0; }

/* ===================== EN-TÊTE DIVI ===================== */
#main-header,
#main-header.et-fixed-header,
.et-fixed-header#main-header {
	background-color: var(--lrc-anthracite) !important;
	box-shadow: 0 1px 0 rgba(237, 232, 223, 0.07) !important;
}
#top-header { background-color: var(--lrc-anthracite-2) !important; }

/* Liens du menu principal : mono, capitales, espacé (annotation de relevé) */
#top-menu li a,
#et-top-navigation #top-menu li a {
	color: var(--lrc-bone) !important;
	font-family: var(--lrc-font-mono);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.76rem;
}
#top-menu li a:hover,
#top-menu li.current-menu-item > a,
#top-menu li.current_page_item > a {
	color: var(--lrc-ocre) !important;
	opacity: 1;
}
/* Sous-menus déroulants */
#et-top-navigation #top-menu li ul.sub-menu {
	background-color: var(--lrc-anthracite-2) !important;
	border-color: var(--lrc-ocre) !important;
}
/* Icône recherche */
#et_top_search .et-search-icon:before,
#et_search_icon:before { color: var(--lrc-bone) !important; }

/* Logo un peu plus présent */
#logo { max-height: 48px; width: auto; }

/* Menu mobile */
#et_mobile_nav_menu .mobile_menu_bar:before { color: var(--lrc-bone) !important; }
.et_mobile_menu { background-color: var(--lrc-anthracite-2) !important; border-color: var(--lrc-ocre) !important; }
.et_mobile_menu li a { color: var(--lrc-bone) !important; border-color: rgba(237,232,223,0.08) !important; }

/* ===================== PIED DE PAGE DIVI ===================== */
#main-footer { background-color: #121317 !important; }
#footer-widgets .footer-widget h4 { color: var(--lrc-bone) !important; font-family: var(--lrc-font-title); }
#footer-bottom { background-color: #0E0F12 !important; }
#footer-info, #footer-info a { color: var(--lrc-grey) !important; }
#footer-bottom .et-social-icons a { color: var(--lrc-grey) !important; }
#footer-bottom .et-social-icons a:hover { color: var(--lrc-ocre) !important; }