/* Festius del calendari de producció: el botó de la barra i el diàleg. El vermell dels dies
   festius a la graella ja és a fo-production-calendar.css (.fo-pc-holiday). */

.fo-pc-toolbar-tools { display: inline-flex; gap: 6px; flex: 0 0 auto; }

.fo-pc-dp-gear.fo-pc-hol-button { border-color: #c9382c; color: #c9382c; }
.fo-pc-dp-gear.fo-pc-hol-button:hover:not(:disabled),
.fo-pc-dp-gear.fo-pc-hol-button:focus-visible { background: #c9382c; color: #fff; }

/* ---------------------------------------------------------------- diàleg */

.fo-pc-modal.fo-pc-hol-modal { max-width: 900px; }

.fo-pc-hol-form { margin: 0; }
.fo-pc-hol-fields { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.fo-pc-hol-fields .fo-pc-hol-date { flex: 0 0 170px; width: 170px; }
.fo-pc-hol-fields .fo-pc-hol-name { flex: 1 1 240px; min-width: 0; width: auto; }
.fo-pc-hol-feedback { min-height: 20px; margin-top: 4px; color: #1e7e34; font-size: 14px; }

.fo-pc-hol-year-nav { display: flex; align-items: center; justify-content: center; gap: 14px; }
.fo-pc-hol-year { min-width: 60px; text-align: center; font-size: 18.5px; font-weight: 700; color: #40b6bd; }

/* Una llista simple: el mes com a títol i els festius a sota. */
.fo-pc-hol-months { border-top: 1px solid #dee2e6; }
.fo-pc-hol-month { padding: 6px 2px; border-bottom: 1px solid #dee2e6; }
.fo-pc-hol-month-title { margin: 0; font-size: 15px; font-weight: 700; color: #495057; }

.fo-pc-hol-list { list-style: none; margin: 0; padding: 0 0 0 14px; }
.fo-pc-hol-item { display: flex; align-items: baseline; gap: 10px; padding: 3px 0; font-size: 15px; }
.fo-pc-hol-item-date { flex: 0 0 220px; font-weight: 600; color: #c9382c; }
.fo-pc-hol-item-name { flex: 1 1 auto; min-width: 0; overflow-wrap: break-word; }

@media (max-width: 600px) {
    .fo-pc-hol-item { flex-wrap: wrap; gap: 0 10px; }
    .fo-pc-hol-item-date { flex-basis: 100%; }
}