/*
 * Styles for Diaz Store Hours Plugin
 * Version 1.8 (Added .dsh-time and .dsh-days)
 */

.dsh-wrapper {
  border: none;
  padding: 0;
  border-radius: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  text-align: center;
  margin: 20px 0;
  color: #fff;
  padding: 15px 20px;
}

/* The concatenated hours list */
.dsh-hours-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: inherit;
  margin-bottom: 10px;
}

/* This is the <li> container for each line */
.dsh-hours-list li {
  margin: 0;
  line-height: 1.2; 
  white-space: nowrap;
}

/* --- NEW STYLES --- */

/* Style for the time (e.g., "9:00–6:00") */
.dsh-hours-list li .dsh-time {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 0.35em; /* Adds space between time and days */
}

/* Style for the days (e.g., "WED–SAT") */
.dsh-hours-list li .dsh-days {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
  color: rgba(255,255,255,.75);
  
  /* --- EXAMPLE: Style days differently --- */
  /* Uncomment the line below to make the days slightly faded */
  /* opacity: 0.85; */
  
  /* Uncomment the line below to make the days a different color */
  /* color: #a8df8e; */
}


/* --- STATUS (Unchanged) --- */

.dsh-status {
  font-size: 3em; 
  font-weight: bold;   
  text-transform: uppercase;
  line-height: 1;
}

/* Shown only if JS is actively recalculating (not the default state anymore) */
.dsh-status.loading {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.5em;
}

/* No-JS indicator: if JS never enhances, the PHP fallback is authoritative */
.dsh-status[data-js-enhanced="false"] {
    /* PHP-rendered status displays normally — no loading spinner needed */
}

.dsh-status.open {

}

.dsh-status.closed {

}