/*
Theme Name: Neve Child - Peterka Events
Theme URI: https://www.peterka.events
Description: Update-sicheres Child Theme für Neve mit Peterka Events Dark-/Light-Farbpaletten.
Author: Peterka Events
Template: neve
Version: 1.0.1
Text Domain: neve-child
*/

@import url("assets/fonts/fontawesome/css/all.min.css");

@media(min-width: 960px) {
    body {
	--wp--preset--font-size--small: 16px !important;
    --wp--preset--font-size--medium: 27px !important;
    --wp--preset--font-size--large: 30px !important;
    --wp--preset--font-size--x-large: 36px !important;
	}
	
	:root {
        --h1fontsize: 46px;
        --h2fontsize: 36px;
        --h3fontsize: 30px;
        --h4fontsize: 27px;
        --h5fontsize: 16px;
        --h6fontsize: 16px;
    }
	
	h1.wp-block-heading { font-size: 46px; }
    h2.wp-block-heading { font-size: 36px; }
    h3.wp-block-heading { font-size: 30px; }
    h4.wp-block-heading { font-size: 27px; }
    h5.wp-block-heading { font-size: 24px; }
    h6.wp-block-heading { font-size: 18px; }
	
	.has-small-font-size { font-size: 18px !important; }
	.has-medium-font-size { font-size: 24px !important; }
	.has-large-font-size { font-size: 30px !important; }
	.has-x-large-font-size { font-size: 46px !important; }
}

@media (max-width: 768px) {
	body {
	--wp--preset--font-size--small: 16px !important;
    --wp--preset--font-size--medium: 22px !important;
    --wp--preset--font-size--large: 30px !important;
    --wp--preset--font-size--x-large: 42px !important;
	}
	
    :root {
        --h1fontsize: 42px;
        --h2fontsize: 30px;
        --h3fontsize: 22px;
        --h4fontsize: 16px;
        --h5fontsize: 16px;
        --h6fontsize: 16px;
    }
	h1.wp-block-heading { font-size: 42px; }
    h2.wp-block-heading { font-size: 30px; }
    h3.wp-block-heading { font-size: 22px; }
    h4.wp-block-heading { font-size: 16px; }
    h5.wp-block-heading { font-size: 16px; }
    h6.wp-block-heading { font-size: 16px; }
	
	.has-small-font-size { font-size: 16px !important; }
	.has-medium-font-size { font-size: 22px !important; }
	.has-large-font-size { font-size: 30px !important; }
	.has-x-large-font-size { font-size: 42px !important; }
}

@media(min-width: 960px) {
h1.title.entry-title { font-size: 275%; animation: slide-in-up 0.8s ease-out both; }
}

@media (max-width: 768px) {
h1.title.entry-title { font-size: 200%; }
}

html,
body,
body * {
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

.button-primary,
.button-ghost,
.desktop-nav,
.bottom-nav,
.material-icons {
  overflow-wrap: normal;
  word-break: normal;
}

.wp-block-spacer:not([style]) {
    height: 25px !important;
}

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }

.pad25 { padding: 25px 35px !important; } 

.wp-block-image img { margin-bottom: 25px; }

.wp-block-gallery img { margin-bottom: 0px; }

:root{
    --pe-dark-surface:#190c2f;
    --pe-dark-surface-low:#211437;
    --pe-dark-container:#26193c;
    --pe-dark-text:#ebdcff;
    --pe-dark-accent:#00c2cb;

    --pe-light-bg:#f7f3ff;
    --pe-light-surface:#ffffff;
    --pe-light-text:#26183d;
    --pe-light-accent:#00aeb7;
    --pe-light-accent-2:#6b34c9;
}

@font-face{
    font-family:'Noto Serif Local';
    src:url('assets/fonts/noto-serif-v33-latin-regular.woff2') format('woff2');
    font-display:swap;
    font-weight:400;
    font-style:normal;
}

html {
  scroll-behavior: smooth;
  /* scroll-padding-top: 135px; */
}

[id] {
  scroll-margin-top: 135px;
}

.page .nv-post-cover {
    margin-bottom: 0px !important;
}

h1,h2,h3,h4,h5,h6,
.site-title,
.site-logo,
.builder-item--logo{
    font-family:'Noto Serif Local', Georgia, serif;
}

.site-logo h1, .site-logo p {
    line-height: 1 !important;
}

a[target="_blank"]::after {
    font-family: 'Font Awesome 6 Free';
    content: "\f35d";
	font-weight: 600;
	margin: 0 3px 0 5px;
	color: var(--text-color) !important;
	font-size: 90% !important;
}

#overlay:before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom,rgba(28,15,50,.18),transparent 36%,#190c2f 100%),radial-gradient(circle at center,transparent 0%,rgba(20,6,41,.26)48%,rgba(20,6,41,.92)100%),url('https://www.peterka-events.de/wp-content/uploads/wartungsmodus/studio-1777922804550.jpg') center/cover no-repeat;
    opacity: .72;
}

header img[src*="logo-neu512"] {
    width: 125px;
    height: auto !important;
    object-fit: contain;
}

/* Original */
.pe-neon-card {
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 24%, transparent 60%, rgba(69,222,231,.12)),
    radial-gradient(circle at 0% 100%, rgba(216,35,255,.65), transparent 38%),
    radial-gradient(circle at 100% 0%, rgba(69,222,231,.72), transparent 42%),
    linear-gradient(135deg, #211437 0%, #140629 100%) !important;
}

/* Horizontal gespiegelt */
.pe-neon-card1 {
  background:
    linear-gradient(225deg, rgba(255,255,255,.18), transparent 24%, transparent 60%, rgba(69,222,231,.12)),
    radial-gradient(circle at 100% 100%, rgba(216,35,255,.65), transparent 38%),
    radial-gradient(circle at 0% 0%, rgba(69,222,231,.72), transparent 42%),
    linear-gradient(225deg, #211437 0%, #140629 100%) !important;
}

/* Vertikal gespiegelt */
.pe-neon-card2 {
  background:
    linear-gradient(45deg, rgba(255,255,255,.18), transparent 24%, transparent 60%, rgba(69,222,231,.12)),
    radial-gradient(circle at 0% 0%, rgba(216,35,255,.65), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(69,222,231,.72), transparent 42%),
    linear-gradient(45deg, #211437 0%, #140629 100%) !important;
}

/* Horizontal + vertikal gespiegelt */
.pe-neon-card3 {
  background:
    linear-gradient(315deg, rgba(255,255,255,.18), transparent 24%, transparent 60%, rgba(69,222,231,.12)),
    radial-gradient(circle at 100% 0%, rgba(216,35,255,.65), transparent 38%),
    radial-gradient(circle at 0% 100%, rgba(69,222,231,.72), transparent 42%),
    linear-gradient(315deg, #211437 0%, #140629 100%) !important;
}

/* Gemeinsame Styles für alle Varianten */
.pe-neon-card,
.pe-neon-card1,
.pe-neon-card2,
.pe-neon-card3 {
  position: relative;
  overflow: hidden;
  border-radius: 18px !important;
  padding: 28px !important;
  color: #ebdcff !important;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 0 34px rgba(69,222,231,.12),
    0 0 22px rgba(69,222,231,.22),
    0 0 28px rgba(216,35,255,.18);
}

.pe-neon-card::before,
.pe-neon-card1::before,
.pe-neon-card2::before,
.pe-neon-card3::before {
  content: "";
  position: absolute;
  inset: 6px;
  border-radius: 14px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.28);
  box-shadow:
    0 0 10px rgba(69,222,231,.55),
    inset 0 0 14px rgba(216,35,255,.28);
}

.pe-neon-card h3,
.pe-neon-card li,
.pe-neon-card1 h3,
.pe-neon-card1 li,
.pe-neon-card2 h3,
.pe-neon-card2 li,
.pe-neon-card3 h3,
.pe-neon-card3 li {
  position: relative;
  z-index: 1;
}

.pe-neon-card h3,
.pe-neon-card1 h3,
.pe-neon-card2 h3,
.pe-neon-card3 h3 {
  color: #fff !important;
  text-shadow:
    0 0 8px rgba(216,35,255,.8),
    0 0 12px rgba(69,222,231,.45);
}

.pe-neon-card ul,
.pe-neon-card1 ul,
.pe-neon-card2 ul,
.pe-neon-card3 ul {
  margin-bottom: 0;
}

/* Desktop: Bilder nebeneinander mit Abstand */
.wp-block-gallery.pe-image-gap {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 50px !important;
  column-gap: 50px !important;
  row-gap: 50px !important;
}

.wp-block-gallery.pe-image-gap .wp-block-image {
  margin: 0 !important;
  flex: 1 1 0 !important;
  width: auto !important;
}

.wp-block-gallery.pe-image-gap img {
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Mobil: untereinander */
@media (max-width: 768px) {
  .wp-block-gallery.pe-image-gap {
    flex-direction: column !important;
    gap: 24px !important;
  }

  .wp-block-gallery.pe-image-gap .wp-block-image {
    width: 100% !important;
  }
}

.page-id-1041 h1, .page-id-3 h1, .page-id-1043 h1  { font-size: 200%; }
.page-id-1041 h2, .page-id-3 h2, .page-id-1043 h2  { font-size: 150%; margin-bottom:5px; }
.page-id-3 h3, .page-id-3 h4, .page-id-1043 h2 { margin-bottom:5px; }

.cmplz-cookiebanner .cmplz-categories .cmplz-category, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category. #cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
    /* background-color: #302347 !important; */
	background-color: #CBB8EA !important;	
}

.page-id-1233 .cmplz-service-header h3, #cmplz-cookies-overview > details > summary > div > p, #cmplz-manage-consent-container span.cmplz-category-title {
    color: #1A1A1A !important;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
    background-color: #140629 !important;
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    /* color: #D4F0C0 !important; */
	color: #1A1A1A !important;	
}

.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
    /* color: var(--cmplz_text_color); */
	color: #1A1A1A !important;
}

#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
    font-size: 100%;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    font-size: 100%;
    max-width: 1170px;
}

/* Klasse direkt auf die H1 */
.headline-readable-3d {
  color: #7ff6fb;
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-stroke: 0;

  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.85),
    0 0 18px rgba(69, 222, 231, 0.45);

  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.hero-content {
  max-width: 980px;
  margin: 0 auto;
  padding: 38px 34px;
  border-radius: 18px;
  background: rgba(15, 6, 35, 0.48);
  backdrop-filter: blur(3px);
}

@keyframes slide-in-up {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scrim { background-color: #190C2F !important; }

.wp-block-gallery img {
	border-radius:10px !important;
}

@media (max-width: 960px) {

  /* Neve Mobile-Menü: Submenü-Links kleiner und mit Icon */
  #nv-primary-navigation-sidebar .sub-menu .wrap > a {
    font-size: 90%;
    display: flex;
    align-items: center;
    gap: 0.45em;
    line-height: 1.4;
  }

  /* FontAwesome caret-right vor jedem Submenü-Link */
  #nv-primary-navigation-sidebar .sub-menu .wrap > a::before {
    content: "\f14c";
    font-family: "Font Awesome 6 Free", "FontAwesome";
    font-weight: 900;
    font-size: 0.9em;
    line-height: 1;
    flex: 0 0 auto;
  }

  
	.header-menu-sidebar .nav-ul li:not([class*=block])>.wrap>a {
    padding: 6px 0 !important;
    white-space: normal;
	}
}

.nav-ul .caret {
	margin-left: 7px !important;
}