/*
Theme Name: Frau Heute Child
Theme URI: https://www.frauheute.at/
Description: Offizielles Child-Theme für frauheute.at, basierend auf dem redaktionellen Basis-Theme AdSimple Magazine.
Author: AdSimple GmbH
Author URI: https://www.adsimple.at/
Template: adsimple-magazine
Version: 1.0.1
License: Proprietary
Text Domain: frauheute-child
*/

:root {
  /* frauheute.at CI Farbpalette & Tokens */
  --am-accent: #8e4180;         /* Elegantes Beeren-Violett / Pflaume */
  --am-accent-dark: #652758;    /* Tiefes Brombeer-Violett */
  --am-accent-soft: #c84f94;    /* Lebendiges Magenta / Rosé */
  --am-accent-subtle: #f5d4e7;  /* Sanftes Pastell-Rosé */
  --am-text: #2c252a;           /* Weiches Dunkelgrau */
  --am-text-soft: #5c5258;      /* Muted Fließtext */
  --am-bg: #fbf8fa;             /* Zartes, warmes Rosé-Weiß */
  --am-surface: #ffffff;        /* Karten-Hintergrund */
  --am-surface-warm: #f5edf3;   /* Getönte Sektionen */
  --am-border: #ebdce7;         /* Sanfte Trennlinie */
  --am-border-strong: #ccaec4;  /* Kontrastlinie */
  --am-shell: 1280px;
  --am-reading: 760px;
}

/* Subtile CI-Akzente für frauheute.at */
body {
  background-color: var(--am-bg);
}

.site-header {
  border-bottom: 2px solid var(--am-accent);
}

/* Typografische Wortmarke */
.site-branding__wordmark {
  font-family: var(--am-serif);
  font-weight: 700;
  font-size: clamp(1.4rem, 2.6vw, 1.95rem);
  letter-spacing: -0.03em;
  color: var(--am-accent);
  text-decoration: none;
}

/* Hauptnavigation: Einzeilige Menüeinträge */
.primary-navigation .menu {
  flex-wrap: nowrap;
  gap: clamp(10px, 1.2vw, 22px);
}

.primary-navigation a {
  white-space: nowrap;
  font-weight: 500;
  font-size: 15px;
  color: var(--am-text);
  transition: color 0.18s ease;
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible {
  color: var(--am-accent-soft);
}

/* Eyebrows & Kategorielabels */
.eyebrow,
.content-card__category {
  color: var(--am-accent);
  font-weight: 700;
  letter-spacing: 0.08em;
}

/* Dekorative Akzentlinie unter Ressort-Überschriften */
.home-ressort__title::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  background: linear-gradient(90deg, var(--am-accent), var(--am-accent-soft));
  margin-top: 10px;
  border-radius: 2px;
}

/* Primäre Buttons & CTAs */
.home-hero__content .cta-button,
.button--primary,
.newsletter-cta__button {
  background-color: var(--am-accent);
  color: #ffffff;
}

.home-hero__content .cta-button:hover,
.button--primary:hover,
.newsletter-cta__button:hover {
  background-color: var(--am-accent-dark);
}

/* Links im Text */
.entry-content a {
  color: var(--am-accent);
  text-decoration-color: var(--am-accent-soft);
}

.entry-content a:hover {
  color: var(--am-accent-dark);
  text-decoration-color: var(--am-accent);
}

/* Lange deutsche Überschriften bleiben auch auf schmalen Geräten lesbar. */
.entry-content :is(h1, h2, h3, h4, h5, h6) {
  overflow-wrap: anywhere;
  hyphens: auto;
}

/* Das ausgeklappte Menü bleibt innerhalb des sichtbaren mobilen Viewports. */
@media (max-width: 1024px) {
  .mobile-navigation {
    min-height: 0;
    height: calc(100vh - 73px);
    height: calc(100dvh - 73px);
    overscroll-behavior-y: contain;
  }
}