/*
Theme Name: LA SMA Moderne
Author: LA SMA
Description: Vitrine LA SMA avec vidéo, catalogue administrable et galerie photo.
Version: 1.0.7
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: lasma-sma
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#152c3a;background:#fafbf9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #e0e7e8;background:#fff;position:sticky;top:0;z-index:20}.logo{width:133px;height:62px;object-fit:contain}nav{display:flex;gap:28px;align-items:center;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 23px;background:#0766a6;color:#fff;border:1px solid #0766a6;border-radius:5px;font-weight:600;font-size:14px}.btn.light{background:white;color:#152c3a;border-color:#d4dfe2}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#0068a8;margin-bottom:24px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px;position:relative}.herocopy{padding:85px 7% 55px 10%}h1{font-size:clamp(42px,5.6vw,78px);font-weight:600;letter-spacing:-3.5px;line-height:1.04;margin:0 0 25px}h1 em{font-style:normal;color:#0876b5}.lead{font-size:17px;color:#5a6a73;line-height:1.8;max-width:490px}.actions{display:flex;gap:12px;margin:30px 0}.micro{font-size:12px;color:#687b84}.heroart{background:#e9f1f6;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:45px}.heroart:before{content:'';position:absolute;width:470px;height:470px;border:1px solid #bbd1e0;border-radius:50%}.heroart img{width:100%;max-height:460px;object-fit:contain;mix-blend-mode:multiply;position:relative;filter:drop-shadow(0 25px 20px #34576c25)}.artlabel{position:absolute;bottom:35px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #bcd0dc;padding-top:18px}.vertical{position:absolute;right:16px;top:40px;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#78909f}.strip{background:#142f40;color:#f3f9fd;padding:25px 5%;display:flex;justify-content:space-between;align-items:center;font-size:13px;gap:20px}.strip span{color:#a3bac7;font-size:11px;text-transform:uppercase;letter-spacing:1px}.section{padding:85px 5%;max-width:1500px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:30px}h2{font-size:clamp(30px,3.5vw,47px);line-height:1.12;letter-spacing:-1.6px;font-weight:500;margin:0}h3{font-weight:500;font-size:23px;letter-spacing:-.5px}.sectionhead p{max-width:360px;color:#61727c;line-height:1.7;font-size:14px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.filter{border:1px solid #dce4e8;background:transparent;border-radius:30px;padding:10px 17px;color:#607480;font-size:12px}.filter.active{background:#152f40;border-color:#152f40;color:white}.search{width:100%;padding:15px 18px;border:1px solid #dce4e8;border-radius:5px;background:#fff;max-width:360px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid #dfe6e8;border-radius:9px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #213d4d10}.cardpic{height:280px;background:#eef3f5;padding:26px;display:flex;align-items:center;justify-content:center}.cardpic img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cardbody{padding:24px}.category{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#006ca9}.card h3{margin:12px 0}.card p{font-size:14px;line-height:1.7;color:#64757f;min-height:47px}.cardfoot{border-top:1px solid #edf0f1;margin-top:22px;padding-top:17px;display:flex;justify-content:space-between;font-size:12px}.cardfoot b{font-size:19px;color:#0073b4}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#eaf0ed;border-radius:10px;padding:60px}.service{border-bottom:1px solid #cbd7d3;padding:0 0 20px;margin-bottom:24px}.service h3{margin:0 0 12px}.service p{font-size:14px;line-height:1.75;color:#5d716e}.num{color:#668c80;font-size:11px;display:block;margin-bottom:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.steps article{border-top:1px solid #cfdce1;padding-top:22px}.steps p{color:#657783;font-size:14px;line-height:1.7}.contact{background:#103b55;color:#fff;padding:65px;border-radius:10px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.contact .eyebrow{color:#9fd9fc}.contact p{color:#b6cbd7;line-height:1.8}.contact .btn{background:#fff;color:#123c54;border-color:#fff}.details a{display:block;font-size:22px;margin-bottom:20px}.details small{color:#a7c2d1;line-height:1.8}footer{padding:35px 5%;border-top:1px solid #dce4e8;display:flex;justify-content:space-between;color:#637580;font-size:12px}.faq{max-width:850px;margin:40px auto 0}details{border-bottom:1px solid #d8e1e5;padding:21px 0}summary{cursor:pointer;font-size:16px}details p{line-height:1.8;color:#5e737f;font-size:14px}.mobilemenu{display:none}.breadcrumb{font-size:12px;color:#5d7380;margin-bottom:38px}.product{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product .cardpic{height:540px;border-radius:10px}.product h1{font-size:60px}.product p{line-height:1.9;color:#617780}.notice{padding:15px;background:#eef3f5;font-size:12px;border-radius:5px;line-height:1.7}dialog{border:0;border-radius:10px;padding:32px;max-width:600px;width:90%;max-height:90vh}dialog::backdrop{background:#102d41aa}dialog label{display:block;font-size:13px;margin:16px 0 6px}dialog input,dialog textarea,dialog select{width:100%;border:1px solid #c4d2d8;padding:10px}dialog h2{font-size:28px}.hidden{display:none!important}:focus-visible{outline:3px solid #139bce;outline-offset:5px}@media(max-width:850px){header{height:76px}.logo{width:110px}nav{gap:15px}nav a:not(.btn){display:none}.hero{grid-template-columns:1fr}.herocopy{padding:55px 6% 35px}h1{letter-spacing:-2px}.heroart{min-height:370px;padding:35px}.heroart img{height:300px}.heroart:before{width:300px;height:300px}.artlabel{bottom:18px}.strip{flex-wrap:wrap;font-size:11px}.strip span{width:100%}.section{padding:55px 6%}.sectionhead{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:15px}.cardpic{height:210px;padding:18px}.cardbody{padding:18px}.split{grid-template-columns:1fr;gap:35px;padding:30px}.steps{gap:24px}.contact{padding:30px;grid-template-columns:1fr;gap:30px}.product{grid-template-columns:1fr;gap:30px}.product .cardpic{height:350px}.product h1{font-size:44px}footer{gap:20px;flex-wrap:wrap}}@media(max-width:520px){.grid{grid-template-columns:1fr}.cardpic{height:300px}.steps{grid-template-columns:1fr}.actions{flex-wrap:wrap}.herocopy{padding-top:45px}.lead{font-size:16px}nav .btn{padding:12px;font-size:12px}.strip{gap:15px}.contact h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* LA SMA — cinematic direction */
:root{--mint:#0078b8;--ink:#0b0d10;--line:#252c32;--muted:#a0abb5}body{background:var(--ink);color:#f0f4f7}header{height:88px;background:#0b0d10e8;border-bottom:1px solid #ffffff14;backdrop-filter:blur(16px)}header .logo{background:#fff;border-radius:3px;padding:7px;width:124px;height:57px}nav{color:#d1d8de}nav a:hover{color:var(--mint)}.btn{background:var(--mint);border-color:var(--mint);color:#ffffff;border-radius:50px;box-shadow:0 0 35px #0078b812;padding:17px 25px}.btn:hover{background:#168dcc;transform:translateY(-2px);transition:.2s}.btn.light{background:#ffffff07;color:#f4f7f9;border-color:#ffffff40;backdrop-filter:blur(8px)}.eyebrow,.category{color:var(--mint)}.cinematic{min-height:760px;height:calc(100svh - 88px);display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#0d1119}.film,.filmshade{position:absolute;inset:0;z-index:-3}.film video{width:100%;height:100%;object-fit:cover;opacity:.62;filter:saturate(.85)}.filmshade{z-index:-2;background:linear-gradient(90deg,#080c12e8 0%,#080c1299 45%,#080c1222 100%),linear-gradient(0deg,#0b0d10 0%,transparent 34%,#080c1222 100%)}.herocopy{padding:65px 5% 110px;width:100%;position:relative}.herocopy .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:32px;font-size:10px;letter-spacing:2.8px}.live-dot{width:7px;height:7px;background:var(--mint);border-radius:50%;box-shadow:0 0 14px var(--mint)}h1{font-size:clamp(56px,7.8vw,118px);font-weight:700;line-height:.98;letter-spacing:-5px;max-width:1200px}.cinematic h1 em{color:var(--mint);text-shadow:0 0 65px #0078b833}h2 em{color:var(--mint);font-style:normal}.lead{color:#d4dce3;line-height:1.65}.cinematic .lead{font-size:24px;letter-spacing:-.4px;margin-bottom:14px}.hero-description{font-size:14px;color:#a9bac8;max-width:440px;line-height:1.8}.hero-orbit{position:absolute;right:-150px;top:35px;width:620px;height:620px;border:1px solid #6bc9ff20;border-radius:50%;z-index:-1;box-shadow:0 0 160px #93d7ff08,inset 0 0 100px #a8d0ff08}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff26;padding-top:23px;gap:25px}.scroll-cue{font-size:9px;letter-spacing:2px;display:flex;gap:26px;align-items:center}.scroll-cue span{font-size:22px;color:var(--mint)}.hero-location{font-size:9px;letter-spacing:1.5px;line-height:1.9;color:#8897a4}.hero-location b{font-weight:400;color:#dce6ee;letter-spacing:0;font-size:11px}.video-toggle{background:#11171ba3;border:1px solid #ffffff3b;color:#f2f6f8;border-radius:25px;padding:11px 17px;font-size:13px}.video-toggle span{margin-left:8px;font-size:11px}.strip{background:#11161b;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px 5%;font-size:12px}.strip span{color:#7f919f}.strip b{font-weight:400;color:#d9e2e9}.strip b:before{content:'✳';color:var(--mint);margin-right:14px}.section{padding-top:95px;padding-bottom:95px}.sectionhead p{color:var(--muted)}h2{font-size:clamp(32px,3.6vw,54px);font-weight:600;letter-spacing:-2px}.sectionhead .eyebrow{margin-bottom:25px}.search{background:#11171d;color:#ecf4f8;border-color:#303b44;border-radius:30px}.search::placeholder{color:#93a1ae}.filter{color:#adb9c3;border-color:#303b44}.filter.active{background:var(--mint);color:#ffffff;border-color:var(--mint)}.micro{color:#9daebc}.grid{gap:21px}.card{background:#11161b;border:1px solid #283038;border-radius:16px}.card:hover{border-color:#0078b870;box-shadow:0 8px 40px #0008}.cardpic{background:radial-gradient(ellipse at 50% 55%,#f8fafc,#dce3e8);height:310px}.cardpic img{mix-blend-mode:normal;filter:drop-shadow(0 18px 16px #0002)}.cardbody{padding:26px}.card h3{font-size:27px;color:#f2f7fa}.card p{color:#a1b0bc}.cardfoot{border-top-color:#2a343d;color:#e3ebf1}.cardfoot b{color:var(--mint)}.split{background:radial-gradient(ellipse at top left,#163e5a66,transparent 65%),#11171b;border:1px solid #263d50;border-radius:19px;padding:65px}.service{border-bottom-color:#293b4b}.service p,.steps p{color:#a1b1ba}.num{color:var(--mint)}.steps article{border-top-color:#35414a}.steps h3{font-size:23px}.contact{background:radial-gradient(ellipse at right bottom,#12527a80,transparent 65%),#101e2b;border:1px solid #285170;border-radius:20px}.contact .eyebrow{color:var(--mint)}.contact .btn{background:var(--mint);color:#ffffff;border-color:var(--mint)}.contact p{color:#b3c5d7}.details small{color:#a3bbce}.contact h2{font-size:42px}.contact h2 em{color:var(--mint)}footer{border-top-color:#28323b;color:#8e9da9}details{border-bottom-color:#29343e}details p{color:#a2b2bd}.breadcrumb{color:#99adbb}.product h1{color:#f1f7fa}.product p{color:#a8b8c3}.product .cardpic{background:radial-gradient(ellipse,#fff,#dce5ec)}.notice{background:#18222b;color:#b2c3cf}dialog{background:#17212a;color:#edf3f8}@media(min-width:1600px){.cinematic{min-height:850px}}@media(max-width:850px){header{height:76px}.cinematic{height:calc(100svh - 76px);min-height:720px}.herocopy{padding:60px 6% 130px}.cinematic h1{font-size:clamp(53px,10vw,85px);letter-spacing:-3px}.cinematic .lead{font-size:21px}.hero-description{max-width:350px}.hero-bottom{left:6%;right:6%}.hero-location{display:none}.filmshade{background:linear-gradient(90deg,#080c12da,#080c1277),linear-gradient(0deg,#0b0d10,transparent 80%)}.section{padding:65px 6%}.split{padding:35px}.contact h2{font-size:34px}.cardpic{height:240px}}@media(max-width:520px){.cinematic{min-height:720px}.cinematic h1{font-size:clamp(40px,10vw,55px);letter-spacing:-2px;line-height:1.05}.herocopy .eyebrow{font-size:8px;letter-spacing:1.7px}.cinematic .lead{font-size:20px}.hero-description{font-size:13px}.hero-bottom{bottom:22px}.video-toggle span{display:none}.hero-bottom .scroll-cue{font-size:8px;gap:12px}.cardpic{height:300px}.btn{font-size:12px;padding:15px 19px}.contact .details a{font-size:19px}.split{padding:28px}.film video{object-position:60% center}}@media(prefers-reduced-motion:reduce){.film video{display:none}}

/* SMA brand blue */
.cinematic h1 em,h2 em,.eyebrow,.category,.num,.cardfoot b{color:#349cdb}.btn{color:#fff}.btn.light{color:#eef6fc}.filter.active{color:#fff}.strip b:before,.scroll-cue span{color:#349cdb}.contact .eyebrow,.contact h2 em{color:#349cdb}.contact .btn{color:#fff}.live-dot{background:#349cdb;box-shadow:0 0 14px #349cdb}.cinematic{min-height:620px}.film{background:url('assets/crazy-light.webp') center/cover no-repeat}@media(max-width:850px){.cinematic{min-height:670px}}@media(max-height:700px) and (min-width:851px){.cinematic{min-height:590px}.herocopy{padding-top:40px;padding-bottom:95px}.cinematic h1{font-size:7vw}.cinematic .lead{font-size:20px;margin-top:16px}.actions{margin:20px 0}.herocopy .eyebrow{margin-bottom:22px}}

header .logo{background:transparent;padding:0;border-radius:0;width:133px;height:62px}@media(max-width:850px){header .logo{width:112px;height:54px}}

/* Logo readability on the dark navigation bar */
header .logo{width:165px;height:72px;max-width:100%;object-fit:contain;filter:brightness(1.48) drop-shadow(0 0 11px #2298e340);background:transparent;padding:0;border-radius:0}header>a:first-child{display:flex;align-items:center;min-width:165px}@media(max-width:850px){header .logo{width:142px;height:62px}header>a:first-child{min-width:142px}}@media(max-width:390px){header .logo{width:122px;height:58px}header>a:first-child{min-width:122px}}

.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo-tile{position:relative;padding:0;text-align:left;background:#111b24;border:1px solid #293c4a;border-radius:15px;overflow:hidden;color:#eaf3fa}.photo-tile img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .3s}.photo-tile:hover img{transform:scale(1.04)}.photo-tile span{display:flex;justify-content:space-between;padding:17px;font-size:12px}.photo-tile b{color:#349cdb}#photo-viewer{width:min(1000px,94vw);max-width:1000px;padding:14px;background:#0e1720;border:1px solid #3b5364;color:#eaf2f8}#photo-large{width:100%;height:70vh;object-fit:contain}#photo-caption{text-align:center;font-size:14px}.photo-close{position:absolute;top:18px;right:20px;border:1px solid #647686;background:#0a111cdd;color:#fff;border-radius:50%;width:38px;height:38px;font-size:26px}#photo-viewer::backdrop{background:#02060bef}@media(max-width:850px){.photo-grid{grid-template-columns:repeat(2,1fr)}nav{gap:18px}}@media(max-width:520px){.photo-grid{grid-template-columns:1fr}}

/* Ambient photography from the previous LA SMA website */
#solutions .split{background:linear-gradient(90deg,#08131bea 0%,#08131bd9 50%,#08131be8 100%),url('https://lasma.ma/wp-content/uploads/2024/10/fun4four-gallery-photo-magic-tower-www.fun4four-gametable.com-PARS-ECOTECH-SL-.jpg') center/cover no-repeat}#apropos{position:relative;isolation:isolate;border-radius:22px;overflow:hidden;margin-top:25px;margin-bottom:25px}#apropos:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07121cde,#07121cb0),url('https://lasma.ma/wp-content/uploads/2024/10/photo-1500656993863-f0add196c3b9-scaled.jpeg') center 40%/cover no-repeat}#contact .contact{background:linear-gradient(90deg,#081726ee,#081726c7),url('https://lasma.ma/wp-content/uploads/2024/11/Fun4Four-EVO.jpg') center/cover no-repeat}#apropos .sectionhead p,#apropos .steps p,#solutions .service p{color:#c2d0da}

#solutions .split,#apropos:before,#contact .contact{background-attachment:fixed;background-position:center center}@supports (-webkit-touch-callout:none){#solutions .split,#apropos:before,#contact .contact{background-attachment:scroll}}

.sma-skip{position:fixed;top:-100px;left:15px;padding:12px;background:#fff;color:#000;z-index:9999}.sma-skip:focus{top:45px}body.admin-bar header{top:32px}body.admin-bar .cinematic{height:calc(100svh - 120px)}@media(max-width:782px){body.admin-bar header{top:46px}}

.sma-arrow{display:inline-block;flex-shrink:0;vertical-align:middle;overflow:visible}.cardfoot b{display:flex}.btn .sma-arrow{width:17px;height:17px}nav .btn{gap:8px}.photo-tile b{display:flex}.menu-toggle{display:none}.burger-lines{width:22px;display:flex;flex-direction:column;gap:6px}.burger-lines i{display:block;width:22px;height:2px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded="true"] .burger-lines i:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .burger-lines i:last-child{transform:translateY(-4px) rotate(-45deg)}@media(max-width:850px){header{position:sticky;z-index:1000}.menu-toggle{display:inline-flex;align-items:center;gap:11px;min-height:46px;background:#101e2a;color:#edf7ff;border:1px solid #344b5e;border-radius:7px;padding:10px 15px;font-size:13px}header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0b131bf7;border-bottom:1px solid #324a5e;padding:22px 6% 26px;box-shadow:0 18px 28px #0006;flex-direction:column;align-items:stretch;gap:0}header nav.is-open{display:flex}header nav.is-open a:not(.btn){display:block;padding:16px 4px;font-size:17px;border-bottom:1px solid #2c3a45;color:#f4f8fb}header nav.is-open a.btn{display:flex;margin-top:18px;padding:16px}.hero-bottom .sma-arrow{width:18px}.menu-toggle:focus-visible{outline:3px solid #349cdb}}

.strip b:before{content:none!important;display:none!important}.strip b{display:flex;align-items:center;gap:12px}.strip .sector-icon{flex:0 0 25px;color:#349cdb}.strip b>span{font:inherit;color:inherit;letter-spacing:normal;text-transform:none;width:auto}@media(max-width:850px){.strip{display:grid;grid-template-columns:1fr 1fr;gap:22px 16px}.strip>span{grid-column:1/-1}.strip b{font-size:12px;line-height:1.5}}@media(max-width:380px){.strip{grid-template-columns:1fr}.strip>span{grid-column:auto}}

.catalogue-pdf-link{margin:8px 0 30px}.catalogue-pdf-link .btn{flex-wrap:wrap;gap:12px}.pdf-note{font-size:10px;font-weight:400;opacity:.75}@media(max-width:520px){.catalogue-pdf-link .btn{width:100%;font-size:12px}.pdf-note{font-size:9px}}

/* A single visual layer: the poster disappears when the video starts. */
.film{background:#07111a!important}.film video{opacity:1;filter:none}.sma-whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:900;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0078b8;color:white;box-shadow:0 4px 18px #0005;border:1px solid #70c5f580;transition:background .2s,transform .2s}.sma-whatsapp-float:hover{background:#1596d4;transform:translateY(-2px)}.sma-whatsapp-float svg{width:24px;height:24px}.sma-whatsapp-float:focus-visible{outline:3px solid white;outline-offset:4px}.video-toggle{min-width:44px;min-height:44px}

.hero-bottom .video-toggle{margin-right:48px}