/*
Theme Name: NordReefer
Theme URI: https://nordreefer.de
Author: NordReefer (KI-generiert mit wetreu AI)
Description: Modernes Block-Theme (Full Site Editing) fuer Meerwasser-Aquaristik & Riff-Hobby. Alles im WordPress-Website-Editor per Klick bearbeitbar: Farben, Schriften, Header/Footer und alle Startseiten-Bereiche als Bloecke. Inspiriert vom NordReefer-Anker-Wappen. KI-generiert.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nordreefer
Tags: full-site-editing, block-styles, dark, blog, portfolio, custom-colors, wide-blocks, editor-style
*/

/* Ambiente: Tiefsee-Lichtschimmer + Blasenraster. Optik, die der Editor nicht abbildet. */
body{ -webkit-font-smoothing:antialiased; }
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 90% at 50% -20%, rgba(20,102,184,.35), transparent 55%),
    radial-gradient(80% 60% at 85% 10%, rgba(56,211,224,.10), transparent 60%),
    radial-gradient(90% 70% at 10% 90%, rgba(255,82,54,.07), transparent 60%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.45;
  background-image:radial-gradient(rgba(127,233,240,.18) 1px,transparent 1.6px);
  background-size:46px 46px;
  -webkit-mask:radial-gradient(120% 80% at 50% 0%,#000 20%,transparent 75%);
          mask:radial-gradient(120% 80% at 50% 0%,#000 20%,transparent 75%);
}
.wp-site-blocks{position:relative;z-index:1}

/* schwebendes Hero-Logo (per Bildunterschrift/Klasse "nr-float" zuweisbar) */
.nr-float img{animation:nr-float 7s ease-in-out infinite}
@keyframes nr-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@media (prefers-reduced-motion:reduce){.nr-float img{animation:none}}

/* Karten-Hover fuer Spalten mit Klasse "nr-card" */
.nr-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.nr-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px -24px rgba(0,0,0,.7)}

/* Play-Puls fuer den YouTube-Hub-Button (Klasse "nr-pulse") */
.nr-pulse{animation:nr-pulse 2.6s ease-in-out infinite}
@keyframes nr-pulse{0%,100%{box-shadow:0 0 40px -8px rgba(255,82,54,.5)}50%{box-shadow:0 0 70px 2px rgba(255,82,54,.75)}}