/*
Theme Name: Wiccan 2025
Theme URI: https://wiccan-mf.com
Template: twentytwentyfive
Author: Wiccan Web Warriors
Author URI: https://wiccan-mf.com
Description: Twenty Twenty-Five for Wiccan
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style,
      featured-images, full-site-editing, block-patterns, rtl-language-support,
      sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles,
      style-variations, accessibility-ready, blog, portfolio, news
Version: 0.9.1762807765
Updated: 2025-11-10 21:49:25
*/

/* ─────────────────────────────
   Global Overrides
───────────────────────────── */
body {
  font-size: 1em;
}
strong {
  font-weight: 900;
}

/* Links – Standard & Hover */
a,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #e0b35b; /* Akzentfarbe für Links */
}
a:hover,
a:focus {
  text-decoration: underline;
}

/* ─────────────────────────────
   Schriftart Runen
───────────────────────────── */
@font-face {
  font-family: 'Noto Sans Runic';
  src: url('fonts/runen/noto-sans-runic-v18-runic-regular.woff2') format('woff2'),
       url('fonts/runen/NotoSansRunic-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Klassen für Runen + Sprachcodes */
.runes {
  font-family: 'Noto Sans Runic', serif;
  letter-spacing: 0.08em;
  font-size: 1.8rem;
  transition: color .25s ease;
}
.isl {
  font-size: 0.9em;
  color: #ccc;
}
.deu {
  font-size: 0.9em;
  color: #888;
}

/* ─────────────────────────────
   Navigation – Hauptmenü
───────────────────────────── */
.wp-block-navigation .wp-block-navigation__container {
  justify-content: flex-end;
}
.wp-block-navigation .wp-block-navigation__container > li {
  margin: 0 0.4rem;
  padding: 0;
}

/* Menü-Item Inhalt */
.wp-block-navigation .wp-block-navigation-item__content {
  position: relative;
  text-align: center;
  cursor: pointer;
}

/* Runen-Label im Menü */
.wp-block-navigation .wp-block-navigation-item__label {
  font-family: 'Noto Sans Runic', 'Segoe UI Symbol', ui-serif, serif;
  letter-spacing: .06em;
  text-shadow: 0 0 3px rgba(224,179,91,0.4);
  color: #f2f2f2;
  transition: color .25s ease;
}
.wp-block-navigation .wp-block-navigation-item__content:hover .wp-block-navigation-item__label,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label {
  color: #e0b35b;
}

/* ─────────────────────────────
   Tooltip (eigene Übersetzung)
───────────────────────────── */
.wp-block-navigation .wp-block-navigation-item__content .translation {
  position: absolute;
  bottom: -2.1rem;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.85);
  border: 1px solid #333;
  padding: .35rem .6rem;
  border-radius: 6px;
  white-space: nowrap;
  font-size: .9rem;
  color: #ddd;
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
  z-index: 9999;
}
.wp-block-navigation .wp-block-navigation-item__content:hover .translation,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible .translation {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
@media (max-width: 600px) {
  .wp-block-navigation .wp-block-navigation-item__content .translation {
    bottom: -1.9rem;
    font-size: .85rem;
    padding: .2rem .5rem;
  }
}

/* ─────────────────────────────
   Submenu – Hintergrund & Links
───────────────────────────── */
/* Glas-Effekt mit abgerundeten Ecken */
.wp-block-navigation .wp-block-navigation__submenu,
.wp-block-navigation .wp-block-navigation__submenu-container {
  background-color: rgba(0,0,0,0.4) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.6);
  overflow: hidden;
  /* padding-top: 1.5em; */
}

/* Submenu Link Stil */
.wp-block-navigation .wp-block-navigation__submenu .wp-block-navigation-item__content {
  font-size: 0.95rem;
  color: #f2f2f2;
  padding: 0.5rem 1rem;
  transition: background .25s ease, color .25s ease;
}
.wp-block-navigation .wp-block-navigation__submenu .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation__submenu .wp-block-navigation-item__content:focus-visible {
  background-color: rgba(0,0,0,0.6) !important;
  color: #e0b35b;
}

/* Mobile-Optimierung Submenu Rundungen & Blur */
@media (max-width: 768px) {
  .wp-block-navigation .wp-block-navigation__container > li {
    margin: 0 0.25rem;
  }
  .wp-block-navigation .wp-block-navigation__submenu,
  .wp-block-navigation .wp-block-navigation__submenu-container {
    border-radius: 8px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}

/* ─────────────────────────────
   Menü Runen-Label & Übersetzungs-Text gleiche Schriftgröße
───────────────────────────── */
.wp-block-navigation .wp-block-navigation-item__label,
.wp-block-navigation .wp-block-navigation-item__content .translation {
  font-size: .9rem;   /* gleiche Größe für Runen & Übersetzung */
}

/* ─────────────────────────────
   Menü-Punkte / Submenu Items – Rahmen um jedes Item
───────────────────────────── */
.wp-block-navigation .wp-block-navigation__submenu .wp-block-navigation-item__content {
  border: 1px solid rgba(255, 255, 255, 0.1);  /* dezenter Rahmen */
  border-radius: 4px;
  margin: 0.25rem 0;  /* etwas Abstand zwischen den Items */
  padding: 0.5rem 1rem; /* Innenabstand */
}

/* Hover-Stil: Rahmen & Hintergrund beim Sub-Menu Item */
.wp-block-navigation .wp-block-navigation__submenu .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation__submenu .wp-block-navigation-item__content:focus-visible {
  border-color: #e0b35b;   /* Rahmenfarbe beim Hover (Akzent) */
  background-color: rgba(0,0,0,0.6) !important;
  color: #e0b35b;
}

/* ─────────────────────────────
   Sub-Menu Abstand vom Hauptpunkt vergrößern
───────────────────────────── */
.wp-block-navigation .wp-block-navigation__submenu {
  top: 1rem; /* Submenu startet 0.5rem unterhalb des Hauptmenü-Punktes */
}


.translation-group {
  display: inline-block;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .3s ease, transform .3s ease;
  font-size: 0.9rem;           /* Schriftgröße für das Tooltip */
  color: #ddd;                 /* Grundfarbe für das Tooltip */
  background: rgba(0,0,0,0.85);/* Hintergrundfarbe Tooltip */
  border: 1px solid #333;      /* Rahmen */
  padding: .35rem .6rem;
  border-radius: 6px;
  position: absolute;
  bottom: -2.1rem;
  left: 50%;
  transform: translateX(-50%) translateY(6px);
  pointer-events: none;
  z-index: 9999;
}

/* Sichtbar bei Hover oder Fokus */
.wp-block-navigation .wp-block-navigation-item__content:hover .translation-group,
.wp-block-navigation .wp-block-navigation-item__content:focus-visible .translation-group {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* Mobile-Anpassung */
@media (max-width: 600px) {
  .translation-group {
    bottom: -1.9rem;
    font-size: 0.85rem;
    padding: .2rem .5rem;
  }
}