/* =========================================================
   Lokale user.css für yoga-welten.de
   Wird vom Plugin NACH common.css geladen.
   Hier nur Domainfarben, Logoabmessungen und echte Ausnahmen pflegen.
   ========================================================= */

/* =========================================================
   YOGA-WELTEN.DE – DOMAIN-FARBEN
   Nur diesen Block pro Website anpassen
   Domain: yoga-welten.de
   ========================================================= */

:root {
  /* Markenfarben */
  --site-primary: #760e0f;
  --site-primary-dark: #5c0a0b;
  --site-accent: #945620;
  --site-secondary: #809023;
  --site-secondary-dark: #66751d;
  --site-secondary-soft: #f1f3e6;
  --site-brown: #945620;
  --site-red: #760e0f;

  /* Komponentenfarben */
  --site-media-bar: #760e0f;
  --site-video-cta: var(--site-accent);
  --site-video-accent: var(--site-accent);
  --site-reading-progress: var(--site-secondary);

  /* Header */
  --site-header-bg: #ffffff;
  --site-header-text: #000000;
  --site-header-link: #760e0f;
  --site-header-link-hover: #945620;
  --site-header-icon: #760e0f;

  --site-header-border:
    color-mix(
      in srgb,
      var(--site-primary) 14%,
      transparent
    );

  /* Mobiles Menü */
  --site-mobile-menu-bg: #ffffff;
  --site-mobile-menu-text: #000000;
  --site-mobile-menu-link: #760e0f;
  --site-mobile-menu-link-hover: #945620;

  /* Footer */
  --site-footer-bg: #34451f;
  --site-footer-text: #ffffff;
  --site-footer-muted: #e5eadb;
  --site-footer-link: #ffffff;
  --site-footer-link-hover: #f0cf9c;
  --site-footer-border: rgba(255, 255, 255, 0.16);

  /* Allgemeine Flächen */
  --site-bg: #ffffff;
  --site-soft: #f7f5f0;
  --site-soft-primary: #f8f3ee;
  --site-soft-accent: #fbf6ed;
  --site-card-bg: #ffffff;

  /* Allgemeiner Text */
  --site-text: #000000;
  --site-muted: #62675d;

  /* Amazon-Button */
  --site-amazon-cta: var(--site-accent);
  --site-amazon-cta-text: #ffffff;

  /* Audio-Player */
  --site-audio-accent: var(--site-primary);

  /* Produktangebote */
  --site-product-accent: var(--site-primary);
  --site-product-cta: var(--site-accent);
  --site-product-cta-text: #ffffff;

  /* Umfragen */
  --site-poll-accent: var(--site-primary);
  --site-poll-cta: var(--site-accent);
  --site-poll-success: var(--site-secondary);
  --site-poll-error: var(--site-red);
  --site-poll-surface: var(--site-soft);
}

/* =========================================================
   YOGA-WELTEN.DE – DOMAIN-LOGO
   Horizontales Logo, damit der Header flach bleibt.
   ========================================================= */

:root {
  --site-header-logo-width: 230px;
  --site-header-logo-width-compact: 190px;

  --site-header-nav-offset: 300px;
  --site-header-nav-offset-compact: 255px;

  --site-header-logo-width-mobile: 190px;
  --site-header-logo-width-mobile-compact: 158px;
}

/* Weitere ausschließlich domainspezifische CSS-Regeln können hier folgen. */

/* =========================================================
   YOGA-WELTEN.DE – EXTERNE STARTSEITEN-ICONS
   JCE/Joomla entfernt in diesem Modul Inline-SVG-Inhalte.
   Deshalb werden die Icons als externe SVG-Bilder eingebunden.
   ========================================================= */

.site-home-topic__icon img {
  display: block;
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.site-home-download__icon img {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
}

.site-home-about__fact-icon {
  display: block;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .site-home-topic__icon img {
    width: 2.75rem;
    height: 2.75rem;
  }
}