/*
 * ============================================================
 * Padel Move Club – Logo-Fix CSS Override
 * Version: 3.0 | Erstellt: 2026-05-29
 * ============================================================
 *
 * Alle Logo-Höhen wurden auf exakt 50 % der v2.0-Werte
 * reduziert. Proportionen bleiben durch width:auto erhalten.
 *
 * NAVBAR  (v2.0 → v3.0):
 *   Mobile:   5rem  (80px)  → 2.5rem  (40px)
 *   Tablet:   6rem  (96px)  → 3rem    (48px)
 *   Desktop:  7rem  (112px) → 3.5rem  (56px)
 *
 * FOOTER  (v2.0 → v3.0):
 *   Mobile:   8rem  (128px) → 4rem    (64px)
 *   sm ≥640:  9rem  (144px) → 4.5rem  (72px)
 *   md ≥768: 11rem  (176px) → 5.5rem  (88px)
 *
 * MOBILE MENU (v2.0 → v3.0):
 *   8rem (128px) → 4rem (64px)
 *
 * SICHERHEITSNETZ <375px (v2.0 → v3.0):
 *   Navbar: 4rem (64px) → 2rem (32px)
 *   Footer: 6rem (96px) → 3rem (48px)
 * ============================================================ */

/* ============================================================
   1. NAVBAR / HEADER – Logo-Größe
   ============================================================ */

/* Navbar-Container: Höhe auf Logo-Größe anpassen */
nav .container.flex.items-center.justify-between,
header .container.flex.items-center.justify-between {
  height: 2.5rem; /* 40px */
}

/* Logo im Navbar – Mobile (Standard) */
nav img[alt="Padel Move Club Logo"],
header img[alt="Padel Move Club Logo"] {
  height: 2.5rem !important;  /* 40px – 50 % von 80px */
  width: auto !important;
  object-fit: contain !important;
  max-width: none !important;
}

/* Logo im Navbar – Tablet (md: ≥768px) */
@media (min-width: 768px) {
  nav img[alt="Padel Move Club Logo"],
  header img[alt="Padel Move Club Logo"] {
    height: 3rem !important;  /* 48px – 50 % von 96px */
  }

  nav .container.flex.items-center.justify-between,
  header .container.flex.items-center.justify-between {
    height: 3rem;
  }
}

/* Logo im Navbar – Desktop (lg: ≥1024px) */
@media (min-width: 1024px) {
  nav img[alt="Padel Move Club Logo"],
  header img[alt="Padel Move Club Logo"] {
    height: 3.5rem !important; /* 56px – 50 % von 112px */
  }

  nav .container.flex.items-center.justify-between,
  header .container.flex.items-center.justify-between {
    height: 3.5rem;
  }
}

/* ============================================================
   2. FOOTER – Logo-Größe
   ============================================================ */

/* Logo im Footer – Mobile (Standard) */
footer img[alt="Padel Move Club"] {
  height: 4rem !important;    /* 64px – 50 % von 128px */
  width: auto !important;
  object-fit: contain !important;
  max-width: 100% !important;
  margin-bottom: 1rem;        /* mb-4 beibehalten */
}

/* Logo im Footer – Small (sm: ≥640px) */
@media (min-width: 640px) {
  footer img[alt="Padel Move Club"] {
    height: 4.5rem !important; /* 72px – 50 % von 144px */
  }
}

/* Logo im Footer – Tablet (md: ≥768px) */
@media (min-width: 768px) {
  footer img[alt="Padel Move Club"] {
    height: 5.5rem !important; /* 88px – 50 % von 176px */
    max-width: 200px !important;
  }
}

/* ============================================================
   3. MOBILE MENU – Logo im aufgeklappten Menü
   ============================================================ */

[class*="fixed"][class*="inset-0"] img[alt="Padel Move Club"] {
  height: 4rem !important;    /* 64px – 50 % von 128px */
  width: auto !important;
  object-fit: contain !important;
}

/* ============================================================
   4. RESPONSIVE SICHERHEITSNETZ (<375px)
   ============================================================ */

@media (max-width: 374px) {
  nav img[alt="Padel Move Club Logo"],
  header img[alt="Padel Move Club Logo"] {
    height: 2rem !important;  /* 32px – 50 % von 64px */
    max-width: 80vw !important;
  }

  nav .container.flex.items-center.justify-between,
  header .container.flex.items-center.justify-between {
    height: 2rem;
  }

  footer img[alt="Padel Move Club"] {
    height: 3rem !important;  /* 48px – 50 % von 96px */
    max-width: 80vw !important;
  }
}