/**
 * Calendar Icon - Center Text Fix
 * Overrides any conflicting justify-content rules
 * ONLY targets the calendar icon, not other elements
 */

/* Outer wrapper - position absolute on right side of thumbnail */
.view-date-box-events .views-row > .d-flex.justify-content-end.mb-4.fw-medium.p-4.shadow-lg,
.view-date-box-events .d-flex.justify-content-end.mb-4.fw-medium.p-4.shadow-lg,
.node--type-event .page-date-box .d-flex.justify-content-end.mb-4.fw-medium.p-4.shadow-lg {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  z-index: 10 !important;
  margin: 0 !important;
}

/* Calendar box itself - keep stacked layout */
.view-date-box-events .rounded.text-center.bg-white.border.border-2.overflow-hidden,
.node--type-event .page-date-box .rounded.text-center.bg-white.border.border-2.overflow-hidden {
  display: block !important;
}

/* Month section - center text inside */
.view-date-box-events .rounded > .bg-success.text-white.py-2.border-bottom,
.node--type-event .page-date-box .rounded > .bg-success.text-white.py-2.border-bottom {
  display: block !important;
  text-align: center !important;
}

.view-date-box-events .rounded > .bg-success.text-white.py-2.border-bottom span,
.node--type-event .page-date-box .rounded > .bg-success.text-white.py-2.border-bottom span {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}

/* Day section - center text inside */
.view-date-box-events .rounded > .bg-white.py-1,
.node--type-event .page-date-box .rounded > .bg-white.py-1 {
  display: block !important;
  text-align: center !important;
}

.view-date-box-events .rounded > .bg-white.py-1 span,
.node--type-event .page-date-box .rounded > .bg-white.py-1 span {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}

/* Year section - center text inside */
.view-date-box-events .rounded > .bg-light.py-2.border-top,
.node--type-event .page-date-box .rounded > .bg-light.py-2.border-top {
  display: block !important;
  text-align: center !important;
}

.view-date-box-events .rounded > .bg-light.py-2.border-top span,
.node--type-event .page-date-box .rounded > .bg-light.py-2.border-top span {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}