/* LKD UI FIX - correzioni post-migrazione Aruba - 16/09/2026
   Punti 2,3,4,5,6. File autonomo: modificabile o cancellabile senza toccare il tema. */

/* ===== 6. BLU DEL LOGO (#0786FC) al posto del blu Kubio (#03A9F4) ===== */
:root{
  --kubio-color-1:7,134,252;
  --kubio-color-1-variant-1:168,205,254;
  --kubio-color-1-variant-2:94,175,253;
  --kubio-color-1-variant-3:7,134,252;
  --kubio-color-1-variant-4:5,109,206;
  --kubio-color-1-variant-5:2,48,92;
  --lkd-blu:#0786FC;
  --lkd-blu-scuro:#056DCE;
}
.lkd-part-btn{color:var(--lkd-blu)!important;border-color:var(--lkd-blu)!important}
.lkd-part-btn:hover,.lkd-part-btn:focus,.lkd-part-btn.is-active{color:#fff!important;background:var(--lkd-blu)!important;border-color:var(--lkd-blu)!important}

/* ===== 5. ICONA HAMBURGER CENTRATA NELLA CORNICE ===== */
.wp-block-kubio-menu-offscreen__iconWrapper{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;box-sizing:border-box!important}
.wp-block-kubio-menu-offscreen__icon{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;line-height:0!important}
.wp-block-kubio-menu-offscreen__icon svg{display:block!important;width:22px!important;height:16px!important}

/* ===== 3. INTESTAZIONE MOBILE: scritta accanto a logo e menu, mai sopra ===== */
@media (max-width:991px){
  #lkd-hdr-center{max-width:calc(100vw - 168px)!important;top:44px!important;overflow:hidden!important}
  #lkd-hdr-name{font-size:clamp(1rem,5.4vw,1.8rem)!important;-webkit-text-stroke-width:1.2px!important;letter-spacing:.02em!important}
  #lkd-hdr-sub{font-size:clamp(.46rem,2.2vw,.72rem)!important;letter-spacing:.12em!important;margin-top:.2rem!important}
  .wp-block-kubio-header__container .kubio-logo-image{max-height:56px!important;width:auto!important}
}
@media (max-width:400px){
  #lkd-hdr-center{max-width:calc(100vw - 150px)!important;top:42px!important}
}

/* ===== 4. INTESTAZIONE FISSA CON COMPARSA INTELLIGENTE ===== */
.wp-block-kubio-header__container,#lkd-hdr-center{transition:transform .28s ease!important;will-change:transform}
/* lo spostamento di intestazione e scritta lo fa ui-fix.js in pixel (il contenitore e' alto 0) */
/* l'intestazione ha transform:none inline !important: la sposta il JS (vedi ui-fix.js) */
body.lkd-hdr-stuck .wp-block-kubio-header__container{background:rgba(8,14,30,.92)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

/* ===== 2. PRODOTTI: DUE PER RIGA SU MOBILE ===== */
@media (max-width:767px){
  ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 16px!important;padding:0!important}
  ul.products:before,ul.products:after{display:none!important}
  ul.products li.product{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 0 4px!important;float:none!important;clear:none!important;display:flex!important;flex-direction:column!important;background:#fff;border-radius:14px;overflow:hidden}
  ul.products li.product a.woocommerce-LoopProduct-link{display:flex!important;flex-direction:column!important;min-width:0!important}
  /* solo la foto del prodotto, non le emoji o i loghi decorativi nella scheda */
  ul.products li.product img.attachment-woocommerce_thumbnail,
  ul.products li.product > a.woocommerce-LoopProduct-link > img{width:100%!important;height:auto!important;aspect-ratio:1/1;object-fit:cover!important;margin:0 0 6px!important}
  ul.products li.product .woocommerce-loop-product__title{font-size:.82rem!important;line-height:1.25!important;padding:0 8px!important;margin:0 0 4px!important;overflow-wrap:anywhere}
  ul.products li.product .price{font-size:.85rem!important;padding:0 8px!important;margin:0 0 6px!important;line-height:1.3!important}
  ul.products li.product .price del{font-size:.75rem!important}
  ul.products li.product .button,ul.products li.product .added_to_cart{display:block!important;width:calc(100% - 16px)!important;box-sizing:border-box!important;margin:auto 8px 8px!important;padding:10px 6px!important;font-size:.78rem!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.2!important;min-height:40px}
  ul.products li.product .lkd-fav{z-index:3}
  body.woocommerce-page,body.post-type-archive-product{overflow-x:hidden!important}
}


/* ===== 1. "SOSTIENI GRATUITAMENTE" CON ASPETTO DI BOTTONE NELLE SCHEDE =====
   Nelle liste prodotti e' un semplice link con stile scritto nel tag: la classe
   la aggiunge ui-fix.js, qui c'e' l'aspetto (stesso oro di .lkd-partecipa-btn). */
a.lkd-free-btn{
  display:block!important;width:100%!important;box-sizing:border-box!important;text-align:center!important;
  background:linear-gradient(135deg,#C9A227,#E8C040)!important;color:#1a0f00!important;
  font-family:'Cinzel',Georgia,serif!important;font-weight:700!important;letter-spacing:.06em!important;
  font-size:.72rem!important;line-height:1.2!important;padding:9px 6px!important;border-radius:9px!important;
  text-decoration:none!important;margin:8px 0 2px!important;border:none!important;cursor:pointer!important;
  box-shadow:0 3px 10px rgba(201,162,39,.32)!important;min-height:38px;
}
a.lkd-free-btn:hover,a.lkd-free-btn:focus{color:#1a0f00!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(201,162,39,.5)!important}
@media (max-width:767px){ a.lkd-free-btn{font-size:.68rem!important;letter-spacing:.03em!important;padding:9px 4px!important} }


/* Le emoji sono immagini (wp-smiley): non devono mai essere ingrandite */
img.emoji,img.wp-smiley{
  width:1.15em!important;height:1.15em!important;max-width:1.15em!important;
  display:inline-block!important;aspect-ratio:auto!important;object-fit:contain!important;
  margin:0 .07em!important;padding:0!important;border:none!important;vertical-align:-.15em!important;box-shadow:none!important;
}


/* Niente icone/emoji dentro le schede prodotto: solo le scritte */
ul.products li.product img.emoji,
ul.products li.product img.wp-smiley,
.lkd-hp-pc img.emoji,
.lkd-hp-pc img.wp-smiley,
.lkd-hp-pb img.emoji,
a.lkd-free-btn img.emoji,
a.lkd-free-btn img.wp-smiley{display:none!important}


/* ===== 2bis. HOME: SEMPRE DUE PRODOTTI PER RIGA ANCHE SUI TELEFONI PICCOLI =====
   Il tema forza una sola colonna sotto i 400px e sotto i 360px (con !important).
   Uso "body" davanti per avere priorita' maggiore a parita' di !important. */
@media (max-width:480px){
  body .lkd-hp-pgrid,
  body .lkd-hp-agrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body .lkd-hp-pc{min-width:0!important}
  body .lkd-hp-pname{font-size:.78rem!important;line-height:1.25!important;overflow-wrap:anywhere}
  body .lkd-hp-pcat{font-size:.6rem!important}
}
@media (max-width:360px){
  body .lkd-hp-pgrid,
  body .lkd-hp-agrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  body .lkd-hp-pname{font-size:.72rem!important}
}


/* ===== PUNTO 1: selettore quantita' identico a quello dei gettoni (.lkd-part-step) ===== */
.woocommerce div.product form.cart .quantity.lkd-qty-step{display:flex!important;align-items:center!important;gap:9px!important;float:none!important;margin:0 12px 0 0!important}
.lkd-qty-step input.qty{
  min-width:44px!important;width:52px!important;text-align:center!important;font-weight:900!important;
  font-size:1.1em!important;color:#1a1a1a!important;border:1.5px solid var(--lkd-blu)!important;border-radius:8px!important;
  height:38px!important;padding:0 4px!important;background:#fff!important;box-shadow:none!important;-moz-appearance:textfield;
}
.lkd-qty-step input.qty::-webkit-outer-spin-button,.lkd-qty-step input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* pulsanti piu' comodi da toccare, sia quantita' sia gettoni */
/* 17/09/2026: selettori (quantita' e gettoni) nel blu del logo, su richiesta di Davide */
.lkd-part-step button,.lkd-qty-step button{width:38px!important;height:38px!important;border-radius:8px!important;border:1.5px solid var(--lkd-blu)!important;background:#fff!important;color:var(--lkd-blu)!important;font-weight:900!important;font-size:1.2em!important;line-height:1!important;cursor:pointer;padding:0!important;display:flex;align-items:center;justify-content:center}
.lkd-part-step button:hover,.lkd-qty-step button:hover{background:#eaf4ff!important;border-color:var(--lkd-blu-scuro)!important;color:var(--lkd-blu-scuro)!important}
.lkd-part-step button:disabled,.lkd-qty-step button:disabled{opacity:.4;cursor:default}

/* ===== PUNTO 8: bottone "torna su" (solo mobile) ===== */
#lkd-torna-su{
  position:fixed;right:14px;bottom:calc(16px + var(--lkd-su-offset,0px) + env(safe-area-inset-bottom,0px));
  width:44px;height:44px;border-radius:50%;border:none;cursor:pointer;
  background:#0786FC;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.28);
  display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s;
  z-index:9500;padding:0;
}
#lkd-torna-su.visibile{opacity:.92;visibility:visible;transform:translateY(0)}
#lkd-torna-su:hover,#lkd-torna-su:focus{opacity:1;background:#056DCE}
#lkd-torna-su svg{display:block}
@media (min-width:992px){ #lkd-torna-su{display:none!important} }


/* 17/09/2026 - Il bottone "ISCRIZIONE UTENTE" del banner usciva di 6px per lato
   dallo schermo (era 12px piu' largo del contenitore). Lo riporto dentro. */
.lkd-mb .lkd-mb-btn, a.lkd-mb-btn{
  max-width:100%!important;width:auto!important;box-sizing:border-box!important;
  margin-left:0!important;margin-right:0!important;
}


/* 17/09/2026 - Il modulo "Richiedi il business plan" ora sta DENTRO il banner dorato
   in fondo alla home: una sola sezione invece di due. Qui lo adatto al fondo scuro. */
.lkd-hp-invest .lkd-bp-box{
  margin:8px auto 0!important;background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(201,162,39,.55)!important;box-shadow:0 8px 26px rgba(0,0,0,.28)!important;
  text-align:left!important;max-width:640px!important;
}
.lkd-hp-invest .lkd-bp-box h3{color:#12233f!important}
.lkd-hp-invest .lkd-bp-link{color:#0786FC!important}
@media(max-width:700px){ .lkd-hp-invest .lkd-bp-box{margin:8px 0 0!important;padding:18px 14px!important} }


/* ===== 18/09/2026 - Punto 1: "Accedi oppure registrati gratuitamente" =====
   Due link ben distinti, con spazio sufficiente per non toccarli per sbaglio. */
.lkd-accesso-msg{line-height:1.9!important}
.lkd-accesso-msg .lkd-accesso-link{
  color:#0786FC!important;font-weight:700!important;text-decoration:underline!important;
  white-space:nowrap;display:inline-block;padding:4px 2px;
}
.lkd-accesso-msg .lkd-accesso-link:hover{color:#056DCE!important}
.lkd-accesso-msg .lkd-accesso-oppure{color:inherit!important;font-weight:400!important;text-decoration:none!important;padding:0 8px}
.lkd-accesso-nota{font-size:.88em!important;opacity:.85}
@media(max-width:600px){
  /* sul telefono i due link vanno a capo: li distanzio per non toccare quello sbagliato */
  .lkd-accesso-msg{line-height:2.2!important}
  .lkd-accesso-msg .lkd-accesso-link{padding:8px 2px;margin:5px 0}
  .lkd-accesso-msg .lkd-accesso-oppure{padding:0 10px}
}


/* ===== 18/09/2026 - Leggibilita': nessun testo sotto gli 11 px su telefono =====
   Riguarda le etichette del riquadro partecipazione e la categoria sopra il nome prodotto. */
@media (max-width:767px){
  .lkd-part .hint, .lkd-part .lab, .lkd-part-av, .lkd-live-badge{font-size:11.5px!important;line-height:1.45!important}
  .lkd-hp-pcat{font-size:11px!important;letter-spacing:.02em!important}
  .lkd-hp-aname{font-size:11.5px!important}
}
@media (min-width:768px){
  .lkd-part .hint, .lkd-part .lab{font-size:12px!important}
}


/* ===== 19/09/2026 - INTESTAZIONE: "aLuckyDay" largo quanto "LA FORTUNA ARRIVA DONANDO" =====
   Richiesta di Davide. Il nome risultava piu' stretto della frase sottostante:
   qui viene ingrandito finche' le due scritte hanno la stessa larghezza.
   I fattori nascono da misure fatte sulla pagina reale:
     - sotto i 992px il nome era 168,6px e la frase 238,2px  -> x1,43
     - sopra i 992px il nome era 362,1px e la frase 380,8px  -> x1,045 (era gia' quasi pari)
   Le regole ripetono le stesse clamp() gia' in uso, moltiplicate per quei fattori.
   PER ANNULLARE: cancellare da questo commento fino alla fine del file. */
@media (max-width:991px){
  #lkd-hdr-name{font-size:clamp(1.43rem,7.72vw,2.57rem)!important}
}
@media (min-width:992px){
  #lkd-hdr-name{font-size:clamp(2.3rem,5.23vw,4.18rem)!important}
}

/* --- 20/09/2026: titolo "aLuckyDay" invisibile con la modalita' notte del telefono ---
   Il titolo non ha un colore proprio: e' un degrade' dorato ritagliato dentro le lettere
   (-webkit-background-clip:text + -webkit-text-fill-color:transparent) con contorno nero.
   Quando il telefono scurisce da solo la pagina, quel degrade' viene scurito e le lettere
   spariscono sul fondo nero. Due difese:
   1) diciamo al browser che il sito e' pensato solo in chiaro (disattiva il tema scuro
      automatico di Chrome per Android);
   2) se un browser scurisce lo stesso, il titolo diventa oro pieno con contorno scuro.
   PER ANNULLARE: cancellare da questo commento fino alla fine del file. */
:root{color-scheme:only light}
@media (prefers-color-scheme:dark){
  #lkd-hdr-name{
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-fill-color:#FFCE3A!important;
    color:#FFCE3A!important;
    -webkit-text-stroke:1.2px rgba(0,0,0,.75)!important;
    paint-order:stroke fill;
    animation:none!important;
  }
  #lkd-hdr-sub{
    -webkit-text-fill-color:#FFFFFF!important;
    color:#FFFFFF!important;
    text-shadow:0 1px 2px rgba(0,0,0,.8);
  }
}