/* ================================================
   DIG-CADRANS.CSS — Cadrans dig.png uniquement
   Gauche = heure / Droite = météo
   ================================================ */

.dig-heure-box,
.dig-meteo-box {
  position: relative;
  display: inline-block;
  width: clamp(150px, 15vw, 240px);
  pointer-events: none;
  user-select: none;
}

.dig-frame {
  width: 100%;
  height: auto;
  display: block;
}

/* Zone noire intérieure du cadre dig.png */
.dig-texte {
  position: absolute;
  top: 23%; left: 17%; right: 17%; bottom: 23%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  gap: 5px;
}

/* HEURE */
.dig-heure-val {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.9rem, 1.8vw, 1.5rem);
  font-weight: bold;
  color: #FFD700;
  text-shadow: 0 0 8px rgba(255,215,0,0.9), 0 0 16px rgba(255,215,0,0.4);
  letter-spacing: 3px;
  white-space: nowrap;
  line-height: 1;
  padding-bottom: 4px;
}
.dig-date-val {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.35rem, 0.7vw, 0.55rem);
  color: #c8a84b;
  letter-spacing: 0.5px;
  white-space: nowrap;
  text-align: center;
  line-height: 1.3;
}

/* MÉTÉO */
.dig-ville-val {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.38rem, 0.75vw, 0.6rem);
  color: #c8a84b;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
}
.dig-meteo-mid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.dig-emoji-val {
  font-size: clamp(0.85rem, 1.6vw, 1.3rem);
  line-height: 1;
}
.dig-temp-val {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.85rem, 1.6vw, 1.3rem);
  font-weight: bold;
  color: #FFD700;
  text-shadow: 0 0 8px rgba(255,215,0,0.9);
  white-space: nowrap;
  line-height: 1;
}
.dig-desc-val {
  font-family: 'Courier New', monospace;
  font-size: clamp(0.3rem, 0.6vw, 0.5rem);
  color: #c8a84b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center;
  line-height: 1;
}

/* RESPONSIVE */
/* Smartphones (jusqu'à ~6 pouces)*/
@media (max-width: 768px) {
	.dig-heure-box, .dig-meteo-box { display: none !important; }
	header {padding: 0 !important;margin: 0 !important;min-height: 0 !important;height: 0 !important;}
}
/* 11 pouces environ : 1024px - 1200px */
@media screen and (min-width: 769px) and (max-width: 1200px) {
	.dig-heure-box, .dig-meteo-box { display: none !important; }
	header {padding: 0 !important;margin: 0 !important;min-height: 0 !important;height: 0 !important;}
}
/* Tablette 12-13 pouces : 1201px - 1366px */
@media screen and (min-width: 1201px) and (max-width: 1366px) {.dig-heure-box, .dig-meteo-box { width: clamp(130px, 13vw, 200px); }}