/*
Theme Name:    Astra Child Theme
Description:
Author:        PARROT MEDIA
Author URI:    https://parrot-media.de/
Template:      astra
Version:       1.0.0
*/

/* FONTS */



/* HEADER - Header Image */
.header-image,
.elementor .elementor-element.header-image {
    height: 250px;
}


/* EDITOR */
/* Debugging Script from Mail-Encoder in Icon-List */
.elementor-icon-list-item span[id^="eeb-"] {
    display: flex;
    align-items: center;
}

/* Header-Padding (oben +20px im flachen Zustand) */
header.elementor-location-header .elementor-element-16d83498.e-parent{
  padding-top:18px;
  padding-bottom:18px;
  transition:padding .65s cubic-bezier(.22,.61,.36,1);
}
header.elementor-location-header.header--scrolled .elementor-element-16d83498.e-parent{
  padding-top:28px;   /* = 8px + gewünschte 20px */
  padding-bottom:8px;
}

/* Logo-Container (Resize) */
.elementor-element-6abde0ad .elementor-widget-container a{
  position:relative;
  display:inline-block;
  height:72px;
  line-height:0;
  transition:height .65s cubic-bezier(.22,.61,.36,1);
  transform-origin:center;
}
header.elementor-location-header.header--scrolled .elementor-element-6abde0ad .elementor-widget-container a{
  height:80px;
}

/* Normales Logo (img) + flaches Logo (Overlay) */
.elementor-element-6abde0ad .elementor-widget-container a img{
  height:100%;
  width:auto;
  display:block;
  opacity:1;
  transform:scale(1);
  transition:opacity .55s cubic-bezier(.22,.61,.36,1), transform .55s cubic-bezier(.22,.61,.36,1);
}
.elementor-element-6abde0ad .elementor-widget-container a::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("https://motor-atelier.com/wp-content/uploads/2025/10/Motor-Atelier-Schriftzug-RGB-Weiss-scaled.png") center/contain no-repeat;
  opacity:0;
  transform:scale(.985);
  transition:opacity .55s cubic-bezier(.22,.61,.36,1), transform .55s cubic-bezier(.22,.61,.36,1);
  pointer-events:none;
}

/* Runter (verkleinern): erst Höhe, dann flaches Logo rein */
header.elementor-location-header.header--swap-down.header--scrolled .elementor-element-6abde0ad .elementor-widget-container a img{
  opacity:0;
  transform:scale(.985);
  transition-delay:.26s;
}
header.elementor-location-header.header--swap-down.header--scrolled .elementor-element-6abde0ad .elementor-widget-container a::after{
  opacity:1;
  transform:scale(1);
  transition-delay:.26s;
}

/* Hoch (vergrößern): erst flaches Logo raus, dann großes rein */
header.elementor-location-header.header--swap-up:not(.header--scrolled) .elementor-element-6abde0ad .elementor-widget-container a::after{
  opacity:0;
  transform:scale(.985);
  transition-delay:0s;
}
header.elementor-location-header.header--swap-up:not(.header--scrolled) .elementor-element-6abde0ad .elementor-widget-container a img{
  opacity:1;
  transform:scale(1);
  transition-delay:.18s;
}

/* Fallback falls Richtungsinfo mal fehlt */
header.elementor-location-header.header--scrolled .elementor-element-6abde0ad .elementor-widget-container a::after{ will-change:opacity,transform; }
header.elementor-location-header:not(.header--scrolled) .elementor-element-6abde0ad .elementor-widget-container a img{ will-change:opacity,transform; }

/* Barrierearmut */
@media (prefers-reduced-motion:reduce){
  header.elementor-location-header .elementor-element-16d83498.e-parent,
  .elementor-element-6abde0ad .elementor-widget-container a{ transition-duration:.01s; }
  .elementor-element-6abde0ad .elementor-widget-container a img,
  .elementor-element-6abde0ad .elementor-widget-container a::after{ transition-duration:.01s; transition-delay:0s; }
}

/* Gradient-Overlay fix: kein abgeschnittenes Logo mehr */
header.elementor-location-header .elementor-element-16d83498.e-parent{
  position: relative;
  z-index: 10;
}

/* Verlauf-Overlay */
header.elementor-location-header .elementor-element-16d83498.e-parent::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 220px; /* Verlaufshöhe im großen Zustand */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.95) 40%,
    rgba(0, 0, 0, 0.65) 70%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1; /* über dem Hintergrund, unter dem Inhalt */
  pointer-events: none;
  transition: height .65s cubic-bezier(.22,.61,.36,1), opacity .65s cubic-bezier(.22,.61,.36,1);
}

/* Gescrollter Zustand: Verlauf flacher machen */
header.elementor-location-header.header--scrolled .elementor-element-16d83498.e-parent::before{
  height: 120px; /* Verlaufshöhe, wenn Header flach */
}

/* Inhalt (Logo, Icons etc.) bleibt oben drüber */
header.elementor-location-header .elementor-element-16d83498.e-parent > *{
  position: relative;
  z-index: 2;
}


/* IMPRESSUM & DATENSCHUTZ */
/* Überschriften im Elementor-Widget mit der ID 240b98e weiß färben */
.elementor-element.elementor-element-240b98e .elementor-widget-container h1,
.elementor-element.elementor-element-240b98e .elementor-widget-container h2,
.elementor-element.elementor-element-240b98e .elementor-widget-container h3,
.elementor-element.elementor-element-240b98e .elementor-widget-container h4,
.elementor-element.elementor-element-240b98e .elementor-widget-container h5,
.elementor-element.elementor-element-240b98e .elementor-widget-container h6 {
  color: #ffffff !important;
}
/* Spezielle Formatierung für h4 */
.elementor-element.elementor-element-240b98e .elementor-widget-container h4 {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 21pt !important;
  color: #ffffff !important;
}

/* FOOTER */
/* GLOBALER HOVER-UNTERSTRICH (weiß)
   für ausgewählte Footer-/Formular-/Icon-Elemente */

/* 1) Gemeinsame Basis: Element bekommt Unterstrich-Funktion
      – nur so breit wie der Text
*/
.elementor-element-3705ee0 .elementor-icon-list-text,
.elementor-element-311d093 .elementor-icon-list-text,
.elementor-widget-container p a[href*="parrot-media.de"],
.elementor-field-group-field_876d5d4 a,
.elementor-element-501f84dd a.elementor-item {
    position: relative;
    display: inline-block;
    text-decoration: none !important;
}

/* 2) Gemeinsamer Unterstrich als Pseudo-Element */
.elementor-element-3705ee0 .elementor-icon-list-text::after,
.elementor-element-311d093 .elementor-icon-list-text::after,
.elementor-widget-container p a[href*="parrot-media.de"]::after,
.elementor-field-group-field_876d5d4 a::after,
.elementor-element-501f84dd a.elementor-item::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;          /* überall gleicher Abstand zum Text */
    width: 100%;
    height: 1px;        /* überall gleich dünn */
    background: #ffffff;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.25s ease;
}

/* 3) Unterstrich beim Hover einblenden
      – einmal für Elemente, bei denen ::after auf dem Text-Span sitzt
*/
.elementor-element-3705ee0 a:hover .elementor-icon-list-text::after,
.elementor-element-311d093 a:hover .elementor-icon-list-text::after {
    transform: scaleX(1);
}

/* …und einmal für Elemente, bei denen ::after direkt am <a> hängt */
.elementor-widget-container p a[href*="parrot-media.de"]:hover::after,
.elementor-field-group-field_876d5d4 a:hover::after,
.elementor-element-501f84dd a.elementor-item:hover::after {
    transform: scaleX(1);
}

/* Textfarbe beim Hover überall weiß */
.elementor-element-3705ee0 a:hover .elementor-icon-list-text,
.elementor-element-311d093 a:hover .elementor-icon-list-text,
.elementor-widget-container p a[href*="parrot-media.de"]:hover,
.elementor-field-group-field_876d5d4 a:hover,
.elementor-element-501f84dd a.elementor-item:hover {
    color: #ffffff !important;
}

/* MOBILE-NAVI zentriert */
@media (max-width: 767px) {
    /* Container der mobilen Navigation */
    .elementor-element-6c8eb54 .elementor-nav-menu--main {
        text-align: center;
    }

    /* Links im mobilen Menü zentriert anzeigen */
    .elementor-element-6c8eb54 .elementor-nav-menu--main .elementor-item {
        display: inline-block; /* nur so breit wie der Text */
        text-align: center;
    }
}

/* Email Encode Korrektur */
/* Icon-List "So erreichen Sie uns" – Icons oben ausgerichtet */
.elementor-element-311d093 .elementor-icon-list-items .elementor-icon-list-item,
.elementor-element-3a567e7d .elementor-icon-list-items .elementor-icon-list-item {
    display: flex;
    align-items: flex-start; /* Statt center -> oben ausrichten */
}

/* Link als Flex-Container, ebenfalls oben ausgerichtet */
.elementor-element-311d093 .elementor-icon-list-items .elementor-icon-list-item a,
.elementor-element-3a567e7d .elementor-icon-list-items .elementor-icon-list-item a {
    display: flex;
    align-items: flex-start;
}

/* Encoder-Wrapper span: oben ausrichten, damit nichts „hängt“ */
.elementor-element-311d093 .elementor-icon-list-items .elementor-icon-list-item a > span,
.elementor-element-3a567e7d .elementor-icon-list-items .elementor-icon-list-item a > span {
    display: flex;
    align-items: flex-start;
}

/* Icon-Container mit etwas Abstand nach rechts */
.elementor-element-311d093 .elementor-icon-list-icon,
.elementor-element-3a567e7d .elementor-icon-list-icon {
	
    display: flex;
    align-items: flex-start;
    margin-right: 0.5em;
}

/* Icon selbst ohne extra vertikale Zentrierung */
.elementor-element-311d093 .elementor-icon-list-icon i,
.elementor-element-3a567e7d .elementor-icon-list-icon {
    line-height: 1;
}

/* Sprachumschalter */
.trp-language-switcher .trp-language-item-name {
    font-family: "Montserrat", sans-serif;
	font-weight: 500;
    font-size: 20px;
}

@media (max-width: 1024px) {
    .trp-language-switcher .trp-language-item-name {
        font-size: 19px;
    }
}

@media (max-width: 767px) {
    .trp-language-switcher .trp-language-item-name {
        font-size: 18px;
    }
}