/* ===== Elfsight Weather → Figma: "XX° - El Hierro" ===== */

#eapps-weather-1,
#eapps-weather-1 * { box-sizing: border-box; }

#eapps-weather-1 .eaw-weather-detail,
#eapps-weather-1 .eaw-detail-component {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

#eapps-weather-1 .eaw-detail-component {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  width: 104px !important;
  height: 24px !important;
}

/* Orden: icono → texto */
#eapps-weather-1 .eaw-detail-iconBlock { order: 0 !important; }
#eapps-weather-1 .eaw-detail-tempBlock { order: 1 !important; }

/* Icono 24x24 */
#eapps-weather-1 .eaw-detail-iconBlock,
#eapps-weather-1 .eaw-detail-iconBlock svg {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  display: block !important;
}

/* Texto caption */
#eapps-weather-1 .eaw-detail-currentTemp {
  font-family: Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  color: #404040 !important;
  display: inline-flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

/* Icono en #404040 (pisar strokes/fills inline) */
#eapps-weather-1 .eaw-detail-iconBlock svg * {
  stroke: #404040 !important;
  fill: #404040 !important;
}

/* “- El Hierro” fijo */
#eapps-weather-1 .eaw-detail-currentTemp::after {
  content: " - El Hierro";
  color: #404040 !important;
}