/*
 Theme Name:   CoopSJB
 Description:  Energium Child Theme
 Theme URI:	   https://demo.artureanec.com/themes/energium
 Author:       Artureanec
 Author URI:   https://demo.artureanec.com
 Template:     energium
 Version:      1.0.7
 License: GNU  General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Text Domain:  energium-child
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* entête : marge réduite du logo desktop */
@media only screen and (min-width: 85.3125rem) { /* 1365px */
	.header-row .header-icons-container .header-icon.header-button-container { margin-left: 6px; }
	.header-icons-container { margin: 7px 14px; }
	.logo-container { margin: 4px 0 4px 15px; } 
}
@media only screen and (min-width: 93.75rem) { /* 1500px */
	.header-row .header-icons-container .header-icon.header-button-container { margin-left: 14px; }
}


/* entête : espacement items menu principal, bouton Pannes en évidence + ajustement bouton compte COOP en ligne */
.header .main-menu { display: flex; }
.header .main-menu > li:first-of-type { margin-left: auto; }
.header .main-menu li:not(:last-of-type) { margin-right: 16px; }
.header .main-menu > li > a, .header .main-menu > li ul.sub-menu > li > a, .header-button { font-size: 13px; }
.header .main-menu .menu-item-5856 { margin-left: auto; }
.header .main-menu .menu-item-5856 a { padding: 10px 0.75em; border-radius: 4px; background: #222628; color: #fff; }
.header .main-menu .menu-item-5856 a:hover, .header .main-menu .menu-item-5856.current-menu-item a { background: #124496; color: #fff; }
.header-button { white-space: normal; min-width: 0; max-width: 130px; padding: 20px; }
@media only screen and (min-width: 93.75rem) { /* 1500px */
	.header .main-menu li:not(:last-of-type) { margin-right: 19px; } 
	.header .main-menu > li > a, .header .main-menu > li ul.sub-menu > li > a, .header-button { font-size: 14px; }
	.header-button { max-width: 153px; }
}
@media only screen and (min-width: 105rem) { /* 1680px */
	.header .main-menu li:not(:last-of-type) { margin-right: 32px; } 
	.header .main-menu > li > a, .header .main-menu > li ul.sub-menu > li > a, .header-button { font-size: 15px; }
}


/* entête : top bar plus petit */
.top-bar { font-size: 81.25%; }


/* entête : alignement gauche du top bar avec le logo */
.wrapper-contacts .contact-item:first-child { margin-left: 3px; }


/* entête : séparateurs coordonnées plus courts */
.wrapper-contacts .contact-item:not(:last-child)::after { width: 20px; margin: -2px 5px 0 20px; }


/* entête : retrait séparateur + boutons sociaux plus gros et moins espacés */
.top-bar-socials-label::after { display: none; }
.wrapper-socials.top-bar-socials { margin: 0 -5px 0 10px; }
.wrapper-socials.top-bar-socials li { margin: 3px 5px 0; }
.wrapper-socials.top-bar-socials a { font-size: 24px; }


/* entête : bandeau AGA */
.aga-banner { display: block; padding: 11px 30px; background: #666; color: #fff; text-decoration: none; text-align: center; }
.aga-banner:hover { background: #001C6F; color: #fff; }


/* menu : retrait puces sous-menus au 1er palier */
.header .main-menu > li.menu-item-has-children > a { padding-right: 0; }
.header .main-menu > li.menu-item-has-children > a:after { display: none; }


/* menu : override hover du thème pour les sous-menus */
.header .main-menu ul.sub-menu > li > a:hover, .header .main-menu > li ul.sub-menu > li.current-menu-item > a { color: #b7b7b7; }


/* zone de contenu : espacement réduit */
.content-wrapper { margin-top: 45px; }
/*@media only screen and (min-width: 768px) { .content-wrapper { margin-top: 45px; }}*/
@media only screen and (min-width: 992px) { .content-wrapper { margin-top: 60px; }}


/* blocs de contenu : espacement réduit */
.elementor .elementor-section + .elementor-section { margin-top: 30px; }
@media (min-width: 1280px) { .elementor .elementor-section + .elementor-section { margin-top: 60px; }}


/* blocs de contenu : offset entête pour ancres */
.elementor-section.scroll-offset { scroll-margin-top: 130px; }

/* accueil: hauteur max slider */
.home .owl-carousel { max-height: 400px; overflow: hidden; }
@media (min-width: 1024px) { .home .owl-carousel { max-height: 471px; }}

/* accueil : fix alignement slides avec texte */
.home .owl-carousel .elementor-row { display: flex; }

/* accueil : hauteur pagination dots plus basse + semblable pour tous les breakpoints */
.energium-content-slider-widget .bottom-area { min-height: 40px !important; }

/* accueil : espacement sous nouvelles */
.home .elementor-section:last-of-type { margin-bottom: 45px; }
@media (min-width: 1280px) { .home .elementor-section:last-of-type { margin-bottom: 90px; }}


/* listes : ajustement couleur et espacement puces */
ul > li:before { top: .66em; border-color: inherit; }


/* général : ajout classe no-wrap */
.no-wrap { white-space: nowrap; }


/* général : listes multi-colonnes */
.multi-column-list ul { columns: 2 240px; column-gap: 2em; }
.multi-column-list ul > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.multi-column-list ul > li:only-child { column-span: all; }


/* tooltips liste des municipalités (page historique) */
#liste-municipalites a[data-tooltip-text] { position: relative; }
#liste-municipalites a[data-tooltip-text]::after { content: attr(data-tooltip-text); position: absolute; z-index: 3; left: 0; top: 100%; margin: 8px 0 0; padding: 5px 10px; border-radius: 4px; background: #222628; color: #fff; font-size: 14px; white-space: nowrap; visibility: hidden; opacity: 0; transition: opacity 0.3s; }
#liste-municipalites a[data-tooltip-text]::before { content: ""; position: absolute; z-index: 4; left: 10px; top: 100%; margin: -8px 0 0; border: 8px solid transparent; border-bottom-color: #222628; visibility: hidden; opacity: 0; transition: opacity 0.3s; }
#liste-municipalites a[data-tooltip-text]:hover::before, #liste-municipalites a[data-tooltip-text]:hover::after { visibility: visible; opacity: 1; }


/* widget de fichiers en vue compacte : ajustements hauteur égale, icône largeur fixe, taille du texte, etc. */
.elementor-widget-energium_file, .elementor-widget-energium_file .elementor-widget-container { height: 100%; }
.energium-file-widget .file-item.file-item-compact .file-item-icon { align-self: flex-start; margin-top: 0.25em; }
.energium-file-widget .file-item.file-item-compact .file-item-icon i { width: 1.25em; text-align: center; }
.energium-file-widget .file-item.file-item-compact .file-item-title { font-size: 24px; line-height: 1.25em; }
.energium-file-widget .file-item.file-item-compact .file-item-description, .energium-file-widget .file-item.file-item-compact .file-item-meta { font-size: 18px; line-height: 1.25em; }


/* items de tarifs pour débranchement : une colonne + largeurs fixes */
.service-debranchement .energium-price-item-widget .price-item.price-item-type-wide .price-item-header { flex: 1 1 33%; }
.service-debranchement .energium-price-item-widget .price-item.price-item-type-wide .price-item-custom-fields { column-count: auto; flex: 1 1 66%; max-width: none; }


/* 404 : couleur fil gauche custom */
.error-404-container .error-404-image-wrapper.default:before { background-color: #222628; }


/* popups alertes : marge titre offset pour bouton fermer */
.pum-theme-default-theme .pum-title { margin-right: 40px; }


/* nouvelles : ajustement image pour fiche + reformatage dates des autres nouvelles (bug positionnement des dates à droite) */
@media only screen and (min-width: 992px) { .single-post .post-media-wrapper { float: right; max-width: 370px; margin: 0 0 40px 80px; }}
.recent-posts-wrapper { clear: both; }
.single-post .grid-blog-item-wrapper:not(.energium-format-quote) .blog-item .post-meta-header .post-meta-item-date { position: static; margin-top: 20px; -webkit-transform: none; -ms-transform: none; transform: none; }
.single-post .grid-blog-item-wrapper:not(.energium-format-quote) .blog-item .post-title:not(:first-child) { margin-top: 0; margin-bottom: 0.5em; }


/* formulaires : overrides/ajouts au thème de base et Orbital (Gravity Forms) */
.gform-theme--framework .gform-field-label { line-height: 1.25; font-weight: 500; }
.gform-theme--framework ::placeholder, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset)), .gform-theme--framework .gform-field-label > .gfield_required { font-size: 16px; }
body:not(.wp-admin) select, body:not(.wp-admin) textarea, .gform-theme--framework input[type]:where(:not(.gform-text-input-reset)) { font-weight: 700; }
.gform-theme--framework ::placeholder { color: #b7b7b7; font-weight: 400; }
.content-wrapper input[type="radio"], .content-wrapper input[type="checkbox"] { border-color: #b7b7b7; }
input[type="radio"]:checked:before { position: static; width: 8px; height: 8px; }
input[type="checkbox"]:checked:before { content: "\f00c"; font: 700 normal 13px/1 'Font Awesome 5 Free' !important; width: 19px; height: 8px; top: 4px; }
.gform_confirmation_message h2 { font-size: 36px !important; }

.page-signalement .elementor-widget-energium_file .elementor-widget-container { height:auto !important; }


/* listes icônes : espacement réduit */
.elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon + .elementor-icon-list-text { padding-left: 10px; }


/* autoproduction: restyle steps du thème */
.autoprod-step .energium-step-widget .step-item { padding: 0; }
.autoprod-step .energium-step-widget .step-number { display: inline-block; font-size: 1.5em; width: 1.5em; height: 1.5em; line-height: 1.5em; border-radius: 1.5em; text-align: center; background: #222628; color: #eee; }
.autoprod-step .energium-step-widget .step-title { font-size: 1.25em; }
.autoprod-step .energium-step-widget .step-description { display: inline-block; background: #124496; color: #fff; padding: 0.25em 0.75em; font-size: 0.875em; border-radius: 0.25em; }
#autoprod-step-1 .energium-step-widget .step-description { background: #666; }
#autoprod-step-2 .energium-step-widget .step-description, #autoprod-step-5 .energium-step-widget .step-description { background: #f7b53b; }


/* autoproduction: ajustements repeaters et autres éléments Gravity Forms */
.gform-theme--framework { --gf-field-pg-prog-bar-bg-color-blue: #124496 !important; }
.gform-theme--framework .gform_required_legend { margin-bottom: 1.875em; }
.gform-theme--framework .gfield_repeater > .gform-field-label { margin: 0 0 32px; font-size: 20px; font-weight: bold; }
.gform-theme--framework .gfield_repeater .gfield_repeater_item .gfield_repeater_buttons { margin: 32px 0; }


/* footer : éclair en bas de page */
@media only screen and (min-width: 992px) { .footer-bg:before { content: ""; position: absolute; right: 0; top: 150px; width: 50%; height: 33%; background: url(/wp-content/uploads/2023/04/eclair_entete.svg) no-repeat 0 0; background-size: cover; opacity: 0.05; }}


/* footer : boutons sociaux */
.wp-block-social-link a { align-items:center; display:flex; line-height:0; transition:transform .1s ease }


/* CookieYes */
.cky-switch input[type="checkbox"]::before { top: 2px; bottom: auto; }
ul.cky-cookie-des-table > li:before { display: none; }
body .cky-preference-header .cky-preference-title { font-size: 24px !important; }
body button.cky-btn { padding: 8px 20px; border-radius: 3px; font-size: 16px; font-weight: 500; transition: all 0.15s ease; }
body button.cky-btn:hover { opacity: 1; background: #001264 !important; border-color: #001264 !important; color: #fff !important; }
body button.cky-show-desc-btn:not(:hover):not(:active) { color: #124496; text-decoration: underline !important; }
body .cky-preference-content-wrapper .cky-show-desc-btn { color: #124496; text-decoration: none !important; }
body .cky-notice, body .cky-preference-content-wrapper, body .cky-gpc-wrapper .cky-gpc-desc, body .cky-accordion-header-des, body .cky-audit-table .cky-cookie-des-table { line-height: 1.5em !important; }
body .cky-notice .cky-title { display:none !important; }
body .cky-consent-bar .cky-banner-btn-close { right: 10px !important; top: 7px !important; }
body .cky-audit-table .cky-empty-cookies-text, body .cky-audit-table .cky-cookie-des-table { font-size: 14px; line-height: 1.5em; }
body .cky-notice-des *, body .cky-preference-content-wrapper *, body .cky-accordion-header-des *, body .cky-gpc-wrapper .cky-gpc-desc *, 
body .cky-notice-des a.cky-policy, body .cky-notice-des button.cky-policy, body .cky-btn, body .cky-accordion-header .cky-always-active { font-size: 16px !important; line-height: 1.5em !important; }
body .cky-preference-header .cky-preference-title { font-size: 20px; }
body .cky-accordion-header .cky-accordion-btn { font-size: 18px; }


/* SECTION – MASQUÉE – À RÉACTIVER */
.section-masquee { display: none !important; }	

/* particularités pour formulaires de signalement */
.elementor-element.no-icon .file-item-icon { display: none !important; }

@media only screen and (max-width: 767px) { 
	.elementor-element.mobile-centrer { text-align: center !important; }	
}