/*
Theme Name: SamaOuvrier Web
Description: Interface officielle mobile-first de SamaOuvrier, avec SamaOuvrier Core.
Version: 0.4.0
Requires PHP: 8.2
Text Domain: samaouvrier-web
*/
:root{--green:#00833e;--forest:#064735;--ink:#102e2a;--muted:#536b64;--orange:#ff7a00;--teal:#087c86;--cream:#f6f8f2;--line:#dce6df;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 28px}.skip{position:absolute;top:-70px;left:16px;background:white;padding:12px;z-index:100}.skip:focus{top:5px}.topbar{background:var(--forest);color:white;font-size:12px;letter-spacing:.03em}.topbar .wrap{display:flex;justify-content:space-between;gap:15px;padding-top:8px;padding-bottom:8px}.topbar a{text-decoration:none}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.headrow{display:flex;align-items:center;gap:25px;min-height:94px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{font-size:25px;letter-spacing:-1px}.brand strong span{color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;margin-top:-5px}.mainnav{display:flex;gap:23px;align-items:center;margin-left:auto;font-size:13px;font-weight:650}.mainnav a{text-decoration:none}.mainnav a:hover{color:var(--green)}.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:1px solid var(--green);border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}.btn.light{background:white;color:var(--forest);border-color:#b8cfc2}.btn.orange{background:var(--orange);border-color:var(--orange);color:#2a210d}.mobile-toggle{display:none}.hero{background:var(--cream);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-top:64px;padding-bottom:58px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--green);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800}.eyebrow:before{content:"";width:22px;height:2px;background:var(--orange)}h1,h2,h3{line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(38px,4.7vw,65px);margin:18px 0 25px;font-weight:800}.hero h1 em{color:var(--green);font-style:normal}.hero p{color:var(--muted);font-size:16px;max-width:490px}.hero-actions{display:flex;gap:12px;margin:28px 0}.hero-notes{font-size:11px!important;display:flex;gap:22px}.hero-notes span:before{content:"✓ ";color:var(--green);font-weight:900}.hero-media{position:relative;padding:12px 0 26px}.hero-media .photo{border-radius:100px 22px 100px 22px;aspect-ratio:1/1.08;object-fit:cover;box-shadow:0 20px 60px #193f2820}.media-label{position:absolute;bottom:6px;left:-22px;background:white;padding:16px 22px;border-radius:14px;box-shadow:0 12px 40px #153c2420;display:flex;align-items:center;gap:12px;font-size:12px}.media-label b{display:block;font-size:14px}.media-label .round{display:grid;place-items:center;background:#e7f2e8;color:var(--green);border-radius:50%;width:40px;height:40px;font-size:24px}.searchband{position:relative;margin-top:-4px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #28472d0b;padding:22px;display:grid;grid-template-columns:1.5fr 1fr auto;gap:16px}.searchband label{display:block;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.searchband input,.searchband select{width:100%;border:0;background:#f5f8f4;border-radius:7px;min-height:48px;padding:10px;color:var(--ink)}.searchband .btn{align-self:end}.section{padding:76px 0}.section.muted{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head h2{font-size:clamp(28px,3vw,40px);margin:10px 0 12px}.section-head p{margin:0;color:var(--muted);max-width:600px}.text-link{color:var(--green);font-size:13px;font-weight:800;white-space:nowrap}.trades{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.trade{border:1px solid var(--line);border-radius:14px;padding:24px;text-decoration:none;display:flex;align-items:center;gap:15px;transition:transform .15s,border-color .15s}.trade:hover{transform:translateY(-3px);border-color:var(--green)}.trade-icon{display:grid;place-items:center;width:45px;height:45px;background:#edf5ec;border-radius:12px;color:var(--green);font-weight:900;font-size:20px}.trade b{font-size:14px}.trade small{display:block;color:var(--muted);font-size:11px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{padding:26px 0}.step-number{font-weight:850;font-size:12px;border:1px solid #b3c9b6;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--green)}.step h3{font-size:22px;margin:20px 0 14px}.step p{color:var(--muted);font-size:14px;max-width:310px}.join-panel{background:var(--forest);color:white;border-radius:25px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.join-content{padding:48px}.join-content h2{font-size:38px;margin:15px 0}.join-content p{color:#d6e7dd;font-size:14px}.join-panel img{width:100%;height:100%;object-fit:cover}.join-content .eyebrow{color:#b9e2bd}.join-content .btn{margin-top:18px}.empty{text-align:center;padding:34px;border:1px dashed #b7cabc;border-radius:16px;background:#fafcf8}.empty p{color:var(--muted)}.app-promo{display:flex;gap:40px;align-items:center;justify-content:space-between;background:#eaf2ed;border-radius:22px;padding:32px}.app-promo h2{font-size:28px;margin:10px 0}.app-promo p{color:var(--muted);max-width:650px;margin:0}.site-footer{background:#073b30;color:white;padding:52px 0 25px;margin-top:45px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid .brand{color:white}.footer-grid p{font-size:13px;color:#c1d8cc;max-width:380px}.footer-links{display:grid;align-content:start;gap:10px;font-size:13px}.footer-links h3{font-size:14px;letter-spacing:0;margin:0 0 10px}.footer-links a{color:#d3e4dc;text-decoration:none}.footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid #3c6558;color:#bbd2c6;font-size:11px;display:flex;justify-content:space-between}.page-content{min-height:50vh;padding:35px 0 60px}.page-content>h1{font-size:38px}.page-content .soc-app{padding:10px 0 40px;max-width:none}.soc-app>nav:first-child{display:none}.soc-app>.soc-footer{display:none}.account-links{display:flex;gap:10px;flex-wrap:wrap;padding:16px;background:var(--cream);border-radius:12px;margin-bottom:24px}.account-links a{font-size:13px;font-weight:650;padding:7px 10px}.soc-card img{width:100%;height:180px;object-fit:cover;border-radius:12px}.legal{max-width:800px}.notice{padding:18px;border:1px solid #d8af57;background:#fff8de;border-radius:12px}.soc-form fieldset{border:1px solid var(--line);border-radius:12px;padding:20px}.soc-form legend{font-weight:750}.soc-form button{justify-self:start}.soc-notice{margin:15px 0}.install-help{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0}.install-help article{background:var(--cream);padding:28px;border-radius:18px}.install-help h2{font-size:23px}.soc-card a{overflow-wrap:anywhere}.soc-profile img{max-width:420px;border-radius:20px}.soc-footer a{font-size:12px}@media(max-width:1000px){.headrow{gap:15px}.mainnav{gap:14px}.brand strong{font-size:21px}.hero-grid{gap:30px}.trades{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.wrap{padding:0 20px}.topbar .wrap>span:last-child{display:none}.headrow{min-height:78px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}.brand img{width:44px;height:44px}.brand small{font-size:8px}.headrow>.btn{margin-left:auto;padding:9px 12px;min-height:42px;font-size:12px}.mobile-toggle{display:block;border:1px solid var(--line);border-radius:8px;background:white;padding:8px;color:var(--ink);min-width:42px;min-height:42px}.mainnav{display:none;width:100%;margin:0;flex-wrap:wrap;padding:14px 0}.mainnav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-top:36px;padding-bottom:40px;gap:20px}.hero h1{font-size:45px}.hero-media{padding:0 12px 15px}.hero-media .photo{aspect-ratio:1.35;object-position:center 38%;border-radius:50px 14px 50px 14px}.media-label{left:0;bottom:0;padding:12px 16px}.hero-actions{flex-wrap:wrap}.hero-notes{gap:14px;flex-wrap:wrap}.searchband{grid-template-columns:1fr;padding:16px;gap:10px;margin-top:20px}.searchband .btn{width:100%}.section{padding:48px 0}.section-head{align-items:start;flex-direction:column;gap:12px}.trades{grid-template-columns:repeat(2,1fr);gap:10px}.trade{padding:15px;gap:9px}.trade-icon{width:35px;height:35px;flex-shrink:0}.trade b{font-size:12px}.steps{grid-template-columns:1fr;gap:0}.step{display:grid;grid-template-columns:36px 1fr;gap:0 18px}.step h3{margin:6px 0 12px;font-size:22px}.step p{grid-column:2;margin:0;max-width:none}.join-panel{grid-template-columns:1fr}.join-content{padding:30px}.join-content h2{font-size:31px}.join-panel img{max-height:260px;object-position:center 35%}.app-promo{flex-direction:column;align-items:start;gap:22px;padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:10px;flex-direction:column}.install-help{grid-template-columns:1fr}.page-content{padding-top:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.trade{transition:none}}

.login-link{border:1px solid var(--green);border-radius:10px;padding:9px 14px;color:var(--green);white-space:nowrap}.mainnav{flex-wrap:wrap}.headrow{gap:18px}.mainnav a{font-size:13px}@media(max-width:1000px) and (min-width:761px){.headrow{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.mainnav{order:3;width:100%;justify-content:flex-end}.headrow>.btn{margin-left:auto}}

.soc-trade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.soc-trade-card{display:block;text-decoration:none;overflow:hidden;padding:0 0 16px;transition:transform .15s}.soc-trade-card:hover{transform:translateY(-3px)}.soc-trade-card img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;background:#f6f8f2}.soc-trade-card h3,.soc-trade-card p{margin:12px 18px 0}.soc-trade-card p{font-size:13px;color:#536b64}@media(max-width:1000px){.soc-trade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.soc-trade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.soc-trade-card h3{font-size:16px}.soc-trade-card h3,.soc-trade-card p{margin-left:12px;margin-right:12px}}@media(max-width:360px){.soc-trade-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.soc-trade-card{transition:none}}

.wrap.page-content{padding-left:28px;padding-right:28px}@media(max-width:760px){.wrap.page-content{padding-left:20px;padding-right:20px}}

.mobile-dock{display:none}.soc-search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.soc-quick-trades{display:flex;gap:12px;overflow-x:auto;padding:20px 2px;scroll-snap-type:x proximity}.soc-quick-trades a{flex:0 0 110px;text-align:center;border:1px solid #dce6df;border-radius:16px;text-decoration:none;padding:10px;background:#fff;scroll-snap-align:start;font-size:12px}.soc-quick-trades img{display:block;border-radius:10px;margin:0 auto 7px}.soc-quick-trades a[aria-current]{border:2px solid #00833e;background:#f0f7ed}.soc-search-form{max-width:800px}.soc-search-form input,.soc-search-form select{min-width:0;width:100%}
@media(max-width:760px){body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.mobile-dock{position:fixed;bottom:0;left:0;right:0;z-index:90;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;background:#fff;border-top:1px solid #dce6df;box-shadow:0 -5px 24px #102e2a0d;padding:9px 6px calc(9px + env(safe-area-inset-bottom,0px))}.mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;text-decoration:none;font-size:10px;line-height:1.4;min-height:52px;color:#536b64;min-width:0}.mobile-dock a[aria-current]{color:#00833e;font-weight:700}.mobile-dock a:nth-child(3) svg{background:#00833e;color:#fff;border-radius:50%;padding:7px;width:40px;height:40px;margin-top:-16px}.hero h1{font-size:clamp(34px,10vw,45px)}.hero-grid{padding-top:28px}.hero-media .photo{aspect-ratio:1.4}.hero-actions .btn{flex:1 1 145px}.hero-notes{font-size:11px}.site-header .headrow>.btn{max-width:115px}.brand strong{font-size:20px}.brand small{letter-spacing:0;font-size:7px}.headrow{gap:8px}.mobile-toggle{margin-left:auto}.site-header .headrow>.btn{margin-left:0}.soc-app h1{font-size:clamp(28px,8vw,38px);line-height:1.15;overflow-wrap:anywhere}.soc-search-heading{font-size:12px;align-items:start}.soc-app .soc-search-form{padding:20px;border:1px solid #dce6df;border-radius:20px;background:#f6f8f2}.soc-app #loginform{padding:22px;border:1px solid #dce6df;border-radius:20px;background:#f6f8f2}.soc-app #loginform input:not([type=checkbox]){width:100%;max-width:100%;min-height:46px}.soc-app input,.soc-app select,.soc-app textarea{font-size:16px}.page-content{overflow-wrap:anywhere}.site-footer{padding-bottom:20px}}@media(prefers-reduced-motion:reduce){.soc-quick-trades{scroll-behavior:auto}}

.sow-brand-story{padding:36px 0 0}.sow-brand-story figure{margin:0;border-radius:24px;overflow:hidden;background:var(--green)}.sow-brand-story img{display:block;width:100%;height:auto}.sow-brand-story figcaption{color:white;padding:16px 24px;font-size:16px}.soc-packs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.soc-pack-card{display:flex;flex-direction:column;gap:12px}.soc-pack-card .soc-button{margin-top:auto}.soc-pack-price{font-size:26px;font-weight:800;color:var(--green)}.soc-pack-price small{display:block;font-size:14px;font-weight:400}.soc-pack-choice{min-width:0;border:1px solid var(--line);border-radius:12px;padding:18px}.soc-pack-choice p{font-size:14px;line-height:1.55}.soc-pack-choice legend{font-weight:700;color:var(--green)}@media(max-width:1000px){.soc-packs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sow-brand-story{padding-top:24px}.sow-brand-story figcaption{padding:12px 16px;font-size:14px}.soc-packs-grid{grid-template-columns:1fr}.soc-pack-choice{padding:14px}}

.hero-media .photo{object-fit:contain;aspect-ratio:1.18;background:radial-gradient(ellipse at 50% 65%,#ffefae 0%,#e2f1dc 55%,transparent 72%);box-shadow:none;border-radius:0}@media(max-width:760px){.hero-media .photo{aspect-ratio:1.18;object-position:center bottom}}

.sow-professional-types{padding-bottom:0}.sow-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.sow-type-card{display:flex;align-items:center;gap:22px;padding:28px;border:1px solid var(--line);border-radius:22px;background:white;text-decoration:none;box-shadow:0 8px 28px #073b1d09}.sow-type-card:hover{border-color:var(--green);background:#f4faf5}.sow-type-card>span:last-child{display:grid;gap:9px}.sow-type-card strong{font-size:23px;color:var(--ink)}.sow-type-card b{color:var(--green);font-size:14px}.soc-profile-pictogram{width:76px;height:76px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:#e8f4e9;color:#007f3a}.soc-profile-pictogram svg{width:44px;height:44px}.soc-professional-card .soc-profile-pictogram{display:flex;margin-bottom:16px}.soc-professional-card .soc-tag{font-size:13px}@media(max-width:760px){.sow-type-grid{grid-template-columns:1fr;gap:12px}.sow-type-card{padding:20px;gap:16px}.sow-type-card strong{font-size:20px}.sow-type-card>span:last-child>span{font-size:14px}.soc-profile-pictogram{width:60px;height:60px}.soc-profile-pictogram svg{width:35px;height:35px}}

.section .soc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.section .soc-professional-card{padding:24px;border:1px solid var(--line);border-radius:20px;background:white;overflow-wrap:anywhere}.section .soc-professional-card h2{font-size:23px;line-height:1.25;margin:16px 0}.section .soc-professional-card p{color:#49615e;font-size:15px}.section .soc-professional-card .soc-tag{display:inline-block;border-radius:30px;padding:7px 12px;background:#e8f4e9;color:var(--green)}.section .soc-professional-card .soc-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;background:var(--green);color:white;text-decoration:none;font-weight:700}@media(max-width:760px){.section .soc-grid{grid-template-columns:1fr}}
