/**
 * Styles for the Days Counter Block.
 */

/* Direct ID selector for the current block */
div#block-twbase-dayscounter {
  background-color: #5894C9;
  color: #fff;
  border-radius: 4px;
  padding: 0 ;
}

/* Target the flex container inside the block */
div#block-twbase-dayscounter .tw-flex.tw-flex-col {
  background-color: #5894C9;
}

/* Also target other possible IDs for future compatibility */
#block-epragma-koinignomi-dayscounter,
[id^="block-twbase-dayscounter"],
[id^="block-epragma"] {
  background-color: #5894C9;
  color: #fff;
  border-radius: 4px;
  padding: 0;
}

#block-epragma-koinignomi-dayscounter,
[id^="block-twbase-dayscounter"],
[id^="block-epragma"]
/* Make sure all elements inside the days counter have the right color */
.tw-text-xl.tw-font-bold.tw-mb-2,
#block-epragma-koinignomi-dayscounter,
[id^="block-twbase-dayscounter"],
[id^="block-epragma"]  .tw-text-sm,
#block-epragma-koinignomi-dayscounter,
[id^="block-twbase-dayscounter"],
[id^="block-epragma"]  .tw-text-lg.tw-font-semibold.tw-mt-1 {
  color: #fff;
}