/*
Theme Name: SmartCFA
Theme URI: https://smartcfa.fr/
Description: Thème enfant d'Enfold pour le site Smart CFA (Smart CFA est une marque déposée de BSLG SAS).
Author: Smart CFA
Template: enfold
Version: 1.0.0
Requires PHP: 7.4
Text Domain: smartcfa
*/

/* Les réglages visuels (couleurs, polices, en-tête) restent dans Enfold > Options du thème.
   Ici, uniquement ce qui est propre à Smart CFA et que l'on veut garder dans git. */

/* Logo : plus allongé que celui de BSLG, on limite sa largeur pour laisser la place au menu.
   La hauteur reste pilotée par Enfold (en-tête qui rétrécit au défilement). */
#top .logo img,
#top .logo svg {
	max-width: 250px;
}

/* Badges des catégories de câbles (pages Fibre optique et Cuivre) : fichiers en double résolution */
#top .scfa-badge img {
	width: 94px;
	height: auto;
}

/* Nos certifications : 7 cartes en rangées de quatre, la dernière rangée centrée (4 + 3) */
@media only screen and (min-width: 768px) {
	#top .scfa-certifs .entry-content-wrapper {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 3%;
	}
	#top .scfa-certifs .entry-content-wrapper > .flex_column {
		float: none;
		width: 22.75%;
		margin-left: 0;
		margin-bottom: 30px;
	}
	#top .scfa-certifs .entry-content-wrapper > .hr {
		flex-basis: 100%;
	}
}

/* Formulaire de contact sur fond sombre : libellés lisibles */
/* (Enfold met l'id « top » et la classe de page sur la même balise body) */
#top.page-id-156 .avia_ajax_form label,
#top.page-id-156 .avia_ajax_form .av-privacy-message {
	color: #d6d6d6;
}
#top.page-id-156 .avia_ajax_form label a {
	color: #7bf500;
}

/* Page Formation */
#top .scfa-photo-formation img {
	max-width: 330px;
	border-radius: 4px;
}
#top .scfa-etiquette {
	display: inline-block;
	padding: .35em 1em;
	border-radius: 3px;
	background: #7bf500;
	color: #000;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

/* Bandeau de cookies Smart CFA (module de consentement d'Enfold) */
.avia-cookie-consent.avia-cookiemessage-bottom-left {
	left: 20px;
	bottom: 20px;
	width: 420px;
	max-width: calc(100% - 40px);
	border-top: 3px solid #7bf500;
	border-radius: 6px;
	background: #0d0d0d;
	box-shadow: 0 12px 40px rgba(0, 0, 0, .55);
}
.avia-cookie-consent .container {
	padding: 22px 24px 20px;
	text-align: left;
}
.avia-cookie-consent .avia_cookie_text {
	margin: 0 0 16px;
	color: #d6d6d6;
	font-size: 14px;
	line-height: 1.6;
}
.avia-cookie-consent .avia_cookie_text::before {
	content: "Vos cookies";
	display: block;
	margin-bottom: 8px;
	color: #7bf500;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}
#top .avia-cookie-consent .avia-cookie-consent-button {
	margin: 0 8px 8px 0;
	padding: 9px 16px;
	border: 2px solid #7bf500;
	border-radius: 3px;
	background: transparent;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}
/* « Tout accepter » et « Essentiels uniquement » ont le même poids : refuser doit être aussi simple qu'accepter */
#top .avia-cookie-consent .avia-cookie-consent-button:hover,
#top .avia-cookie-consent .avia-cookie-consent-button:focus {
	background: #7bf500;
	color: #000;
}
#top .avia-cookie-consent .avia-cookie-info-btn {
	padding-left: 0;
	padding-right: 0;
	border-color: transparent;
	color: #bdbdbd;
	text-decoration: underline;
}
#top .avia-cookie-consent .avia-cookie-info-btn:hover,
#top .avia-cookie-consent .avia-cookie-info-btn:focus {
	background: transparent;
	color: #7bf500;
}
/* Fenêtre « Personnaliser » */
#top .av-inline-modal {
	border-top: 3px solid #7bf500;
	border-radius: 6px;
	background: #111;
	color: #d6d6d6;
}
#top .av-inline-modal .av-special-heading-tag {
	color: #fff;
}
#top .av-inline-modal .tabcontainer,
#top .av-inline-modal .tab,
#top .av-inline-modal .tab_content {
	border-color: #262626;
}
#top .av-inline-modal .tab {
	background: #161616;
	color: #a8a8a8;
}
#top .av-inline-modal .tabcontainer .tab.active_tab,
#top .av-inline-modal.main_color .tabcontainer .tab.active_tab,
#top .av-inline-modal .tabcontainer .tab_content.active_tab_content {
	background: #111;
	color: #7bf500;
}
#top .av-inline-modal .tab_inner_content,
#top .av-inline-modal .tab_inner_content p {
	color: #d6d6d6;
}
#top .av-inline-modal .tab_inner_content a {
	color: #7bf500;
}
/* Interrupteurs : gris quand le service est coupé, vert quand il est activé */
#top .av-inline-modal .av-toggle-switch .toggle-track {
	background: #333;
}
#top .av-inline-modal .av-toggle-switch input:checked + .toggle-track {
	background: #7bf500;
}
#top .av-inline-modal .avia-cookie-consent-button {
	border: 2px solid #7bf500;
	background: #7bf500;
	color: #000;
	font-weight: 700;
}
#top .av-inline-modal .avia-cookie-consent-button:hover,
#top .av-inline-modal .avia-cookie-consent-button:focus {
	background: transparent;
	color: #7bf500;
}
/* Badge pour rouvrir les réglages */
#top .av-cookies-consent-badge,
#top .avia-cookie-consent-badge {
	background: #0d0d0d;
	border: 2px solid #7bf500;
	color: #7bf500;
}

/* Pied de page (page « Footer » d'Enfold) */
#top .scfa-footer {
	border-top: 3px solid #7bf500;
}
#top .scfa-footer .container {
	padding-top: 10px;
	padding-bottom: 0;
}
#top .scfa-footer .scfa-footer-logo,
#top .scfa-footer .scfa-footer-logo img {
	max-width: min(210px, 100%);
}
#top .scfa-footer .scfa-footer-logo {
	margin-bottom: 18px;
}
#top .scfa-footer .scfa-footer-bloc,
#top .scfa-footer .scfa-footer-bloc p,
#top .scfa-footer .scfa-footer-bloc li {
	color: #bdbdbd;
	font-size: 14px;
	line-height: 1.7;
}
#top .scfa-footer .scfa-footer-bloc .scfa-footer-titre {
	margin: 0 0 .9em;
	color: #7bf500;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}
#top .scfa-footer ul {
	margin: 0;
	list-style: none;
}
#top .scfa-footer li {
	margin: 0 0 .4em;
	padding: 0;
}
#top .scfa-footer a {
	color: #e6e6e6;
	text-decoration: none;
	transition: color .2s;
}
#top .scfa-footer a:hover,
#top .scfa-footer a:focus {
	color: #7bf500;
}
#top .scfa-footer .scfa-bouton {
	display: inline-block;
	margin-top: .4em;
	padding: .5em 1.4em;
	border: 2px solid #7bf500;
	border-radius: 3px;
	color: #7bf500;
	font-weight: 600;
}
#top .scfa-footer .scfa-bouton:hover,
#top .scfa-footer .scfa-bouton:focus {
	background: #7bf500;
	color: #000;
}
#top .scfa-footer .scfa-footer-legal {
	margin-top: 26px;
	padding-top: 18px;
	border-top: 1px solid #222;
}
#top .scfa-footer .scfa-footer-legal p {
	margin: 0;
	color: #8a8a8a;
	font-size: 12px;
	text-align: center;
}
#top .scfa-footer .scfa-footer-legal a {
	color: #bdbdbd;
}
@media only screen and (max-width: 767px) {
	#top .scfa-footer .flex_column {
		margin-bottom: 26px;
	}
}