/**
 * Theme Name:     HNO21
 * Author:         ithelps Digital
 * Template:       hello-elementor
 * Text Domain:	   hno21
 * Description:    HNO21
 * Theme URI:      https://ithelps-digital.com
 * Author URI:     https://ithelps-digital.com
 * Version:        1.0
 */
/* css öffnungszeiten */
/* Grundlayout */
.elementor-popup-modal .popup-hours .opening-hours-list{
  list-style:none; margin:0; padding:0;
}
.elementor-popup-modal .popup-hours .opening-hours-item{
  display:flex; align-items:flex-start; gap:14px;
  margin:6px 0; font-size:15px; line-height:1.45;
}
.elementor-popup-modal .popup-hours .opening-hours-item strong{
  flex:0 0 120px; /* "Spalte" für den Wochentag */
  font-weight:600; color:#222;
}
.elementor-popup-modal .popup-hours .opening-hours-item .oh-time{
  flex:1 1 auto; color:#222;
  word-break:keep-all;         /* keine hässlichen Umbrüche in 08:00 */
  white-space:nowrap;          /* Desktop in einer Zeile lassen */
}

/* Heute markieren (nur der aktuelle) */
.elementor-popup-modal .popup-hours .opening-hours-item.is-today{
  background:#f0f6ff; border-left:4px solid #2b6eff;
  border-radius:4px; padding:4px 8px;
}
.elementor-popup-modal .popup-hours .opening-hours-item.is-today strong::after{
  content:"Heute"; margin-left:8px; font-size:12px; color:#fff;
  background:#2b6eff; padding:2px 6px; border-radius:4px;
  text-transform:uppercase; letter-spacing:.3px;
}

/* --- Mobile: untereinander, sauberer Umbruch --- */
@media (max-width: 480px){
  .elementor-popup-modal .popup-hours .opening-hours-item{
    flex-direction:column; gap:2px; padding:6px 8px;
  }
  .elementor-popup-modal .popup-hours .opening-hours-item strong{
    flex:none; min-width:0; /* volle Breite */
  }
  .elementor-popup-modal .popup-hours .opening-hours-item .oh-time{
    white-space:normal;      /* auf Mobile umbrechen erlauben */
  }
}