/* Overrides for frontend layout */

/* News detail: ensure a minimum top offset below the (fixed) header */
#news-detail.pb-section.news-detail-section {
  padding-top: calc(140px + env(safe-area-inset-top)) !important;
}

@media (max-width: 767.98px) {
  #news-detail.pb-section.news-detail-section {
    padding-top: calc(220px + env(safe-area-inset-top)) !important;
    padding-bottom: 24px !important;
    justify-content: flex-start !important;
  }
}

/* Force image + surrounding box to be perfectly round */
#news-detail .news-detail-col.news-detail-col-left {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

#news-detail .pb-element.news-detail-image {
  width: min(360px, 82vw) !important;
  height: min(360px, 82vw) !important;
  padding: 12px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: rgba(33, 37, 39, 0.92) !important;
  box-shadow: 0 0 10px #000 !important;
  display: flex !important;
}

#news-detail .pb-element.news-detail-image img,
#news-detail .pb-element.news-detail-image img.img-fluid {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  object-fit: cover !important;
  display: block !important;
}