/* hooo · personalizarea: formularul de pe pagina produsului și de pe /detalii/ (tokenurile temei, cu valori de rezervă) */
.hooo-pers{margin:0 0 22px;padding:22px 22px 6px;border:1.5px solid var(--line,#E7E0E4);border-radius:var(--radius,16px);background:var(--paper-2,#FBF8F9)}
.hooo-pers [hidden]{display:none!important}
.hooo-pers__h{font-size:21px;margin:0 0 14px}
.hooo-pers__campuri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.hooo-camp{grid-column:1/-1;margin:0 0 16px;padding:0;border:0;min-width:0}
.hooo-camp--jumatate{grid-column:auto}
.hooo-camp>label:not(.hooo-poza-btn),.hooo-camp>legend,.hooo-eticheta{display:block;margin:0 0 6px;padding:0;font-weight:600;font-size:15px;line-height:1.35;color:var(--ink,#1E1A20)}
.hooo-optional{margin-left:4px;font-weight:500;font-size:13px;color:var(--ink-3,#7A7280)}
.hooo-camp input[type=text],.hooo-camp input[type=email],.hooo-camp input[type=number],.hooo-camp input[type=date],.hooo-camp select,.hooo-camp textarea{width:100%;background:#fff}
.hooo-camp input[type=date]{min-height:50px}
.hooo-camp textarea{min-height:92px;resize:vertical}
.hooo-ajutor{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--ink-3,#7A7280)}
.hooo-nota{margin:8px 0 0;padding:8px 12px;border-left:3px solid var(--rasp,#C92A48);border-radius:0 8px 8px 0;background:#fff;font-size:14px;line-height:1.45;color:var(--ink-2,#4A444D)}
/* numele lui Moș, verificat pe loc (pers.js): verde când Moș îl rostește */
.hooo-nota.is-da{border-left-color:var(--pine,#1F5C46);color:var(--pine-d,#17483A)}
.hooo-nota.is-da::before{content:"✓ ";font-weight:700}
.hooo-eroare{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--err,#B42318)}
.hooo-camp.has-error input,.hooo-camp.has-error select,.hooo-camp.has-error textarea{border-color:var(--err,#B42318)}
.hooo-numar{display:block;margin-top:4px;text-align:right;font-size:12px;color:var(--ink-3,#7A7280);font-variant-numeric:tabular-nums}
.hooo-numar.is-aproape{color:var(--warn,#A15C07)}
.hooo-optiuni{display:flex;flex-wrap:wrap;gap:8px}
.hooo-optiune{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1.5px solid var(--line,#E7E0E4);border-radius:10px;background:#fff;font-weight:500;font-size:15px;line-height:1.3;cursor:pointer}
.hooo-optiune input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--rasp,#C92A48)}
.hooo-optiune:has(input:checked){border-color:var(--rasp,#C92A48);background:var(--blush,#FBEEF1)}
.hooo-optiune:focus-within{box-shadow:0 0 0 4px var(--rasp-soft,rgba(201,42,72,.12))}
.hooo-fix{margin:0;padding:11px 14px;border:1.5px solid var(--line,#E7E0E4);border-radius:10px;background:#fff;font-weight:600;font-size:15px;line-height:1.35;color:var(--ink,#1E1A20)}
.hooo-mai-tarziu{margin:0 0 16px;padding:12px 14px;border:1.5px dashed var(--line,#E7E0E4);border-radius:10px;background:#fff}
.hooo-mai-tarziu label{display:flex;align-items:center;gap:10px;font-weight:600;cursor:pointer}
.hooo-mai-tarziu input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--rasp,#C92A48)}
.hooo-poze{display:flex;flex-wrap:wrap;gap:10px}
.hooo-poze:not(:empty){margin:0 0 10px}
.hooo-poza-mini{position:relative;display:grid;place-items:center;width:84px;height:84px;overflow:hidden;border:1.5px solid var(--line,#E7E0E4);border-radius:10px;background:#fff}
.hooo-poza-mini img{display:block;width:100%;height:100%;object-fit:cover}
.hooo-poza-mini__txt{font-size:12px;font-weight:600;color:var(--ink-2,#4A444D)}
.hooo-poza-mini.is-incarca::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.55) linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);background-size:200% 100%;animation:hooo-incarca 1.1s linear infinite}
@keyframes hooo-incarca{from{background-position:200% 0}to{background-position:-200% 0}}
.hooo-poza-mini button{position:absolute;top:4px;right:4px;width:26px;height:26px;min-height:0;padding:0;border:0;border-radius:50%;background:rgba(30,26,32,.75);color:#fff;font:600 17px/26px var(--font-body,sans-serif);cursor:pointer}
.hooo-poza-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border:1.5px dashed var(--rasp,#C92A48);border-radius:10px;background:#fff;color:var(--rasp-d,#A11F3A);font-weight:600;font-size:15px;cursor:pointer}
.hooo-poza-btn:hover{background:var(--blush,#FBEEF1)}
.hooo-poza-btn:focus-within{box-shadow:0 0 0 4px var(--rasp-soft,rgba(201,42,72,.12))}
.hooo-poza-btn input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}
.hooo-cantitate{font-weight:600}
/* „Cuvintele tale” (2 octombrie 2026): subtitlul grupei, cu o linie deasupra; căsuțele au același aspect ca opțiunile radio */
.hooo-camp--sectiune{margin:6px 0 14px;padding-top:18px;border-top:1.5px solid var(--line,#E7E0E4)}
.hooo-pers__sub{margin:0 0 4px;font-size:18px;line-height:1.3;color:var(--ink,#1E1A20)}
.hooo-camp--sectiune .hooo-ajutor{margin:0}
.single_add_to_cart_button.is-asteapta{opacity:.7}
/* „Povestea mea” (2 octombrie 2026): bifa de acord (tipul „acord”) și cardurile cu o frază (radio cu „carduri”, temele) */
.hooo-acord,.hooo-camp>label.hooo-acord{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;border:1.5px solid var(--line,#E7E0E4);border-radius:12px;background:#fff;font-weight:500;font-size:15px;line-height:1.5;color:var(--ink,#1E1A20);cursor:pointer}
.hooo-acord input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--rasp,#C92A48)}
.hooo-acord:has(input:checked){border-color:var(--pine,#1F5B4A);background:var(--pine-l,#E8F2ED)}
.hooo-acord:focus-within{box-shadow:0 0 0 4px var(--rasp-soft,rgba(201,42,72,.12))}
.hooo-camp.has-error .hooo-acord{border-color:var(--err,#B42318)}
.hooo-camp--carduri .hooo-optiuni{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hooo-camp--carduri .hooo-optiune{align-items:flex-start;padding:14px 16px;border-radius:14px}
.hooo-camp--carduri .hooo-optiune input{margin-top:3px}
.hooo-optiune__txt{display:grid;gap:4px;min-width:0}
.hooo-optiune__titlu{font-weight:650;font-size:16px;line-height:1.3}
.hooo-optiune__desc{font-weight:400;font-size:14px;line-height:1.45;color:var(--ink-3,#7A7280)}
/* pagina /detalii/ */
.hooo-detalii{max-width:720px}
.hooo-detalii__comanda{margin:0 0 6px;font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--ink-3,#7A7280)}
.hooo-detalii__h{margin:0 0 8px;font-size:30px}
.hooo-detalii__sub{margin:0 0 20px;color:var(--ink-2,#4A444D)}
.hooo-detalii__trimite{width:100%}
.hooo-detalii__rezumat{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:18px 0 0}
.hooo-detalii__rezumat dt{font-weight:600}
.hooo-detalii__rezumat dd{margin:0;color:var(--ink-2,#4A444D)}
/* tema dă mesajelor alt padding decât WooCommerce, iar pictograma lui WooCommerce ar acoperi prima literă */
.hooo-detalii .woocommerce-message::before,.hooo-detalii .woocommerce-info::before,.hooo-detalii .woocommerce-error::before{content:none;display:none}
@media (max-width:560px){
  .hooo-pers{padding:18px 16px 4px}
  .hooo-pers__campuri{grid-template-columns:minmax(0,1fr)}
  .hooo-camp--jumatate{grid-column:1/-1}
  .hooo-camp--carduri .hooo-optiuni{grid-template-columns:minmax(0,1fr)}
  .hooo-detalii__rezumat{grid-template-columns:1fr}
}

/* 23.10.2026: exemplul unei opțiuni, în „i”-ul de lângă titlu (formular.php) și în bula de sub opțiuni (pers.js) */
.hooo-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hooo-optiune .hooo-info{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;min-height:0;margin:0 0 0 2px;padding:0;border:1.5px solid currentColor;border-radius:50%;background:transparent;box-shadow:none;color:#A2969D;font:italic 700 11.5px/1 Georgia,"Times New Roman",serif;cursor:pointer;transition:color .15s}
.hooo-optiune .hooo-info:hover,.hooo-optiune .hooo-info[aria-expanded="true"]{color:var(--rasp,#C92A48)}
.hooo-optiune .hooo-info:focus-visible{outline:2px solid var(--rasp,#C92A48);outline-offset:2px}
.hooo-camp--radio:not(.hooo-camp--carduri) .hooo-optiune__titlu{font-size:inherit}
.hooo-info-bula{position:relative;margin:10px 0 0;padding:10px 14px;border:1px solid #EADFCF;border-radius:12px;background:#FBF6EE;font-size:13.5px;line-height:1.45;color:#4A444D}