/*
Theme Name: Elligy Light
Description: Reconstruction indépendante Elligy, sans constructeur de pages ni thème commercial.
Version: 1.0.0
Requires PHP: 8.3
License: GPL-2.0-or-later
*/
:root{--gold:#cb9832;--green:#316865;--ink:#444}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:#686868;font:300 15px/1.6 'Open Sans',Arial,sans-serif}a{color:inherit}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1170px,calc(100% - 48px));margin:auto}.site-header{position:sticky;top:0;background:#fff;z-index:20;border-bottom:1px solid #eee}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{width:170px;height:70px;object-fit:contain}.nav{display:flex;gap:28px}.nav a{text-decoration:none;font-size:14px;font-weight:700;color:#333}.nav a:hover,.nav a:focus{color:var(--gold)}.menu-toggle{display:none}.hero{position:relative;background:#f2f5f4}.slide{display:none;position:relative;aspect-ratio:1920/850;overflow:hidden}.slide.active{display:block}.slide>img{width:100%;height:100%;object-fit:cover}.slide h1,.slide h2{position:absolute;top:7%;left:8%;width:84%;text-align:center;color:var(--green);font-size:clamp(24px,3.4vw,50px);line-height:1.4;font-weight:500;margin:0}.slide:nth-child(2) h2{top:20%;left:12%;width:45%}.slide:nth-child(3) h2{top:38%}.hero-controls{position:absolute;bottom:18px;left:0;right:0;display:flex;justify-content:center;gap:10px}.hero-controls button,.arrow{border:0;background:#fff;color:var(--green);padding:6px 12px;border-radius:20px}.hero-controls button[aria-pressed=true]{background:var(--green);color:#fff}.arrow{position:absolute;top:50%;font-size:25px}.prev{left:15px}.next{right:15px}section.content-section{padding:85px 0}section h2.section-title{text-align:center;font-size:36px;color:var(--ink);font-weight:300;margin:0 0 55px;text-transform:uppercase}section h2.section-title:after{content:'';display:block;width:60px;height:2px;background:var(--gold);margin:20px auto}.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.domain-icon{display:inline-grid;place-items:center;background:#f4f4f4;color:var(--gold);width:80px;height:80px;border-radius:50%;font-size:32px}.domain-grid h3{font-size:18px;line-height:1.5;color:#444}.services{background:#eff3f2}.intro{text-align:center;font-size:24px;line-height:1.5;max-width:950px;margin:-20px auto 55px;font-weight:300;color:#444}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.service{display:flex;align-items:center;gap:24px;color:#444}.service img{width:70px;height:70px;object-fit:contain}.service h3{font-size:18px}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:35px}.filters button{border:1px solid #ddd;background:#fff;padding:9px 15px;color:#555}.filters button[aria-pressed=true]{color:#fff;background:var(--gold);border-color:var(--gold)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.project{margin:0;text-align:center;border:1px solid #eee}.project[hidden]{display:none}.project a{display:block;text-decoration:none}.project img{width:100%;aspect-ratio:1.3;object-fit:contain;background:#fafafa}.project figcaption{padding:12px}.project h3{font-size:15px;line-height:1.4;margin:0;color:#444}.project p{font-size:12px;margin:6px 0}.blog{background:#f9f9f9;text-align:center}.contact{background:linear-gradient(#000b,#000b),url('assets/parallax-contact.jpg') center/cover;color:white}.contact h2.section-title{color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h3{font-size:24px;font-weight:300}.contact a{color:white}.contact label{display:block;margin-bottom:15px}.contact input,.contact textarea,.contact select{display:block;width:100%;padding:10px;border:1px solid #aaa;background:#fff;color:#333;border-radius:0}.contact textarea{min-height:120px}.submit{background:var(--gold);border:0;color:#fff;padding:12px 30px}.honeypot{position:absolute;left:-10000px}.notice{padding:12px;border:1px solid currentColor}.map-link{text-align:center;padding:25px;background:#f4f4f4}.site-footer{text-align:center;padding:30px;font-size:13px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:99;background:white;padding:10px}.page-content{min-height:50vh;padding:60px 0}.pause{font-size:12px}@media(max-width:900px){.nav{gap:12px}.domain-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.header-inner{min-height:85px}.logo img{width:140px}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.menu-toggle{display:block;padding:8px;background:white;border:1px solid #ccc}.nav{display:none;position:absolute;top:85px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.nav.open{display:flex}.slide{aspect-ratio:1.3}.slide h1,.slide h2{font-size:23px;top:10%}.slide:nth-child(2) h2{left:8%;width:84%;top:12%}.slide:nth-child(3) h2{top:35%}.domain-grid,.service-grid,.contact-grid{grid-template-columns:1fr}.portfolio-grid{gap:10px}section.content-section{padding:55px 0}section h2.section-title{font-size:28px}.intro{font-size:20px}.contact-grid{gap:25px}.arrow{top:65%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
