/******************************************************
 * Wommunity UI Set – Basis
 ******************************************************/

/* Hauptfarben */
:root {
    --womu-orange: #FF9900;
    --womu-blue:   #0072bc;
    --womu-dark:   #222222;
    --womu-light:  #f5f5f5;
    --womu-border: #dddddd;
}

/* Standard-Textfarbe in hellen Boxen */
.womu-text-dark {
    color: var(--womu-dark);
}

/* Standard-Textfarbe in dunklen/kräftigen Boxen */
.womu-text-light {
    color: #ffffff;
}


/******************************************************
 * JReviews Theme: mysite – Custom Styles
 * Hintergrund für Media Modul (Thomas / Wommunity)
 ******************************************************/

/* 
   Im JReviews Media Modul im Backend:
   Feld „CSS-Klasse Modul“ = bg-wommunity
   (ohne Punkt, ohne Leerzeichen)
*/

/* Modul-Wrapper einfärben über CSS-Klasse Modul */
.bg-wommunity,
.moduletable.bg-wommunity,
.module.bg-wommunity {
    background-color: #FF9900 !important;  /* Wommunity-Orange */
    padding: 16px !important;
    border-radius: 12px;
    color: #ffffff !important;
}
.bg-wommunity-blue {
    background-color: #0072bc !important;
    padding: 16px;
    border-radius: 12px;
    color: #fff;
}
/* Wommunity Glas-Effekt */
.bg-glass,
.moduletable.bg-glass,
.module.bg-glass {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    border: 1px solid rgba(255,255,255,0.3);
}
.bg-card {
    background: #ffffff !important;
    padding: 20px;
    border-radius: 14px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.12);
    color: #333;
}
.box-community {
    background: #e9f4ff;
    border-left: 6px solid #0072bc;
    padding: 16px;
    border-radius: 10px;
}
.box-technik {
    background: #f5f5f5;
    border-left: 6px solid #FF9900;
    padding: 16px;
    border-radius: 10px;
}


/* Innenliegende JReviews-Container */
.bg-wommunity .jr-module,
.bg-wommunity .jrMediaModule,
.bg-wommunity .jrList,
.bg-wommunity .jrMedia,
.bg-wommunity .jr-media,
.bg-wommunity .card,
.bg-wommunity .card-body {
    background-color: transparent !important;
    border: 0 !important;
    color: inherit !important;
}

/* Links im Modul */
.bg-wommunity a {
    color: #ffffff !important;
}
.bg-wommunity a:hover {
    text-decoration: underline;
}
/* Schatten für Vivaz Sticky-Menü */
#header {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    z-index: 9999; /* Im Zweifel über andere Elemente legen */
}



/******************************************************
 * Wommunity Orange Glass Effekt – Sidebar
 ******************************************************/
.womu-glass-orange,
.moduletable.womu-glass-orange,
.module.womu-glass-orange {
    background: rgba(255, 153, 0, 0.18) !important; /* 18% Orange Tönung */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 18px;
    padding: 20px !important;
    border: 1px solid rgba(255, 153, 0, 0.4); /* Orange Linie */
    color: #ffffff !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.5); /* leichter Floating-Schatten */
}

/* Links im Glas-Modul */
.womu-glass-orange a {
    color: #fff !important;
}
.womu-glass-orange a:hover {
    opacity: .75;
}

/******************************************************
 * Wommunity Orange Glass – Module in Secondary Sidebar
 ******************************************************/
.womu-glass-orange,
#secondary .womu-glass-orange,
#secondary-sidebar .womu-glass-orange,
.sidebar-secondary .womu-glass-orange,
aside.secondary .womu-glass-orange,
.moduletable.womu-glass-orange,
.module.womu-glass-orange {
    background: rgba(255, 153, 0, 0.18) !important; /* Orange tint */
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 18px;
    padding: 20px !important;
    border: 1px solid rgba(255,153,0,0.40); /* feiner Orange-Rand */
    color: #fff !important;
    box-shadow: 0 12px 32px rgba(0,0,0,0.55);
}
/******************************************************
 * Wommunity – bg-card kompakter (Höhe)
 ******************************************************/

.bg-card,
.moduletable.bg-card,
.module.bg-card {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 8px 12px !important;   /* weniger Luft, v.a. oben/unten */
    margin: 0 0 12px 0 !important;  /* unten etwas Abstand, seitlich nichts */
}

/* Titel-Linie (Divider) im Wireframe-Theme – Wommunity Blau */
.eb-wf .eb-heading span,
.eb-wf .eb-heading > span {
    border-color: #0072BC !important;
}

/* Grunddesign */
.wommunity-mod {
  background: rgba(255, 255, 255, 0.95);
  border-left: 4px solid #FF9900;
  border-radius: 12px;
  padding: 16px 20px;
  margin: 0 0 20px 0;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
}

/* Titel */
.wommunity-mod-title {
  margin: 0 0 8px 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #0072bc;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Textbereich */
.wommunity-mod-body {
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
}

/* Blinkender Punkt */
.wommunity-blink-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #FF9900;
  animation: wommunity-dot-blink 0.8s infinite;
}

/* Blinkender Text */
.wommunity-blink-text {
  color: #FF9900;
  font-weight: 600;
  animation: wommunity-text-blink 1.2s infinite;
}

/* Animationen */
@keyframes wommunity-dot-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes wommunity-text-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: .2; }
}