?AlkantarClanX12
Your IP : 216.73.217.134
/*
Theme Name: Divi Child SGLB
Description: Thème enfant Divi - Saint-Gilles-les-Bains
Author: SGLB
Template: Divi
Version: 1.0.0
*/
/* --- footer --- */
.et-l--footer{
margin-top:5%;
}
/* Style listing - Annuaire single */
/* --- Mise en page --- */
.sglb-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.sglb-content-layout {
display: flex;
gap: 40px;
margin-top: 20px;
}
.sglb-main-col {
flex: 2;
}
.sglb-sidebar {
flex: 1;
}
/* --- Slider Hero --- */
.sglb-hero-gallery {
width: 100%;
height: 400px;
position: relative;
}
.sglb-hero-gallery .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sglb-hero-gallery .swiper-button-next,
.sglb-hero-gallery .swiper-button-prev {
color: #fff;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
width: 40px;
height: 40px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 16px !important;
}
/* --- Breadcrumb --- */
.sglb-breadcrumb {
padding: 25px 0;
font-size: 14px;
color: #999;
}
.sglb-breadcrumb a {
color: #0085ad;
text-decoration: none;
}
/* --- Titres et Taxonomies --- */
.sglb-main-col h1 {
font-size: 38px;
color: #003366;
margin: 0 0 10px;
}
.entry-taxonomies {
margin-bottom: 25px;
font-size: 14px;
color: #666;
}
.tax-label {
font-weight: bold;
}
/* --- Conteneur des réseaux sociaux --- */
.sglb-socials-row {
display: flex;
gap: 12px;
/* Espacement entre les icônes */
margin: 20px 0;
justify-content: flex-start;
/* Aligné à gauche comme sur le visuel */
align-items: center;
}
/* --- Style de base des icônes --- */
.social-icon {
text-decoration: none !important;
transition: all 0.3s ease;
/* Transition fluide */
}
.social-icon .dashicons {
font-size: 24px;
/* Taille de l'icône */
width: 24px;
height: 24px;
color: #0085ad;
/* Couleur bleue par défaut de ton thème */
}
/* --- Effets de survol (Hover) --- */
.social-icon:hover {
transform: translateY(-3px) scale(1.1);
/* Soulèvement et léger agrandissement */
}
/* Couleurs spécifiques au survol par réseau */
.social-icon.icon-facebook:hover .dashicons {
color: #3b5998;
}
.social-icon.icon-instagram:hover .dashicons {
color: #e1306c;
}
.social-icon.icon-twitter:hover .dashicons {
color: #000000;
}
/* Pour X */
.social-icon.icon-linkedin:hover .dashicons {
color: #0077b5;
}
.social-icon.icon-youtube:hover .dashicons {
color: #ff0000;
}
.social-icon.icon-tiktok:hover .dashicons {
color: #00f2ea;
}
.social-icon.icon-other:hover .dashicons {
color: #005f7a;
}
/* --- Sidebar : Boutons et Blocs --- */
.action-buttons {
display: flex;
gap: 10px;
margin-bottom: 20px;
}
.btn-phone,
.btn-web,
.btn-pdf {
background: #0085ad;
color: #fff !important;
padding: 10px;
border-radius: 20px;
text-align: center;
text-decoration: none;
font-weight: bold;
flex: 1;
font-size: 14px;
}
.btn-phone:hover,
.btn-web:hover,
.btn-pdf:hover {
background: #005f7a;
/* Bleu plus foncé au survol */
transform: translateY(-2px);
/* Léger soulèvement */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
/* Ombre portée */
}
.sglb-coords {
margin-top: 25px;
margin-bottom: 25px;
}
.sglb-hours-box {
background: #f9b000;
padding: 20px;
border-radius: 15px;
margin-top: 25px;
margin-bottom: 25px;
}
.sglb-hours-box h4 {
margin: 0 0 15px;
color: #003366;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-bottom: 5px;
}
.sglb-hours-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.sglb-hours-box li {
display: flex;
justify-content: space-between;
font-size: 13px;
margin-bottom: 5px;
}
/* --- Agenda --- */
.sglb-agenda-section h2 {
font-size: 30px;
color: #003366;
margin: 40px 0 20px;
text-transform: lowercase;
}
.sglb-event-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.event-card {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
background: #fff;
}
.event-card img {
width: 100%;
height: 160px;
object-fit: cover;
}
.event-card-content {
padding: 15px;
}
.event-card h3 {
margin: 0;
font-size: 16px;
}
.event-date {
font-weight: bold;
color: #0085ad;
font-size: 13px;
text-transform: uppercase;
}
/* --- Bloc Menu & Preview --- */
.sglb-menu-box {
margin-top: 30px;
}
.menu-preview {
background: #f8f9fa;
border: 2px dashed #0085ad;
/* Bordure en pointillés pour rappeler le document */
border-radius: 15px;
margin-bottom: 15px;
overflow: hidden;
min-height: 200px;
/* Hauteur minimum pour garder la structure */
display: flex;
align-items: center;
justify-content: center;
}
.pdf-preview-img {
width: 100%;
height: auto;
display: block;
}
/* Style de l'icône de remplacement si pas d'image */
.pdf-fallback {
text-align: center;
padding: 20px;
color: #0085ad;
}
.pdf-fallback .dashicons {
font-size: 60px;
width: 60px;
height: 60px;
margin-bottom: 10px;
opacity: 0.5;
}
.pdf-fallback p {
margin: 0;
font-weight: bold;
font-size: 14px;
}
/*----------------------------------------
PAGE ARCHIVE ANNUAIRE
----------------------------------------*/
/* Grille de l'archive */
.sglb-listing-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: 25px;
padding: 40px 0;
}
/* La Carte */
.sglb-card {
background: #fff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.3s ease, border-color 0.3s ease;
border: 2px solid transparent;
}
/* Style de la carte mise en avant (comme ton 1er visuel) */
.sglb-card.is-featured {
border-color: #0085ad;
box-shadow: 0 8px 25px rgba(0,133,173,0.15);
}
.sglb-card:hover { transform: translateY(-5px); }
/* Image et Badges */
.card-image { position: relative; height: 200px; }
.card-image img { width: 100%; height: 100%; object-fit: cover; }
.badge-cat {
position: absolute;
top: 15px;
left: 15px;
background: #1e3799;
color: #fff;
padding: 4px 15px;
border-radius: 10px;
font-size: 12px;
font-weight: 600;
}
.card-watermark {
position: absolute;
top: 15px;
right: 15px;
color: rgba(255,255,255,0.9);
font-weight: bold;
font-size: 14px;
}
/* Corps de la carte */
.card-body { padding: 20px; }
.card-body h3 {
margin: 0 0 10px;
color: #003366;
font-size: 20px;
}
.card-address {
font-size: 15px;
color: #333;
margin-bottom: 20px;
min-height: 44px; /* Pour aligner les badges si adresses courtes */
}
.badge-region {
display: inline-block;
background: #ff7675; /* Couleur saumon de ton visuel */
color: #fff;
padding: 4px 15px;
border-radius: 10px;
font-size: 12px;
font-weight: bold;
}
/* Filtres */
.sglb-filters { background: #f8f9fa; padding: 20px; border-radius: 15px; margin-bottom: 20px; }
.filter-form { display: flex; gap: 15px; }
.filter-form select { padding: 10px; border-radius: 10px; border: 1px solid #ddd; flex: 1; }
.btn-filter { background: #0085ad; color: #fff; border: none; padding: 10px 25px; border-radius: 10px; cursor: pointer; }
/* --- Recherche & Filtres --- */
.sglb-filters-box { background: #fff; padding: 25px; border-radius: 20px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); margin-bottom: 30px; }
.sglb-filter-form { display: flex; gap: 15px; flex-wrap: wrap; }
.search-input-wrapper { flex: 2; min-width: 250px; }
.search-input-wrapper input { width: 100%; padding: 12px 20px; border-radius: 30px; border: 1px solid #ddd; background: #f9f9f9; }
.select-wrapper { flex: 2; display: flex; gap: 10px; }
.select-wrapper select { flex: 1; padding: 12px; border-radius: 30px; border: 1px solid #ddd; }
.btn-search-submit { background: #0085ad; color: #fff; border: none; padding: 0 30px; border-radius: 30px; font-weight: bold; cursor: pointer; }
/* --- Barre de Filtres --- */
.sglb-filters-container {
background: #fff;
padding: 20px;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0,0,0,0.05);
margin-bottom: 30px;
margin-top: 30px;
}
.sglb-search-form {
display: flex;
gap: 15px;
flex-wrap: wrap;
align-items: center;
}
.search-field { flex: 2; min-width: 200px; }
.search-field input {
width: 100%;
padding: 12px 20px;
border-radius: 30px;
font-size: 15px !important;
border: 1px solid #eee;
background: #fdfdfd;
}
.selectors { flex: 2; display: flex; gap: 10px; }
.selectors select {
flex: 1;
font-size: 15px !important;
padding: 12px;
border-radius: 30px;
border: 1px solid #eee;
}
.filter-actions { display: flex; gap: 10px; }
.btn-submit {
background: #0085ad;
color: #fff;
border: none;
font-size: 15px !important;
padding: 12px 30px;
border-radius: 30px;
font-weight: bold;
cursor: pointer;
}
/* Bouton Réactualiser */
.btn-reset {
display: flex;
align-items: center;
justify-content: center;
width: 45px;
height: 45px;
background: #f1f1f1;
color: #666;
border-radius: 50%;
text-decoration: none;
transition: all 0.4s ease;
}
.btn-reset:hover {
background: #0085ad;
color: #fff;
transform: rotate(180deg);
}
/* --- Cartes sans photos --- */
.sglb-card.no-photo .card-inner {
padding-top: 10px;
}
.sglb-card.no-photo .card-body h3 {
font-size: 22px; /* Un peu plus grand si pas d'image */
}
/* --- Pagination stylisée --- */
.sglb-pagination-nav {
margin: 50px 0;
text-align: center;
}
.sglb-pagination-nav ul {
display: inline-flex;
list-style: none;
padding: 0;
gap: 10px;
}
.sglb-pagination-nav li a,
.sglb-pagination-nav li span {
padding: 12px 20px;
border: 2px solid #0085ad;
border-radius: 10px;
color: #0085ad;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
}
.sglb-pagination-nav li span.current {
background: #0085ad;
color: #fff;
}
.sglb-pagination-nav li a:hover {
background: #eef9ff;
transform: translateY(-2px);
}
/* --- Mise en page de l'Agenda --- */
.sglb-event-page { background: #f9f9f9; padding-bottom: 50px; }
.sglb-event-hero { width: 100%; max-height: 500px; overflow: hidden; background: #000; }
.sglb-event-hero img { width: 100%; height: 500px; object-fit: cover; opacity: 0.9; }
.sglb-event-grid {
display: flex;
gap: 40px;
margin-top: -50px; /* Chevauchement sur l'image hero */
position: relative;
}
.sglb-event-main {
flex: 2;
background: #fff;
padding: 40px;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.sglb-event-sidebar { flex: 1; }
/* Barre d'infos rapides */
.event-meta-bar {
display: flex;
justify-content: space-between;
background: #f1f8fb;
padding: 20px;
border-radius: 10px;
margin: 30px 0;
}
.meta-item { display: flex; align-items: center; gap: 15px; }
.meta-item .dashicons { font-size: 30px; width: 30px; height: 30px; color: #0085ad; }
.meta-text strong { display: block; font-size: 12px; text-transform: uppercase; color: #888; }
.meta-text span { font-size: 16px; font-weight: bold; color: #333; }
/* Bouton réservation */
.btn-booking {
display: block;
background: #0085ad;
color: #fff;
text-align: center;
padding: 20px;
border-radius: 10px;
font-size: 18px;
font-weight: bold;
text-decoration: none;
transition: transform 0.3s;
margin-bottom: 20px;
}
.btn-booking:hover { transform: translateY(-3px); background: #006b8d; }
/* --- Mise en page Agenda Style Capture --- */
.sglb-container-event {
max-width: 1200px;
margin: 40px auto;
padding: 0 20px;
}
/* Image Hero arrondie */
.event-hero-banner img {
width: 100%;
height: auto;
border-radius: 30px; /* Bords arrondis comme sur la photo */
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.event-breadcrumb {
margin: 20px 0;
font-size: 14px;
color: #0085ad;
}
.event-breadcrumb a { text-decoration: none; color: #0085ad; }
/* Layout Flex */
.event-content-layout {
display: flex;
gap: 60px;
margin-top: 30px;
}
.event-main-col { flex: 2; }
.event-sidebar-info { flex: 1; min-width: 300px; }
/* Typo */
.event-page-title {
font-size: 42px;
font-weight: 800;
color: #1a3b6d;
line-height: 1.1;
margin-bottom: 10px;
text-transform: uppercase;
}
.event-cat-label { color: #888; font-size: 14px; margin-bottom: 30px; }
.event-cat-label span { color: #0085ad; font-weight: bold; }
/* Sidebar Items */
.info-row {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 35px;
}
.info-icon {
background: #1a3b6d;
color: #fff;
width: 50px;
height: 50px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.info-icon .dashicons { font-size: 24px; width: 24px; height: 24px; }
.info-text strong {
display: block;
font-size: 16px;
color: #1a3b6d;
margin-bottom: 5px;
}
.info-text p {
margin: 0;
color: #555;
line-height: 1.4;
font-size: 15px;
}
/* Bouton Réservation Bleu */
.btn-event-booking {
display: inline-block;
background: #0085ad;
color: #fff;
padding: 12px 40px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
font-size: 16px;
transition: all 0.3s ease;
}
.btn-event-booking:hover {
background: #1a3b6d;
transform: translateY(-2px);
}
/* ===============================================================
Complement annuaire home-page
===================================================================*/
/* Empêche tout dépassement du module */
.sglb-annuaire-full-width {
width: 100% !important;
overflow: hidden !important; /* Cache ce qui dépasse du container Divi */
position: relative;
padding: 10px 0; /* Évite que les ombres portées soient coupées */
}
/* Le container Swiper doit aussi être hermétique */
.swiper-container-annuaire {
width: 100% !important;
overflow: hidden !important;
position: relative;
}
/* On s'assure que les fiches ne sortent pas en mode statique */
.sglb-grid-wrapper {
display: grid !important;
width: 100%;
overflow: hidden;
grid-auto-flow: column;
}
/* Définition des colonnes pour occuper toute la largeur */
.sglb-grid-cols-1 .sglb-grid-wrapper { grid-template-columns: 1fr; }
.sglb-grid-cols-2 .sglb-grid-wrapper { grid-template-columns: repeat(2, 1fr); }
.sglb-grid-cols-3 .sglb-grid-wrapper { grid-template-columns: repeat(3, 1fr); }
/* Responsive : On repasse en colonne sur mobile */
@media (max-width: 767px) {
.sglb-grid-wrapper {
grid-template-columns: 1fr !important;
grid-auto-flow: row;
}
}
/* Style des flèches Swiper */
.swiper-container-annuaire .swiper-button-next,
.swiper-container-annuaire .swiper-button-prev {
color: #fff;
background: #1e398c;
width: 35px;
height: 35px;
border-radius: 50%;
}
.swiper-container-annuaire .swiper-button-next:after,
.swiper-container-annuaire .swiper-button-prev:after {
font-size: 14px;
}
/* ================================================================
ARCHIVE ÉVÉNEMENTS - DESIGN FINAL FUSIONNÉ
================================================================ */
/* --- 1. NETTOYAGE DIVI (Suppression du trait vertical à droite) --- */
.archive.post-type-archive-sglb_event #main-content .container:before {
display: none !important;
}
.archive.post-type-archive-sglb_event #left-area {
width: 100% !important;
float: none !important;
padding-right: 0 !important;
border-right: none !important;
}
/* --- 2. SECTION HERO (Centré, Fond Bleu #1e398c, Texte Jaune #fbbd2c) --- */
.sglb-event-archive-hero {
position: relative;
background-image: url('https://sglb-bis.ranking.re/wp-content/uploads/2026/03/evenement-cover.webp'); /* À remplacer par ton URL */
background-size: cover;
background-position: center;
padding-top : 45px;
padding-bottom: 100px;
text-align: center;
color: #fff;
margin-bottom: 50px;
overflow: hidden;
}
/* Superposition du fondu bleu #1e398c */
.sglb-event-archive-hero::before {
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
background-color: rgba(30, 57, 140, 0.85); /* #1e398c avec opacité */
z-index: 1;
}
.sglb-event-archive-hero .container {
position: relative;
z-index: 2; /* Pour rester au-dessus du bleu */
}
.sglb-event-archive-hero h1 {
font-size: 52px;
font-weight: 900;
text-transform: uppercase;
color: #fff !important;
margin-bottom: 15px;
text-align: center;
}
/* Description en jaune #fbbd2c */
.sglb-event-archive-hero p {
font-size: 20px;
color: #fbbd2c !important;
max-width: 100%;
margin: 0 auto;
line-height: 1.6;
text-align: center;
}
/* --- 3. GRILLE DE 3 CARTES PAR LIGNE --- */
.sglb-event-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* Passage à 3 colonnes */
gap: 30px;
margin-bottom: 60px;
}
/* --- 4. STYLE DES CARTES (Design Capture 17.16.03) --- */
.sglb-event-card {
background: #fff;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.08);
transition: transform 0.3s ease;
}
.sglb-event-card:hover {
transform: translateY(-5px);
}
.card-link {
text-decoration: none;
display: block;
}
/* Image et badges */
.card-image {
position: relative;
height: 200px; /* Légèrement plus grand pour 3 colonnes */
}
.card-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.card-badge {
position: absolute;
top: 15px;
left: 15px;
background: #e9bc46; /* Jaune de la capture */
color: #000;
padding: 5px 15px;
border-radius: 20px;
font-size: 12px;
font-weight: bold;
}
.card-icon-pin {
position: absolute;
bottom: 15px;
left: 15px;
color: #e57e7e; /* Rose/Rouge icône */
}
/* Contenu texte de la carte */
.card-content {
padding: 20px;
}
.card-title {
font-size: 19px;
color: #2e4a8d; /* Bleu titre */
font-weight: 700;
margin-bottom: 12px;
line-height: 1.3;
/* height: 48px; Maintient l'alignement sur 2 lignes */
overflow: hidden;
}
.card-time-row {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.card-date {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #333;
}
.card-hours {
font-size: 16px;
color: #888;
}
.card-location {
font-size: 16px;
color: #333333;
margin: 0;
font-weight: 500;
}
/*---------------------------
Shortcodes Agenda
--------------------*/
.home-agenda-section {
display: flex;
gap: 20px;
align-items: stretch;
margin: 40px 0;
}
/* Bloc d'intro rouge/orange */
.agenda-intro-card {
flex: 0 0 280px;
background: linear-gradient(135deg, #f07d61, #f4a261);
border-radius: 15px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #fff;
}
.intro-title { font-size: 32px; font-weight: 800; margin-bottom: 15px; color: #fff !important; }
.intro-text { font-size: 15px; line-height: 1.5; opacity: 0.9; }
/* Navigation Slider */
.agenda-slider-nav { display: flex; gap: 10px; }
.swiper-button-prev-custom, .swiper-button-next-custom {
width: 40px; height: 40px; border: 2px solid #fff; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
cursor: pointer; transition: 0.3s;
}
.swiper-button-prev-custom:hover, .swiper-button-next-custom:hover { background: #fff; color: #f07d61; }
/* Conteneur du Slider */
.agenda-slider-wrapper { flex: 1; overflow: hidden; }
/* Style spécifique pour les fiches annuaires de la Home */
.sglb-listing-card {
background: #fff;
border-radius: 12px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
overflow: hidden;
}
.card-badge-top {
position: absolute;
top: 10px;
left: 10px;
background: #1e398c; /* Bleu de ton Hero */
color: #fff;
padding: 4px 12px;
font-size: 11px;
border-radius: 4px;
font-weight: 600;
}
.listing-cat-badge {
display: inline-block;
background: #f07d61; /* Rouge/Orange de la section Agenda */
color: #fff;
padding: 3px 10px;
font-size: 11px;
border-radius: 4px;
margin-top: 5px;
}
.sglb-listing-card .card-title {
font-size: 16px;
color: #1E398C;
margin-bottom: 5px;
}
.card-badge-top {
position: absolute;
top: 15px;
left: 15px;
color: #fff;
padding: 5px 15px;
border-radius: 20px;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
z-index: 2;
}
/* --- 5. RESPONSIVE --- */
@media (max-width: 1024px) {
.sglb-event-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.sglb-event-grid { grid-template-columns: 1fr; }
}
.sglb-news-container {
display: flex;
gap: 30px;
margin: 40px 0;
}
/* Partie gauche (Grand article) */
.news-featured { flex: 1.5; }
.news-featured-img {
position: relative;
height: 450px;
border-radius: 15px;
overflow: hidden;
}
.news-featured-img img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.news-featured-link:hover img { transform: scale(1.05); }
.news-featured-overlay {
position: absolute;
bottom: 0; left: 0; width: 100%;
padding: 30px;
background: linear-gradient(transparent, rgba(0,0,0,0.85));
color: #fff;
}
.news-featured-title { font-size: 24px; font-weight: 700; color: #fff !important; margin-bottom: 10px; }
.news-featured-excerpt { font-size: 14px; opacity: 0.9; margin: 0; }
/* Partie droite (Liste) */
.news-list-sidebar { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.news-list-item a { display: flex; gap: 15px; text-decoration: none; color: inherit; align-items: center; }
.news-item-thumb { flex: 0 0 100px; height: 100px; border-radius: 10px; overflow: hidden; }
.news-item-thumb img { width: 100%; height: 100%; object-fit: cover; }
.news-item-title { font-size: 16px; font-weight: 700; color: #1e398c; margin: 0 0 5px; line-height: 1.3; }
.news-item-excerpt { font-size: 13px; color: #666; margin: 0; line-height: 1.4; }
/* Responsive */
@media (max-width: 980px) {
.sglb-news-container { flex-direction: column; }
.news-featured-img { height: 350px; }
}
/* --- RESPONSIVE --- */
/* Mobile */
@media (max-width: 980px) {
.event-content-layout { flex-direction: column; }
.event-sidebar-info { order: -1; } /* Sidebar au dessus sur mobile */
.sglb-event-grid { grid-template-columns: repeat(2, 1fr); }
.sglb-content-layout {
flex-direction: column;
}
.sglb-event-grid {
grid-template-columns: 1fr;
}
.home-agenda-section { flex-direction: column; }
.agenda-intro-card { flex: 1; }
}