/*
Theme Name: Jésus Notre Sauveur — Lumière Céleste
Author: Jésus Notre Sauveur
Description: Thème chrétien coloré, avec accueil, prières, Bible, témoignages et contact.
Version: 1.1
Text Domain: jesus-notre-sauveur
*/
/* Theme Name: Jésus Notre Sauveur — Bleu Ciel
Author: Création personnalisée
Version: 2.0
Description: Thème chrétien bleu ciel et blanc. */
:root{--blue:#2674ac;--navy:#163c61;--sky:#eaf7ff;--pale:#f5fbff;--line:#dcecf6;--text:#35516b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:16px/1.8 'Segoe UI',Arial,sans-serif}a{color:var(--blue)}.wrap{max-width:1120px;margin:auto;padding:0 24px}.top{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);box-shadow:0 6px 24px #1c6b9a0b}.bar{max-width:1180px;margin:auto;padding:13px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--navy);font-weight:800;line-height:1.25;letter-spacing:-.4px}.brand .mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e4f4ff;color:var(--blue);font-size:27px}.brand small{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:#6697b9;text-transform:uppercase}.nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.nav a{font-size:13px;text-decoration:none;color:#486983;padding:9px 11px;border-radius:22px;font-weight:600}.nav a:hover,.nav a.active{background:var(--sky);color:var(--blue)}.hero{position:relative;overflow:hidden;min-height:610px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(232,247,255,.97) 0%,rgba(232,247,255,.92) 38%,rgba(232,247,255,.40) 68%),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=1800&q=85') center/cover}.hero-inner{position:relative;z-index:1;max-width:1180px;width:100%;margin:auto;padding:88px 24px}.hero-content{max-width:680px}.kicker{display:inline-block;color:#2879af;background:#fff9;border:1px solid #c7e7fa;padding:6px 15px;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;color:var(--navy);line-height:1.2}h1{font-size:clamp(46px,6.6vw,83px);letter-spacing:-2px;margin:24px 0}h2{font-size:clamp(30px,4vw,45px);margin:12px 0 18px}h3{font-size:23px;margin:12px 0}.hero p{font-size:19px;max-width:580px;color:#4b708b}.btn{display:inline-block;background:var(--blue);color:#fff;border:1px solid var(--blue);padding:13px 23px;border-radius:30px;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer;margin:10px 9px 0 0;box-shadow:0 9px 22px #2878aa28}.btn.outline{background:#fff9;color:var(--blue);box-shadow:none}.btn:hover{filter:brightness(.93)}.hero-quote{margin-top:45px;padding-left:20px;border-left:3px solid #6ab3df;color:#436c8c;font-family:Georgia,serif;font-style:italic}.hero-quote span{display:block;font:12px 'Segoe UI',sans-serif;margin-top:7px}.section{padding:85px 0}.center{text-align:center}.center .intro{margin:0 auto 35px;max-width:680px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:3px;color:#4691c1}.intro{color:#647f93;font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);background:white;border-radius:18px;padding:32px;box-shadow:0 14px 40px #164c700d}.card .ico{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:var(--sky);font-size:27px;margin-bottom:20px}.card p{color:#678197}.card a{font-weight:700;text-decoration:none}.soft{background:var(--pale)}.verse{background:linear-gradient(120deg,#dff3ff,#f7fcff);padding:80px 20px;text-align:center}.verse blockquote{font:italic clamp(24px,3vw,37px)/1.5 Georgia,serif;color:var(--navy);max-width:790px;margin:20px auto}.verse cite{font-style:normal;color:#428ab9;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.photo{min-height:390px;border-radius:22px;background:linear-gradient(180deg,#e6f6ff22,#0b5b9a35),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1000&q=85') center/cover;box-shadow:0 25px 60px #1b5c8720}.pagehead{background:linear-gradient(120deg,#e7f6ff,#f9fdff);padding:73px 24px;text-align:center}.pagehead h1{font-size:clamp(37px,5vw,59px);margin:15px 0}.pagehead p{max-width:650px;margin:auto}.page{display:none}.page.active{display:block}.prose{max-width:830px;margin:auto}.prose p{font-size:17px}.prose .card{margin:20px 0}.prayer{padding:28px;border-left:4px solid #70b9e4;background:#f5fbff;border-radius:0 14px 14px 0;margin:22px 0 35px}.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:34px;align-items:start}.contact-grid .card{height:100%}label{display:block;font-weight:700;color:var(--navy);margin:15px 0 6px}input,select,textarea{width:100%;border:1px solid #cbdfea;background:#fcfeff;border-radius:10px;padding:13px 14px;font:inherit;color:var(--navy)}textarea{min-height:135px;resize:vertical}.note{font-size:13px;color:#617f96;background:#f1f9ff;border-radius:10px;padding:13px;margin-top:15px}footer{background:#153e61;color:#d4e8f6;text-align:center;padding:44px 20px}footer strong{color:#fff;font-family:Georgia,serif;font-size:22px}footer p{margin:8px 0}footer a{color:#c9eaff}@media(max-width:880px){.bar{flex-direction:column}.nav{justify-content:center}.hero{min-height:540px}.cards,.split,.contact-grid{grid-template-columns:1fr}.photo{min-height:280px}}@media(max-width:520px){.nav a{font-size:11px;padding:6px}.hero-inner{padding:65px 22px}.section{padding:60px 0}.card{padding:23px}h1{letter-spacing:-1px}}


/* Édition Lumière — refinement */
:root{--blue:#286f9f;--navy:#173954;--sky:#e9f5fb;--pale:#f7fbfd;--line:#e0edf4;--text:#405e72;--accent:#e8bc76}
body{font-family:'Segoe UI',Arial,sans-serif;background:#fdfefe;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.025em}
.top{backdrop-filter:blur(18px);background:#ffffffed;border-bottom:1px solid #dceaf1;box-shadow:0 8px 32px #163a5310}
.brand .mark{background:linear-gradient(145deg,#d4eefb,#f8fcff);border:1px solid #c9e6f4;box-shadow:0 5px 16px #195b8620}
.nav a{transition:background .2s,color .2s}.nav a:hover{background:#e3f2f9}
.hero{min-height:690px;background:linear-gradient(90deg,rgba(232,247,253,.98) 0%,rgba(232,247,253,.91) 37%,rgba(232,247,253,.23) 78%),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=2200&q=90') center/cover}
.hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:95px;background:linear-gradient(0deg,#fdfefe,transparent);pointer-events:none}
.hero-content{background:linear-gradient(100deg,#ffffff40,transparent);border-radius:26px}
.hero h1{font-size:clamp(51px,6.5vw,88px);line-height:1.09;text-wrap:balance;color:#173c5b;text-shadow:0 1px 0 #ffffff99}
.kicker,.eyebrow{color:#377eaa;letter-spacing:2.4px}
.kicker{border:1px solid #c2e4f2;background:#ffffffd9;box-shadow:0 5px 24px #285f7c0c}
.btn{border-radius:100px;padding:15px 27px;background:linear-gradient(120deg,#256d9d,#3c92bc);border:0;box-shadow:0 12px 27px #256e9d33;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #256e9d40;filter:none}.btn.outline{background:#ffffffc9;border:1px solid #a9d4e8;color:#246e9e}
.section{padding:104px 0}.section h2{font-size:clamp(34px,4.2vw,52px)}
.cards{gap:25px}.card{border:1px solid #e2eef5;border-radius:24px;padding:37px;background:linear-gradient(155deg,#fff,#fbfdff);box-shadow:0 18px 55px #1e55700e;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 22px 58px #1e55701b}
.card .ico{background:linear-gradient(145deg,#e4f4fc,#f3faff);border:1px solid #d8ecf5;border-radius:19px;width:62px;height:62px}
.soft{background:linear-gradient(150deg,#f0f9fd,#fafcfe)}
.verse{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,#ffffffbb,transparent 35%),linear-gradient(115deg,#dceff9,#edf8fd 55%,#f8fcfe);padding:100px 24px}
.verse:before{content:'✦';position:absolute;top:18px;left:8%;font-size:72px;color:#b5dceb55}.verse blockquote{font-size:clamp(27px,3.4vw,42px);line-height:1.45}
.photo{border-radius:28px;box-shadow:0 30px 70px #1b5c8725;border:8px solid #fff}
.pagehead{background:radial-gradient(circle at 80% 10%,#fff,transparent 40%),linear-gradient(120deg,#e4f4fc,#f9fdff);padding:90px 24px;border-bottom:1px solid #e4f0f7}
.prose{line-height:1.95}.prayer{border-color:#8fc5e3;background:#f0f8fd;border-radius:0 18px 18px 0}
input,select,textarea{background:#fff;border:1px solid #c9e1ee;outline-color:#4c9ac1;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#65acd0;box-shadow:0 0 0 4px #cceafa70}
footer{background:linear-gradient(140deg,#173b58,#0e2d48);padding:62px 20px}
@media(max-width:650px){.hero{min-height:570px;background-position:62% center}.hero h1{font-size:clamp(44px,10vw,62px)}.section{padding:70px 0}.hero:after{height:50px}}


/* Theme Name: Jésus-Christ Notre Sauveur — Lumière Céleste
Author: Création personnalisée
Version: 4.0
Description: Site chrétien coloré, bleu royal, turquoise, violet et or. */
:root{--blue:#3155cb;--navy:#171b60;--sky:#bcefff;--pale:#eaf6ff;--line:#b4c7fa;--gold:#ffd475}
body{background:#eaf1ff!important;color:#192453!important;font-family:system-ui,-apple-system,Segoe UI,sans-serif!important}
.top{background:linear-gradient(110deg,#171a62,#3444b0 48%,#087cba)!important;box-shadow:0 8px 35px #161d5d33!important;position:sticky;top:0;z-index:100}
.brand,.brand small,.nav a{color:white!important}.mark{color:#ffe18d!important}.nav a:hover,.nav a.active{background:#ffffff29!important;color:#ffdc8a!important}
.hero{background:linear-gradient(110deg,#131857df,#3155b6c9 45%,#0a9ac5a8),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?w=1800&q=85') center/cover!important;min-height:620px!important;color:white!important}
.hero:before{content:'✦';position:absolute;right:10%;top:17%;font-size:9rem;color:#ffe1a36b;pointer-events:none}
.hero h1{color:white!important;font-size:clamp(3rem,6vw,5.8rem)!important;text-shadow:0 6px 26px #141c5780!important}
.hero p,.hero .kicker{color:#eefbff!important}.hero .kicker{background:#ffffff25!important;border:1px solid #ffffff55!important;padding:10px 17px;border-radius:40px}
.btn{background:linear-gradient(115deg,#ffc865,#ff9e77)!important;color:#23205c!important;border:0!important;box-shadow:0 10px 28px #19205b35!important;font-weight:800!important}.btn:hover{filter:brightness(1.07);transform:translateY(-2px)}.btn.outline{background:#ffffff20!important;color:white!important;border:1px solid #ffffff88!important}
.hero-quote{background:#ffffff1c!important;border:1px solid #ffffff4d!important;color:white!important;backdrop-filter:blur(8px)}
.section{background:linear-gradient(145deg,#e6f8ff,#dce5ff 50%,#f5e6ff)!important}.section:nth-of-type(even){background:linear-gradient(120deg,#c9efff,#d8d7ff,#f8ddf0)!important}
.section h2,.prose h2{color:#242b86!important}.eyebrow{color:#7552d6!important;font-weight:800!important}
.card{background:linear-gradient(150deg,#ffffffeb,#eaf4ffdf)!important;border:1px solid #b9c5fa!important;box-shadow:0 16px 40px #354ca127!important;border-radius:24px!important;overflow:hidden}
.cards .card:nth-child(1){border-top:7px solid #328be8!important}.cards .card:nth-child(2){border-top:7px solid #b05add!important}.cards .card:nth-child(3){border-top:7px solid #17b6a8!important}
.ico{background:linear-gradient(135deg,#c3eaff,#d5c9ff)!important;border-radius:18px!important}
.card h3{color:#262d89!important}.card a{color:#2854c5!important;font-weight:800!important}
.verse{background:linear-gradient(115deg,#201b70,#5436a3 55%,#148eb7)!important;color:#fff!important;padding:90px 22px!important}.verse blockquote,.verse cite,.verse .eyebrow{color:white!important}
.pagehead{background:linear-gradient(125deg,#24217a,#3654c8 50%,#08a6b7)!important;color:white!important;padding:100px 20px!important}.pagehead h1,.pagehead p,.pagehead .eyebrow{color:white!important}
.photo{background:linear-gradient(45deg,#26379b44,#11a4bc22),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?w=1200&q=85') center/cover!important;border-radius:30px!important;box-shadow:0 20px 45px #242d8b30}
input,textarea,select{background:#f4f9ff!important;border:2px solid #c2cffa!important;border-radius:12px!important;color:#20275b!important}
footer,.footer{background:linear-gradient(110deg,#171957,#30267b,#145b98)!important;color:white!important}footer a,.footer a{color:#c8efff!important}
@media(max-width:800px){.top{position:relative}.hero{min-height:550px!important}.hero:before{font-size:5rem;right:3%;top:4%}.nav{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:8px}.nav a{white-space:nowrap!important}}

/* Version mobile améliorée : menu accessible et sans défilement horizontal */
html,body{width:100%;max-width:100%;overflow-x:clip}
.menu-toggle{display:none}
.top{z-index:9999!important}
.bar{width:100%;max-width:1180px}
.brand{min-width:0}.brand>span:last-child{min-width:0}
.nav a:focus-visible,.menu-toggle:focus-visible,.btn:focus-visible{outline:3px solid #ffdc7e;outline-offset:3px}
@media(max-width:900px){
 .top{position:sticky!important;top:0!important;background:linear-gradient(115deg,#202477,#2657b8 65%,#078eae)!important;box-shadow:0 6px 22px #121f6344!important}
 .bar{position:relative!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;gap:10px!important}
 .brand{flex:1!important;font-size:clamp(13px,3.7vw,19px)!important;color:white!important;letter-spacing:-.3px!important;line-height:1.2!important}
 .brand small{font-size:9px!important;color:#e0f4ff!important;letter-spacing:1px!important;margin-top:3px!important}
 .brand .mark{flex:0 0 42px!important;width:42px!important;height:42px!important}
 .menu-toggle{display:flex!important;flex:0 0 69px;min-height:53px;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #ffffff65;border-radius:14px;background:#ffffff25;color:white;cursor:pointer;padding:6px 10px}
 .menu-toggle>span:not(.menu-label){display:block;width:23px;height:2px;border-radius:4px;background:#fff}
 .menu-toggle .menu-label{font-size:10px;font-weight:800;letter-spacing:.3px;line-height:1.1}
 .nav{display:none!important;position:absolute!important;top:calc(100% + 1px)!important;left:10px!important;right:10px!important;width:auto!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;overflow-x:hidden!important;background:#172969!important;border:1px solid #8cbaff88!important;border-radius:0 0 20px 20px!important;padding:12px!important;box-shadow:0 20px 40px #071b5877!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:5px!important}
 .top.menu-open .nav{display:flex!important}
 .nav a{display:block!important;white-space:normal!important;color:#fff!important;font-size:16px!important;line-height:1.4!important;padding:13px 16px!important;border-radius:11px!important;text-align:left!important;background:#ffffff12!important}
 .nav a.active,.nav a:hover{background:#ffffff30!important;color:#ffe5a2!important}
 .hero{min-height:auto!important;background-position:center!important}
 .hero-inner{padding:62px 20px 68px!important;min-width:0!important}
 .hero-content{width:100%!important;max-width:100%!important;padding:0!important}
 .hero h1{font-size:clamp(37px,9vw,66px)!important;line-height:1.13!important;letter-spacing:-1.2px!important;overflow-wrap:break-word!important}
 .hero p{font-size:clamp(16px,4.3vw,19px)!important;line-height:1.65!important}
 .kicker{font-size:10px!important;letter-spacing:1px!important;line-height:1.6!important;max-width:100%!important;white-space:normal!important}
 .hero .btn{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;width:100%!important;max-width:390px!important;min-height:55px!important;margin:12px 0 0!important;white-space:normal!important}
 .hero-quote{margin-top:30px!important;padding:16px!important;font-size:16px!important}
 .wrap{padding-left:18px!important;padding-right:18px!important}
 .section{padding:60px 0!important}.cards,.split,.contact-grid{grid-template-columns:minmax(0,1fr)!important}
 .card{padding:24px!important;min-width:0!important}.card a,.contact-grid a{overflow-wrap:anywhere}
 .pagehead{padding:60px 20px!important}.pagehead h1{font-size:clamp(32px,8vw,50px)!important;overflow-wrap:break-word!important}
 .verse{padding:64px 18px!important}
}
@media(min-width:901px){.nav{display:flex!important}}