.wp-block-columns { display: flex; gap: 2rem; }
.wp-block-column { min-width: 0; }
.wp-block-buttons { display: flex; flex-wrap: wrap; }
.wp-block-button__link { display: inline-block; text-decoration: none; }
.wp-block-image img { height: auto; }
.alignwide { width: min(100%, 1180px); margin-inline: auto; }
.od-gallery-grid {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding: 8px 4px 20px;
}
.od-gallery-grid::-webkit-scrollbar { display: none; }
.od-gallery-grid figure {
  flex: 0 0 calc((100% - 54px) / 4);
  scroll-snap-align: start;
  margin: 0 !important;
}
.od-gallery-grid img {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.od-carousel-shell { position: relative; }
.od-carousel-arrow {
  position: absolute;
  z-index: 3;
  top: 50%;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  color: #087fc3;
  box-shadow: 0 8px 24px rgba(22,56,91,.2);
  font: 800 25px/1 sans-serif;
  cursor: pointer;
}
.od-carousel-prev { left: -24px; }
.od-carousel-next { right: -24px; }
.od-carousel-arrow:hover { background: #ff6d2d; color: #fff; }
@media (max-width: 600px) {
  .wp-block-columns { flex-direction: column; }
  .od-gallery-grid figure { flex-basis: 82%; }
  .od-carousel-prev { left: 6px; }
  .od-carousel-next { right: 6px; }
}
.od-sponsor-groups { display: grid; gap: 58px; max-width: 1120px; margin: 0 auto; }
.od-sponsor-group h3 { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 0 24px; text-align: center; color: #16385b; font: 800 27px/1.2 'Baloo 2', sans-serif; }
.od-sponsor-group h3::before,
.od-sponsor-group h3::after { content: ''; width: 52px; height: 3px; border-radius: 3px; background: #ff6d2d; opacity: .55; }
.od-sponsor-logos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; justify-content: center; }
.od-sponsor-logos > a,
.od-sponsor-logos > div { min-height: 150px; padding: 9px; display: flex; align-items: center; justify-content: center; background: #fff; border: 1px solid rgba(8,127,195,.08); border-radius: 20px; box-shadow: 0 9px 26px rgba(22,56,91,.08); text-decoration: none; color: #16385b; font-weight: 800; text-align: center; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; overflow: hidden; }
.od-sponsor-logos > a:hover { transform: translateY(-6px); box-shadow: 0 16px 34px rgba(22,56,91,.15); border-color: rgba(255,109,45,.25); }
.od-sponsor-logos img { display: block; width: 100%; height: 122px; max-width: 245px; max-height: none; object-fit: contain; transform: scale(var(--od-logo-scale, 1)); transform-origin: center; transition: transform .22s ease; }
.od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos { grid-template-columns: minmax(280px, 440px); }
.od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos > a,
.od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos > div { min-height: 240px; padding: 12px; border: 3px solid rgba(255,212,59,.7); box-shadow: 0 18px 45px rgba(22,56,91,.14); }
.od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos img { width: 100%; height: 195px; max-width: 390px; max-height: none; }
.od-sponsor-group--glavni-pokrovitelj h3 { font-size: 33px; color: #087fc3; }
.od-sponsor-group--zlati-sponzor .od-sponsor-logos { grid-template-columns: repeat(3, minmax(200px, 290px)); }
.od-sponsor-group--zlati-sponzor .od-sponsor-logos > a,
.od-sponsor-group--zlati-sponzor .od-sponsor-logos > div { min-height: 190px; padding: 10px; border: 2px solid rgba(255,212,59,.55); }
.od-sponsor-group--zlati-sponzor .od-sponsor-logos img { height: 152px; max-width: 285px; max-height: none; }
.od-sponsor-group--sponzor .od-sponsor-logos { grid-template-columns: repeat(4, minmax(170px, 1fr)); }
.od-sponsor-group--donator .od-sponsor-logos { grid-template-columns: repeat(6, minmax(120px, 1fr)); gap: 13px; }
.od-sponsor-group--donator .od-sponsor-logos > a,
.od-sponsor-group--donator .od-sponsor-logos > div { min-height: 122px; padding: 7px; border-radius: 15px; }
.od-sponsor-group--donator .od-sponsor-logos img { height: 96px; max-width: 175px; max-height: none; }
.od-sponsor-group--donator h3 { font-size: 24px; }
.od-sponsor-group--medijski-sponzor { padding-top: 38px; border-top: 1px solid rgba(22,56,91,.12); }
.od-sponsor-group--medijski-sponzor .od-sponsor-logos { grid-template-columns: repeat(4, minmax(150px, 220px)); }
@media (max-width: 900px) {
  .od-sponsor-group--sponzor .od-sponsor-logos,
  .od-sponsor-group--donator .od-sponsor-logos,
  .od-sponsor-group--medijski-sponzor .od-sponsor-logos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .od-sponsor-group--zlati-sponzor .od-sponsor-logos { grid-template-columns: repeat(2, minmax(200px, 1fr)); }
}
@media (max-width: 600px) {
  .od-sponsor-groups { gap: 44px; }
  .od-sponsor-group h3 { font-size: 23px; }
  .od-sponsor-group h3::before,
  .od-sponsor-group h3::after { width: 25px; }
  .od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos,
  .od-sponsor-group--zlati-sponzor .od-sponsor-logos { grid-template-columns: 1fr; }
  .od-sponsor-group--sponzor .od-sponsor-logos,
  .od-sponsor-group--donator .od-sponsor-logos,
  .od-sponsor-group--medijski-sponzor .od-sponsor-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .od-sponsor-logos > a,
  .od-sponsor-logos > div { min-height: 118px; padding: 7px; }
  .od-sponsor-logos img { height: 94px; }
  .od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos > a,
  .od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos > div { min-height: 190px; }
  .od-sponsor-group--glavni-pokrovitelj .od-sponsor-logos img { height: 155px; }
  .od-sponsor-group--zlati-sponzor .od-sponsor-logos img { height: 125px; }
  .od-sponsor-group--donator .od-sponsor-logos img { height: 88px; }
}