/*
Theme Name: RiparHome 2.0
Author: RiparHome
Description: Tema autonomo con preventivatore iPhone e listino pubblico controllato.
Version: 2.4.0
Requires at least: 6.4
Requires PHP: 8.0
License: GPL v2 or later
Text Domain: riparhome
*/
:root{--navy:#101f38;--ink:#14243d;--orange:#ff8a3d;--cream:#f6f7f9;--muted:#566579}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white}a{color:inherit;text-underline-offset:4px}button,select{font:inherit}a,button,select{touch-action:manipulation}:focus-visible{outline:3px solid #b34d00;outline-offset:4px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:white;z-index:20}.top{background:var(--navy);color:#c7d1df;font-size:12px;letter-spacing:.12em;padding:8px 0}.header{background:white;border-bottom:1px solid #e1e6ec}.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:850;font-size:26px;text-decoration:none;letter-spacing:-1px}.brand span{color:#bd5107}.links{display:flex;gap:28px;align-items:center}.links a{text-decoration:none;font-size:14px;font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--orange);color:#142036;border:0;border-radius:8px;padding:14px 22px;text-decoration:none;font-weight:750;cursor:pointer;line-height:1.35}.btn.secondary{background:transparent;border:1px solid #8491a6;color:inherit}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding-top:80px;padding-bottom:70px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:#b44b07}.hero .eyebrow{color:#ffad75}h1{font-size:clamp(40px,5.2vw,70px);line-height:1.06;letter-spacing:-.045em;margin:22px 0}h1 em{font-style:normal;color:#ff9a57}h2{font-size:clamp(29px,3.5vw,43px);line-height:1.18;letter-spacing:-.035em;margin:14px 0 20px}h3{font-size:22px;line-height:1.3}.hero p{max-width:540px;color:#c7d1df;font-size:19px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-note{font-size:13px!important;margin-top:28px}.visual{position:relative;height:420px;display:grid;place-items:center;background:radial-gradient(ellipse,#304569 0,transparent 67%)}.phone{width:215px;height:370px;border:7px solid #8a99ae;border-radius:38px;transform:rotate(12deg);background:linear-gradient(145deg,#203c60,#0c1628);box-shadow:20px 30px 60px #0005;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.island{position:absolute;top:12px;width:75px;height:20px;background:#0a1220;border-radius:20px}.pulse{width:78px;height:78px;border-radius:24px;background:var(--orange);color:var(--navy);display:grid;place-items:center;font-size:45px;font-weight:300}.phone small{font-size:12px;letter-spacing:.15em;margin-top:18px;color:#d5dfeb}.tag{position:absolute;background:white;color:var(--ink);padding:12px 17px;border-radius:10px;box-shadow:0 12px 35px #0002;font-size:13px;font-weight:700}.tag.one{left:0;top:70px}.tag.two{right:0;bottom:55px}.dot{color:#2d765a;margin-right:7px}.strip{background:#eff2f5;border-bottom:1px solid #dfe4ea}.strip .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px;font-size:13px;font-weight:650}section.block{padding:80px 0}.section-head{max-width:660px}.muted{color:var(--muted)}.quote-section{background:var(--cream)}.quote-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.quote-box{padding:32px;background:white;border:1px solid #dce3eb;border-radius:16px;box-shadow:0 20px 50px #17294108}label{display:block;font-size:14px;font-weight:700;margin-bottom:9px}select{display:block;width:100%;border:1px solid #bbc6d4;border-radius:8px;padding:14px;background:white;color:var(--ink);margin-bottom:20px}.result{background:#f3f5f8;border-radius:10px;padding:22px;margin:22px 0}.result h3{margin:0 0 8px}.result p{font-size:14px;margin:0}.price-row{border-bottom:1px solid #d8e0e9;padding:12px 0;display:flex;justify-content:space-between;gap:20px;font-size:15px}.price-row strong{white-space:nowrap}.full{width:100%}.steps{list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;margin:22px 0;display:flex;gap:16px;align-items:center;font-size:15px}.steps li:before{content:'0' counter(step);color:#a94808;font-weight:750}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.card{background:#f5f7fa;border:1px solid #e4e8ef;border-radius:12px;padding:30px}.icon{font-size:28px;color:#b9500a}.card p{font-size:15px;color:var(--muted)}.card a{font-size:14px;font-weight:750}.renew{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.renew-art{min-height:300px;border-radius:16px;background:#e8eef3;display:grid;place-items:center}.renew-art .phone{height:235px;width:135px;border-width:5px;border-radius:25px;transform:rotate(-12deg)}.renew-art .pulse{font-size:32px;width:56px;height:56px}.contact-band{background:var(--navy);color:white}.contact-band p{color:#cad3df}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{list-style:none;padding:0}.contact-list li{padding:13px 0;border-bottom:1px solid #ffffff26}.foot{padding:30px 0;background:#0a1527;color:#bfcadb;font-size:12px}.foot .wrap{display:flex;justify-content:space-between;gap:20px}.foot a{margin-left:14px}.page-top{background:var(--cream);padding:55px 0}.content{padding:55px 0;max-width:850px}.content article{margin-bottom:40px}.price-table{width:100%;border-collapse:collapse;font-size:14px}.price-table td,.price-table th{padding:12px;text-align:left;border-bottom:1px solid #dce3eb}.table-scroll{overflow-x:auto}details{border-bottom:1px solid #dce3eb;padding:20px 0}summary{font-weight:700;cursor:pointer}.page-content img{max-width:100%;height:auto}@media(max-width:800px){.hero-grid,.quote-grid,.renew,.contact-grid{grid-template-columns:1fr;gap:35px}.hero-grid{padding-top:45px}.visual{height:330px}.phone{height:290px;width:175px}.hero h1{max-width:600px}.cards{grid-template-columns:1fr}.nav{padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.links{gap:18px;flex-wrap:wrap}.links .btn{display:none}.strip .wrap{flex-wrap:wrap;justify-content:center}.quote-box{padding:24px}.block{padding:55px 0!important}.foot .wrap{display:block}.foot a{margin-left:0;margin-right:14px}.wrap{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Palette RiparHome: turchese del logo + arancio. */
:root{--navy:#10343f;--ink:#16343e;--orange:#ff982f;--cream:#f0f9fa;--muted:#506c75;--cyan:#20bec4;--cyan-dark:#087c84}
:focus-visible{outline-color:var(--cyan-dark)}
.top{background:#0c4853;color:#d4f3f4}
.brand{color:var(--cyan-dark)}.brand span{color:#bd5800}
.hero{background:radial-gradient(ellipse at 83% 45%,#176777 0,transparent 51%),linear-gradient(115deg,#102d39,#104754)}
.hero h1 em{color:#45d5d9}.hero .eyebrow{color:#83e5e7}.hero p{color:#d1e8eb}.hero .btn.secondary{border-color:#77b9c3;background:#ffffff05}.hero .btn.secondary:hover{background:#ffffff12}
.visual{background:radial-gradient(ellipse,#24bac433 0,transparent 69%)}
.phone{border-color:#66b6c2;background:linear-gradient(145deg,#1e6776,#102b3b);box-shadow:20px 30px 60px #001c2966}.phone small{color:#cceff1}.island{background:#0c2633}.pulse{background:var(--cyan);color:#0b303b}.dot{color:var(--cyan-dark)}
.strip{background:#e6f5f6;border-color:#cee8eb}.strip .wrap{color:#225963}
.eyebrow,.icon,.steps li:before{color:var(--cyan-dark)}
.quote-box{border-color:#c7e7e9;box-shadow:0 20px 50px #1258670b}.result{background:#edf8f9}.result h3{color:#126370}select{border-color:#a9cdd2}.card{background:#f1f9fa;border-color:#d4eaed}.card a{color:#087681}.card .icon{color:var(--cyan-dark)}
.renew-art{background:radial-gradient(ellipse at center,#b7ebed,#e4f5f6 72%)}
.contact-band{background:linear-gradient(115deg,#10333f,#105665)}.contact-band .eyebrow{color:#83e5e7!important}.contact-band p{color:#d0e7eb}
.foot{background:#0a2a35;color:#c7e1e5}
.btn:hover{background:#ffa94f}.btn.secondary:hover{background:#e5f6f7}.hero .btn.secondary{color:white}

/* Motion e superfici: animazioni leggere, senza dipendenze. */
.header{position:sticky;top:0;z-index:50;background:#ffffffdc;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);transition:box-shadow .4s,border-color .4s}.header.scrolled{box-shadow:0 5px 30px #0a384411;border-color:#b4dbdf}.nav{min-height:78px}.links a:not(.btn){transition:color .25s}.links a:not(.btn):hover{color:var(--cyan-dark)}
section[id]{scroll-margin-top:95px}.hero-grid{min-height:650px;padding-top:95px;padding-bottom:95px}.hero h1{letter-spacing:-.055em}.hero h1 em{background:linear-gradient(110deg,#45d5d9,#a5f2f1,#45d5d9);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:rh-shimmer 9s ease-in-out infinite}.hero .visual{transform:translate3d(0,var(--scroll-shift,0px),0);will-change:transform}.hero .phone{animation:rh-float 7s ease-in-out infinite}.hero .tag.one{animation:rh-tag 8s ease-in-out infinite}.hero .tag.two{animation:rh-tag 8s ease-in-out -4s infinite}.pulse{box-shadow:0 0 35px #20bec42b}.hero .phone:after{content:'';position:absolute;inset:0;border-radius:30px;background:linear-gradient(130deg,#ffffff18,transparent 45%);pointer-events:none}
.btn{transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #133b431b}.btn:active{transform:translateY(0) scale(.98)}.card{border-radius:22px;padding:35px;transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s,background .45s}.card:hover{transform:translateY(-7px);box-shadow:0 22px 48px #12586712;background:#eaf7f8}.card .icon{display:inline-block;transition:transform .4s}.card:hover .icon{transform:scale(1.12)}.quote-box{border-radius:24px;box-shadow:0 24px 65px #1258670b}.result{border-radius:16px}.renew-art{border-radius:28px;overflow:hidden}.renew-art .phone{transition:transform .8s cubic-bezier(.2,.75,.25,1)}.renew-art:hover .phone{transform:rotate(-4deg) translateY(-8px)}section.block{padding-top:100px;padding-bottom:100px}details p{animation:rh-answer .35s ease-out}select{transition:border-color .2s,box-shadow .2s}select:focus{border-color:var(--cyan-dark);box-shadow:0 0 0 4px #20bec417}
@keyframes rh-float{0%,100%{transform:translateY(0) rotate(12deg)}50%{transform:translateY(-16px) rotate(9deg)}}@keyframes rh-tag{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rh-shimmer{0%,100%{background-position:0% center}50%{background-position:100% center}}@keyframes rh-answer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.hero-grid{min-height:auto;padding-top:55px;padding-bottom:55px}.hero .visual{transform:none;will-change:auto}.nav{min-height:75px}.card{padding:28px}.header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero .visual{transform:none!important}.btn:hover,.card:hover{transform:none}}

/* Nome negozio più evidente. */
.brand{font-size:38px;line-height:1.15;letter-spacing:-1.5px;flex-shrink:0}
@media(max-width:800px){.brand{font-size:32px}}

/* Logo ingrandito, corrisponde al CSS aggiuntivo live. */
.header .brand{font-size:52px;line-height:1.12;letter-spacing:-2px}
@media(max-width:800px){.header .brand{font-size:42px;letter-spacing:-1.5px}}
@media(max-width:380px){.header .brand{font-size:38px}}

/* Catalogo: corrisponde al CSS aggiuntivo live. */
.page-content:has(>.rh-catalog){max-width:1200px;padding:35px 0}
.rh-catalog [hidden]{display:none!important}
