/*
 Theme Name:   Rabbit pt Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Rabbit pt Child-Theme for Bedrock
 Author:       Sebastian Rexhausen
 Author URI:   https://sebrex.de
 Template:     bedrock
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  rabbit_pt_bedrock_child
*/

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #5050506a;
}


/* Autoren-Box */
.cc-author-box{
  display:flex; gap:16px; align-items:flex-start;
  border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);
  border-radius:12px; padding:16px;
  background:var(--wp--preset--color--base, #0f1115);
  color:var(--wp--preset--color--contrast, #e5e7eb);
  margin-top:24px;
}
.cc-author-box__media img{ border-radius:12px; display:block; }
.cc-author-box__name{ font-size:1.125rem; margin:0 0 4px; line-height:1.35; }
.cc-author-box__role{ opacity:.85; margin-bottom:6px; }
.cc-author-box__bio{ margin:0 0 8px; }
.cc-author-box__links a{ text-decoration:underline; }
@media (max-width: 640px){
  .cc-author-box{ flex-direction:row; }
}


/* ===== Easy TOC Minecraft-Schild ===== */

/* Container (Schild-Korpus) */
#ez-toc-container.eztoc-mc,
.eztoc-mc #ez-toc-container,
[id^="ez-toc-container"].eztoc-mc,
.eztoc-mc [id^="ez-toc-container"]{
  position: relative;
  overflow: visible; /* für Pfosten */
  color: var(--mc-ink, #2b2b2b);
  border: 0;
  border-radius: 8px;
  padding: 0;
  background:
    linear-gradient(
      to bottom,
      var(--mc-wood-light, #d6b07a) 0% 22%,
      var(--mc-wood-mid,   #b88e5e) 22% 24%,
      var(--mc-wood-light, #d6b07a) 24% 48%,
      var(--mc-wood-mid,   #b88e5e) 48% 50%,
      var(--mc-wood-light, #d6b07a) 50% 74%,
      var(--mc-wood-mid,   #b88e5e) 74% 76%,
      var(--mc-wood-light, #d6b07a) 76% 100%
    );
  box-shadow:
    0 0 0 2px var(--mc-edge, #523a20),
    0 0 0 4px #2a2016,
    4px 6px 0 0 var(--mc-shadow, rgba(0,0,0,.35));
}

/* Titelzeile + Nägel */
#ez-toc-container.eztoc-mc .ez-toc-title-container,
.eztoc-mc #ez-toc-container .ez-toc-title-container,
[id^="ez-toc-container"].eztoc-mc .ez-toc-title-container,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-title-container{
  position: relative;
  margin: 0;
  padding: 14px 28px 10px;
  line-height: 1.1;
  color: #120e08;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-family: "Minecraft","Minecraftia","Press Start 2P","VT323",system-ui,sans-serif;
  font-weight: 700;
  text-shadow:
    0 1px 0 rgba(255,255,255,.25),
    0 1px 0 #cfa771,
    0 2px 0 #b38658,
    0 3px 0 #8e6b40;
}
#ez-toc-container.eztoc-mc .ez-toc-title-container::before,
#ez-toc-container.eztoc-mc .ez-toc-title-container::after,
.eztoc-mc #ez-toc-container .ez-toc-title-container::before,
.eztoc-mc #ez-toc-container .ez-toc-title-container::after,
[id^="ez-toc-container"].eztoc-mc .ez-toc-title-container::before,
[id^="ez-toc-container"].eztoc-mc .ez-toc-title-container::after,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-title-container::before,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-title-container::after{
  content:"";
  position:absolute;
  top:10px;
  width:10px;height:10px;
  background:radial-gradient(circle at 35% 35%, #bbb 0 40%, #888 41% 100%);
  box-shadow: inset 0 0 0 1px #616161, 0 1px 0 rgba(255,255,255,.2);
  border-radius:2px;
  filter:contrast(1.1);
}
#ez-toc-container.eztoc-mc .ez-toc-title-container::before,
.eztoc-mc #ez-toc-container .ez-toc-title-container::before,
[id^="ez-toc-container"].eztoc-mc .ez-toc-title-container::before,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-title-container::before{ left:12px; }
#ez-toc-container.eztoc-mc .ez-toc-title-container::after,
.eztoc-mc #ez-toc-container .ez-toc-title-container::after,
[id^="ez-toc-container"].eztoc-mc .ez-toc-title-container::after,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-title-container::after{ right:68px; }

/* Liste + Marker */
#ez-toc-container.eztoc-mc .ez-toc-widget-container,
.eztoc-mc #ez-toc-container .ez-toc-widget-container,
[id^="ez-toc-container"].eztoc-mc .ez-toc-widget-container,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-widget-container{
  padding: 12px 28px 16px;
}
#ez-toc-container.eztoc-mc .ez-toc-list,
.eztoc-mc #ez-toc-container .ez-toc-list,
[id^="ez-toc-container"].eztoc-mc .ez-toc-list,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-list{
  margin:0; padding:0; list-style:none;
}
#ez-toc-container.eztoc-mc .ez-toc-list li,
.eztoc-mc #ez-toc-container .ez-toc-list li,
[id^="ez-toc-container"].eztoc-mc .ez-toc-list li,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-list li{
  position:relative; margin:6px 0; padding-left:20px;
}
#ez-toc-container.eztoc-mc .ez-toc-list li::before,
.eztoc-mc #ez-toc-container .ez-toc-list li::before,
[id^="ez-toc-container"].eztoc-mc .ez-toc-list li::before,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-list li::before{
  content:""; position:absolute; left:0; top:.45em; width:10px; height:10px;
  background: linear-gradient(#3a3a3a, #1f1f1f);
  box-shadow: inset 0 0 0 1px #000, 1px 1px 0 rgba(255,255,255,.06);
  image-rendering: pixelated;
}
#ez-toc-container.eztoc-mc .ez-toc-list ul,
.eztoc-mc #ez-toc-container .ez-toc-list ul,
[id^="ez-toc-container"].eztoc-mc .ez-toc-list ul,
.eztoc-mc [id^="ez-toc-container"] .ez-toc-list ul{
  margin-left:14px; border-left:2px solid var(--mc-wood-gap,#6e522f); padding-left:12px;
}
#ez-toc-container.eztoc-mc a,
.eztoc-mc #ez-toc-container a,
[id^="ez-toc-container"].eztoc-mc a,
.eztoc-mc [id^="ez-toc-container"] a{
  color:#1f6feb; text-decoration:none; font-weight:600;
  transition: color .12s ease, transform .06s ease;
}
#ez-toc-container.eztoc-mc a:hover,
.eztoc-mc #ez-toc-container a:hover,
[id^="ez-toc-container"].eztoc-mc a:hover,
.eztoc-mc [id^="ez-toc-container"] a:hover{
  color:#3ea6ff; transform: translateY(-1px);
}

/* Pfosten + Bodenschatten am Container */
#ez-toc-container.eztoc-mc::before,
.eztoc-mc #ez-toc-container::before,
[id^="ez-toc-container"].eztoc-mc::before,
.eztoc-mc [id^="ez-toc-container"]::before{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom:-14px; width:calc(var(--mc-post-w,28px)*2.2); height:8px;
  background: radial-gradient(ellipse at center, rgba(0,0,0,.35), rgba(0,0,0,0) 70%);
  filter: blur(1px); pointer-events: none;
}
#ez-toc-container.eztoc-mc::after,
.eztoc-mc #ez-toc-container::after,
[id^="ez-toc-container"].eztoc-mc::after,
.eztoc-mc [id^="ez-toc-container"]::after{
  content:""; position:absolute; left:50%; transform:translateX(-50%);
  bottom: calc(-1 * var(--mc-post-h,34px));
  width: var(--mc-post-w,28px); height: var(--mc-post-h,34px);
  border-radius:3px;
  background: linear-gradient(to right,
    var(--mc-post-wood-2,#8b6a3f) 0%,
    var(--mc-post-wood-1,#b88e5e) 25%,
    var(--mc-post-wood-2,#8b6a3f) 50%,
    var(--mc-post-wood-1,#b88e5e) 75%,
    var(--mc-post-wood-2,#8b6a3f) 100%);
  box-shadow:
    0 0 0 2px var(--mc-post-edge,#3a2916),
    inset 0 0 0 1px rgba(0,0,0,.12),
    inset 0 -8px 10px rgba(0,0,0,.15),
    0 6px 0 -2px rgba(0,0,0,.12);
  image-rendering: pixelated;
}

/* Responsive Kleinigkeit */
@media (max-width:360px){
  #ez-toc-container.eztoc-mc::before,
  #ez-toc-container.eztoc-mc::after,
  .eztoc-mc #ez-toc-container::before,
  .eztoc-mc #ez-toc-container::after{ display:none; }
}

/* ========== EZTOC Minecraft-Schild: mehr Abstand nach unten ========== */
/* Greift, egal ob .eztoc-mc am Wrapper oder direkt am Container hängt und egal ob ID-Knoten */
.eztoc-mc.ez-toc-container,
.eztoc-mc .ez-toc-container,
#ez-toc-container.eztoc-mc,
.eztoc-mc #ez-toc-container,
[id^="ez-toc-container"].eztoc-mc,
.eztoc-mc [id^="ez-toc-container"]{
  /* Abstand unter dem Schild inkl. Pfosten */
  margin-bottom: calc(var(--mc-post-h, 34px) + 28px);
}

/* ========== EZTOC Minecraft-Schild: Original-Holz-Textur als BG ========== */
/* Wir verwenden ein kachelbares PNG (Tile), skalieren es auf „große Pixel“ und lassen es wiederholen */
.eztoc-mc.ez-toc-container,
.eztoc-mc .ez-toc-container,
#ez-toc-container.eztoc-mc,
.eztoc-mc #ez-toc-container,
[id^="ez-toc-container"].eztoc-mc,
.eztoc-mc [id^="ez-toc-container"]{
  /* eigene Gradients entfernen/überlagern und echte Textur setzen */
  background: none;
  background-image: linear-gradient(rgba(203, 203, 203, 0.2),rgba(254, 240, 240, 0.2)), url(assets/mc-textures/oak-planks-tile.png);
  background-repeat: repeat;
  /* Größe des Tiles – 64px wirkt „minecraftig“. Passe bei Bedarf (32/48/96/128) an. */
  background-size: 64px 64px;
  /* scharfe, blockige Kacheln */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
  /* leichte Holz-Schattierung oben/unten für mehr Tiefe */
  position: relative;
}


/* ===== EZTOC Minecraft-Schild: Links im Schild schwarz (bessere Lesbarkeit) ===== */
.eztoc-mc.ez-toc-container a,
.eztoc-mc .ez-toc-container a,
#ez-toc-container.eztoc-mc a,
.eztoc-mc #ez-toc-container a,
.eztoc-mc > ul a,
.eztoc-mc > ol a,
.eztoc-mc.ez-toc-container .ez-toc-link,
.eztoc-mc .ez-toc-container .ez-toc-link{
  color:#111;                 /* tiefschwarz */
  text-decoration:none;
  font-weight:600;
}

/* Hover/Focus – klar erkennbar, aber dezent */
.eztoc-mc.ez-toc-container a:hover,
.eztoc-mc .ez-toc-container a:hover,
#ez-toc-container.eztoc-mc a:hover,
.eztoc-mc #ez-toc-container a:hover,
.eztoc-mc > ul a:hover,
.eztoc-mc > ol a:hover{
  color:#000;
  text-decoration:underline;  /* alternative: border-bottom:1px solid rgba(0,0,0,.6); */
}

.eztoc-mc.ez-toc-container a:focus-visible,
.eztoc-mc .ez-toc-container a:focus-visible,
#ez-toc-container.eztoc-mc a:focus-visible,
.eztoc-mc #ez-toc-container a:focus-visible,
.eztoc-mc > ul a:focus-visible,
.eztoc-mc > ol a:focus-visible{
  outline:2px solid #000;
  outline-offset:2px;
}

/* Visited-Status ebenfalls schwarz (übersteuert Theme-Farben) */
.eztoc-mc.ez-toc-container a:visited,
.eztoc-mc .ez-toc-container a:visited,
#ez-toc-container.eztoc-mc a:visited,
.eztoc-mc #ez-toc-container a:visited,
.eztoc-mc > ul a:visited,
.eztoc-mc > ol a:visited{
  color:#111;
}

/* Optional: Toggle-Link oben rechts dezenter */
.eztoc-mc.ez-toc-container .ez-toc-toggle a,
.eztoc-mc .ez-toc-container .ez-toc-toggle a{
  color:#222;
}
.eztoc-mc.ez-toc-container .ez-toc-toggle a:hover,
.eztoc-mc .ez-toc-container .ez-toc-toggle a:hover{
  color:#000;
}

/* ===== EZTOC Minecraft-Schild – Feintuning ===== */

/* 1) Liste ~15px vom linken Rand abrücken (TOC + Fallback-Block) */
.eztoc-mc.ez-toc-container .ez-toc-list,
.eztoc-mc .ez-toc-container .ez-toc-list,
.eztoc-mc > ul,
.eztoc-mc > ol{
  margin-left: 15px;
}

/* 2) Überschrift im Schild tiefschwarz und ohne Glanz (TOC + Fallback-Block) */
.eztoc-mc.ez-toc-container .ez-toc-title,
.eztoc-mc .ez-toc-container .ez-toc-title,
.eztoc-mc.ez-toc-container .ez-toc-title-container,
.eztoc-mc .ez-toc-container .ez-toc-title-container,
.eztoc-mc > h2,
.eztoc-mc > h3{
  color: #111;
  text-shadow: none; /* wirkt klarer auf dem Holz-Background */
}

/* 3) Holz-Background größer (z.B. 192px-Kacheln) – greift bei TOC-Container & ID-Variante & Fallback */
.eztoc-mc.ez-toc-container,
.eztoc-mc .ez-toc-container,
#ez-toc-container.eztoc-mc,
.eztoc-mc #ez-toc-container{
  background-size: 192px 192px !important; /* größer = grobere, sichtbarere Pixel */
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Optional: Wer auch die Fallback-Variante ohne Plugin nutzt, bekommt die größere Kachel hiermit ebenso */
.eztoc-mc{
  background-size: 192px 192px !important;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

.ez-toc-title {
  color:#000 !important;
}

/* CRS (Creator Rating System) - USK-inspiriertes Bewertungssystem für Gaming-Influencer */
:root {
    --crs-green-5: #7CBD32;    /* 5 Blöcke */
    --crs-green-4: #8FD14F;    /* 4 Blöcke */
    --crs-yellow-3: #FDB813;   /* 3 Blöcke */
    --crs-orange-2: #FF8C42;   /* 2 Blöcke */
    --crs-red-1: #D32F2F;      /* 1 Block */
    --crs-gray: #E0E0E0;       /* Leer */
}

.crs-badge {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px;
    border-radius: 3px;
    background: var(--crs-green-5);
}

.crs-badge.empty {
    background: var(--crs-gray);
}