/* file: wl.css — v2.0
   Componenti propri del motore whitelabel, sopra bootstrap.min.css + style.min.css del template. */

/* ---- spaziature mancanti nel template ---- */
.pt-90{padding-top:72px}.pb-90{padding-bottom:72px}
.pt-30{padding-top:24px}.pb-30{padding-bottom:24px}
@media(max-width:768px){.pt-90{padding-top:48px}.pb-90{padding-bottom:48px}}

/* ---- header ---- */
.wl-header{position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(var(--n5),.7)}
.wl-logo{text-decoration:none}
.wl-logo-badge{width:42px;height:42px;background:rgb(var(--s1));color:#fff}
.wl-logo-badge svg{width:24px;height:24px}
.wl-nav a{text-decoration:none}
.wl-nav a:hover{color:rgb(var(--p1))!important}
.wl-burger{width:46px;height:46px;flex-direction:column;gap:5px;cursor:pointer}
.wl-burger span{width:22px;height:2px;background:rgb(var(--n17));display:block;border-radius:2px}
@media(max-width:991px){
  .wl-nav{display:none;width:100%;flex-direction:column;align-items:flex-start!important;padding-top:14px;gap:0!important}
  .wl-nav li{width:100%;padding:11px 2px;border-bottom:1px solid rgba(var(--n4),.8)}
  .wl-nav-toggle:checked ~ .wl-nav{display:flex}
}

/* ---- hero ---- */
.banner-section .display-three{font-size:clamp(30px,4vw,52px);line-height:1.1;font-weight:800}
.wl-intro{max-width:60ch}
.wl-stat-ic{width:46px;height:46px}
.wl-stat-ic svg{width:24px;height:24px}
.wl-stat{box-shadow:0 6px 30px rgba(0,0,0,.05)}

/* ---- card negozio ---- */
.wl-store-card{text-decoration:none}
.wl-store-card:hover{transform:translateY(-4px);box-shadow:0 12px 34px rgba(0,0,0,.10)}
.wl-store-card a{text-decoration:none}
.wl-store-logo{width:60px;height:60px;flex:0 0 60px;overflow:hidden}
.wl-store-logo img{max-width:100%;max-height:100%;object-fit:contain}
.wl-go-round{width:40px;height:40px}
.wl-go-round svg{width:18px;height:18px}

/* ---- card coupon ---- */
.wl-coupon-card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08)}
.wl-coupon-card a{text-decoration:none}
.wl-coupon-value{min-width:104px;text-align:center}
.wl-coupon-value .fs-two{font-size:30px}
.wl-coupon-actions{min-width:210px}
.wl-show-code .coupon-code{letter-spacing:3px}
.wl-show-code.revealed .show{opacity:0;visibility:hidden}
.wl-show-code.revealed .coupon-code{letter-spacing:1px}

/* ---- chip categoria ---- */
.wl-cat-chip{text-decoration:none}
.wl-cat-chip:hover{border-color:rgb(var(--p1));transform:translateY(-2px)}
.wl-cat-chip svg{width:16px;height:16px}

/* ---- sezioni head ---- */
.head-area h2{font-size:clamp(24px,3vw,34px);font-weight:800}

/* ---- testo lungo ---- */
.wl-body-text{line-height:1.75;color:rgb(var(--n14))}
.wl-disclosure{font-size:14px;line-height:1.6}

/* utility svg generico nei link nav */
.wl-nav svg,.cmn-btn svg,.box-style svg{vertical-align:middle}

/* guardia overflow orizzontale mobile */
html,body{overflow-x:hidden;max-width:100%}
@media(max-width:575px){.banner-section .display-three{font-size:26px}}

/* ---- pagina coupon ---- */
.wl-coupon-value-lg{min-width:120px}
.wl-coupon-value-lg .s1-color{font-size:clamp(28px,4vw,44px)}
.wl-title-go{text-decoration:none}
.wl-title-go:hover{color:rgb(var(--p1))!important;text-decoration:underline}
.wl-step{width:36px;height:36px;font-size:16px}
.wl-sticky{position:sticky;top:90px}
@media(max-width:991px){.wl-sticky{position:static}}
.wl-store-logo-sm{width:30px;height:30px;flex:0 0 30px;overflow:hidden}
.wl-store-logo-sm img{max-width:100%;max-height:100%;object-fit:contain}
.box-second span,.box-second svg{color:#fff}

/* ---- trust / tabella / faq ---- */
.wl-table{border-collapse:collapse}
.wl-table th,.wl-table td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(var(--n4),.9)}
.wl-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--n10));font-weight:700}
.wl-table tbody tr:last-child td{border-bottom:0}
.wl-table a{text-decoration:none}.wl-table a:hover{color:rgb(var(--p1))!important}
.wl-faq-item summary{cursor:pointer;list-style:none}
.wl-faq-item summary::-webkit-details-marker{display:none}
.wl-faq-item .wl-faq-caret{transition:transform .2s}
.wl-faq-item[open] .wl-faq-caret{transform:rotate(90deg)}
.wl-trust-stat{height:100%}

/* ===== varianti layout b / c ===== */
/* B: header centrato */
.wl-nav-center li{padding:0}
.wl-store-card-v .wl-store-logo-lg{width:72px;height:72px;flex:0 0 72px}
.wl-coupon-card-b .wl-coupon-value{min-width:84px}
/* C: compatta + topbar */
.wl-logo-badge-sq{width:40px;height:40px;background:rgb(var(--p1));color:#fff;border-radius:8px}
.wl-logo-badge-sq svg{width:22px;height:22px}
.wl-topbar svg{vertical-align:middle}
.wl-store-card-c{text-decoration:none}
.wl-store-card-c:hover{border-color:rgb(var(--p1));transform:translateX(2px)}
.wl-store-card-c .wl-store-logo{width:48px;height:48px;flex:0 0 48px}
.min-w-0{min-width:0}
.wl-coupon-card-c .wl-coupon-value{min-width:96px}
.wl-coupon-card-c:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.10)}

/* ===== hero per variante ===== */
/* B: banda piena centrata */
.wl-hero-b-sep{width:1px;height:38px;background:rgba(255,255,255,.28);align-self:center}
.wl-hero-b .display-three{font-size:clamp(30px,4vw,50px);line-height:1.08;font-weight:800}
/* C: banda compatta */
.wl-hero-c .fs-one{font-size:clamp(26px,3.4vw,40px);line-height:1.1}
.wl-hero-b-stats .fs-two{color:rgb(var(--n1))!important}
.wl-hero-b-stats .n3-color{line-height:1.15}