/* ========================================================= Polaris GSheet Events — styles front-end Variables : --pgs-cal-* pour le calendrier --pgs-actu-* pour le bloc actualités ========================================================= */ /* Les custom properties --pgs-* sont injectées par inject_css_vars() dans . Ce fichier ne redéfinit pas de :root pour éviter de les écraser (ce CSS est chargé dans le footer via shortcode). */ :root { --pgs-cal-height: 650px; --pgs-cal-border: #e5e7eb; --pgs-cal-radius: 8px; --pgs-actu-card-shadow: 0 4px 12px rgba(0, 0, 0, .18); --pgs-actu-card-radius: 8px; --pgs-actu-gap: 1rem; --pgs-modal-backdrop: rgba(0, 0, 0, .55); --pgs-modal-radius: 12px; --pgs-modal-max-width: 560px; } /* ----- Calendrier wrapper ----- */ .pgs-calendar-wrap { width: 100%; a { text-decoration: none; } } .pgs-calendar-wrap #pgs-calendar { min-height: var(--pgs-cal-height); } /* Boutons FullCalendar */ .pgs-calendar-wrap .fc-button-primary { background-color: var(--pgs-cal-primary) !important; border-color: var(--pgs-cal-primary) !important; color: var(--pgs-cal-btn-text) !important; font-size: 1.3rem !important; } .pgs-calendar-wrap .fc-button-primary:hover, .pgs-calendar-wrap .fc-button-primary:not(:disabled):active, .pgs-calendar-wrap .fc-button-primary:not(:disabled).fc-button-active { background-color: var(--pgs-cal-primary-hover) !important; border-color: var(--pgs-cal-primary-hover) !important; color: var(--pgs-cal-btn-text-hover) !important; } /* Événements */ .pgs-calendar-wrap .fc-event { background-color: var(--pgs-cal-event-bg); border-color: var(--pgs-cal-event-bg); color: var(--pgs-cal-event-text); border-radius: 4px; padding: 4px 4px; cursor: pointer; font-size: 1.1rem; } /* Vue semaine/jour : heure et titre côte à côte */ .pgs-calendar-wrap .fc-timegrid-event .fc-event-main-frame { display : flex; flex-direction: row; align-items : baseline; gap : .35em; overflow : hidden; } .pgs-calendar-wrap .fc-timegrid-event .fc-event-time { flex-shrink: 0; font-size : .85em; opacity : .85; } .pgs-calendar-wrap .fc-timegrid-event .fc-event-title-container { overflow: hidden; } .pgs-calendar-wrap .fc-timegrid-event .fc-event-title { overflow : hidden; text-overflow: ellipsis; white-space : nowrap; } /* Aujourd'hui */ .pgs-calendar-wrap .fc-day-today { background-color: var(--pgs-cal-today-bg) !important; } /* Texte général (numéros des jours) */ .pgs-calendar-wrap .fc-daygrid-day-number, .pgs-calendar-wrap .fc-timegrid-slot-label { color: var(--pgs-cal-text); text-decoration: none; } /* Vue agenda — fond coloré + texte blanc + pas de hover */ .pgs-calendar-wrap .fc-list-event td { background-color: var(--pgs-cal-event-bg); } .pgs-calendar-wrap .fc-list-event:hover td { background-color: var(--pgs-cal-event-bg) !important; } .pgs-calendar-wrap .fc-list-event-title a, .pgs-calendar-wrap .fc-list-event-time { color: var(--pgs-cal-event-text) !important; text-decoration: none; } .pgs-calendar-wrap .fc-list-event-dot { border-color: var(--pgs-cal-event-text) !important; } /* Titre mois / année */ .pgs-calendar-wrap .fc-toolbar-title { font-size: 40px; } /* En-têtes (nom du mois dans le titre, noms des jours de la semaine) */ .pgs-calendar-wrap .fc-toolbar-title, .pgs-calendar-wrap .fc-col-header-cell-cushion, .pgs-calendar-wrap .fc-list-day-text, .pgs-calendar-wrap .fc-list-day-side-text { color: var(--pgs-cal-header-text); text-decoration: none; } /* ----- Modale ----- */ .pgs-modal { position: fixed; inset: 0; z-index: 99999; display: flex; align-items: center; justify-content: center; } .pgs-modal[hidden] { display: none; } .pgs-modal__backdrop { position: absolute; inset: 0; background: var(--pgs-modal-backdrop); } .pgs-modal__box { position: relative; background: #fff; border-radius: var(--pgs-modal-radius); max-width: var(--pgs-modal-max-width); width: calc(100% - 2rem); max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0, 0, 0, .3); z-index: 1; } .pgs-modal__image img { width: 100%; max-height: 220px; object-fit: cover; border-radius: var(--pgs-modal-radius) var(--pgs-modal-radius) 0 0; display: block; } .pgs-modal__body { padding: 1.5rem; } .pgs-modal__close { position: absolute; top: .75rem; right: .75rem; background: rgba(0, 0, 0, .15); border: none; border-radius: 50%; width: 2rem; height: 2rem; cursor: pointer; font-size: 1rem; z-index: 2; color: #fff; display: flex; align-items: center; justify-content: center; line-height: 1; padding: 0; } .pgs-modal__close:hover { background: rgba(0, 0, 0, .35); } .pgs-modal__title { margin: 0 0 .25rem; font-size: 1.25rem; } .pgs-modal__date { color: var(--pgs-actu-muted); font-size: .9rem; margin: 0 0 1rem; } .pgs-modal__meta { display: grid; grid-template-columns: max-content 1fr; gap: .25rem .75rem; margin: 0 0 1rem; font-size: .9rem; } .pgs-modal__meta dt { font-weight: 600; color: #374151; } .pgs-modal__meta dd { margin: 0; color: #111827; } .pgs-modal__description { font-size: .9rem; color: #374151; margin: 0 0 1.25rem; white-space: pre-line; } .pgs-modal__actions { display: flex; gap: .75rem; flex-wrap: wrap; } body.pgs-modal-open { overflow: hidden; } /* ----- Boutons actions modale ----- */ .pgs-btn { display: inline-block; padding: .5rem 1.25rem; border-radius: 6px; font-size: .9rem; text-decoration: none; font-weight: 600; transition: opacity .15s; } .pgs-btn:hover { opacity: .85; } .pgs-btn--primary { background: var(--pgs-btn-primary-bg); color: var(--pgs-btn-primary-text); } .pgs-btn--secondary { background: var(--pgs-btn-secondary-bg); color: var(--pgs-btn-secondary-text); border: 1px solid #d1d5db; } /* ----- Single événement ----- */ .pgs-single-event__inner { max-width: 800px; margin: 2rem auto; padding: 0 1rem; } .pgs-single-event__image img { width: 100%; max-height: 360px; object-fit: cover; border-radius: var(--pgs-cal-radius); margin-bottom: 1.5rem; display: block; } .pgs-single-event__cat { display: inline-block; background: var(--pgs-cal-primary); color: #fff; font-size: .75rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; padding: .2em .6em; border-radius: 4px; margin-bottom: .5rem; } .pgs-single-event__title { font-size: 1.75rem; margin: .25rem 0 .4rem; } .pgs-single-event__datetime { color: var(--pgs-actu-muted); font-size: .95rem; margin: 0 0 1.5rem; } .pgs-single-event__desc { font-size: 1rem; line-height: 1.7; margin-bottom: 1.5rem; color: #374151; } .pgs-single-event__meta { display: grid; grid-template-columns: max-content 1fr; gap: .4rem .75rem; margin-bottom: 1.5rem; font-size: .95rem; } .pgs-single-event__meta dt { font-weight: 600; color: #374151; } .pgs-single-event__meta dd { margin: 0; color: #111827; } .pgs-link-maps { display: inline-block; margin-left: .5em; font-size: .85em; color: var(--pgs-cal-primary); } .pgs-single-event__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; align-items: start; margin-bottom: 1.5rem; } @media (max-width: 640px) { .pgs-single-event__grid { grid-template-columns: 1fr; } } .pgs-single-event__col-map iframe { width: 100%; min-height: 320px; height: 100%; border: 0; border-radius: var(--pgs-cal-radius); display: block; } .pgs-single-event__actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.25rem; } /* ----- Bloc actualités ----- */ .pgs-actu-grid { display: grid; grid-template-columns: repeat(var(--pgs-actu-columns), 1fr); gap: var(--pgs-actu-gap); } @media (max-width: 768px) { .pgs-actu-grid { grid-template-columns: 1fr; } } @media (min-width: 769px) and (max-width: 1024px) { .pgs-actu-grid { grid-template-columns: repeat(2, 1fr); } } .pgs-actu-card { background: var(--pgs-actu-card-bg); box-shadow: var(--pgs-actu-card-shadow); display: flex; flex-direction: column; } .pgs-actu-card__body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; } .pgs-actu-card__title { font-size: 1.4rem; font-weight: 700; line-height: 1.25; margin: 0 0 .75rem; } .pgs-actu-card__title a { color: var(--pgs-actu-text); text-decoration: underline; } .pgs-actu-card__title a:hover { color: var(--pgs-actu-muted); } .pgs-actu-card__meta { display: flex; align-items: center; gap: .35rem; font-size: .82rem; color: var(--pgs-actu-muted); margin: 0 0 .75rem; } .pgs-actu-card__meta-icon { flex-shrink: 0; opacity: .65; } .pgs-actu-card__desc { font-size: 1rem; color: var(--pgs-actu-muted); flex: 1; margin: 0 0 1.25rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .pgs-actu-card__footer { margin-top: auto; display: flex; gap: .5rem; } .pgs-actu-card__prix { font-size: .9rem; font-weight: 600; color: var(--pgs-actu-muted); } /* ----- Bloc prochaine date ----- */ .pgs-next-date-wrap { a { text-decoration: none } display: flex; flex-direction: column; width: 100%; } .pgs-next-date-wrap__label { font-size: 2rem; font-weight: 400; color: var(--pgs-next-bg, #3b758c); margin: 0 0 .4rem; padding: 0; } .pgs-next-date { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; text-decoration: none; padding: 2rem 2.5rem; width: 100%; box-sizing: border-box; background: var(--pgs-next-bg, #3b758c); transition: opacity .15s; gap: .25rem; border: 5px solid var(--pgs-next-bg, #3b758c) } .pgs-next-date:hover { border-color: var(--pgs-next-date, #f2cc0f) } .pgs-next-date__day { font-size: 5.5rem; font-weight: 400; line-height: 1; color: var(--pgs-next-date, #f2cc0f); } .pgs-next-date__lieu { font-size: 55px; font-weight: 600; color: var(--pgs-next-text, #ffffff); } .pgs-next-date__heure { font-size: 73px; font-weight: 500; color: var(--pgs-next-bg, #3b758c); -webkit-text-stroke-width: 3px; -webkit-text-stroke-color: var(--pgs-next-text, #ffffff); stroke-width: 3px; stroke: var(--pgs-next-text, #ffffff); }