/*
Theme Name: ARTECH FUSION PC
Theme URI: https://example.com/artech-fusion-pc
Author: ARTECH FUSION PC
Description: Thème québécois responsive pour le montage de PC neufs et usagés à Laval.
Version: 1.0.2
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: artech-fusion-pc
*/
:root{--bg:#0b1115;--panel:#111a1f;--line:#29383d;--fg:#eef2ec;--muted:#a0afac;--lime:#c6f36c;--mono:'DM Mono',monospace;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font:14px var(--sans)}a{color:inherit;text-decoration:none}.topline{height:33px;text-align:center;background:#070c0f;color:#a3afad;font:9px var(--mono);letter-spacing:.13em;padding:10px}.topline i{display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin-right:9px}header{height:78px;padding:0 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:5;background:#0b1115ed;backdrop-filter:blur(12px)}.brand{font:11px var(--mono);letter-spacing:.1em}.brand b{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #596867;margin-right:9px}.brand span,.brand strong{color:var(--lime);font-weight:500}nav{display:flex;align-items:center;gap:31px;font-size:11px;color:#bbc5c1}.navcta{border:1px solid #465354;padding:12px 15px;color:var(--fg)}.toggle{display:none}section{padding:92px 10.5%}section>small{font:9px var(--mono);letter-spacing:.12em;color:var(--lime)}section>small span{float:right;color:#8e9c99}h1,h2{font-weight:600;letter-spacing:-.07em;line-height:1.05;margin:0}h1{font-size:clamp(55px,6.3vw,88px);margin:26px 0}h2{font-size:clamp(38px,4.5vw,61px)}em{font-style:normal;color:var(--lime)}p{color:var(--muted);font-size:12px;line-height:1.9}.hero{height:min(760px,calc(100vh - 110px));min-height:635px;padding:62px 7% 50px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:0 0 0 48%;background-image:linear-gradient(#abc3be16 1px,transparent 1px),linear-gradient(90deg,#abc3be16 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.copy{position:relative;z-index:1}.copy>small{font:9px var(--mono);color:#adbbb7;letter-spacing:.12em}.copy p{max-width:420px;margin:0 0 27px}.btn,.darkbtn{display:inline-block;background:var(--lime);color:#101813;padding:15px 18px;font:600 11px var(--sans);border:0;cursor:pointer}.link{margin-left:22px;font-size:10px}.proof{margin-top:43px;font-size:10px;line-height:1.8;color:#a9b5b1}.art{height:450px;position:relative;display:grid;place-items:center;z-index:1}.rings{position:absolute;width:440px;height:340px;border:1px solid #88ccb52b;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 0 45px #88ccb509,0 0 0 90px #88ccb507}.tower{width:230px;height:348px;background:linear-gradient(110deg,#3d4945,#151f21 42%,#283532);border:1px solid #84928a;box-shadow:15px 25px 60px #000a;position:relative;padding:30px 17px}.tower:before{content:"";position:absolute;inset:13px;border:1px solid #354643}.fans{color:#86dfbe;font-size:43px;line-height:1.55;text-shadow:0 0 17px #69d9b488;position:relative;z-index:1}.gpu{position:absolute;z-index:2;top:173px;left:96px;right:22px;height:40px;border:1px solid #788d81;background:#263531;font:7px var(--mono);padding:15px 4px;text-align:right;color:var(--lime)}.art label,.art aside{position:absolute;background:#111b1f;border:1px solid #42504c;padding:12px;font:8px var(--mono);line-height:1.7;letter-spacing:.1em}.art label{top:40px;right:0}.art aside{bottom:42px;left:0;color:var(--lime)}.base{position:absolute;bottom:0;left:7%;right:7%;border-top:1px solid #334044;padding-top:14px;color:#8d9a97;font:8px var(--mono);letter-spacing:.1em}.base span{float:right;color:var(--lime)}#services{background:#10181c}.heading{display:flex;justify-content:space-between;align-items:end;margin:37px 0 44px}.heading p{max-width:360px;margin:0 3% 6px 30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.cards article{padding:23px;min-height:238px;border-right:1px solid var(--line);display:flex;flex-direction:column}.cards article:last-child{border:0}.cards article>b{font:10px var(--mono);color:var(--lime)}h3{font-size:16px;margin:28px 0 6px}.cards p{font-size:11px}.cards article>a{font-size:10px;margin-top:auto;color:var(--lime)}#ordinateurs{background:#0b1115}.products{display:grid;grid-template-columns:1fr 1fr;gap:18px}.products article{background:#111a1f;border:1px solid var(--line);padding-bottom:20px}.product-visual{height:225px;padding:18px;font:9px var(--mono);letter-spacing:.1em;color:#aebbb4;background:radial-gradient(ellipse,#304439,#11191d 70%);position:relative}.product-visual span{position:absolute;bottom:17px;right:18px;text-align:right;line-height:1.7}.product-visual.second{background:radial-gradient(ellipse,#304348,#11191d 70%)}.mini{position:absolute;top:42px;left:45%;width:85px;height:150px;border:1px solid #8a978e;background:linear-gradient(100deg,#404a45,#162122);text-align:center;font-size:40px;line-height:1.6;color:#9ce5ba;box-shadow:10px 15px 30px #0008}.products h3,.products p,.products .outline{margin-left:22px;margin-right:22px}.products h3{margin-top:19px}.products p{min-height:44px}.outline{display:block;border:1px solid #55635d;padding:12px;font-size:10px}.custom{background:#d8efc1;color:#152018;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.custom em{color:#3f8050}.custom p{color:#4c5c4f}.darkbtn{background:#16251b;color:#f0f5e9}.steps p{border-bottom:1px solid #aabd9d;padding:12px 0;color:#28402b}.steps p span{display:block;font-size:10px;margin:6px 0 0 37px}.steps small{color:#586a59;font-size:9px}#apropos{background:#10181c}.simple{margin:34px 0}.process{grid-template-columns:repeat(4,1fr)}.process article{min-height:170px}#faq{background:#11191d}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;margin-top:40px}.faq h2 small{font:10px var(--sans);letter-spacing:0;color:#9aa9a4}.faq h2 a{color:var(--lime)}details{border-bottom:1px solid #344044}details:first-child{border-top:1px solid #344044}summary{cursor:pointer;list-style:none;padding:17px 0;font-size:12px}summary:after{content:"+";float:right;color:var(--lime);font-size:18px}details[open] summary:after{content:"−"}details p{font-size:11px;margin:0;padding:0 15px 17px 0}.contact{background:#17242a}.contact .faq{align-items:start}.contact form{padding:22px;border:1px solid #52605c;background:#0b1418;display:grid;gap:13px}.contact label{font-size:9px;color:#bdc8c3}.contact input,.contact select,.contact textarea{display:block;width:100%;padding:11px;margin-top:7px;background:#111c20;border:1px solid #35434a;color:#eef2ec;font:11px var(--sans)}.contact form small{font-size:9px;color:#8d9c97}footer{padding:24px 7%;display:flex;align-items:center;justify-content:space-between;background:#080d10;color:#899792;font:8px var(--mono);letter-spacing:.08em}footer .brand{color:var(--fg)}@media(max-width:850px){section{padding:75px 7%}.hero{padding-left:5%;padding-right:5%}.art{transform:scale(.82)}.cards article{padding:17px}.heading p{margin-left:18px}}@media(max-width:650px){header{height:65px;padding:0 5%}.toggle{display:block;background:transparent;border:1px solid #44504d;color:white;padding:9px}nav{display:none;position:absolute;top:64px;left:0;right:0;background:#10181c;padding:15px 6%;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:14px 0;border-bottom:1px solid #29383d}.navcta{margin-top:10px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:58px 6% 65px}.hero h1{font-size:58px}.art{height:355px;transform:scale(.85);margin:-8px -25px}.base{left:6%;right:6%;font-size:7px}.base span{display:none}section{padding:62px 6%}section>small{font-size:7px}.heading{display:block;margin:28px 0}.heading h2{font-size:46px}.heading p{margin:15px 0}.cards,.products{grid-template-columns:1fr}.cards article{min-height:200px;border-right:0;border-bottom:1px solid var(--line)}.cards article:last-child{border-bottom:0}.product-visual{height:210px}.custom{grid-template-columns:1fr;gap:28px}.custom h2{font-size:48px}.process{grid-template-columns:1fr 1fr}.process article{min-height:155px}.faq,.contact .faq{grid-template-columns:1fr;gap:28px}.faq h2{font-size:45px}footer{display:grid;grid-template-columns:1fr 1fr;gap:18px}footer>*:nth-child(even){text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Catalogue d’inspiration : une grille éditoriale propre à ARTECH FUSION PC */
.browse{background:#0d1519}.browse-head{display:flex;align-items:end;justify-content:space-between;margin:36px 0 32px}.browse-head p{max-width:340px;margin:0 4% 5px 24px}.browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.browse-card{height:290px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border:1px solid #34423f;background:linear-gradient(145deg,#293b35,#10191c 72%);transition:transform .25s,border-color .25s}.browse-card:hover{transform:translateY(-5px);border-color:var(--lime)}.browse-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#071012ed 100%);z-index:1}.browse-no{position:absolute;top:18px;left:18px;color:#c0ccc5;font:8px var(--mono);letter-spacing:.1em;z-index:2}.browse-card strong,.browse-card>small{position:relative;z-index:2}.browse-card strong{font-size:19px;letter-spacing:-.04em}.browse-card>small{margin-top:8px;color:var(--lime);font-size:9px}.browse-machine{position:absolute;top:33px;left:50%;transform:translateX(-50%);width:105px;height:160px;padding:18px 13px;border:1px solid #91a296;background:linear-gradient(110deg,#47534b,#172123 55%,#2d3b36);box-shadow:10px 16px 35px #0009;display:flex;flex-direction:column;gap:8px}.browse-machine i{display:block;width:43px;height:43px;border:1px solid #8eddb5;border-radius:50%;box-shadow:inset 0 0 15px #71d9cb44,0 0 13px #71d9cb33;animation:spin-fan 12s linear infinite}.browse-machine b{position:absolute;right:9px;bottom:15px;color:var(--lime);font:7px var(--mono)}.renewed .browse-machine{filter:saturate(.55)}.made .browse-machine{border-color:#c5db8b}.browse-note{display:flex;gap:12px;align-items:center;border-bottom:1px solid #2d3a3e;padding:19px 2px;margin-top:13px;font-size:10px;color:#9eaca8}.browse-note b{color:var(--fg)}.browse-note a{margin-left:auto;color:var(--lime)}@keyframes spin-fan{to{transform:rotate(360deg)}}.browse-card,.cards article,.products article{animation:rise-in .65s both}.browse-card:nth-child(2){animation-delay:.08s}.browse-card:nth-child(3){animation-delay:.16s}@keyframes rise-in{from{opacity:.2;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.browse-head{display:block;margin:28px 0}.browse-head p{margin:15px 0}.browse-grid{grid-template-columns:1fr}.browse-card{height:230px}.browse-machine{top:23px;height:140px}.browse-note{flex-wrap:wrap}.browse-note a{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){.browse-card,.cards article,.products article{animation:none}.browse-card:hover{transform:none}.browse-machine i{animation:none}}

/* V1 : univers plus clair, gaming et Laval */
:root{--bg:#f4f7ff;--panel:#fff;--line:#dce4f3;--fg:#111a36;--muted:#53617b;--lime:#30d6ff;--mono:'DM Mono',monospace;--sans:'Space Grotesk',Manrope,Arial,sans-serif}
body{background:var(--bg);color:var(--fg)}
.topline{background:#10152e;color:#d7e6ff}
.topline i{background:#31dcff;box-shadow:0 0 12px #31dcff}
header{background:#ffffffeb;border-bottom:1px solid #dce4f3;box-shadow:0 4px 24px #1b32610a}
.brand{color:#172042}.brand b{border-color:#bec9e5;background:linear-gradient(140deg,#edf7ff,#e7e9ff)}
.brand span,.brand strong{color:#4559ed}
nav{color:#53617b}nav a:hover{color:#4c5deb}.navcta{border-color:#cbd5eb;color:#172042}
.hero{background:radial-gradient(ellipse at 80% 20%,#d8e4ff 0%,transparent 37%),radial-gradient(ellipse at 82% 82%,#e5dbff 0%,transparent 31%),#f8faff}
.hero:after{opacity:.55;background-image:linear-gradient(#a9b9e61e 1px,transparent 1px),linear-gradient(90deg,#a9b9e61e 1px,transparent 1px)}
.copy>small{color:#526181}.copy>small:first-letter{color:#485be8}
h1{color:#101936;text-shadow:0 8px 35px #233eb20c}h1 em,h2 em{background:linear-gradient(90deg,#4861f6,#a94cff 80%);background-clip:text;-webkit-background-clip:text;color:transparent}
.copy p,.proof{color:#51607b}.proof{font-weight:500}
.btn{background:linear-gradient(100deg,#4364f5,#6854ea);color:#fff;box-shadow:0 8px 22px #4c5eea35;border-radius:6px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-3px);box-shadow:0 13px 29px #4c5eea55}
.link{color:#3d4f76}.art{filter:drop-shadow(0 16px 22px #32417e25)}
.rings{border-color:#697cf14a;box-shadow:0 0 0 45px #7389f111,0 0 0 90px #9c70ef0d}
.tower{border-color:#8390bc;background:linear-gradient(120deg,#65718c,#111c32 44%,#30385e);box-shadow:15px 25px 60px #24305a40,0 0 50px #6c58fa3b}
.fans{color:#74e5ff;text-shadow:0 0 17px #5dd7ffbb}.gpu{border-color:#a4b4eb;color:#91e9ff;background:linear-gradient(90deg,#1d2b54,#354276)}
.art label,.art aside{background:#fff;border-color:#cbd6ee;color:#33416a;box-shadow:0 12px 28px #1a2b501a}.art aside{color:#475be9}
.base{border-color:#d7dfef;color:#60708b}.base span{color:#495df1}
section>small{color:#4b5feb}section>small span{color:#6b7892}
#services,#apropos{background:#fff}
.heading p,.cards p{color:#5b6981}
.cards{border-color:#dce4f3;background:#fff;box-shadow:0 18px 48px #2437600b}
.cards article{border-color:#dce4f3;background:#fff;transition:transform .25s,box-shadow .25s}
.cards article:hover{transform:translateY(-5px);box-shadow:0 18px 42px #344d8518;z-index:1}
.cards article>b,.cards article>a{color:#4e5ff0}
.cards h3,.products h3{color:#17213f}
#ordinateurs{background:linear-gradient(180deg,#edf2ff,#f8faff)}
.products article{background:#fff;border-color:#d9e2f3;border-radius:9px;overflow:hidden;box-shadow:0 15px 42px #24376010}
.product-visual{height:260px;background:radial-gradient(ellipse at 50% 85%,#859bfa 0%,#d9e2ff 37%,#eef2ff 77%);color:#3e50c9}
.product-visual.second{background:radial-gradient(ellipse at 50% 85%,#b495fa 0%,#e8ddff 38%,#f4f0ff 78%)}
.product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent,#fff5,transparent);transform:translateX(-130%);animation:shine-pass 7s ease-in-out infinite}
.mini{border-color:#8795c7;background:linear-gradient(100deg,#cdd5e4,#222c4b 55%,#4e5bc5);color:#73e5ff}
.outline{border-color:#cad4eb;border-radius:5px;color:#3545cc;transition:.2s}.outline:hover{background:#455deb;color:white}
.custom{background:radial-gradient(ellipse at 85% 20%,#403584 0%,transparent 34%),linear-gradient(125deg,#111831,#182a55 58%,#22204a);color:white}
.custom em{background:linear-gradient(90deg,#4be0ff,#bd7bff);background-clip:text;-webkit-background-clip:text;color:transparent}
.custom p,.steps p{color:#d3ddf5}.steps p{border-color:#ffffff2d}.steps small{color:#adbbdc}.darkbtn{background:linear-gradient(100deg,#3ddcf7,#7c69ff);color:#111831;border-radius:5px}
#apropos .heading p{color:#52617a}
.simple{color:#17213f}
.process article{border-color:#cbd6eb}
.process article>b{display:inline-block;color:#4b5feb;background:#eef1ff;border:1px solid #dce2ff;padding:5px 8px;border-radius:20px}
#faq{background:#eef2fa}
.faq h2{color:#17213f}.faq h2 small{color:#53617b}.faq h2 a{color:#5360ed}
details{border-color:#d0d9e8}summary{color:#1d2947}summary:after{color:#5964f2}details p{color:#5a6780}
.contact{background:radial-gradient(ellipse at 8% 100%,#432e81 0%,transparent 37%),linear-gradient(120deg,#11172e,#162c5b);color:#f7f9ff}
.contact>small,.contact .faq h2{color:#f7f9ff}.contact>small span{color:#b6c7ff}.contact .faq p{color:#d0dcfa}.contact .faq>div>p a{color:#65e0ff}
.contact form{border-color:#6479b4;background:#ffffff0c;backdrop-filter:blur(12px);border-radius:9px}
.contact label{color:#d9e2ff}.contact input,.contact select,.contact textarea{border-color:#6679a8;background:#101b3a;color:#fff;border-radius:5px}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:#59ddff;box-shadow:0 0 0 3px #59ddff22}
.contact form small{color:#b2bfdc}
footer{background:#0c1226;color:#b2bedc}footer .brand{color:white}footer .brand b{border-color:#4a5780}
.browse{background:radial-gradient(ellipse at 50% -20%,#333c94,#141a3c 48%,#10162d);color:#fff}
.browse>small{color:#69e4ff}.browse>small span{color:#afbcdf}.browse-head p{color:#c4cee7}.browse-head h2{color:#fff}
.browse-head h2 em{background:linear-gradient(90deg,#59e2ff,#a888ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.browse-card{border:1px solid #6878a7;background:linear-gradient(145deg,#29365d,#121a37 72%);border-radius:8px;box-shadow:0 18px 40px #080d2344}
.browse-card:hover{border-color:#6ce6ff;box-shadow:0 20px 46px #31cfff28}
.browse-card strong{color:#fff}.browse-card>small{color:#8ceaff}
.browse-card:before{background:linear-gradient(180deg,#111a3200 20%,#080e27eF 100%)}
.build-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;transition:transform .6s;filter:saturate(1.04)}
.browse-card:hover .build-photo{transform:scale(1.045)}
.browse-card.gaming .build-photo{object-position:center 61%}
.browse-card.renewed .build-photo{object-position:center 60%}
.browse-note{border-color:#46527a;color:#bdc9e4}.browse-note b{color:white}.browse-note a{color:#7ee8ff}
.browse-machine{display:none}
@keyframes shine-pass{0%,60%,100%{transform:translateX(-130%)}78%{transform:translateX(130%)}}
.hero .copy{animation:hero-in .8s cubic-bezier(.2,.75,.25,1) both}.hero .art{animation:hero-in .95s .12s cubic-bezier(.2,.75,.25,1) both}
@keyframes hero-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.motion-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:650px){nav{background:#fff;border-bottom-color:#dce4f3}nav a{border-bottom-color:#e1e7f2;color:#35415e}.navcta{color:#344bd5}.hero{background:radial-gradient(ellipse at 80% 33%,#dce5ff,transparent 38%),#f8faff}.browse-card{height:260px}.product-visual{height:235px}footer{background:#0c1226}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1;transform:none}}

.hero .copy{animation:hero-in .8s cubic-bezier(.2,.75,.25,1) both}
.hero .art{animation:hero-in .95s .12s cubic-bezier(.2,.75,.25,1) both}
@keyframes hero-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}

.form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-notice{margin:0;padding:11px 13px;border:1px solid #61dfff66;background:#3ed9ff12;color:#e7f8ff;border-radius:5px;font-size:11px;line-height:1.6}
.form-notice[hidden]{display:none}
.contact form button:disabled{opacity:.6;cursor:wait}
.shopify-coming{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 18px;margin-top:16px;background:#fff;border:1px solid #d5def1;border-radius:8px;color:#283555}
.shopify-coming b{font-size:12px}.shopify-coming span{font-size:10px;color:#68758c}.shopify-coming a{margin-left:auto;color:#4c5deb;font-size:10px;font-weight:600}
@media(max-width:650px){.shopify-coming a{margin:0;width:100%}}

/* WordPress theme refinements */
.wpforms-theme-wrap { width: 100%; }
.wpforms-theme-wrap .wpforms-container { margin: 0 !important; }
.wpforms-theme-wrap .wpforms-form .wpforms-field-label { color: #e9f2f7; font: 600 13px/1.4 Manrope, sans-serif; }
.wpforms-theme-wrap .wpforms-form input, .wpforms-theme-wrap .wpforms-form textarea, .wpforms-theme-wrap .wpforms-form select { width: 100%; border: 1px solid #3c4e58; border-radius: 4px; background: #111a1f; color: #f1f6f8; padding: 13px; }
.wpforms-theme-wrap .wpforms-form button[type=submit] { border: 0; cursor: pointer; }