/*
Theme Name: Novas Architecture
Theme URI: https://novasarchitecture1.ma/
Author: Novas Architecture
Description: Thème one-page reproduisant le site Novas Architecture. Contenus modifiables dans Apparence > Personnaliser.
Version: 1.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: novas
*/
/* Les styles principaux sont dans assets/style.css */
.admin-bar .site-header.sticky{top:32px}
@media (max-width:782px){.admin-bar .site-header.sticky{top:46px}}
.page-hero{background:#222931;color:#fff;padding:70px 0 50px}
.page-hero h1{color:#fff;margin:0}
.page-content{padding:60px 0}
.page-content .container{max-width:900px}
.page-content img{max-width:100%;height:auto}
.post-list article{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #eee}
.post-img a{display:block}
.mainnav ul li.current-menu-item>a{color:inherit}
/* ===== Fiches projets (v2) ===== */
.gallery .proj-link{position:absolute;inset:0;z-index:3}
.pj-crumb{padding:34px 0 30px}
.pj-crumb .container{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;font-family:Hind,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:15px;color:var(--dark)}
.pj-crumb a:hover{color:var(--accent)}
.pj-crumb i{font-style:normal;color:#b9bdc2;margin:0 6px}
.pj-crumb strong{color:var(--accent);font-weight:600}
.pj-kicker{display:block;font-family:Hind,sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px}
.pj-bar{display:block;width:60px;height:3px;background:var(--accent);margin:22px 0 30px}
.pj-intro{padding:10px 0 90px}
.pj-intro-grid{display:grid;grid-template-columns:5fr 7fr;gap:60px;align-items:start}
.pj-head{position:sticky;top:120px;padding-left:40px}
.pj-head h1{font-size:clamp(34px,4.4vw,52px);text-transform:uppercase;line-height:1.05}
.pj-cover img{width:100%;aspect-ratio:4/3;object-fit:cover}
.pj-text{margin-top:36px}
.pj-text p{margin-bottom:16px}
.pj-text h4{font-size:18px;margin:30px 0 14px;text-transform:none}
.pj-desc{position:relative;padding-bottom:90px}
.pj-desc-bg{width:68%;min-height:620px;background:var(--dark) center/cover no-repeat;position:relative}
.pj-desc-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,41,49,.92) 0%,rgba(34,41,49,.7) 100%)}
.pj-desc-inner{position:relative;max-width:520px;margin-left:max(16px,calc((100vw - 1200px)/2 + 56px));padding:90px 0}
.pj-desc-inner .pj-kicker{color:rgba(255,255,255,.75)}
.pj-desc h2{font-size:clamp(28px,3.4vw,40px);text-transform:uppercase;margin:0;color:#fff}
.pj-specs{list-style:none}
.pj-specs li{color:#fff;font-size:18px;padding:5px 0}
.pj-specs b{font-weight:600;color:var(--accent)}
.pj-result{position:absolute;right:0;top:110px;width:50%;background:var(--dark);color:rgba(255,255,255,.85);padding:80px max(16px,calc((100vw - 1200px)/2 + 16px)) 80px 8%;min-height:520px}
.pj-result .pj-kicker{color:rgba(255,255,255,.75)}
.pj-result p{margin-bottom:20px}
.pj-points{list-style:none;margin:0 0 10px}
.pj-points li{position:relative;padding:5px 0 5px 34px}
.pj-points li::before{content:"";position:absolute;left:10px;top:16px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.pj-desc-solo .pj-desc-bg{width:100%;min-height:0}
.pj-gallery{padding:40px 0 30px}
.pj-gal-head{max-width:1100px;margin-bottom:10px}
.pj-gal-head h2{font-size:clamp(28px,3.4vw,40px);text-transform:uppercase;margin:0}
.pj-gal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px}
.pj-gal-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;transition:transform .5s}
.pj-gal-grid a{overflow:hidden;display:block}
.pj-gal-grid a:hover img,.pj-cover:hover img{transform:scale(1.04)}
.pj-cover{display:block;overflow:hidden}
.pj-cover img{transition:transform .5s}
.single-projet .contact.section{padding-top:70px}
.lb{position:fixed;inset:0;background:rgba(20,24,29,.94);display:none;align-items:center;justify-content:center;z-index:9999;padding:50px 60px}
.lb.on{display:flex}
.lb img{max-width:100%;max-height:100%;object-fit:contain}
.lb button{position:absolute;background:none;border:0;color:#fff;font-size:44px;cursor:pointer;line-height:1;padding:8px 14px}
.lb-x{top:10px;right:14px}.lb-p{left:8px;top:50%;transform:translateY(-50%)}.lb-n{right:8px;top:50%;transform:translateY(-50%)}
@media (max-width:980px){
  .pj-intro-grid{grid-template-columns:1fr;gap:30px}
  .pj-head{position:static;padding-left:0}
  .pj-desc{padding-bottom:60px}
  .pj-desc-bg{width:100%;min-height:0}
  .pj-desc-inner{margin:0 16px;padding:60px 0}
  .pj-result{position:static;width:100%;min-height:0;padding:60px 16px}
  .pj-gal-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pj-crumb .container{justify-content:flex-start}
  .lb{padding:50px 10px}
}