/*
Theme Name: morntag – Child Hello Elementor
Author: morntag
Description: A child theme for Hello Elementor, with some superpowers added by morntag.
Version: 1.5.11
Template: hello-elementor

This is the child theme for Hello Elementor theme.
*/

/* ==========================================================================
   Default styles
   ========================================================================== */

/* Remove underline from buttons */
.wp-block-button .wp-block-button__link {
  text-decoration: none;
}

/* Custom styling for outline of focused elements when navigating 
 with keyboard */
*:focus-visible {
  outline: 2px solid var(--e-global-color-primary);
  outline-offset: 2px;
}

/* ==========================================================================
   Custom styles
   ========================================================================== */
span.glossaryLink.glossaryLink {
	cursor: pointer;
	/*border-bottom-style: solid;*/
}

span.glossaryLink.glossaryLink:hover {
	color: inherit !important;
}

span.glossaryLink.glossaryLink:focus-visible {
  outline: 2px solid var(--e-global-color-primary);
  outline-offset: 2px;
}

/* Glossary Tooltip custom styling */
#tt {
	opacity: 1 !important;
}

#ttcont{
	font-size: 16px !important;
	background: var( --e-global-color-001d71a ) !important;
	color: var(--e-global-color-text) !important;
	box-shadow: none !important;
	border: 2px solid var( --e-global-color-001d71a ) !important;
	border-radius: 0 !important;
	padding: 16px !important;
	transform: skew(-10deg);
}


#tt #ttcont div.glossaryItemTitle.glossaryItemTitle {
	margin-bottom: 6px;
    font-family: "Source Sans", sans-serif;
    font-size: 16px !important;
	font-weight: 700;
    letter-spacing: 0.01em;
	transform: skew(10deg);
	border: none !important;
}

#tt #ttcont div.glossaryItemBody{
	transform: skew(10deg);
}

/**
 * CSS modification for Elementor buttons containing an icon.
 * This class applies a subtle 5px horizontal push animation to the icon on hover.
 *
 * NOTE: This style only affects buttons that have the custom class 
 * '.morntag-icon-button' applied in the Elementor settings.
 *
 * @author: Corinne Ulrich <corinne@morntag.com>
 * @introduced: 20-11-2025
 */
.morntag-icon-button .elementor-button-icon {
	transition: transform 0.3s ease-in-out;
	display: inline-block;
}

.morntag-icon-button:hover .elementor-button-icon {
	transform: translateX(5px);
}

/**
 * Parallelogram items
 *
 * Creates a skew on all items with the class and
 * a counter skew for the inner span to compensate.
 * 
 * Language Mapping Stufen
 * 
 * @author: Brian Boy <brian@morntag.com>
 * @introduced: 21-11-2025
 */
.morntag-parallelogram-button {
	transform: skew(-10deg);
}
.morntag-parallelogram-button span:last-child:not(:has(span)) {
	display: inline-block;
	transform: skew(10deg);
}

.morntag-parallelogram-button.pios>div.elementor-widget-container,
.morntag-parallelogram-button.picos>div.elementor-widget-container,
.morntag-parallelogram-button.pionieri>div.elementor-widget-container {
	background-color: var(--e-global-color-23ed90e) !important;
}

.morntag-parallelogram-button.woelfe-biber>div.elementor-widget-container,
.morntag-parallelogram-button.louveteaux-castors>div.elementor-widget-container,
.morntag-parallelogram-button.lupetti-castori>div.elementor-widget-container{
	background-color: var(--e-global-color-03bf0db) !important;
}

.morntag-parallelogram-button.pfadis>div.elementor-widget-container,
.morntag-parallelogram-button.eclais>div.elementor-widget-container,
.morntag-parallelogram-button.esploratori>div.elementor-widget-container {
	background-color: var(--e-global-color-ec69c28) !important;
}

.morntag-parallelogram-button.rover>div.elementor-widget-container,
.morntag-parallelogram-button.routiers-et-routieres>div.elementor-widget-container{
	background-color: var(--e-global-color-7141273) !important;
}

/** 
 * Carousel items homepage
 * 
 * @author: Brian Boy <brian@morntag.com>
 * @introduced: 25-11-2025
 * */

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].woelfe-biber),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].louveteaux-castors),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].lupetti-castori){
	background: var(--e-global-color-095ea11);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].woelfe-biber):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].louveteaux-castors):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].lupetti-castori):hover{
	background: var(--e-global-color-d2946b5);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].pfadis),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].esploratori),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].eclais){
	background: var(--e-global-color-8888296);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].pfadis):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].esploratori):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].eclais):hover {
	background: var(--e-global-color-27c9f81);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].pios),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].pionieri),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].picos){
	background: var(--e-global-color-b803eee);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].pios):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].pionieri):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].picos):hover {
	background: var(--e-global-color-e7b186e);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].rover),
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].routiers-et-routieres){
	background: var(--e-global-color-1d469b0);
}

a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].rover):hover,
a.elementor-element:has(.elementor-element[data-widget_type="image-box.default"].routiers-et-routieres):hover{
	background: var(--e-global-color-f17cd59);
}

/** * Custom filter styles for homepage.
 * * Logic:
 * 1. General Container & Layout
 * 2. Top Bar Fields (Hover/Active states)
 * 3. Dropdown Menus (General styling)
 * 4. Special Logic: "Woelfe-Biber" & Category Colors
 * * @author: Brian Boy <brian@morntag.com>
 * @introduced: 05-12-2025
 */

/* --- 1. General Container & Layout --- */

#main-filter .elementor-widget-search-filter-field {
    height: 100%;
    padding-inline: 24px;
}

#main-filter .elementor-widget-search-filter-field > div {
    display: flex;
    align-items: center;
}

#main-filter .elementor-widget-search-filter-field button {
    background: none;
    border: none;
}

#main-filter .search-filter-base > .search-filter-label {
    font-weight: 700;
    margin-bottom: 0;
    cursor: pointer;
}

/* --- 2. Top Bar Fields (Specific Fields) --- */

/* Field 1: Padding correction */
#main-filter .elementor-widget-search-filter-field[data-settings='{"search_filter_field":"field_1"}'] {
    padding-right: 10px;
}

/* Field 1 & 3: Hover State */
#main-filter .elementor-widget-search-filter-field[data-settings='{"search_filter_field":"field_1"}']:hover,
#main-filter .elementor-widget-search-filter-field[data-settings='{"search_filter_field":"field_3"}']:hover {
    background: var(--e-global-color-a6b1e17);
}

/* Field 4: Default & Hover State */
#main-filter .elementor-widget-search-filter-field[data-settings='{"search_filter_field":"field_4"}'] {
    background: var(--e-global-color-a6b1e17);
}

#main-filter .elementor-widget-search-filter-field[data-settings='{"search_filter_field":"field_4"}']:hover {
    background: var(--e-global-color-f0e39ac);
}

/* --- 3. Dropdown Menus (General) --- */

#main-filter .search-filter-input-group.search-filter-field__input {
    position: absolute;
    top: 36px;
    left: -8px;
    min-width: fit-content;
    background: var(--e-global-color-a6b1e17);
}

#main-filter .search-filter-input-group.search-filter-field__input svg {
    fill: #000;
    color: #000;
}

/* Label styling */
#main-filter .search-filter-input-checkbox__label {
    text-wrap-mode: nowrap;
}

/* Checkbox container spacing */
#main-filter .search-filter-input-checkbox {
    padding: 0;
}

#main-filter .search-filter-input-checkbox__container {
    padding: 8px 16px;
    transition: background .3s ease;
}

/* Nested input group resets */
#main-filter .search-filter-input-group .search-filter-input-group {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border: none;
}

#main-filter .search-filter-input-group .search-filter-input-group .search-filter-input-checkbox__container {
    padding-left: 30px; 
}

/* Generic Hover (Applies only when NOT the colored category dropdown) */
#main-filter .search-filter-input-group:not(:has(div[data-option-value="rover"])):not(:has(div[data-option-value="picos"])) .search-filter-input-checkbox__container:hover {
    background: var(--e-global-color-f0e39ac);
}

/* --- 4. Special Logic: Category Colors --- */

/* * Layout adjustments for the Category Dropdown 
 * Detected by presence of "rover" option
 */
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="rover"]),
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="routiers-et-routieres"]){
    left: -75%;
    padding: 0;
    border: none;
}

/* Text & Icon Colors for Category Dropdown */
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="rover"]) > div,
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="routiers-et-routieres"]) > div,
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="rover"]) .search-filter-input-checkbox__label,
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="routiers-et-routieres"]) .search-filter-input-checkbox__label {
    color: #fff;
}

#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="rover"]) svg,
#main-filter .search-filter-input-group.search-filter-field__input:has(div[data-option-value="routiers-et-routieres"]) svg{
    fill: #fff;
    color: #fff;
}

/* * Category Specific Backgrounds & Hovers
 * Note: Hover transition is handled by generic transition rule above
 */
#main-filter .search-filter-input-group.search-filter-field__input div:hover {
    cursor: pointer;
}

/* -- Woelfe / Biber -- */
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="woelfe-biber"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="lupetti-castori"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="louveteaux-castors"] {
    background: var(--e-global-color-03bf0db);
}

#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="woelfe-biber"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="lupetti-castori"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="louveteaux-castors"]:hover {
    background: #47A1C2;
}

/* -- Pfadis -- */
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="pfadis"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="esploratori"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="eclais"] {
    background-color: var(--e-global-color-ec69c28);
}
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="pfadis"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="esploratori"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="eclais"]:hover {
    background: #A1917D;
}

/* -- Pios -- */
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="pios"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="pionieri"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="picos"] {
    background-color: var(--e-global-color-23ed90e);
}
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="pios"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="pionieri"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="picos"]:hover{
    background: #D71D1D;
}

/* -- Rover -- */
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="rover"],
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="routiers-et-routieres"] {
    background-color: var(--e-global-color-7141273);
}
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="rover"]:hover,
#main-filter .search-filter-input-group.search-filter-field__input div[data-option-value="routiers-et-routieres"]:hover {
   background: #7E9C6D;
}

/*Styling Cookie Banner (Complianz)*/
.cmplz-cookiebanner .cmplz-title{
	font-weight:700!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept{
	font-weight:700;
}


/**
 * Verbessert die Schriftglättung (Antialiasing) für alle gängigen Text-Elemente.
 *
 * Sorgt für eine dünnere, präzisere Darstellung der Fonts auf MacOS/iOS (Webkit)
 * und Firefox (OSX), um ein konsistentes Schriftbild zu gewährleisten. 
 *
 * @author: Dein Name <corinne@morntag.com>
 * @introduced: 18-02-2026
 */
body, h1, h2, h3, h4, h5, h6, p, a, span, li {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}