/*
Theme Name: Italia Handwork Quiz — 精致引导版
Description: A focused, mobile-first Italian questionnaire with clear choices and a WhatsApp contact step. Existing tracking and settings are preserved.
Version: 2.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: italia-handwork-quiz
*/
:root{--ink:#173e31;--muted:#647269;--green:#165940;--gold:#b78d49;--paper:#fffdf7;--line:#e2e5dc}
*{box-sizing:border-box}[hidden],template{display:none!important}html{background:#142b22}body{margin:0;min-height:100svh;isolation:isolate;color:var(--ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}.workbench-scene{position:fixed;inset:0;z-index:-2;background:#173124 url(assets/workbench.webp) center/cover no-repeat}body:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#091f2140,#0c292517 35%,#0c292517 65%,#091f2140);pointer-events:none}h1,h2,p{margin:0}a{color:inherit}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b78d49;outline-offset:4px}.sr-only,.skip-link{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{clip:auto;width:auto;height:auto;z-index:100;background:#fff;padding:12px;top:8px;left:8px}
.quiz-header{max-width:1120px;margin:auto;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;color:#fff8e8}.quiz-brand{display:flex;gap:10px;align-items:center;text-decoration:none}.house-logo{height:36px;width:36px;display:grid;place-items:center;border-radius:11px;background:#fff8e812;border:1px solid #e2cc9c60;color:#f5dca4;backdrop-filter:blur(6px)}.house-logo svg{height:22px;width:22px}.quiz-brand strong{font-size:16px;font-weight:700;display:block;text-shadow:0 2px 7px #0005}.quiz-brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#e0dac7;margin-top:1px}.italia{display:flex;gap:8px;align-items:center;font-size:11px}.italia i{width:17px;height:12px;border-radius:2px;background:linear-gradient(90deg,#2aa770 33.3%,white 33.3%,white 66.6%,#de655b 66.6%)}
.quiz-main{max-width:610px;padding:9px 20px 16px;margin:auto}.quiz-card{position:relative;background:var(--paper);border:1px solid #f0ebdd;border-radius:26px;padding:26px 32px 28px;box-shadow:0 25px 75px #001b1460,0 0 0 5px #fff8e80b;overflow:hidden}.quiz-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#245c41,#a8b98c 60%,#e1c68c)}.wizard-top{display:flex;align-items:center;gap:12px;margin-bottom:25px}.journey-label{font-size:9px;font-weight:650;letter-spacing:1.4px;color:#6d7b6e;white-space:nowrap}.step-count{font-size:11px;font-weight:700;letter-spacing:.5px;color:#43604e;white-space:nowrap;order:3}.progress-track{flex:1;height:5px;background:#e9ece3;border-radius:20px;overflow:hidden}.progress-track>span{display:block;height:100%;background:linear-gradient(90deg,#225c42,#8eaa79);border-radius:20px;transition:width .22s}
.question-panel{position:relative;animation:arrive .22s ease}.panel-eyebrow{font-size:10px;line-height:28px;font-weight:750;letter-spacing:1.35px;color:#a07838;margin-bottom:11px;padding-right:36px}.step-emoji{position:absolute;right:0;top:0;height:28px;width:28px;display:grid;place-items:center;color:#819278}.step-emoji svg{height:24px;width:24px}.question-panel h2{font-size:32px;line-height:1.18;font-weight:760;letter-spacing:-1.05px;max-width:490px;margin:0 0 12px;text-wrap:pretty}.question-panel h2:focus{outline:0}.panel-help,.panel-lead{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 22px}.income-box{position:relative;display:grid;grid-template-columns:1fr auto;gap:1px 12px;align-items:center;background:linear-gradient(115deg,#f9efcf,#f2e5bc);border:1px solid #e7d6a6;border-radius:15px;padding:15px 17px;margin-bottom:13px;overflow:hidden}.income-box:before{content:'€';position:absolute;right:-4px;top:-39px;font-size:130px;line-height:1.3;color:#c0a05c15;transform:rotate(13deg);font-weight:800;pointer-events:none}.income-caption{font-size:12px;color:#715b31;font-weight:600;position:relative}.money-symbol{display:none}.income-box>div{position:relative;display:grid;justify-items:end}.income-box strong{font-size:31px;line-height:1.15;letter-spacing:-1px;font-weight:800;color:#365637}.income-box>div>span{font-size:11px;color:#7a683f}.income-box p{position:relative;grid-column:1/-1;font-size:10px;line-height:1.6;color:#7b6944;margin-top:7px}.income-box p>span{display:block}.benefits{list-style:none;display:flex;flex-wrap:wrap;gap:5px 12px;padding:0;margin:0 0 23px;font-size:11px;color:#5f705b}.benefits li{display:flex;align-items:center;gap:4px}.benefits li>span{font-size:12px;color:#3e6a47;font-weight:700}
fieldset{border:0;margin:0;padding:0;min-width:0}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:13px;position:relative;min-height:73px;padding:17px 18px;border:1px solid #d9e0d3;border-radius:15px;background:#fffefa;color:#294936;cursor:pointer;box-shadow:0 2px 1px #203b2806;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s}.option input{position:absolute;opacity:0;width:1px;height:1px}.option:has(input:focus-visible){outline:3px solid #b78d49;outline-offset:3px}.option:hover{background:#f2f6ec;border-color:#8ca47d;transform:translateY(-2px);box-shadow:0 7px 16px #1b442410}.option:active{transform:translateY(1px);box-shadow:none}.option:has(input:checked){border-color:#54815b;background:#edf3e6}.primary-choice{background:#1c5b41;border-color:#1c5b41;color:#fffdf3;box-shadow:0 4px 0 #123f2d,0 9px 20px #16553517}.primary-choice:hover,.primary-choice:has(input:checked){background:#236c4c;border-color:#236c4c;box-shadow:0 5px 0 #123f2d,0 10px 22px #16553520}.primary-choice:active{box-shadow:0 2px 0 #123f2d}.choice-icon{width:21px;height:21px;flex-shrink:0;border:1.5px solid #a2ad94;border-radius:50%;display:grid;place-items:center}.choice-icon:after{content:'';width:9px;height:9px;border-radius:50%;background:currentColor;opacity:0}.option:has(input:checked) .choice-icon:after{opacity:1}.primary-choice .choice-icon{border-color:#cce2c6;color:#e3eccb}.option-copy{min-width:0}.option-copy strong{font-size:16px;line-height:1.45;font-weight:650;letter-spacing:-.2px}.option-arrow{margin-left:auto;flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1e6;color:#6e8560;font-size:21px;font-weight:400;transition:transform .16s}.primary-choice .option-arrow{background:#ffffff15;color:#f1e8bc}.option:hover .option-arrow{transform:translateX(2px)}.time-options{margin-top:26px;gap:13px}.time-choice{min-height:78px}.clock-icon{height:38px;width:38px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:#eef2e5;color:#7b915f}.clock-icon svg{height:25px;width:25px}.wizard-bottom{margin-top:21px;text-align:center}.back-button{border:0;background:none;color:#5f7665;font-size:12px;padding:6px 14px;cursor:pointer;text-underline-offset:4px}.back-button:hover{text-decoration:underline}
.contact-panel .panel-eyebrow{color:#3e8452}.contact-panel .step-emoji{color:#3e8452}.contact-panel h2{font-size:32px}.contact-question{font-size:15px;line-height:1.7;margin-top:22px;padding:18px 19px;background:#f1f4e9;border:1px solid #e1e8d6;border-radius:14px;color:#496344}.whatsapp-button{display:flex;align-items:center;justify-content:center;gap:13px;min-height:76px;margin-top:23px;padding:18px;border-radius:15px;background:#20874f;border:1px solid #20874f;color:#fff;text-decoration:none;font-size:15px;font-weight:750;letter-spacing:.1px;box-shadow:0 4px 0 #115f34,0 10px 24px #16793e20;transition:transform .16s,box-shadow .16s,background .16s}.whatsapp-button:hover{background:#269559;border-color:#269559;transform:translateY(-2px);box-shadow:0 6px 0 #115f34,0 13px 28px #16793e28}.whatsapp-button:active{transform:translateY(2px);box-shadow:0 2px 0 #115f34}.whatsapp-button svg{height:29px;width:29px;flex-shrink:0}.button-arrow{font-size:24px;margin-left:auto;font-weight:400}.whatsapp-button[aria-disabled]{opacity:.4;pointer-events:none;box-shadow:none}.contact-body{font-size:12px;line-height:1.8;color:#687665;margin:23px 3px 0;text-align:center}.contact-note{font-size:11px;line-height:1.7;color:#4c6e51;text-align:center;margin:12px 2px 0}.setup-message{font-size:12px;text-align:center;color:#8e5b23;margin-top:15px}.disclaimer{font-size:10px;line-height:1.7;color:#fff9e8;text-shadow:0 1px 5px #051d17;margin:17px 7px 0;text-align:center}.quiz-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:13px;padding:0 20px 20px;font-size:10px;color:#f4edda;text-shadow:0 1px 5px #051d17;text-align:center}.quiz-footer nav{display:flex;gap:12px}.quiz-footer a{text-underline-offset:3px}.content-page{max-width:850px;min-height:70vh;padding:30px;margin:30px auto;background:var(--paper);border-radius:15px}.content-page h1{font-size:30px;margin-bottom:20px}.content-page p{margin-bottom:16px}
@keyframes arrive{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:600px){.workbench-scene{background-size:auto 1000px;background-position:75% top;background-repeat:repeat-y}.quiz-header{padding:17px 20px}.house-logo{height:32px;width:32px;border-radius:10px}.house-logo svg{height:20px;width:20px}.quiz-brand strong{font-size:14px}.quiz-brand small{font-size:7px;letter-spacing:1px}.italia{font-size:10px}.quiz-main{padding:6px 15px 15px}.quiz-card{border-radius:22px;padding:23px 22px 25px;box-shadow:0 16px 45px #001b1455,0 0 0 4px #fff8e80d}.wizard-top{gap:11px;margin-bottom:23px}.journey-label{font-size:8px;letter-spacing:1px}.step-count{font-size:10px}.panel-eyebrow{font-size:9px;letter-spacing:1.15px;margin-bottom:12px}.question-panel h2,.contact-panel h2{font-size:29px;line-height:1.18;letter-spacing:-.8px}.panel-help,.panel-lead{font-size:13px;line-height:1.6;margin-bottom:21px}.income-box{padding:13px 14px;grid-template-columns:1fr auto;gap:1px 8px;border-radius:13px}.income-caption{font-size:11px;max-width:80px;line-height:1.5}.income-box strong{font-size:29px;letter-spacing:-1px}.income-box>div>span{font-size:10px}.income-box p{font-size:10px;margin-top:7px}.benefits{font-size:10px;gap:5px 10px;margin-bottom:22px}.option{min-height:73px;padding:16px 14px;gap:12px;border-radius:14px}.option-copy strong{font-size:15px}.option-arrow{height:25px;width:25px;font-size:19px}.choice-icon{height:20px;width:20px}.time-choice{min-height:79px}.clock-icon{height:35px;width:35px}.contact-question{font-size:14px;padding:16px}.whatsapp-button{font-size:12px;min-height:76px;gap:11px;padding:16px 14px}.whatsapp-button svg{height:28px;width:28px}.contact-body{font-size:12px}.contact-note{font-size:11px}.disclaimer{font-size:9px;margin-top:18px}.quiz-footer{font-size:9px}.content-page{margin:15px;padding:20px}}
@media(max-width:359px){.quiz-main{padding-inline:10px}.quiz-card{padding:21px 18px}.question-panel h2,.contact-panel h2{font-size:27px}.income-box strong{font-size:27px}.option-copy strong{font-size:14px}.whatsapp-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}