/*
Theme Name: R2dClouD Services 2.5 - Maintenance Vidéosurveillance
Author: R2dClouD
Description: Vitrine maintenance de portes de garage pour copropriétés, informatique et vidéosurveillance. Images IA avec techniciens.
Version: 2.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: r2dcloud-services-v2
License: GPL v2 or later
*/

:root{--ink:#142b49;--green:#2563b8;--lime:#a8d9ff;--paper:#f4f7fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}header{height:90px;max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.logo{font-size:26px;font-weight:800;letter-spacing:-1px}.logo span{color:var(--green)}nav{display:flex;gap:32px;font-size:14px}nav a:hover{color:var(--green)}.phone{font-size:14px;border:1px solid #bccce2;padding:12px 18px;border-radius:30px}.hero{max-width:1320px;margin:auto;padding:35px 5% 70px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:var(--green);border-radius:50%}h1{font-size:clamp(42px,4.8vw,68px);line-height:1.08;margin:25px 0}h1 em{font-style:normal;color:var(--green)}.intro{font-size:17px;line-height:1.7;max-width:460px;color:#617086}.button{display:inline-flex;align-items:center;gap:36px;border-radius:7px;padding:17px 23px;background:var(--green);color:white;font-weight:600;font-size:14px;margin-top:18px}.hero-photo{position:relative;height:520px;border-radius:18px;overflow:hidden;background:#c8d7ec}.hero-photo img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,24,48,.65),transparent 60%)}.photo-caption{position:absolute;bottom:30px;left:30px;color:white;font-size:25px;line-height:1.3;font-weight:600;max-width:280px}.badge{position:absolute;top:22px;left:22px;background:var(--paper);border-radius:30px;padding:11px 16px;font-size:12px}.smallnote{margin-top:26px;font-size:12px;color:#748298}.strip{background:#e8effa;border-top:1px solid #d6e1f2;border-bottom:1px solid #d6e1f2}.strip-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;padding:24px 0;font-size:13px}.strip-inner span:before{content:'✳';color:var(--green);margin-right:13px}.section{max-width:1180px;margin:auto;padding:95px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:40px;line-height:1.2;margin:15px 0 0}.section-head p{max-width:340px;color:#64748b;font-size:15px;line-height:1.6}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border-radius:12px;overflow:hidden}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:27px}.number{color:var(--green);font-size:11px;letter-spacing:1px}h3{font-size:23px;margin:14px 0}.card p{color:#64748b;font-size:14px;line-height:1.7}.card a{font-size:13px;font-weight:700;display:block;border-top:1px solid #e0e7f2;padding-top:20px;margin-top:24px}.card a span{float:right}.feature{background:var(--ink);color:var(--paper)}.feature-inner{max-width:1180px;margin:auto;padding:80px 0;display:grid;grid-template-columns:1fr 1fr;gap:90px}.feature h2{font-size:43px}.feature p{color:#bac9df;line-height:1.7;font-size:15px}.feature .eyebrow{color:var(--lime)}.checkrow{padding:20px 0;border-bottom:1px solid #3f5778;display:grid;grid-template-columns:30px 1fr;gap:12px}.checkrow b{font-size:17px;font-weight:500}.checkrow p{margin:8px 0 0;font-size:13px}.check{color:var(--lime)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.step-num{font-size:13px;color:var(--green);padding-bottom:16px;border-bottom:1px solid #c8d5e8}.steps p{font-size:14px;color:#64748b;line-height:1.7}.contact{background:#e5efff;border-radius:18px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font-size:38px}.contact p{color:#5d708c;line-height:1.7}.contact-links{display:flex;flex-direction:column;gap:15px;justify-content:center}.contact-links a{padding:18px 22px;background:#f4f7fc;border-radius:8px;display:flex;justify-content:space-between;font-size:15px}.contact-links a:hover{background:white}.contact .button{background:var(--green);color:white}footer{max-width:1180px;margin:auto;padding:35px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#728198}footer .logo{font-size:20px}details{margin-top:24px;font-size:12px;line-height:1.7}summary{cursor:pointer}.menu{display:none}@media(max-width:1250px){.section,.feature-inner,.strip-inner,footer{margin-left:5%;margin-right:5%}}@media(max-width:760px){header{height:75px}nav{gap:12px;font-size:11px}header .phone{display:none}.logo{font-size:22px}.hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.hero-photo{height:350px}h1{font-size:46px}.strip-inner{flex-wrap:wrap;gap:18px;font-size:11px}.section{padding:60px 0}.section-head{display:block}h2{font-size:33px}.services,.steps,.feature-inner,.contact{grid-template-columns:1fr}.services{gap:25px}.card img{height:230px}.feature-inner{padding:55px 0;gap:25px}.feature h2{font-size:35px}.steps{gap:20px}.contact{padding:28px;gap:15px}footer{align-items:start;gap:25px;flex-wrap:wrap}}

body.admin-bar header{margin-top:32px}
.wp-content{max-width:1180px;margin:60px auto;padding:0 5%}
.wp-content img{max-width:100%;height:auto}

/* Version 2.0 : menu Gestion et Déconnexion accessible sur mobile */
@media(max-width:767px){header nav{display:flex!important;flex-wrap:wrap;justify-content:center;gap:10px 16px;max-width:100%;}header{height:auto;min-height:90px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:14px;}header nav a{white-space:nowrap;font-size:13px;}}

/* v2.3: reserve header and logo space before fonts and images load */
header .logo.r2dcloud-logo-link{display:flex;align-items:center;justify-content:flex-start;flex:0 0 150px;width:150px;height:100px;min-width:150px;overflow:hidden}
header .logo .r2dcloud-site-logo{display:block!important;width:150px!important;height:100px!important;max-width:150px!important;object-fit:contain!important}
header{min-height:120px;height:auto}
@media(max-width:767px){
 header{min-height:110px;height:auto}
 header .logo.r2dcloud-logo-link{flex-basis:98px;width:98px;min-width:98px;height:65px}
 header .logo .r2dcloud-site-logo{width:98px!important;height:65px!important;max-width:98px!important}
}


/* Version 2.5 : liens photographiques accessibles et page vidéosurveillance */
.card>a.service-photo-link{display:block;margin:0;padding:0;border:0;overflow:hidden;cursor:pointer;line-height:0}
.card>a.service-photo-link img{display:block;width:100%;height:220px;object-fit:cover;transition:transform .22s ease;cursor:pointer}
.card>a.service-photo-link:hover img{transform:scale(1.035)}
.card>a.service-photo-link:focus-visible{outline:3px solid #2563b8;outline-offset:-3px}
.card p a.inline-service-link{display:inline;margin:0;padding:0;border:0;color:#2563b8;font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.surveillance-page{max-width:1180px;margin:0 auto;padding:58px 24px 85px}
.surveillance-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.surveillance-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.14;margin:18px 0}
.surveillance-intro p,.surveillance-section p{line-height:1.8;color:#5d708c}
.surveillance-intro img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px}
.surveillance-section{padding:50px 0;border-bottom:1px solid #d7e2f2}
.surveillance-section h2{font-size:clamp(26px,3vw,36px);margin:0 0 18px}
.surveillance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}
.surveillance-panel{padding:27px;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(20,43,73,.05)}
.surveillance-panel h3{font-size:21px}
.surveillance-checks{columns:2;column-gap:40px;padding-left:20px;line-height:2;color:#4d627e}
.surveillance-cta{margin-top:45px;padding:36px;border-radius:16px;background:#e5efff}
.surveillance-cta .button{display:inline-flex;margin-top:12px}
@media(max-width:760px){.surveillance-intro{grid-template-columns:1fr}.surveillance-grid{grid-template-columns:1fr}.surveillance-checks{columns:1}.surveillance-page{padding-top:32px}}
@media(prefers-reduced-motion:reduce){.card>a.service-photo-link img{transition:none}.card>a.service-photo-link:hover img{transform:none}}