/*
Theme Name:   R-kun Transports — enfant Divi
Theme URI:    https://r-kun.ch
Description:  Thème enfant Divi 5 pour l'intégration des maquettes R-kun Transports. Le CSS des pages est compilé dans assets/r-kun.css — ne rien y écrire à la main.
Author:       R-kun Transports
Template:     Divi
Version:      1.0.0
Text Domain:  rkun
*/

/* Les styles des pages vivent dans assets/r-kun.css (compilé depuis src/input.css).
   Ce fichier-ci ne contient que des corrections globales du thème Divi lui-même :
   en-tête, menu, pied de page. Il est chargé sur TOUT le site, contrairement à
   r-kun.css qui ne l'est que sur les 5 pages maquettées. */

/* ---------------------------------------------------------------------------
   Taille du logo dans l'en-tête

   POUR CHANGER LA TAILLE : modifie la seule valeur ci-dessous, rien d'autre.
   Le logo fait 1078x182 px (ratio 5,92:1), donc à 72 px de haut il occupe
   environ 426 px de large. Au-delà de 90 px il commence à serrer le menu sur
   les écrans moyens, et l'image (182 px de haut) perdrait sa netteté Retina.

   Les !important sont nécessaires : Divi calcule la hauteur du logo en ligne,
   à partir d'un pourcentage de la hauteur du menu.
   --------------------------------------------------------------------------- */
:root {
	--rk-logo-height: 72px;
	--rk-logo-height-scrolled: 54px;   /* en-tête réduit au défilement */
}

#logo,
.logo_container #logo,
#main-header .logo_container img,
.et_pb_menu__logo img,
.et-l--header .et_pb_menu__logo img,
.et_pb_fullwidth_menu .et_pb_menu__logo img {
	max-height: var(--rk-logo-height) !important;
	height: var(--rk-logo-height) !important;
	width: auto !important;
}

/* La barre doit être assez haute pour accueillir le logo, sinon il déborde
   ou se retrouve rogné. On garde 24 px de respiration au-dessus et dessous. */
#main-header .logo_container,
#main-header .container.et_menu_container {
	min-height: calc(var(--rk-logo-height) + 24px);
}

/* Divi réduit l'en-tête au défilement : on suit le mouvement, sinon le logo
   dépasse de la barre rétrécie. */
.et-fixed-header #logo,
.et-fixed-header .logo_container img {
	max-height: var(--rk-logo-height-scrolled) !important;
	height: var(--rk-logo-height-scrolled) !important;
}

/* Sur mobile, la place manque : on redescend. */
@media (max-width: 980px) {
	:root {
		--rk-logo-height: 52px;
		--rk-logo-height-scrolled: 44px;
	}
}

/* ---------------------------------------------------------------------------
   Menu principal en majuscules

   Plusieurs sélecteurs volontairement : Divi 5 a refondu son moteur de rendu
   et les classes de l'en-tête diffèrent selon qu'on utilise le menu du thème,
   un module Menu, ou un en-tête du Theme Builder. On les couvre tous.

   Équivalent sans code : Personnaliser > En-tête & Navigation > Menu principal
   > Style de police > bouton TT.
   --------------------------------------------------------------------------- */
#top-menu li a,
#et-secondary-nav li a,
#main-header .nav li a,
.et-menu li a,
.et_pb_menu__menu li a,
.et-l--header .et_pb_menu li a,
.et_pb_fullwidth_menu li a {
	text-transform: uppercase;
	/* les majuscules se lisent mieux avec un peu d'interlettrage */
	letter-spacing: 0.04em;
}