/*
Theme Name: Aquanatura
Theme URI: https://lifedesign.at/aquanatura
Description: Maßgeschneidertes Theme für aquanatura e.U., entwickelt von Life Design. Es enthält sämtliche Anpassungen dieser Website: Gestaltung, Vorlagen und Funktionen. Änderungen gehören ausschließlich hierher, damit sie ein Update nicht überschreibt.
Author: Life Design
Author URI: https://lifedesign.at
Template: agntix
Version: 1.4.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aquanatura-child
*/

/* =========================================================================
   Your custom CSS goes below this line.
   These styles load AFTER the Agntix parent theme, so they win.
   ========================================================================= */

/* =========================================================================
   HEADER-MENÜ FIXES (Agntix)
   ========================================================================= */

/* 1) Dropdown direkt UNTER dem Menüpunkt statt ganz links.
      Ursache: das <li> ist im Theme "position: static" (Klasse .p-static),
      dadurch hängt sich das absolut positionierte Submenü an den Header
      (= ganz links) statt an den Menüpunkt. Lösung: <li> relativ machen. */
.tp-header-menu .tp-nav-menu li.menu-item-has-children {
    position: relative !important;
}
.tp-header-menu .tp-nav-menu .sub-menu {
    left: 0 !important;
    right: auto !important;
}

/* 2) Überflüssige Pfeil-Icons (FontAwesome-Chevron) entfernen.
      Das Theme setzt den Pfeil per ::after auf JEDEN Menü-Link – auch auf
      Submenü-Einträge und auf Punkte ohne Untermenü (z. B. Projekte, Kontakt).
      Wir entfernen ihn überall, AUSSER auf echten Eltern-Punkten mit Dropdown
      (dort bleibt er als sinnvoller Indikator). */
.tp-header-menu .tp-nav-menu .sub-menu a::after {
    content: none !important;
}
.tp-header-menu .tp-nav-menu > li:not(.menu-item-has-children) > a::after {
    content: none !important;
}

/* Variante: Willst du GAR KEINE Pfeile (auch nicht auf Eltern-Punkten)?
   Dann die obigen zwei Blöcke durch diese eine Zeile ersetzen:
   .tp-header-menu .tp-nav-menu a::after { content: none !important; } */


/* =========================================================================
   LOGO-GRÖSSE IM HEADER
   Das Logo ist ein Elementor-Header-Widget; dessen Regel setzt die Breite fix
   auf 125px (post-29424.css) und überschreibt die Customizer-Einstellung
   "Logo Width". Darum bringt das Drehen im Customizer nichts. Hier zwingen wir
   die gewünschte Breite. Bildquelle ist hochauflösend (2714px), wird also
   gestochen scharf. Nur die EINE Zahl unten anpassen: */
.tp-header-logo img {
    width: 180px !important;   /* ← gewünschte Logo-Breite, z. B. 160 / 200 / 220 */
    height: auto !important;   /* Seitenverhältnis bleibt erhalten */
    max-width: none !important;
}


/* =========================================================================
   "EN FR"-SPRACHUMSCHALTER AUSBLENDEN
   Das ist KEIN echtes Sprach-Plugin, sondern ein Dummy-Umschalter, der fest im
   Agntix-Header-Widget steckt (Links zeigen nur auf "#"). Es gibt darum keine
   Ausschalt-Option. Wir blenden den Container einfach aus.
   (Falls ihr später echte Mehrsprachigkeit wollt: Polylang/WPML installieren –
   dann diese Regel wieder entfernen.)
   ========================================================================= */
.tp-header-lang {
    display: none !important;
}


/* =========================================================================
   PORTFOLIO-THUMBNAILS: leichter Zoom-Hover als Ersatz fuer den entfernten
   WebGL-Distortion-Effekt. Sauber, performant, ohne three.js.
   ========================================================================= */
.tp--hover-img,
.tp-project-thumb {
    overflow: hidden;
}
.tp--hover-img img,
.tp-project-thumb img {
    transition: transform 0.6s cubic-bezier(.16, 1, .3, 1);
    will-change: transform;
}
.tp--hover-img:hover img,
.tp-project-thumb:hover img {
    transform: scale(1.05);
}

/* =========================================================================
   404 SEITE: Footer komplett ausblenden
   ========================================================================= */
.error404 footer,
.error404 .footer,
.error404 .tp-footer-area,
.error404 .tp-footer-site,
.error404 .tp-copyright-area,
.error404 #colophon {
    display: none !important;
}