/*
Theme Name: RBI Općina
Theme URI: https://rbi.ba/
Author: RBI
Author URI: https://rbi.ba/
Description: Modularna, pristupačna tema za web portale općina i gradova. Dizajn je odvojen od sadržaja i namijenjen ponovnoj upotrebi.
Version: 1.0.10
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: rbi-opcina
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, translation-ready, blog, one-column, accessibility-ready
*/

/* Authentic municipal photo in the homepage information section. */
.about-visual.about-visual-photo {
  background-size: cover;
  background-position: center 48%;
  background-repeat: no-repeat;
  box-shadow: 0 18px 45px rgba(7, 59, 99, 0.16);
}
.about-visual.about-visual-photo::before,
.about-visual.about-visual-photo::after {
  display: none;
}

/* Mobile calendar layout: keep all seven days inside the viewport. */
@media (max-width: 700px) {
  .calendar-page {
    overflow-x: hidden;
  }
  .calendar-page .container,
  .calendar-page .inner-main,
  .rbi-calendar {
    min-width: 0;
    width: 100%;
  }
  .calendar-page .calendar-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px 10px;
  }
  .calendar-page .calendar-toolbar h2 {
    font-size: 1.15rem;
    text-align: center;
  }
  .calendar-page .calendar-nav {
    justify-content: center;
  }
  .calendar-page .calendar-scroller {
    overflow-x: visible;
  }
  .calendar-page .rbi-calendar .calendar-grid {
    width: 100%;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  }
  .calendar-page .calendar-weekday {
    min-width: 0;
    padding: 9px 1px;
    font-size: .67rem;
  }
  .calendar-page .calendar-cell {
    min-width: 0;
    min-height: 62px;
    padding: 5px 2px;
    text-align: center;
  }
  .calendar-page .calendar-cell time {
    width: 24px;
    height: 24px;
    font-size: .76rem;
  }
  .calendar-page .calendar-event {
    width: 8px;
    height: 8px;
    margin: 4px auto 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    overflow: hidden;
    font-size: 0;
  }
  .calendar-page .calendar-extra {
    padding: 0;
    font-size: 0;
  }
  .calendar-page .event-row .btn {
    width: 100%;
    margin-left: 0;
  }
}