/* =====================================================
   MaHe Info Notices PRO – front.css v6.0.0
   Icon oben rechts · Button inline · 4 Buttonfarben
   ===================================================== */

.mahe-notice {
  --mahe-bg:      #f0f0f0;
  --mahe-accent:  #c0392b;
  --mahe-text:    #1a1a1a;
  --mahe-meta-cl: #555;
  --mahe-btn-bg:  #b91c1c;
  --mahe-font:    -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* =====================================================
   WRAPPER
   ===================================================== */
.mahe-notice {
  display:        block !important;
  width:          100% !important;
  box-sizing:     border-box !important;
  background:     var(--mahe-bg) !important;
  border-radius:  8px !important;
  border:         3px solid transparent !important;
  border-left:    4px solid var(--mahe-accent) !important;
  box-shadow:     0 2px 8px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.06) !important;
  overflow:       hidden !important;
  font-family:    var(--mahe-font) !important;
  font-size:      15px !important;
  line-height:    1.55 !important;
  margin:         0 0 1rem 0 !important;
  padding:        0 !important;
  position:       relative !important;
  float:          none !important;
}

/* =====================================================
   BODY – kein Flex mehr, normaler Block
   ===================================================== */
.mahe-notice .mahe-body {
  display:   block !important;
  padding:   13px 14px 13px 14px !important;
  width:     100% !important;
  box-sizing:border-box !important;
}

/* =====================================================
   TITEL-ZEILE mit Icon oben rechts
   ===================================================== */
.mahe-notice .mahe-title {
  display:         flex !important;
  align-items:     flex-start !important;
  justify-content: space-between !important;
  gap:             8px !important;
  font-size:       1.05em !important;
  font-weight:     700 !important;
  color:           var(--mahe-text) !important;
  line-height:     1.35 !important;
  margin:          0 0 6px 0 !important;
}

/* Icon solo (kein Titel) – oben rechts absolut */
.mahe-notice .mahe-icon-solo {
  position: absolute !important;
  top:      10px !important;
  right:    12px !important;
}

/* =====================================================
   EMOJI-ICON
   ===================================================== */
.mahe-notice .mahe-emoji-icon {
  font-size:   1.3em !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  display:     inline-block !important;
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  font-style:  normal !important;
  font-weight: normal !important;
}

/* =====================================================
   CONTENT
   ===================================================== */
.mahe-notice .mahe-content {
  color:         var(--mahe-text) !important;
  word-break:    break-word !important;
  overflow-wrap: break-word !important;
  font-size:     1em !important;
  line-height:   1.55 !important;
  margin:        0 !important;
}

.mahe-notice .mahe-content p {
  margin:  0 0 0.35em 0 !important;
  color:   var(--mahe-text) !important;
  display: inline !important; /* inline damit Button direkt folgt */
}

/* letztes p inline damit Button nahtlos anhängt */
.mahe-notice .mahe-content p:last-of-type {
  display: inline !important;
}

.mahe-notice .mahe-content br { display: inline !important; }

.mahe-notice .mahe-content a:not(.mahe-btn) {
  color:           var(--mahe-accent) !important;
  text-decoration: underline !important;
}

/* Solo CTA (kein Fließtext) */
.mahe-notice .mahe-cta-solo { margin-top: 4px !important; }

/* =====================================================
   BUTTON – inline, klein
   ===================================================== */
.mahe-notice .mahe-btn {
  display:         inline-block !important;
  background:      var(--mahe-btn-bg) !important;
  color:           #fff !important;
  text-decoration: none !important;
  font-size:       0.75em !important;
  font-weight:     700 !important;
  padding:         3px 10px 4px !important;
  border-radius:   4px !important;
  margin-left:     5px !important;
  vertical-align:  middle !important;
  white-space:     nowrap !important;
  transition:      filter .15s !important;
  border:          none !important;
  line-height:     1.5 !important;
}
.mahe-notice .mahe-btn:hover {
  filter: brightness(.85) !important;
}

/* =====================================================
   META – Gültig bis
   ===================================================== */
.mahe-notice .mahe-meta {
  display:      flex !important;
  flex-wrap:    wrap !important;
  align-items:  center !important;
  gap:          3px 6px !important;
  margin-top:   9px !important;
  padding-top:  7px !important;
  border-top:   1px dashed rgba(0,0,0,0.16) !important;
  font-size:    0.78em !important;
  color:        var(--mahe-meta-cl) !important;
  line-height:  1.4 !important;
}

.mahe-notice .mahe-meta::before {
  font-family: dashicons !important;
  content:     "\f469" !important;
  font-size:   13px !important;
  color:       var(--mahe-meta-cl) !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.mahe-notice .mahe-meta strong {
  font-weight: 600 !important;
  white-space: nowrap !important;
  color:       var(--mahe-meta-cl) !important;
}

.mahe-notice .mahe-meta-date {
  white-space:          nowrap !important;
  font-variant-numeric: tabular-nums !important;
}

.mahe-notice .mahe-countdown {
  display:              inline-flex !important;
  align-items:          center !important;
  background:           rgba(0,0,0,0.08) !important;
  border-radius:        999px !important;
  padding:              1px 8px !important;
  font-size:            0.9em !important;
  font-weight:          600 !important;
  color:                var(--mahe-meta-cl) !important;
  white-space:          nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
.mahe-notice .mahe-countdown:empty { display: none !important; }

/* =====================================================
   PULSIEREN
   ===================================================== */
@keyframes mahe-pulse {
  0%,100% { border-left-color: var(--mahe-accent); }
  50%     { border-left-color: transparent; }
}
.mahe-notice.mahe-anim-pulse {
  animation: mahe-pulse 1.4s ease-in-out infinite !important;
}

/* =====================================================
   WIDGET-CONTAINER
   ===================================================== */
.widget .mahe-notice,
.wp-block-widget-group .mahe-notice {
  margin-bottom: 0.75rem !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 600px) {
  .mahe-notice { font-size: 14px !important; }
  .mahe-notice .mahe-body { padding: 11px 12px !important; }
}
@media (max-width: 400px) {
  .mahe-notice { font-size: 13px !important; }
}