/*
Theme Name: Saint-Michel Bédée
Theme URI: https://www.ecolesaintmichelbedee.com/
Author: École Saint-Michel
Description: Thème à blocs pour l’école Saint-Michel à Bédée, inspiré de la maquette validée.
Version: 1.2.0
Requires at least: 6.7
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: saint-michel-bedee
*/

:root{--bleu:#203b70;--encre:#172c4e;--jaune:#ffda63;--rose:#ffabb8;--fond:#f4f7fb;--ligne:#d9e1ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--encre);background:#fff;font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #a24800;outline-offset:4px}img{max-width:100%;height:auto}p{margin:0 0 18px}.wp-site-blocks{overflow:hidden}.site-wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.site-top{background:var(--bleu);color:#fff;font-size:14px;padding:9px 0}.site-top .site-wrap{display:flex;justify-content:space-between;gap:20px}.site-header{padding:18px 0}.site-header .site-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.site-header .wp-block-navigation{font-size:15px;font-weight:650}.site-logo img{width:175px;max-height:95px;object-fit:contain}.site-footer{background:#142a51;color:#e3eaf5;font-size:14px;padding:28px 0}.site-footer .site-wrap{display:flex;justify-content:space-between;gap:20px}
.hero{background:var(--fond);padding:66px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:50px}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:750;color:#476088;margin:0 0 15px}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(42px,4.5vw,65px);line-height:1.12;letter-spacing:-1.9px;margin:0 0 25px}.hero h1 em{font-style:normal;box-shadow:inset 0 -13px var(--jaune)}.lead{font-size:18px;max-width:490px;color:#4f607a;margin-bottom:29px}.hero-art{position:relative;padding:14px 0 25px}.hero-art img{width:100%;height:355px;object-fit:cover;border-radius:100px 12px 100px 12px}.hero-art .art-caption{position:absolute;bottom:0;left:24px;background:#fff;box-shadow:0 10px 30px #203b7014;padding:17px 24px;border-radius:10px;font-size:15px}.wp-block-button__link{border-radius:8px;padding:14px 23px;font-weight:650}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid var(--ligne);padding-top:25px;padding-bottom:25px}.quick a{border-right:1px solid var(--ligne);padding:12px 18px;font-size:16px;font-weight:650}.quick a:last-child{border:0}.quick a:hover{color:var(--bleu)}.home-section{padding:74px 0}.home-section h2,.content-area h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(31px,3vw,42px);line-height:1.2;letter-spacing:-.7px;margin:0 0 20px}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:74px;align-items:center}.school-photo img{width:100%;height:280px;object-fit:cover;border-radius:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.cycle{border-left:3px solid var(--jaune);padding-left:18px}.cycle:nth-child(2){border-color:var(--rose)}.cycle h3{font-size:18px;margin:0 0 8px}.cycle p{font-size:15px;color:#586781}.news-section{background:var(--fond)}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.news-card{background:#fff;border:1px solid #e1e7f0;border-top:9px solid var(--jaune);border-radius:12px;padding:25px}.news-card:nth-child(2){border-top-color:var(--rose)}.news-card:nth-child(3){border-top-color:#9299d4}.news-card h3{font-size:21px;line-height:1.35;margin:12px 0}.news-card .wp-block-post-date{font-size:14px;color:#64718b}.news-card .wp-block-post-excerpt{font-size:16px;color:#51617b}.practical{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.info-box{background:var(--bleu);color:#fff;border-radius:12px;padding:34px}.info-box h3{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0 0 16px}.info-box p{color:#dbe4f5}.practical-links{border-top:1px solid var(--ligne)}.practical-links p{border-bottom:1px solid var(--ligne);padding:18px 0;margin:0;font-weight:650}.community{padding-top:0}.community-panel{background:#fff3cc;border-radius:12px;padding:36px}.community-panel h2{font-size:30px}.contact{background:var(--bleu);color:#fff;padding:65px 0}.contact .eyebrow{color:#cbd9f1}.contact h2{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact p{color:#dbe4f5}.contact a{overflow-wrap:anywhere}.content-area{max-width:800px;margin:0 auto;padding:65px 24px}.content-area .wp-block-post-content a{text-decoration:underline}.content-area .wp-block-post-content{min-height:160px}.entry-list{padding:50px 24px;max-width:900px;margin:auto}.entry-list .wp-block-post-title a{text-decoration:underline}.pending{font-size:14px;color:#556783}.contact .pending{color:#e1e9f6}.site-header .wp-block-navigation__responsive-container.is-menu-open{color:var(--encre);background:#fff}
@media(max-width:960px){.hero-grid{gap:25px}.hero-art img{height:300px}.intro,.practical{gap:35px}.quick{gap:0}.quick a{padding:10px;font-size:14px}.news-grid{gap:15px}.news-card{padding:20px}}
@media(max-width:740px){.site-wrap{padding-left:22px;padding-right:22px}.site-top .site-wrap{justify-content:center}.site-top .site-wrap span{display:none}.site-header .site-wrap{gap:10px}.site-logo img{width:135px;max-height:75px}.hero{padding:38px 0 40px}.hero-grid,.intro,.practical,.contact-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:45px}.hero-art img{height:auto;aspect-ratio:1.55}.quick{grid-template-columns:1fr 1fr;padding-top:16px;padding-bottom:16px}.quick a{border:0;font-size:14px;padding:12px 5px}.home-section{padding:48px 0}.news-grid{grid-template-columns:1fr}.community{padding-top:0}.community-panel{padding:26px}.contact{padding:45px 0}.school-photo img{height:auto}.info-box{padding:26px}.site-footer .site-wrap{flex-direction:column;gap:8px}.hero-art .art-caption{left:15px;padding:12px 18px}}
.wp-block-image{margin:0}.site-top p,.site-footer p,.quick p{margin:0}.news-grid.wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;list-style:none;padding:0;margin:30px 0 0}.news-grid.wp-block-post-template>li{margin:0}.hero .is-style-outline .wp-block-button__link{border-color:var(--bleu);color:var(--bleu)}.site-header .wp-block-navigation a:hover{text-decoration:underline}
@media(max-width:740px){.news-grid.wp-block-post-template{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.site-footer .footer-links{display:block;padding-top:12px}.site-footer .footer-links p{line-height:2.1}.site-footer .footer-links a{text-decoration:underline;text-underline-offset:3px}

/* The post-template flex layout supplied by WordPress sets each li to 33% width.
   Let the grid own the columns so each card fills its grid track. */
.news-grid.wp-block-post-template,
.news-grid.wp-block-post-template.is-flex-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
.news-grid.wp-block-post-template>li,
.news-grid.wp-block-post-template.is-flex-container>li{width:auto!important;max-width:none!important;min-width:0!important;flex:none!important;margin:0!important}
.news-grid.wp-block-post-template>li>.news-card{height:100%;min-width:0;overflow-wrap:break-word}
.news-grid.wp-block-post-template>li:nth-child(2)>.news-card{border-top-color:var(--rose)}
.news-grid.wp-block-post-template>li:nth-child(3)>.news-card{border-top-color:#9299d4}
.news-card .wp-block-post-title{overflow-wrap:normal;word-break:normal;hyphens:auto}
.news-card .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
@media(max-width:920px){.news-grid.wp-block-post-template,.news-grid.wp-block-post-template.is-flex-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.news-grid.wp-block-post-template,.news-grid.wp-block-post-template.is-flex-container{grid-template-columns:minmax(0,1fr)!important}}