/*
	Theme Name: Relais
	Author: Quattro Team
	Version: 0.3
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 8.3
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: relais
*/

/* Cacher le background des svg */
a .svg-icon-bg, button .svg-icon-bg {
	display: none;
}

/* Icon lisr widget */
.elementor-widget .elementor-icon-list-item a {
    flex-direction: column;
}
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon svg {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* Link without class (ex: in text editor) */
a:not([class]),
footer a:not(.shortcut-link) {
	text-decoration: underline !important;
	text-decoration-color: #5A2F92 !important;
	text-underline-offset: 4px !important;
	text-decoration-thickness: 2px !important;
}

/* Icon for external link: only text editor */
.elementor-widget-text-editor a:not([class])[href^="http"]:not([href*="relais.quattro.dev"])::after,
.elementor-widget-text-editor a:not([class])[href^="http"]:not([href*="relaispourlavie.lu"])::after {
	content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10%206v2H5v11h11v-5h2v6a1%201%200%200%201-1%201H4a1%201%200%200%201-1-1V7a1%201%200%200%201%201-1zm11-3v8h-2V6.413l-7.793%207.794-1.414-1.414L17.585%205H13V3z%22%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-size:contain;
	display: inline-block;
    width: 16px;
    height: auto;
	margin-left: 0.25em;
}

a:not([class]):hover,
a:not([class]):focus,
footer a:not(.shortcut-link):hover,
footer a:not(.shortcut-link):focus,

footer a.qc-button-primary,
footer a.qc-button-primary:hover,
footer a.qc-button-primary:focus {
	text-decoration: none !important;
}

/* ************************** */

/* Breadcrumbs */
#breadcrumbs {
	font-size: 14px;
	color: #5a2f92;
}

#breadcrumbs .breadcrumb_last {
	font-weight: 500;
}

/* ************************** */
.desktop-shortcuts a {
	transition: .150s margin-left ease-in-out;
}

.desktop-shortcuts a:hover,
.desktop-shortcuts a:focus {
	margin-left: -24px;
}

/* ************************** */
/* PROGRAMMES - Planning */
@media screen and (min-width: 1280px){
   div[id^="quattro-relais-planning-widget"] > .qc\:flex > .qc\:flex:first-of-type  {
      min-height: 270px;
   }   
}

/* ************************** */
/* ANCHOR HANDLER - FAQ PAGES */
@media screen and (min-width: 768px) {
	#anchor-menu-desktop .e-n-menu-heading {
		flex-direction: column;
		counter-reset: list-number;
	}

	#anchor-menu-desktop .e-n-menu-heading li {
		counter-increment: list-number;
	}
	
	#anchor-menu-desktop .e-n-menu-heading div.e-anchor {
		width: 100%;
	}

	#anchor-menu-desktop .e-n-menu-heading div.e-anchor > a > span::before {
		content: counter(list-number) '.';
		padding-right: 10px;
	}

	#anchor-menu-desktop .e-n-menu-heading div.e-anchor > a {
		width: 100%;
		padding: 14px 24px;
	}
}

@media screen and (max-width: 767px) {
	#anchor-menu-desktop .e-n-menu-heading li a {
		padding: 18px 14px;
		text-align: center;
	}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
	#anchor-menu-desktop .e-n-menu-heading li {
		width: 22%;
		flex-shrink: 0;
	}

	#anchor-menu-desktop .e-n-menu-heading div.e-anchor > a > span {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
		text-wrap: auto;
		width: 100%;
	}
}
/* ************************** */
/* Add to wpform */
div.wpforms-container button.wpforms-submit {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
div.wpforms-container button.wpforms-submit .wpforms-submit-icon {
	width: 20px;
	height: 20px;
}

/* ************************** */
/* FOOTER */
/* Fix logo */
@media screen and (min-width:450px) and (max-width: 768px) {
	.relais-footer-logo img {
        object-position: center left !important;
	}
}

/* Mobile Shortcuts */
#mobile-shortcuts {
	padding: 0 !important;
}

.footer-shortcuts a {
	width: 100%;
	font-size: 12px;
	gap:8px;
	padding: 6px;
}

.footer-shortcuts a > svg {
	width:24px;
	height:24px;
}

div#mobile-shortcuts-wrapper > .e-con-inner > .elementor-widget-html {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}


/* ************************** */
/* ************************** */
/* RULE FOR 320PX (ACCESSIBILITY) - Rules apply from 340PX */

@media screen and (max-width: 340px) {
	.e-con.e-grid, .e-con.e-grid > .e-con-inner {
		grid-template-columns: 1fr !important;
	}
}