/* Tema daisyUI personalizzato Ollo Store — token colore da brand_brief.json.
   daisyUI 4 usa oklch(var(--p)): i valori sono le conversioni OKLCH degli HEX del brief.
   primary/accent #FF4C02 · secondary #313131 · neutral/footer #2B3439 · success #2E8B00 */
:root, [data-theme="ollo"] {
  --p: 66.67% 0.2242 36.67;   /* #FF4C02 */
  --pf: 58.48% 0.1959 36.95;
  --pc: 100% 0 89.88;
  --s: 31.32% 0 89.88;        /* #313131 */
  --sf: 22.64% 0 89.88;
  --sc: 100% 0 89.88;
  --a: 66.67% 0.2242 36.67;   /* #FF4C02 */
  --af: 58.48% 0.1959 36.95;
  --ac: 100% 0 89.88;
  --n: 30.42% 0.0228 248.58;  /* #2B3439 */
  --nf: 25.20% 0.0191 248.59;
  --nc: 100% 0 89.88;
  --b1: 100% 0 89.88;         /* #FFFFFF */
  --b2: 97.00% 0.0029 264.54;
  --b3: 93.03% 0.0046 258.33;
  --bc: 0% 0 0;               /* #000000 */
  --su: 55.94% 0.1775 139.32; /* #2E8B00 */
  --suc: 100% 0 89.88;
  --in: 31.32% 0 89.88;
  --inc: 100% 0 89.88;
  --wa: 76.98% 0.1625 74.45;
  --wac: 0% 0 0;
  --er: 55.11% 0.2084 27.58;
  --erc: 100% 0 89.88;
  --rounded-box: 0.5rem;
  --rounded-btn: 20px;
  --rounded-badge: 20px;
  --border-btn: 1px;
  --tab-radius: 20px;
  --animation-btn: 0.2s;
  /* text_muted e border misurati sul render live del sito di riferimento (computed styles) */
  --ollo-text-muted: #707070;
  --ollo-border: #DDDDDD;
  --ollo-promo-bar-bg: #000000;
  --ollo-promo-bar-text: #FFFFFF;
  --ollo-header-bg: #FFFFFF;
  --ollo-footer-bg: #2B3439;
  --ollo-button-bg: #FFFFFF;
  --ollo-button-text: #000000;
}

html { font-family: open-sans, sans-serif; }
h1, h2, h3, h4, .font-heading { font-family: open-sans, sans-serif; font-weight: 700; }

/* Pulsanti: radius 20px, stile outline, uppercase — da brand_brief.json */
.btn {
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: .02em;
}
.btn-outline:not(.btn-on-dark) { background-color: var(--ollo-button-bg); color: var(--ollo-button-text); border-color: #313131; }
.btn-outline:not(.btn-on-dark):hover { background-color: #FF4C02; border-color: #FF4C02; color: #fff; }
/* Varianti su fondo scuro (footer, banner cookie): l'outline chiaro sarebbe bianco su bianco */
.btn-outline.btn-on-dark { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.5); }
.btn-outline.btn-on-dark:hover { background-color: #FF4C02; border-color: #FF4C02; color: #fff; }
.btn-outline.btn-on-dark i { color: inherit; }
/* fallback espliciti: se il CDN daisyUI non risolvesse oklch(), i colori brand restano corretti */
.btn-primary { background-color: #FF4C02; border-color: #FF4C02; color: #fff; }
.btn-primary:hover { background-color: #d63f00; border-color: #d63f00; color: #fff; }
.badge-primary { background-color: #FF4C02; border-color: #FF4C02; color: #fff; }
.text-primary { color: #FF4C02; }
.text-success { color: #2E8B00; }
.link:hover { color: #FF4C02; }
.input, .select, .textarea { border-color: var(--ollo-border); }
/* --rounded-badge del brief (20px) renderebbe le checkbox come radio: le riportiamo quadrate */
.checkbox { border-radius: 4px; border-color: var(--ollo-border); }
.checkbox:checked, .checkbox[aria-checked="true"] { border-color: #FF4C02; background-color: #FF4C02; }
.line-clamp-2 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.line-clamp-3 { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.breadcrumbs li { display: inline-flex; align-items: center; }