/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */
/* =========================
   Herz-Animation
   ========================= */

.heart-pulse {
    color: red;
    display: inline-block;
    animation: pulse 1s infinite;
    transform-origin: center;
}

@keyframes pulse {
    0%   { transform: scale(1); }
    50%  { transform: scale(0.75); }
    100% { transform: scale(1); }
}

/* =========================
   Archiv Accordion (Jahre / Monate)
   ========================= */

.archive-accordion details {
    margin: 4px; /* Abstand zwischen einzelnen Jahren */
}

.archive-accordion summary {
    display: flex;              /* Layout für Pfeil + Jahr */
    justify-content: flex-start;
    align-items: center;

    margin-bottom: 0 !important; /* verhindert Abstand zu Monaten */
    padding-bottom: 3px;         /* kleiner optischer Abstand nach unten */
}

.archive-accordion ul {
    margin: 0;                  /* entfernt Standard-Listenabstand */
    padding: 0 0 0 14px;       /* Einrückung der Monate */
}

.archive-accordion li {
    margin: 0;   /* kein zusätzlicher Abstand zwischen Monaten */
    padding: 0;
}

.archive-accordion a {
    display: block;            /* volle Klickfläche */
    text-decoration: none;     /* keine Unterstreichung */
}

/* Links innerhalb der Monatsliste */
.archive-accordion ul li a {
    padding: 0;        /* kompakte Darstellung */
    line-height: 1.4;  /* vertikaler Abstand zwischen Monatszeilen */
}

/* ========================
   Start: Shortcode Styles
   ======================== */

.bild-shortcode figcaption,
.video-shortcode figcaption,
.adresse-shortcode figcaption {
  padding: 4px 0;
  font-size: 0.9em;
  line-height: 1.2;
  text-align: left;
  font-style: italic;
  color: var(--q2-text);

  /* WICHTIG gegen Overflow */
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.adresse-shortcode a {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.adresse-shortcode a {
  margin: 0;
  text-decoration: none;
}

.adresse-shortcode figcaption {
  /* background-color: #f2f2f2; */
  padding: 4px 8px;
  font-size: 0.9em;        /* 90 % der Standardschriftgröße */
  line-height: 1.2em;      /* kompakte Zeilenhöhe */
  text-align: left;
  color: var(--q2-text);
}