/*
	Theme Name: Relais
	Author: Quattro Team
	Version: 0.3.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 list 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(.shortcuts-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*="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:hover,
footer a:focus,
footer a.qc-button-primary,
footer a.qc-button-primary:hover,
footer a.qc-button-primary:focus,
footer a.qc-button-secondary,
footer a.qc-button-secondary:hover,
footer a.qc-button-secondary:focus {
	text-decoration: none !important;
}
/* ************************** */
ul:not([class]) {
	list-style: disc !important;
	padding-left: 24px;
}
ul:not([class]) li:not(last-of-type) {
	margin-bottom: 16px;
}


/* ************************** */
/* Search modal - ovverride style layout 1 */
#desktop-search-modal input, #desktop-search-modal button.relais-search-select-button,
#mobile-search-modal input, #mobile-search-modal button.relais-search-select-button {
background-color: #ffffff;
}

#desktop-search-modal formm, #mobile-search-modal form {
	display: block;
}

#desktop-search-modal #relais-search-modal, #desktop-search-modal div[id$="-filters"], #desktop-search-modal .relais-search-open-modal,
#mobile-search-modal #relais-search-modal, #mobile-search-modal div[id$="-filters"], #mobile-search-modal .relais-search-open-modal {
	display: none;
}

#mobile-search-modal .qc-search-dropdown {
	display: flex;
}

@media screen and (max-width: 450px) {
	#desktop-search-modal form > div, #mobile-search-modal form > div {
		flex-direction: column;
	}
	#desktop-search-modal form > div > div , #mobile-search-modal form > div > div {
		width: 100%;
	}
	
	#mobile-search-modal button[type="submit"] {
		width: 100% !important;
	}
	#mobile-search-modal button[type="submit"] span {
		display: block;
	}
}
	
@media screen and (min-width: 768px) {
	#mobile-search-modal form > div {
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 767px) {
    #mobile-search-modal form > div {
        flex-wrap: wrap !important;
    }
}


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

/* Header - reduce logo size for small mobile */
@media screen and (max-width: 400px){
	#header-logo img {
		max-width: 150px;
	}
}

@media screen and (max-width: 350px){
	#header-logo img {
		max-width: 100px;
	}
}

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

#breadcrumbs > ul {
	flex-wrap: wrap;
}

#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;
}

/* Form */
.wpforms-container form.wpforms-form input,
.wpforms-container form.wpforms-form textarea,
.wpforms-container form.wpforms-form select {
	background-color: var(--qc-color-relais-purple-10);
	border: none;
	color: var(--qc-color-relais-purple-100);
}

.wpforms-container form.wpforms-form select {
	padding: 14px 24px;
}

.wpforms-container ul {
	padding-left: 0 !important;
    list-style: none !important;
	margin-top: 10px !important;
}


.wpforms-container li {
	margin-bottom: 6px !important;
}

/* Footer newsletter form */
footer .wpforms-container  form.wpforms-form input {
	background-color: var(--qc-color-relais-purple-20);
}

.wpforms-container form.wpforms-form input::placeholder,
.wpforms-container form.wpforms-form textarea::placeholder {
	color: #30273C;
}

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

/* ************************** */
div#shortcuts-panel-wrapper {
    position: fixed;
    width: 280px;
	top: 150px;
	right: 0;
	z-index: 51;
    padding: 0;
}

@media screen and (max-width: 768px) {
	div#shortcuts-panel-wrapper {
		width: 100%;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		background: #ffffff;
	}
}
/* ************************** */

/* Video Cookiebot */
.quattro-video-cookie-placeholder button {
	background-color: var(--qc-color-relais-purple-100) !important;
}

.quattro-video-cookie-placeholder button:hover,
.quattro-video-cookie-placeholder button:focus-visible {
	background-color: var(--qc-color-relais-purple-50) !important;
}

/* ************************** */
/* 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;
	}
}


/* Info card layout 3 - edition 2026 */
@media screen and (max-width: 350px) {
	.card-info-layout-three > .quattro-info-card-widget > div > div {
		flex-direction: column;
		align-items: baseline;
	}
}

/* ************************** */
/* WPFORMS */
div.wpforms-container .wpforms-field {
	--wpforms-field-padding: 0 0 16px 0;
	--wpforms-field-margin: 0;
}

div.wpforms-container label.wpforms-field-label {
    --wpforms-label-font-size: 16px;
    --wpforms-label-font-weight: 500;
    --wpforms-label-color: #5A2F92;
	--wpforms-label-margin-bottom: 4px;
}

div.wpforms-container input,
div.wpforms-container textarea {
    --wpforms-input-bg: #fff;
    --wpforms-input-border: 1px solid #5A2F92;
    --wpforms-input-padding: 14px 24px;
    --wpforms-input-font-size: 14px;
}

div.wpforms-container .wpforms-submit-container button.wpforms-submit {
    --wpforms-btn-submit-bg: #5A2F92;
    --wpforms-btn-submit-border: 1px solid transparent;
    --wpforms-btn-submit-border-radius: 0;
    --wpforms-btn-submit-padding: 14px 24px;
    --wpforms-btn-submit-font-size: 16px;
    --wpforms-btn-submit-font-weight: 500;
    --wpforms-btn-submit-color: #fff;
    cursor: pointer;
}

div.wpforms-container .wpforms-submit-container button.wpforms-submit:hover,
div.wpforms-container .wpforms-submit-container button.wpforms-submit:focus-visible {
    --wpforms-btn-submit-bg: #8165AC !important;
    --wpforms-btn-submit-color: #fff !important;
}