/* AZStore — storefront stile shop.app Palette AZ Electric Blue. Mobile-first. */ :root{ /* FALLBACK: la fonte di verità dei token è il pannello AZStore Theme (plugin) */ --az-primary:#2D5BFF; --az-primary-d:#1B3CCC; --az-accent:#00C2FF; --az-ink:#0E1320; --az-bg:#ffffff; --az-surface:#F4F6FA; --az-surface2:#EEF1F7; --az-muted:#5F5E5A; --az-line:#E7E9EF; --az-success:#16A34A; --az-warn:#FF9F1C; --az-danger:#E5484D; --az-radius:16px; --az-radius-lg:20px; --az-radius-sm:10px; --az-pill:999px; --az-rail-w:64px; --az-maxw:1320px; --az-transition:.15s; --az-shadow:0 1px 2px rgba(14,19,32,.06), 0 10px 28px rgba(14,19,32,.06); --az-shadow-h:0 8px 18px rgba(14,19,32,.10), 0 22px 48px rgba(14,19,32,.10); --az-font:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif; } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body.azstore{margin:0;font-family:var(--az-font);color:var(--az-ink);background:var(--az-bg); font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} img{max-width:100%;height:auto;display:block} a{color:var(--az-primary);text-decoration:none} a:hover{color:var(--az-primary-d)} h1,h2,h3,h4{line-height:1.2;font-weight:600;letter-spacing:-.01em;margin:0 0 .5em} button{font-family:inherit} :focus-visible{outline:2px solid var(--az-primary);outline-offset:2px} .az-icon{flex:none} .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} .container{width:100%;max-width:var(--az-maxw);margin-inline:auto;padding-inline:clamp(14px,3vw,28px)} /* ---------- App shell: rail + main ---------- */ .az-promo{background:var(--az-ink);color:#fff;text-align:center;font-size:12.5px;letter-spacing:.2px; padding:8px 12px} .az-shell{display:flex;min-height:100vh} .az-main{flex:1;min-width:0} /* ---------- Left rail (desktop) ---------- */ .az-rail{position:sticky;top:0;align-self:flex-start;height:100vh;width:var(--az-rail-w);flex:none; display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 0; border-right:1px solid var(--az-line);background:var(--az-bg);z-index:var(--az-z-rail)} .az-rail-logo{margin-bottom:10px} .az-rail-logo img{width:32px;height:32px;border-radius:9px} .az-rail-item{position:relative;display:flex;align-items:center;justify-content:center; width:44px;height:44px;border-radius:14px;color:var(--az-muted);transition:background .15s,color .15s} .az-rail-item:hover{background:var(--az-surface);color:var(--az-ink)} .az-rail-item.is-active,.az-rail-item[aria-current="page"]{background:var(--az-primary);color:#fff} .az-rail-badge{position:absolute;top:4px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--az-pill); background:var(--az-primary);color:#fff;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1} .az-rail-item:hover .az-rail-badge,.az-rail-item.is-active .az-rail-badge{background:var(--az-accent);color:var(--az-ink)} .az-rail-badge[data-count="0"]{display:none} /* ---------- Top bar on inner pages ---------- */ .az-topbar{position:sticky;top:0;z-index:var(--az-z-header);background:color-mix(in srgb,var(--az-bg) 90%,transparent);backdrop-filter:saturate(1.4) blur(8px); border-bottom:1px solid var(--az-line)} .az-topbar-in{display:flex;align-items:center;gap:16px;padding:12px 0} .az-logo img,.custom-logo{height:34px;width:auto} .az-topbar .az-search{flex:1;max-width:560px;margin:0} .az-topbar-actions{margin-left:auto;display:flex;gap:8px} /* ---------- Hero ---------- */ .az-hero{text-align:center;padding:clamp(22px,5vw,56px) 0 18px} .az-hero-tiles{display:flex;justify-content:center;align-items:flex-end;gap:10px;margin-bottom:10px;flex-wrap:wrap} .az-hero-tile{width:56px;height:56px;border-radius:var(--az-radius);display:flex;align-items:center;justify-content:center; background:var(--az-surface);box-shadow:var(--az-shadow)} .az-hero-tile:nth-child(2n){transform:translateY(-8px)} .az-wordmark{font-size:clamp(40px,9vw,84px);font-weight:600;letter-spacing:-.04em;line-height:1;margin:0} .az-wordmark b{color:var(--az-primary);font-weight:600} .az-wordmark .dot{color:var(--az-accent)} .az-hero-sub{color:var(--az-muted);font-size:clamp(13px,1.6vw,16px);margin:10px auto 0;max-width:540px} /* ---------- Big search ---------- */ .az-search{position:relative;display:flex;align-items:center;gap:10px;margin:18px auto 0;max-width:560px; background:var(--az-bg);border:1px solid var(--az-line);border-radius:var(--az-pill);height:54px;padding:0 6px 0 18px; box-shadow:var(--az-shadow)} .az-search:focus-within{border-color:var(--az-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--az-primary) 12%,transparent)} .az-search-ic{color:var(--az-muted)} .az-search-input{flex:1;border:0;outline:0;background:transparent;font-size:15px;color:var(--az-ink);min-width:0} .az-search-btn{flex:none;width:40px;height:40px;border:0;border-radius:50%;background:var(--az-primary);color:#fff; display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s} .az-search-btn:hover{background:var(--az-primary-d)} .az-search-btn:active{transform:scale(.95)} .az-search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--az-bg);border:1px solid var(--az-line); border-radius:var(--az-radius);box-shadow:var(--az-shadow-h);padding:6px;z-index:var(--az-z-dropdown);max-height:62vh;overflow:auto;text-align:left} .az-sr-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;color:var(--az-ink)} .az-sr-item:hover{background:var(--az-surface)} .az-sr-item img{width:44px;height:44px;border-radius:var(--az-radius-sm);object-fit:cover;background:var(--az-surface)} .az-sr-title{font-size:14px;font-weight:500} .az-sr-price{margin-left:auto;font-size:13px;color:var(--az-muted)} .az-sr-empty{padding:16px;color:var(--az-muted);font-size:14px;text-align:center} /* ---------- Category pills ---------- */ .az-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px auto 6px;max-width:820px} .az-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--az-line);border-radius:var(--az-pill); padding:8px 14px;font-size:13px;color:var(--az-ink);background:var(--az-bg);transition:border-color .15s,box-shadow .15s,transform .1s} .az-pill:hover{border-color:var(--az-primary);box-shadow:var(--az-shadow);transform:translateY(-1px)} .az-pill-dot{width:9px;height:9px;border-radius:50%;flex:none} /* ---------- Section heads ---------- */ .az-section{padding:18px 0} .az-section-head{display:flex;align-items:center;gap:6px;margin:6px 0 14px} .az-section-head h2{font-size:18px;margin:0} .az-section-head .more{margin-left:auto;font-size:13px;color:var(--az-muted);display:inline-flex;align-items:center;gap:3px} /* ---------- Product grid + cards (shop.app look) ---------- */ .az-grid,ul.products{list-style:none;margin:0;padding:0;display:grid; grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:clamp(12px,1.6vw,20px)} .az-rail-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);gap:14px;overflow-x:auto; scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch} .az-rail-row>.product{scroll-snap-align:start} .az-rail-row::-webkit-scrollbar{height:8px} .az-rail-row::-webkit-scrollbar-thumb{background:var(--az-line);border-radius:8px} li.product,.az-card{position:relative;margin:0!important;text-align:left} .az-card-media{position:relative;background:var(--az-surface);border:1px solid color-mix(in srgb,var(--az-ink) 5%,transparent); border-radius:var(--az-radius);overflow:hidden;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center; transition:transform .16s ease,box-shadow .16s ease} li.product:hover .az-card-media,.az-card:hover .az-card-media{transform:translateY(-4px);box-shadow:var(--az-shadow-h)} .az-card-imglink{display:flex;width:100%;height:100%;align-items:center;justify-content:center} .az-card-media img{width:100%;height:100%;object-fit:cover} .az-card-ph{color:var(--az-primary);opacity:.5} .az-card-price-pill{position:absolute;top:9px;left:9px;background:rgba(255,255,255,.94);color:var(--az-ink); font-size:12px;font-weight:600;padding:4px 9px;border-radius:var(--az-pill);box-shadow:0 1px 3px color-mix(in srgb,var(--az-ink) 12%,transparent)} .az-card-price-pill del{color:var(--az-muted);font-weight:400;margin-right:4px} .az-card-price-pill ins{text-decoration:none} .az-card-fav{position:absolute;bottom:9px;right:9px;width:34px;height:34px;border:0;border-radius:50%; background:rgba(255,255,255,.94);color:var(--az-muted);display:flex;align-items:center;justify-content:center; cursor:pointer;box-shadow:0 1px 3px color-mix(in srgb,var(--az-ink) 12%,transparent);transition:color .15s,transform .1s} .az-card-fav:hover{color:var(--az-danger)} .az-card-fav.is-active{color:var(--az-danger)} .az-card-fav:active{transform:scale(.9)} .az-badge-sale{position:absolute;top:9px;right:9px;background:var(--az-warn);color:#3a2400;font-size:11px;font-weight:600; padding:3px 8px;border-radius:var(--az-pill)} .az-card-title{display:block;color:var(--az-ink);font-size:13.5px;font-weight:500;margin:9px 2px 2px;line-height:1.35; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .az-card-foot{display:flex;align-items:center;gap:8px;margin:2px} .az-card-price{font-size:14px;font-weight:600} .az-card-foot .button,.az-card-foot .added_to_cart{margin-left:auto} /* ---------- Buttons ---------- */ .button,.az-btn,.wp-element-button,a.added_to_cart{display:inline-flex;align-items:center;justify-content:center;gap:8px; border:0;border-radius:var(--az-pill);background:var(--az-primary);color:#fff!important;font-size:14px;font-weight:600; padding:10px 18px;cursor:pointer;transition:background .15s,transform .1s;line-height:1} .button:hover,.az-btn:hover,.wp-element-button:hover,a.added_to_cart:hover{background:var(--az-primary-d);color:#fff} .button:active,.az-btn:active{transform:scale(.98)} .button.az-ghost,.az-btn--ghost{background:var(--az-bg);color:var(--az-ink)!important;border:1px solid var(--az-line)} .button.az-ghost:hover{border-color:var(--az-primary)} .az-card-foot .button{padding:7px 12px;font-size:12.5px} .button.loading,.button.added{opacity:.7} /* ---------- Single product ---------- */ .az-single .product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,4vw,48px)} .az-single .woocommerce-product-gallery{position:sticky;top:78px} .az-single .woocommerce-product-gallery__image img{border-radius:var(--az-radius-lg);background:var(--az-surface)} .az-single .product_title{font-size:clamp(22px,3vw,32px)} .az-single .price{font-size:24px;font-weight:600;color:var(--az-ink)} .az-single .price del{color:var(--az-muted);font-weight:400;font-size:18px;margin-right:8px} .az-single .price ins{text-decoration:none} .az-eco{color:var(--az-muted);font-size:13px;margin:.2em 0 .6em} .az-compat{font-size:14px;background:var(--az-surface);border-radius:12px;padding:8px 12px;display:inline-block} .az-single .stock.in-stock{color:var(--az-success);font-weight:500} .az-single .stock.out-of-stock{color:var(--az-danger)} .az-single form.cart{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0} .az-single .quantity input{width:64px;height:46px;border:1px solid var(--az-line);border-radius:12px;text-align:center;font-size:15px} .az-single .single_add_to_cart_button{height:46px;padding-inline:26px;font-size:15px} .az-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--az-line)} .az-trust-item{display:flex;align-items:center;gap:8px;color:var(--az-muted);font-size:13px} .az-trust-item .az-icon{color:var(--az-primary)} /* ---------- Breadcrumb ---------- */ .az-breadcrumb{font-size:13px;color:var(--az-muted);padding:14px 0 0} .az-breadcrumb a{color:var(--az-muted)} .az-breadcrumb a:hover{color:var(--az-primary)} .az-bc-sep{opacity:.5;margin:0 2px} /* ---------- Shop toolbar ---------- */ .woocommerce-result-count{color:var(--az-muted);font-size:13px} .woocommerce-ordering select{border:1px solid var(--az-line);border-radius:var(--az-pill);padding:8px 14px;background:var(--az-bg)} /* ---------- Mini-cart drawer ---------- */ .az-drawer{position:fixed;inset:0;z-index:var(--az-z-drawer);display:none} .az-drawer.is-open{display:block} .az-drawer-ov{position:absolute;inset:0;background:color-mix(in srgb,var(--az-ink) 42%,transparent)} .az-drawer-panel{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--az-bg); display:flex;flex-direction:column;box-shadow:var(--az-shadow-h);transform:translateX(100%);transition:transform var(--az-dur-slow,320ms) var(--az-ease,ease)} .az-drawer.is-open .az-drawer-panel{transform:none} .az-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--az-line)} .az-drawer-head h3{margin:0;font-size:16px} .az-drawer-body{flex:1;overflow:auto;padding:8px 18px} .az-drawer-foot{padding:16px 18px;border-top:1px solid var(--az-line)} .az-iconbtn{width:38px;height:38px;border:0;background:transparent;border-radius:12px;color:var(--az-ink);cursor:pointer;display:flex;align-items:center;justify-content:center} .az-iconbtn:hover{background:var(--az-surface)} /* ---------- Footer ---------- */ .az-footer{margin-top:40px;border-top:1px solid var(--az-line);background:var(--az-surface);color:var(--az-ink)} .az-footer-in{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:28px;padding:40px 0} /* v2.0: heading footer unificati su .azf-head (h4 legacy rimosso) */ .az-footer a{color:var(--az-ink);font-size:14px;display:block;padding:4px 0} .az-footer a:hover{color:var(--az-primary)} .az-footer-brand p{color:var(--az-muted);font-size:13px;max-width:320px} .az-raee{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--az-muted);margin-top:14px; background:var(--az-bg);border:1px solid var(--az-line);border-radius:12px;padding:10px 12px;max-width:380px} .az-raee .az-icon{color:var(--az-success);flex:none;margin-top:1px} .az-footer-bottom{border-top:1px solid var(--az-line);padding:16px 0;font-size:12.5px;color:var(--az-muted); display:flex;gap:14px;flex-wrap:wrap;align-items:center} .az-footer-bottom .sep{opacity:.4} /* ---------- Account / forms ---------- */ .woocommerce form .form-row input.input-text,.woocommerce-account input,.az-field input,select,textarea{ border:1px solid var(--az-line);border-radius:12px;padding:11px 13px;font-size:14px;width:100%;background:var(--az-bg);color:var(--az-ink)} .woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px} .woocommerce-account .woocommerce-MyAccount-navigation a{color:var(--az-ink);text-decoration:none} /* ---------- B2B price note ---------- */ .az-b2b-flag{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--az-primary) 10%,transparent);color:var(--az-primary-d); font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--az-pill)} .az-price-tax{font-size:12px;color:var(--az-muted)} /* ---------- Skeleton ---------- */ .az-skel{background:linear-gradient(90deg,var(--az-surface) 25%,var(--az-surface2) 37%,var(--az-surface) 63%); background-size:400% 100%;animation:azsh 1.3s ease infinite;border-radius:var(--az-radius)} @keyframes azsh{0%{background-position:100% 0}100%{background-position:-100% 0}} /* ---------- Mobile: rail -> bottom bar ---------- */ @media(max-width:899px){ .az-shell{flex-direction:column} .az-rail{position:fixed;bottom:0;left:0;top:auto;height:60px;width:100%;flex-direction:row;justify-content:space-around; gap:0;padding:0;border-right:0;border-top:1px solid var(--az-line);box-shadow:0 -4px 16px color-mix(in srgb,var(--az-ink) 6%,transparent)} .az-rail-logo{display:none} .az-rail-item{width:48px;height:48px} body.azstore{padding-bottom:64px} .az-single .product{grid-template-columns:1fr} .az-single .woocommerce-product-gallery{position:static} .az-footer-in{grid-template-columns:1fr 1fr;gap:20px} } @media(max-width:560px){ .az-grid,ul.products{grid-template-columns:repeat(2,1fr);gap:12px} .az-footer-in{grid-template-columns:1fr} } @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} /* ---------- Pagine / articoli / contenuti ---------- */ .az-page{max-width:1080px} .az-page-title{font-size:clamp(24px,3.4vw,36px);margin:6px 0 18px} .az-entry-content{font-size:16px;line-height:1.7} .az-entry-content h2{font-size:22px;margin:1.4em 0 .5em} .az-entry-content h3{font-size:18px;margin:1.2em 0 .4em} .az-entry-content p{margin:0 0 1em} .az-entry-content a{color:var(--az-primary);text-decoration:underline} .az-entry-content ul,.az-entry-content ol{margin:0 0 1em 1.2em} .az-feat{border-radius:var(--az-radius);margin:0 0 18px} .az-meta{color:var(--az-muted);font-size:13px;margin:0 0 16px} .az-results{list-style:none;padding:0;margin:0} .az-results li{padding:12px 2px;border-bottom:1px solid var(--az-line)} /* ---------- Pulsanti WooCommerce "alt"/blocchi -> blu AZStore ---------- */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .single_add_to_cart_button, button#place_order, .wc-block-components-button, .wp-block-button__link{ background:var(--az-primary)!important;color:#fff!important;border:0!important;border-radius:var(--az-pill)!important } .woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover, button#place_order:hover,.wc-block-components-button:hover{background:var(--az-primary-d)!important} /* ---------- Carrello/checkout/account: respiro ---------- */ .woocommerce-cart .az-page,.woocommerce-checkout .az-page,.woocommerce-account .az-page{max-width:1120px} .wc-block-cart,.wc-block-checkout{margin-top:8px} .woocommerce-account .woocommerce-MyAccount-content{padding-top:6px} /* ================================================================= POLISH — Account "gioiello", notice, form, tabelle, rifiniture ================================================================= */ .az-muted-txt{color:var(--az-muted);font-size:13.5px} .button.az-sm,.az-sm{padding:6px 13px!important;font-size:12.5px!important} .az-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} ::selection{background:color-mix(in srgb,var(--az-primary) 18%,transparent)} /* ---------- Account: layout 2 colonne (solo loggato) ---------- */ body.logged-in.woocommerce-account .woocommerce{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start} @media(max-width:899px){body.logged-in.woocommerce-account .woocommerce{grid-template-columns:1fr;gap:18px}} .az-acct-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;position:sticky;top:84px} @media(max-width:899px){.az-acct-nav ul{position:static;flex-direction:row;flex-wrap:wrap;gap:6px}} .az-acct-nav li{margin:0} .az-acct-nav li a{display:flex;align-items:center;gap:10px;padding:13px 20px;border-radius:var(--az-pill);border:1.5px solid var(--az-line);background:var(--az-surface);color:var(--az-ink);font-size:16px;font-weight:600;text-decoration:none;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s} .az-acct-nav li a .az-icon{color:var(--az-muted);transition:color .15s} .az-acct-nav li a:hover{background:var(--az-bg);border-color:var(--az-primary);color:var(--az-primary);box-shadow:var(--az-shadow);transform:translateY(-1px)} .az-acct-nav li a:hover .az-icon{color:var(--az-primary)} .az-acct-nav li.is-active a{background:linear-gradient(135deg,var(--az-primary),var(--az-primary-d));border-color:transparent;color:#fff;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--az-primary) 60%,transparent)} .az-acct-nav li.is-active a .az-icon{color:#fff} /* ---------- Account dashboard ---------- */ .az-acct-hello h2{font-size:clamp(20px,2.6vw,26px);margin:0 0 2px} .az-acct-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 20px} @media(max-width:640px){.az-acct-stats{grid-template-columns:repeat(2,1fr)}} .az-stat{background:var(--az-surface);border-radius:var(--az-radius);padding:15px 18px;display:flex;flex-direction:column;gap:3px} .az-stat-num{font-size:23px;font-weight:700;color:var(--az-ink);line-height:1.15} .az-stat-num .woocommerce-Price-amount{font-size:23px} .az-stat-lbl{font-size:12.5px;color:var(--az-muted)} .az-acct-card{background:var(--az-bg);border:1px solid var(--az-line);border-radius:18px;padding:20px 22px;margin-bottom:18px} .az-acct-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px} .az-acct-card-head h3{margin:0;font-size:16px} .az-acct-card-head a{font-size:13px;color:var(--az-muted)} .az-acct-card-head a:hover{color:var(--az-primary)} .az-chart{width:100%;height:auto;display:block} /* ---------- Tabelle ordini / resi ---------- */ .az-orders,.az-returns,.woocommerce-orders-table{width:100%;border-collapse:collapse;font-size:14px} .az-orders th,.az-returns th,.woocommerce-orders-table th{text-align:left;color:var(--az-muted);font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:9px 10px;border-bottom:1px solid var(--az-line)} .az-orders td,.az-returns td,.woocommerce-orders-table td{padding:13px 10px;border-bottom:1px solid var(--az-line);vertical-align:middle} .az-orders tr:last-child td,.az-returns tr:last-child td{border-bottom:0} .az-orders tr:hover td{background:var(--az-surface)} .az-ostatus,.az-badge-status{display:inline-block;padding:3px 11px;border-radius:var(--az-pill);font-size:12px;font-weight:600;white-space:nowrap} .az-ostatus--completed{background:var(--az-st-ok-bg);color:var(--az-st-ok-fg)} .az-ostatus--processing{background:var(--az-st-info-bg);color:var(--az-primary-d)} .az-ostatus--on-hold{background:var(--az-st-warn-bg);color:var(--az-st-warn-fg)} .az-ostatus--pending,.az-ostatus--pending-payment{background:var(--az-st-neutral-bg);color:var(--az-muted)} .az-ostatus--cancelled,.az-ostatus--failed{background:var(--az-st-danger-bg);color:var(--az-st-danger-fg)} .az-ostatus--refunded{background:var(--az-st-neutral2-bg);color:var(--az-muted)} .az-acct-quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px} /* ---------- Resi ---------- */ .az-return-form{background:var(--az-surface);border-radius:var(--az-radius);padding:18px 20px;margin:6px 0 22px;max-width:560px} .az-field{margin-bottom:13px} .az-field label{display:block;font-size:13px;font-weight:500;margin-bottom:6px} .az-field select,.az-field textarea{width:100%} /* ---------- WooCommerce notices ---------- */ .woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{border:0;border-radius:14px;padding:14px 18px;font-size:14px;list-style:none;margin:0 0 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap} .woocommerce-message{background:var(--az-st-ok-bg);color:var(--az-st-ok-fg2)} .woocommerce-info{background:var(--az-st-info-bg);color:var(--az-st-info-fg)} .woocommerce-error{background:var(--az-st-danger-bg);color:var(--az-st-danger-fg)} .woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:none} .woocommerce-message .button,.woocommerce-info .button{margin-left:auto} /* ---------- Form / input WooCommerce + blocchi ---------- */ .woocommerce form .form-row label{font-size:13px;font-weight:500;color:var(--az-ink)} .woocommerce form .form-row{margin-bottom:14px} .select2-container--default .select2-selection--single{border:1px solid var(--az-line)!important;border-radius:12px!important;height:46px!important;display:flex!important;align-items:center} .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px!important} .quantity .qty{border:1px solid var(--az-line);border-radius:12px;height:46px;min-width:64px;padding:0 8px;text-align:center;font-size:15px} .wc-block-components-text-input input,.wc-block-components-textarea,.wc-blocks-components-select__container{border-radius:12px!important} .wc-block-components-text-input input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--az-primary) 25%,transparent)!important} /* ---------- Coupon / cart totals ---------- */ .cart_totals,.wc-block-components-totals-wrapper{border-radius:var(--az-radius)} .woocommerce-cart-form .actions .coupon .input-text{border-radius:12px;height:46px} /* ---------- Paginazione ---------- */ .woocommerce-pagination ul,.woocommerce-pagination ul.page-numbers{display:flex;gap:7px;list-style:none;padding:0;justify-content:center;margin:28px 0 0;border:0} .woocommerce-pagination ul li{margin:0;border:0} .woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers{display:flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--az-line);border-radius:12px;color:var(--az-ink);background:var(--az-bg)} .woocommerce-pagination a.page-numbers:hover{border-color:var(--az-primary);color:var(--az-primary)} .woocommerce-pagination .page-numbers.current{background:var(--az-primary);color:#fff;border-color:var(--az-primary)} /* ---------- Sale flash / stock / rating / tabs ---------- */ .onsale,span.onsale{background:var(--az-warn);color:#3a2400;border-radius:var(--az-pill);padding:4px 11px;font-weight:600;font-size:12px} .stock.in-stock{color:var(--az-success);font-weight:500} .stock.out-of-stock{color:var(--az-danger)} .star-rating span{color:var(--az-warn)} /* v2.0: tabs legacy (underline) rimossi — vige il segmented control v1.9 */ .related.products>h2,.upsells.products>h2{font-size:18px;margin:30px 0 14px} /* ---------- Login / register (account sloggato) ---------- */ /* v2.0: layout auth legacy rimosso — la Skin del plugin è l'unico sistema */ /* ---------- Refine: breadcrumb spacing, headings ---------- */ .woocommerce-products-header__title,.page-title{font-size:clamp(22px,3vw,30px);margin:10px 0 6px} .term-description{color:var(--az-muted);max-width:760px} /* v2.0 (GFX-088): UN solo layout account — sidebar 260px + contenuto, colonna singola su mobile. I due sistemi precedenti (griglia neutralizzata + colonna forzata) si sovrascrivevano a vicenda. */ body.logged-in.woocommerce-account .woocommerce{display:grid!important;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start} body.logged-in.woocommerce-account .woocommerce > .woocommerce-MyAccount-navigation, body.logged-in.woocommerce-account .woocommerce > .woocommerce-MyAccount-content{float:none!important;width:auto!important;max-width:none!important;margin:0!important;min-width:0} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{position:sticky;top:86px} @media(max-width:899px){ body.logged-in.woocommerce-account .woocommerce{display:block!important} body.logged-in.woocommerce-account .woocommerce-MyAccount-navigation{position:static;margin-bottom:20px!important} } .az-acct-stats{grid-template-columns:repeat(4,minmax(0,1fr))} /* UX: target tattili >=44px su mobile (accessibilità) */ @media(max-width:899px){ .az-pill{padding:11px 15px} .az-card-fav{width:40px;height:40px} .az-acct-nav li a{padding:12px 16px;font-size:15px} .az-search-btn{width:42px;height:42px} .woocommerce-pagination a.page-numbers,.woocommerce-pagination span.page-numbers{min-width:44px;height:44px} } /* Footer: contatti azienda (NAP) */ .az-foot-contact{font-style:normal;display:flex;flex-direction:column;gap:3px;margin:12px 0 0;font-size:13px} .az-foot-contact a{color:var(--az-ink)} .az-foot-contact a:hover{color:var(--az-primary)} .az-foot-hours{color:var(--az-muted);font-size:12px;margin-top:2px} /* Token Animazioni: durata transizioni go /* ---------- Back-in-stock (avvisami) ---------- */ .az-bis{margin:14px 0;padding:16px 18px;background:var(--az-surface);border:1px solid var(--az-line);border-radius:var(--az-radius)} .az-bis-title{margin:0 0 10px;font-weight:600;color:var(--az-ink)} .az-bis-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .az-bis-email{flex:1;min-width:180px;height:46px;border:1px solid var(--az-line);border-radius:12px;padding:0 13px;font-size:15px;background:var(--az-bg)} .az-bis-email:focus{outline:0;border-color:var(--az-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--az-primary) 18%,transparent)} .az-bis-btn{white-space:nowrap} .az-bis-msg{flex-basis:100%;font-size:13.5px;color:var(--az-muted);margin-top:2px} /* ---------- Contact form ---------- */ .az-contact{max-width:640px} .az-contact-form{display:flex;flex-direction:column;gap:14px} .az-contact-row{display:flex;gap:14px;flex-wrap:wrap} .az-contact .az-field{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px;margin:0} .az-contact .az-field>span{font-size:13px;font-weight:500;color:var(--az-ink)} .az-contact .az-field input,.az-contact .az-field select,.az-contact .az-field textarea{ width:100%;border:1px solid var(--az-line);border-radius:12px;padding:11px 13px;font-size:15px;background:var(--az-bg);color:var(--az-ink);font-family:inherit} .az-contact .az-field textarea{resize:vertical;min-height:120px} .az-contact .az-field input:focus,.az-contact .az-field select:focus,.az-contact .az-field textarea:focus{ outline:0;border-color:var(--az-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--az-primary) 18%,transparent)} .az-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden} .az-contact-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap} .az-contact-msg{font-size:13.5px;color:var(--az-muted)} .az-contact-ok{background:#eafaf0;color:#118039;border-radius:12px;padding:16px 18px;font-weight:500} /* Motion: durata transizioni centralizzata sul token SSoT (riattiva --az-transition / A02) */ .button,.az-btn,.wp-element-button,a.added_to_cart,.az-card-media,.az-pill,.az-rail-item,.az-card-fav,.az-search-btn,.az-search,.woocommerce-pagination a.page-numbers,.az-bis-email,.az-contact .az-field input,.az-contact .az-field select,.az-contact .az-field textarea{transition-duration:var(--az-transition)} /* ---------- Account: pagina Ordini (card AZStore, responsive) ---------- */ .az-orders-list{display:flex;flex-direction:column;gap:12px;margin:4px 0 8px} .az-order-card{background:var(--az-bg);border:1px solid var(--az-line);border-radius:var(--az-radius);padding:16px 18px; transition:border-color var(--az-transition),box-shadow var(--az-transition),transform var(--az-transition)} .az-order-card:hover{border-color:transparent;box-shadow:var(--az-shadow);transform:translateY(-1px)} .az-order-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .az-order-id{display:flex;flex-direction:column;gap:2px;min-width:0} .az-order-num{font-size:15px;font-weight:700;color:var(--az-ink);text-decoration:none} .az-order-num:hover{color:var(--az-primary)} .az-order-date{font-size:12.5px;color:var(--az-muted)} .az-order-foot{margin-top:13px;padding-top:13px;border-top:1px solid var(--az-line)} .az-order-total{font-size:14px;font-weight:600;color:var(--az-ink)} .az-order-total .amount,.az-order-total bdi{font-weight:700} .az-order-items{font-weight:400;color:var(--az-muted)} .az-order-actions{display:flex;gap:8px;flex-wrap:wrap} .woocommerce-account .az-order-btn,.az-orders-empty .az-order-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:var(--az-pill)!important; border:1px solid var(--az-line)!important;background:var(--az-bg)!important;color:var(--az-ink)!important;font-size:13px;font-weight:600;line-height:1; white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:none!important;transition:background var(--az-transition),border-color var(--az-transition),color var(--az-transition)} .woocommerce-account .az-order-btn:hover,.az-orders-empty .az-order-btn:hover{border-color:var(--az-primary)!important;color:var(--az-primary)!important;background:var(--az-bg)!important} .woocommerce-account .az-order-btn--view,.woocommerce-account .az-order-btn--pay,.az-orders-empty .az-order-btn--primary{background:var(--az-primary)!important;border-color:var(--az-primary)!important;color:#fff!important} .woocommerce-account .az-order-btn--view:hover,.woocommerce-account .az-order-btn--pay:hover,.az-orders-empty .az-order-btn--primary:hover{background:var(--az-primary-d)!important;border-color:var(--az-primary-d)!important;color:#fff!important} .az-orders-pager{display:flex;gap:8px;justify-content:space-between;margin-top:16px} .az-orders-empty{text-align:center;padding:48px 20px;color:var(--az-muted);border:1px dashed var(--az-line);border-radius:var(--az-radius)} .az-orders-empty .az-icon{color:var(--az-primary);opacity:.55;margin:0 auto 12px} .az-orders-empty p{margin:0 0 18px;font-size:15px} @media (max-width:560px){ .az-order-foot{flex-direction:column;align-items:stretch;gap:12px} .az-order-actions{justify-content:stretch} .az-order-btn{flex:1} } /* ========================================================= MY ACCOUNT — premium pass (nav già sopra; qui sotto-pagine) ========================================================= */ /* Kill underline leak (.az-entry-content a) dentro l'area account */ .woocommerce-account .woocommerce-MyAccount-content a{text-decoration:none} .woocommerce-account .woocommerce-MyAccount-content .woocommerce-table a:hover, .woocommerce-account .woocommerce-MyAccount-content address a:hover{text-decoration:underline} /* Pulsanti primari area account: blu pieno premium (Salva, Invia reso, Sfoglia…) */ .woocommerce-account .woocommerce-MyAccount-content .button:not(.az-ghost):not(.az-order-btn):not(.edit), .woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button, .woocommerce-account .woocommerce-MyAccount-content button[type=submit], .az-acct-resi .az-ret-submit{ background:linear-gradient(135deg,var(--az-primary),var(--az-primary-d))!important;color:#fff!important; border:0!important;border-radius:var(--az-pill)!important;min-height:48px;padding:0 26px;font-weight:700;font-size:15px; box-shadow:0 8px 18px -7px color-mix(in srgb,var(--az-primary) 60%,transparent)!important;transition:filter .15s,transform .1s} .woocommerce-account .woocommerce-MyAccount-content .button:not(.az-ghost):not(.az-order-btn):not(.edit):hover, .az-acct-resi .az-ret-submit:hover{filter:brightness(1.05);color:#fff!important} .woocommerce-account .woocommerce-MyAccount-content .button:active{transform:scale(.985)} /* Dashboard: stat-card premium */ .woocommerce-account .az-stat{background:var(--az-bg);border:1px solid var(--az-line);border-radius:var(--az-radius-lg); padding:18px 20px 18px 22px;position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s} .woocommerce-account .az-stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px; background:linear-gradient(180deg,var(--az-primary),color-mix(in srgb,var(--az-primary) 45%,var(--az-accent)))} .woocommerce-account .az-stat:hover{box-shadow:var(--az-shadow);transform:translateY(-2px);border-color:transparent} .woocommerce-account .az-acct-card{border-radius:var(--az-radius-lg);box-shadow:0 1px 2px color-mix(in srgb,var(--az-ink) 4%,transparent)} /* Dashboard: lista ordini recenti a card (vedi dashboard.php) riusa .az-order-card */ .az-recent-list{display:flex;flex-direction:column;gap:10px} /* Dettaglio ordine (view-order) */ .woocommerce-account .woocommerce-order-details__title, .woocommerce-account .woocommerce-column__title, .woocommerce-account .woocommerce-customer-details h2{font-size:17px;margin:0 0 14px;font-weight:700} .woocommerce-account .woocommerce-table--order-details{width:100%;border:1px solid var(--az-line);border-radius:var(--az-radius-lg); overflow:hidden;border-collapse:separate;border-spacing:0;font-size:14.5px;margin-bottom:30px} .woocommerce-account .woocommerce-table--order-details th, .woocommerce-account .woocommerce-table--order-details td{padding:14px 18px;border-bottom:1px solid var(--az-line);text-align:left;vertical-align:middle} .woocommerce-account .woocommerce-table--order-details thead th{background:var(--az-surface);font-size:11.5px;text-transform:uppercase; letter-spacing:.04em;color:var(--az-muted);font-weight:600} .woocommerce-account .woocommerce-table--order-details td.product-name a{color:var(--az-ink);font-weight:500} .woocommerce-account .woocommerce-table--order-details tfoot th{background:var(--az-surface);font-weight:600;color:var(--az-muted)} .woocommerce-account .woocommerce-table--order-details tfoot td{font-weight:600;color:var(--az-ink)} .woocommerce-account .woocommerce-table--order-details tfoot tr:last-child th, .woocommerce-account .woocommerce-table--order-details tfoot tr:last-child td{font-size:16.5px;color:var(--az-ink);border-bottom:0} .woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px} .woocommerce-account .woocommerce-customer-details address{font-style:normal;background:var(--az-bg);border:1px solid var(--az-line); border-radius:var(--az-radius);padding:18px 20px;line-height:1.75;color:var(--az-ink);font-size:14.5px} @media(max-width:640px){.woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{grid-template-columns:1fr}} /* Indirizzi (edit-address elenco) */ .woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:6px} @media(max-width:640px){.woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}} .woocommerce-account .woocommerce-Address{background:var(--az-bg);border:1px solid var(--az-line);border-radius:var(--az-radius-lg);padding:22px 24px} .woocommerce-account .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} .woocommerce-account .woocommerce-Address-title h3{margin:0;font-size:16px;font-weight:700} .woocommerce-account .woocommerce-Address-title .edit{font-size:13px;font-weight:600;color:var(--az-primary);text-decoration:none; border:1.5px solid var(--az-line);padding:7px 15px;border-radius:var(--az-pill);transition:border-color .15s,background .15s} .woocommerce-account .woocommerce-Address-title .edit:hover{border-color:var(--az-primary);background:color-mix(in srgb,var(--az-primary) 7%,transparent);text-decoration:none} .woocommerce-account .woocommerce-Address address{font-style:normal;color:var(--az-ink);line-height:1.75;font-size:14.5px} /* Dettagli account (edit-account form) */ .woocommerce-account .woocommerce-EditAccountForm{max-width:720px;background:var(--az-bg);border:1px solid var(--az-line); border-radius:var(--az-radius-lg);padding:26px 28px} .woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row{margin-bottom:15px} .woocommerce-account .woocommerce-EditAccountForm fieldset{border:1px solid var(--az-line);border-radius:var(--az-radius);padding:18px 22px;margin:20px 0 8px} .woocommerce-account .woocommerce-EditAccountForm legend{font-weight:700;font-size:14px;padding:0 8px;color:var(--az-ink)} .woocommerce-account .woocommerce-EditAccountForm span em{color:var(--az-muted);font-size:12.5px;font-style:normal} /* Empty-state premium (download vuoti, ecc.) */ .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info{background:var(--az-surface);color:var(--az-ink); border:1px dashed var(--az-line);border-radius:var(--az-radius-lg);padding:40px 24px;flex-direction:column;text-align:center;gap:16px} /* ---------- Resi: sistema per-articolo ---------- */ .az-acct-resi .az-resi-head h3{font-size:18px;margin:0 0 4px;font-weight:700} .az-acct-resi .az-return-form{background:var(--az-bg);border:1px solid var(--az-line);border-radius:var(--az-radius-lg);padding:22px 24px;margin:8px 0 26px;max-width:none} .az-acct-resi .az-field label{font-weight:600} .az-acct-resi .az-ret-items{margin:6px 0 4px;border:1px solid var(--az-line);border-radius:var(--az-radius);overflow:hidden} .az-acct-resi .az-ret-items-lbl{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--az-muted); padding:11px 16px;background:var(--az-surface);font-weight:700} .az-acct-resi .az-ret-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-top:1px solid var(--az-line);cursor:pointer;transition:background .15s;margin:0} .az-acct-resi .az-ret-row:hover{background:var(--az-surface)} .az-acct-resi .az-ret-row.is-on{background:color-mix(in srgb,var(--az-primary) 6%,transparent)} .az-acct-resi .az-ret-check{width:20px;height:20px;flex:0 0 auto;accent-color:var(--az-primary);cursor:pointer} .az-acct-resi .az-ret-name{flex:1;font-weight:500;font-size:14.5px;color:var(--az-ink)} .az-acct-resi .az-ret-qty{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--az-muted);white-space:nowrap} .az-acct-resi .az-ret-qsel{width:auto;min-width:62px;padding:8px 10px;background:var(--az-bg)} .az-acct-resi .az-ret-qsel:disabled{opacity:.45} .az-acct-resi .az-ret-price{font-weight:700;color:var(--az-ink);min-width:88px;text-align:right;font-size:14.5px} .az-acct-resi .az-ret-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap} .az-acct-resi .az-ret-estimate{font-size:13px;color:var(--az-muted)} .az-acct-resi .az-ret-estimate strong{display:block;font-size:23px;color:var(--az-ink);font-weight:800;line-height:1.15} .az-acct-resi .az-ret-empty{text-align:center;padding:42px 22px;border:1px dashed var(--az-line);border-radius:var(--az-radius-lg);color:var(--az-muted);margin:6px 0 8px} .az-acct-resi .az-ret-empty .az-icon{color:var(--az-primary);opacity:.5;margin:0 auto 12px;display:block} .az-acct-resi .az-ret-empty p{margin:0 0 16px;font-size:15px} .az-acct-resi .az-ret-hist-title{font-size:16px;margin:32px 0 14px;font-weight:700} .az-acct-resi .az-ret-history{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px} .az-acct-resi .az-ret-card{border:1px solid var(--az-line);border-radius:var(--az-radius);padding:16px 18px;background:var(--az-bg)} .az-acct-resi .az-ret-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px} .az-acct-resi .az-ret-card-id{font-weight:700;color:var(--az-ink);font-size:15px} .az-acct-resi .az-ret-card-date{font-size:12.5px;color:var(--az-muted);margin-bottom:11px} .az-acct-resi .az-ret-card-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--az-ink)} .az-acct-resi .az-ret-card-items li{display:flex;justify-content:space-between;gap:10px} .az-acct-resi .az-ret-card-q{color:var(--az-muted)} .az-acct-resi .az-ret-card-refund{margin-top:13px;padding-top:11px;border-top:1px solid var(--az-line);display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--az-muted)} .az-acct-resi .az-ret-card-refund strong{color:var(--az-ink);font-size:15px} @media(max-width:560px){.az-acct-resi .az-ret-row{flex-wrap:wrap}.az-acct-resi .az-ret-name{flex:1 1 100%}.az-acct-resi .az-ret-price{min-width:0;margin-left:auto}} /* ---- Account fix: griglia indirizzi (neutralizza i float WooCommerce) ---- */ .woocommerce-account .woocommerce-Addresses, .woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{display:grid!important;grid-template-columns:1fr 1fr;gap:18px;width:100%} .woocommerce-account .woocommerce-Addresses>*, .woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses>*{float:none!important;width:auto!important;margin:0!important} @media(max-width:640px){.woocommerce-account .woocommerce-Addresses, .woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses{grid-template-columns:1fr}} /* Titolo indirizzo: impila h3 + link "Modifica" (niente wrapping orribile) */ .woocommerce-account .woocommerce-Address-title{flex-direction:column;align-items:flex-start;gap:9px} .woocommerce-account .woocommerce-Address-title .edit{white-space:nowrap} /* Pulsanti primari nel contenuto: glow più discreto (no doppia forma) */ .woocommerce-account .woocommerce-MyAccount-content .button:not(.az-ghost):not(.az-order-btn):not(.edit), .woocommerce-account .woocommerce-MyAccount-content button.woocommerce-Button, .woocommerce-account .woocommerce-MyAccount-content button[type=submit], .az-acct-resi .az-ret-submit{box-shadow:0 6px 14px -8px color-mix(in srgb,var(--az-primary) 50%,transparent)!important} /* FIX definitivo: i pseudo-elementi clearfix di .col2-set diventano grid-item fantasma e sfalsano gli indirizzi. Disattivarli => la griglia 1fr 1fr funziona. */ .woocommerce-account .woocommerce-Addresses::before, .woocommerce-account .woocommerce-Addresses::after, .woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::before, .woocommerce-account .woocommerce-customer-details .woocommerce-columns--addresses::after{content:none!important;display:none!important} /* ========================================================= FASE 0 — Header magic: progress bar, burger morph, drawer categorie, footer accordion ========================================================= */ .az-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--az-z-dropdown);pointer-events:none} .az-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--az-primary),var(--az-accent));transition:width .12s linear} /* Burger morph (rail item) */ .az-burger{background:transparent;border:0;cursor:pointer} .az-burger-i .l1,.az-burger-i .l2,.az-burger-i .l3,.az-burger-i .dot{transform-box:fill-box;transform-origin:center;transition:transform .34s cubic-bezier(.2,.75,.2,1.3),opacity .22s} .az-burger[aria-expanded=true] .l1{transform:translateY(4.5px) rotate(45deg)} .az-burger[aria-expanded=true] .l3{transform:translateY(-4.5px) rotate(-45deg)} .az-burger[aria-expanded=true] .l2{opacity:0;transform:scaleX(.2)} .az-burger[aria-expanded=true] .dot{opacity:0;transform:scale(0)} /* Drawer categorie */ .az-menu{position:fixed;inset:0;z-index:var(--az-z-drawer);visibility:hidden} .az-menu.is-open{visibility:visible} .az-menu-ov{position:absolute;inset:0;background:color-mix(in srgb,var(--az-ink) 34%,transparent);backdrop-filter:blur(3px);opacity:0;transition:opacity var(--az-dur-slow,320ms) var(--az-ease,ease)} .az-menu.is-open .az-menu-ov{opacity:1} .az-menu-panel{position:absolute;top:0;left:0;bottom:0;width:min(88vw,360px);background:var(--az-bg);box-shadow:0 0 70px color-mix(in srgb,var(--az-ink) 22%,transparent);transform:translateX(-101%);transition:transform var(--az-dur-slow,320ms) cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow:auto;overscroll-behavior:contain} .az-menu.is-open .az-menu-panel{transform:none} .az-menu-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--az-line);position:sticky;top:0;background:var(--az-bg);z-index:1} .az-menu-x{border:0;background:transparent;color:var(--az-muted);cursor:pointer;padding:8px;border-radius:10px;transition:background .2s,transform .25s} .az-menu-x:hover{background:var(--az-surface);transform:rotate(90deg)} .az-menu-nav{padding:6px 10px 24px} .az-menu-sec{padding:14px 10px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--az-muted);font-weight:700} .az-menu-group{opacity:0;transform:translateX(-14px)} .az-menu.is-open .az-menu-group{opacity:1;transform:none;transition:opacity var(--az-dur-slow,320ms) ease,transform var(--az-dur-slow,320ms) cubic-bezier(.22,1,.36,1);transition-delay:var(--d,0ms)} .az-menu-row{display:flex;align-items:center;gap:2px} .az-menu-link{flex:1;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:var(--az-ink);font-size:14.5px;font-weight:600;position:relative;overflow:hidden;text-decoration:none} .az-menu-link::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--az-primary) 11%,transparent),color-mix(in srgb,var(--az-accent) 6%,transparent));opacity:0;transition:opacity .25s} .az-menu-link:hover::before{opacity:1} .az-menu-ic{display:flex;color:var(--az-muted);transition:color .2s,transform .2s;position:relative} .az-menu-link:hover .az-menu-ic{color:var(--az-primary);transform:scale(1.08)} .az-menu-t{flex:1;position:relative} .az-menu-n{color:var(--az-muted);font-size:12px;font-weight:600;position:relative;background:var(--az-surface);padding:1px 8px;border-radius:var(--az-pill)} .az-menu-flat{margin:0} .az-menu-exp{flex:none;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--az-muted);cursor:pointer;border-radius:10px;transition:background .2s,color .2s} .az-menu-exp:hover{background:var(--az-surface);color:var(--az-primary)} .az-menu-exp .az-icon{transition:transform .25s} .az-menu-exp[aria-expanded=true] .az-icon{transform:rotate(180deg);color:var(--az-primary)} .az-menu-sub{padding:2px 0 8px 48px;display:flex;flex-direction:column;gap:1px} .az-menu-sub[hidden]{display:none} .az-menu-sub a{padding:9px 10px;border-radius:9px;color:var(--az-muted);font-size:13.5px;font-weight:500;text-decoration:none} .az-menu-sub a:hover{color:var(--az-primary);background:var(--az-surface)} /* Footer accordion (
) */ .az-fcol{margin:0} .az-fcol>summary.azf-head{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:14px;font-weight:700;color:var(--az-ink);margin:0 0 12px} .az-fcol>summary.azf-head::-webkit-details-marker{display:none} .az-fcol>summary.azf-head .az-icon{color:var(--az-muted);transition:transform .25s;display:none;flex:none} .az-fcol[open]>summary.azf-head .az-icon{transform:rotate(180deg)} @media(min-width:900px){.az-fcol>summary.azf-head{pointer-events:none}} @media(max-width:899px){ .az-fcol>summary.azf-head{margin:0;padding:15px 0;border-bottom:1px solid var(--az-line)} .az-fcol>summary.azf-head .az-icon{display:block} .az-fcol[open]>summary.azf-head{border-bottom-color:transparent;margin-bottom:4px} .az-fcol[open]{padding-bottom:8px;border-bottom:1px solid var(--az-line)} } /* Logo condensante + topbar in scroll */ #az-hdr-store{transition:opacity .12s linear} #az-hdr-logo{display:block} .az-topbar{transition:box-shadow var(--az-dur-base,200ms) var(--az-ease,ease), background var(--az-dur-base,200ms) var(--az-ease,ease)} .az-topbar.is-scrolled{box-shadow:0 1px 0 var(--az-line), 0 8px 24px -14px color-mix(in srgb, var(--az-ink) 22%, transparent)} @media (prefers-reduced-motion: reduce){#az-hdr-store{transition:none}} /* ========================================================= FASE 1 — Token: A04 (badge reso = stati ordine) · A05 (palette categorie) · polish ========================================================= */ :root{--az-cat-1:#2D5BFF;--az-cat-2:#1D9E75;--az-cat-3:#534AB7;--az-cat-4:#D85A30;--az-cat-5:#D4537E;--az-cat-6:#BA7517;--az-cat-7:#5F5E5A;--az-cat-8:#0F6E56} /* A04 — badge stato reso sui token degli stati ordine (una sola mappa) */ .az-rst--richiesto{background:var(--az-st-warn-bg);color:var(--az-st-warn-fg)} .az-rst--approvato{background:var(--az-st-info-bg);color:var(--az-primary-d)} .az-rst--spedito{background:color-mix(in srgb,var(--az-accent) 16%,transparent);color:color-mix(in srgb,var(--az-accent) 52%,var(--az-ink))} .az-rst--rimborsato{background:var(--az-st-ok-bg);color:var(--az-st-ok-fg)} .az-rst--rifiutato{background:var(--az-st-danger-bg);color:var(--az-st-danger-fg)} /* A05 — pallini categoria dai token */ .az-pill-dot--1{background:var(--az-cat-1)} .az-pill-dot--2{background:var(--az-cat-2)} .az-pill-dot--3{background:var(--az-cat-3)} .az-pill-dot--4{background:var(--az-cat-4)} .az-pill-dot--5{background:var(--az-cat-5)} .az-pill-dot--6{background:var(--az-cat-6)} .az-pill-dot--7{background:var(--az-cat-7)} .az-pill-dot--8{background:var(--az-cat-8)} /* Footer: niente bullet sui link (uniforma le colonne, anche wp_nav_menu) */ .az-footer-col ul,.az-fcol ul{list-style:none;margin:0;padding:0} .az-footer-col li,.az-fcol li{list-style:none} :root{--az-z-header:30;--az-z-rail:40;--az-z-dropdown:60;--az-z-drawer:80;--az-z-modal:90;--az-z-toast:100} /* ========================================================= FASE 2 — Dark mode: fix inversioni elementi che usano --az-ink come SFONDO (i token neutri li inverte il plugin; qui solo i casi sfondo-scuro) ========================================================= */ @media(prefers-color-scheme:dark){ :root:not(.az-light) .az-promo{background:var(--az-surface2);color:var(--az-ink)} :root:not(.az-light) .az-drawer-ov,:root:not(.az-light) .az-menu-ov{background:rgba(0,0,0,.55)} :root:not(.az-light) .az-topbar{background:color-mix(in srgb,var(--az-bg) 82%,transparent)} } html.az-dark .az-promo{background:var(--az-surface2);color:var(--az-ink)} html.az-dark .az-drawer-ov,html.az-dark .az-menu-ov{background:rgba(0,0,0,.55)} html.az-dark .az-topbar{background:color-mix(in srgb,var(--az-bg) 82%,transparent)} /* Interruttore tema (rail) */ .az-theme-toggle{margin-top:auto;cursor:pointer;background:transparent;border:0} .az-theme-toggle .az-ic-sun{display:none} @media(prefers-color-scheme:dark){:root:not(.az-light) .az-theme-toggle .az-ic-sun{display:block}:root:not(.az-light) .az-theme-toggle .az-ic-moon{display:none}} html.az-dark .az-theme-toggle .az-ic-sun{display:block} html.az-dark .az-theme-toggle .az-ic-moon{display:none} html.az-light .az-theme-toggle .az-ic-sun{display:none} html.az-light .az-theme-toggle .az-ic-moon{display:block} /* ========================================================= FASE 3 — Checkout/Carrello: barra fiducia + rifinitura premium ========================================================= */ .az-trust{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin:18px 0 0;padding:18px;border:1px solid var(--az-line);border-radius:var(--az-radius-lg);background:var(--az-surface)} .az-trust.is-on{margin-top:20px} .az-trust-item{display:flex;align-items:center;gap:11px} .az-trust-item .az-icon{color:var(--az-primary);flex:none} .az-trust-tx{display:flex;flex-direction:column;line-height:1.3;min-width:0} .az-trust-tx b{font-size:13px;font-weight:700;color:var(--az-ink)} .az-trust-tx span{font-size:12px;color:var(--az-muted)} @media(max-width:520px){.az-trust{grid-template-columns:1fr}} /* Pulsanti azione blocchi WooCommerce: gradiente premium */ .wc-block-components-checkout-place-order-button, .wc-block-cart__submit-button, .wp-block-woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button{ background:linear-gradient(135deg,var(--az-primary),var(--az-primary-d))!important;border:0!important; border-radius:var(--az-pill)!important;font-weight:700!important;box-shadow:0 8px 18px -7px color-mix(in srgb,var(--az-primary) 55%,transparent)!important} .wc-block-components-checkout-place-order-button:hover,.wc-block-cart__submit-button:hover{filter:brightness(1.05)} /* Scheda prodotto — riga disponibilità/spedizione */ .az-stockline{display:inline-flex;align-items:center;gap:9px;margin:8px 0 14px;font-size:14px;padding:9px 14px;border-radius:var(--az-pill);line-height:1.3} .az-stockline .az-icon{flex:none} .az-stockline strong{font-weight:700} .az-stockline--ok{background:var(--az-st-ok-bg);color:var(--az-st-ok-fg)} .az-stockline--ok .az-icon{color:var(--az-st-ok-fg)} .az-stockline--low{background:var(--az-st-warn-bg);color:var(--az-st-warn-fg)} .az-stockline--low .az-icon{color:var(--az-st-warn-fg)} .az-stockline--no{background:var(--az-st-neutral-bg);color:var(--az-muted)} /* FIX L22 — la galleria prodotto WooCommerce resta opacity:0 finché il suo JS non parte (col delay JS di LiteSpeed l'immagine è INVISIBILE). Forziamo la visibilità + cornice premium. */ .woocommerce-product-gallery{opacity:1!important} .az-single .woocommerce-product-gallery{background:transparent} .az-single .woocommerce-product-gallery__wrapper{margin:0} .az-single .woocommerce-product-gallery__image{border:1px solid var(--az-line);border-radius:var(--az-radius-lg);overflow:hidden;background:var(--az-surface)} .az-single .woocommerce-product-gallery__image img{border-radius:0;border:0;display:block;width:100%;height:auto} .az-single .woocommerce-product-gallery__trigger{z-index:2} /* FIX archivio prodotti (categoria/shop): contenuto a larghezza max + griglia premium (prima: ul.products si allargava a tutta la viewport → ~12 colonne minuscole). */ .az-woo{max-width:var(--az-maxw)!important;margin-inline:auto!important} .az-woo ul.products{grid-template-columns:repeat(auto-fill,minmax(208px,1fr))!important;gap:clamp(14px,1.8vw,22px)!important;max-width:var(--az-maxw);margin-inline:auto} .az-woo .woocommerce-products-header,.az-woo .woocommerce-result-count,.az-woo .woocommerce-ordering,.az-woo .term-description,.az-woo .storefront-sorting{max-width:var(--az-maxw);margin-left:auto;margin-right:auto} @media(min-width:1500px){.az-woo ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important}} /* FIX archivio v2 — la griglia sta in .az-section (full-width), non in .container. Scope su body.archive / shop così la home NON è toccata. */ body.archive .az-content .az-section, body.post-type-archive-product .az-content .az-section{max-width:var(--az-maxw);margin-inline:auto;padding-inline:clamp(14px,3vw,28px);box-sizing:border-box} body.archive ul.products, body.post-type-archive-product ul.products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:clamp(14px,1.8vw,22px)!important} @media(min-width:1500px){ body.archive ul.products, body.post-type-archive-product ul.products{grid-template-columns:repeat(5,minmax(0,1fr))!important} } /* FIX archivio v3 — WooCommerce tiene li.product con float:left + larghezza shrink-to-fit (~52px): nel grid va forzato float:none/width:auto così la card riempie la cella. */ body.archive ul.products li.product, body.post-type-archive-product ul.products li.product, body.tax-product_cat ul.products li.product{float:none!important;width:auto!important;max-width:none!important;min-width:0} body.archive ul.products .az-card-media, body.post-type-archive-product ul.products .az-card-media, body.tax-product_cat ul.products .az-card-media{width:100%} /* Card prodotto (home + archivio): bottone "Aggiungi al carrello" blu pieno a tutta larghezza (prima sull'archivio vinceva il grigio di default WooCommerce #ebe9eb → testo bianco invisibile). */ .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.add_to_cart_button, ul.products li.product a.add_to_cart_button, .az-card-foot .button{background:var(--az-primary)!important;color:#fff!important;border:0!important;justify-content:center;font-weight:600} .woocommerce ul.products li.product a.add_to_cart_button:hover, ul.products li.product a.add_to_cart_button:hover, .az-card-foot .button:hover{background:var(--az-primary-d)!important;color:#fff!important} .woocommerce ul.products li.product a.added_to_cart, ul.products li.product a.added_to_cart{background:var(--az-surface)!important;color:var(--az-ink)!important;border:1px solid var(--az-line)!important;width:auto;display:inline-flex;margin-top:6px!important} /* ================================================================= PAGINE INTERNE PREMIUM (Contatti, Spedizioni, Garanzia, FAQ, legali) Scoped a body.page:not(.woocommerce-page) → NON tocca cart/checkout/account. ================================================================= */ body.page:not(.woocommerce-page) .az-page{max-width:840px;padding-top:8px} body.page:not(.woocommerce-page) .az-page-title{ font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;line-height:1.12; margin:10px 0 12px;color:var(--az-ink) } body.page:not(.woocommerce-page) .az-page-title::after{ content:"";display:block;width:54px;height:4px;margin-top:16px;border-radius:999px; background:linear-gradient(90deg,var(--az-primary),var(--az-accent)) } body.page:not(.woocommerce-page) .az-entry-content{font-size:16.5px;line-height:1.78;color:var(--az-ink)} body.page:not(.woocommerce-page) .az-entry-content h2{ font-size:clamp(20px,2.4vw,26px);font-weight:700;letter-spacing:-.01em;margin:1.7em 0 .5em; padding-top:.7em;border-top:1px solid var(--az-line);color:var(--az-ink) } body.page:not(.woocommerce-page) .az-entry-content h2:first-child{border-top:0;padding-top:0;margin-top:.2em} body.page:not(.woocommerce-page) .az-entry-content h3{font-size:19px;font-weight:700;margin:1.4em 0 .4em;color:var(--az-ink)} body.page:not(.woocommerce-page) .az-entry-content p{margin:0 0 1.05em} body.page:not(.woocommerce-page) .az-entry-content a{ color:var(--az-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px; text-decoration-color:color-mix(in srgb,var(--az-primary) 45%,transparent);transition:color .15s,text-decoration-color .15s } body.page:not(.woocommerce-page) .az-entry-content a:hover{color:var(--az-primary-d);text-decoration-color:var(--az-primary-d)} body.page:not(.woocommerce-page) .az-entry-content strong{color:var(--az-ink);font-weight:700} body.page:not(.woocommerce-page) .az-entry-content ul, body.page:not(.woocommerce-page) .az-entry-content ol{margin:0 0 1.05em 1.3em;padding:0} body.page:not(.woocommerce-page) .az-entry-content li{margin:0 0 .5em;padding-left:.2em} body.page:not(.woocommerce-page) .az-entry-content ul li::marker{color:var(--az-primary)} body.page:not(.woocommerce-page) .az-entry-content ol li::marker{color:var(--az-primary);font-weight:700} body.page:not(.woocommerce-page) .az-entry-content blockquote{ margin:1.4em 0;padding:14px 18px;border-left:4px solid var(--az-primary); background:var(--az-surface);border-radius:0 12px 12px 0 } body.page:not(.woocommerce-page) .az-entry-content blockquote p:last-child{margin-bottom:0} body.page:not(.woocommerce-page) .az-entry-content img{max-width:100%;height:auto;border-radius:var(--az-radius)} body.page:not(.woocommerce-page) .az-entry-content hr{border:0;border-top:1px solid var(--az-line);margin:2em 0} body.page:not(.woocommerce-page) .az-entry-content table{ width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;font-size:15px; border:1px solid var(--az-line);border-radius:12px;overflow:hidden } body.page:not(.woocommerce-page) .az-entry-content th, body.page:not(.woocommerce-page) .az-entry-content td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--az-line)} body.page:not(.woocommerce-page) .az-entry-content thead th{background:var(--az-surface);font-weight:700;color:var(--az-ink)} body.page:not(.woocommerce-page) .az-entry-content tbody tr:last-child td{border-bottom:0} body.page:not(.woocommerce-page) .az-entry-content tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--az-surface) 55%,transparent)} body.page:not(.woocommerce-page) .az-entry-content code{background:var(--az-surface);padding:2px 6px;border-radius:6px;font-size:.92em} /* Footer: hover morbido sui link (rifinitura sweep premium) */ .az-footer a{transition:color .15s ease} /* ============================================================ PAGINA PRODOTTO PREMIUM — Blocco 1: layout, breadcrumb, badge, meta Il wrapper .az-single ora viene emesso da woocommerce.php. ============================================================ */ /* Neutralizza float/width di default WC: la griglia 2-col governa gallery+summary */ .az-single .woocommerce-product-gallery, .az-single .summary.entry-summary{width:auto!important;float:none!important;margin:0!important} .az-single .summary.entry-summary{align-self:start} /* Tab, correlati, upsell e tutto il resto vanno a tutta larghezza SOTTO la griglia */ .az-single .product>*:not(.woocommerce-product-gallery):not(.summary):not(.onsale){grid-column:1 / -1} /* Badge offerta premium (niente giallo) */ .woocommerce span.onsale,.az-single .onsale{ background:linear-gradient(135deg,var(--az-primary),var(--az-primary-d))!important;color:#fff!important; border-radius:var(--az-pill)!important;min-height:0;height:auto;line-height:1.1; padding:6px 13px!important;font-weight:700;font-size:12px;letter-spacing:.02em; box-shadow:0 8px 18px -6px color-mix(in srgb,var(--az-primary) 55%,transparent); top:14px;left:14px;right:auto;margin:0 } /* Riga meta COD / Categoria premium */ .az-single .product_meta{ margin-top:20px;padding-top:16px;border-top:1px solid var(--az-line); font-size:13px;color:var(--az-muted);display:flex;flex-wrap:wrap;gap:8px 18px } .az-single .product_meta>span{display:inline-flex;align-items:center;gap:6px;margin:0} .az-single .product_meta a{color:var(--az-primary);text-decoration:none;font-weight:600} .az-single .product_meta a:hover{text-decoration:underline} /* Breadcrumb premium */ .az-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;color:var(--az-muted);padding:16px 0 4px} .az-breadcrumb a{color:var(--az-muted);text-decoration:none;transition:color .15s} .az-breadcrumb a:hover{color:var(--az-primary)} .az-breadcrumb .az-bc-sep{color:var(--az-line)} /* ============================================================ PAGINA PRODOTTO PREMIUM — Blocco 2: correlati, tab, info, recensioni, descrizione ============================================================ */ /* Correlati / upsell: le card riempiono la cella (fix float WC, come archivio) */ .az-single .related ul.products, .az-single .up-sells ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important;gap:clamp(14px,1.6vw,20px)!important;margin:14px 0 0} .az-single .related li.product, .az-single .up-sells li.product{float:none!important;width:auto!important;max-width:none!important;min-width:0;margin:0!important} @media(min-width:1280px){.az-single .related ul.products,.az-single .up-sells ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}} .az-single .related>h2,.az-single .up-sells>h2{font-size:clamp(18px,2.2vw,22px);font-weight:700;letter-spacing:-.01em;margin:40px 0 6px;padding-top:26px;border-top:1px solid var(--az-line)} /* Tab premium (Descrizione / Info / Recensioni) */ .az-single .woocommerce-tabs{margin-top:30px} .az-single .woocommerce-tabs ul.tabs{gap:6px;border-bottom:1px solid var(--az-line);margin:0 0 22px;padding:0} .az-single .woocommerce-tabs ul.tabs li a{padding:11px 16px;font-weight:600;font-size:14.5px;color:var(--az-muted);border-radius:10px 10px 0 0;display:block;transition:color .15s,background .15s} .az-single .woocommerce-tabs ul.tabs li a:hover{color:var(--az-ink);background:color-mix(in srgb,var(--az-surface) 60%,transparent)} .az-single .woocommerce-tabs ul.tabs li.active a{color:var(--az-primary);background:var(--az-surface);box-shadow:inset 0 -2px 0 var(--az-primary)} .az-single .woocommerce-Tabs-panel,.az-single .panel{font-size:15.5px;line-height:1.75;color:var(--az-ink)} .az-single .woocommerce-Tabs-panel h2{font-size:clamp(19px,2.2vw,23px);font-weight:700;letter-spacing:-.01em;margin:0 0 .6em} .az-single .woocommerce-Tabs-panel p{margin:0 0 1em;max-width:820px} .az-single .woocommerce-Tabs-panel ul,.az-single .woocommerce-Tabs-panel ol{margin:0 0 1em 1.3em} .az-single .woocommerce-Tabs-panel li{margin:0 0 .45em} .az-single .woocommerce-Tabs-panel li::marker{color:var(--az-primary)} /* Tabella Informazioni aggiuntive premium */ .az-single .shop_attributes,.az-single .woocommerce-product-attributes{width:100%;max-width:760px;border-collapse:separate;border-spacing:0;border:1px solid var(--az-line);border-radius:12px;overflow:hidden;font-size:14.5px;margin:4px 0} .az-single .shop_attributes th,.az-single .shop_attributes td, .az-single .woocommerce-product-attributes th,.az-single .woocommerce-product-attributes td{padding:12px 16px;border-bottom:1px solid var(--az-line);text-align:left} .az-single .shop_attributes tr:last-child th,.az-single .shop_attributes tr:last-child td, .az-single .woocommerce-product-attributes tr:last-child th,.az-single .woocommerce-product-attributes tr:last-child td{border-bottom:0} .az-single .shop_attributes th,.az-single .woocommerce-product-attributes th{background:var(--az-surface);font-weight:700;color:var(--az-ink);width:38%} .az-single .shop_attributes td,.az-single .woocommerce-product-attributes td{color:var(--az-muted)} .az-single .shop_attributes td p,.az-single .woocommerce-product-attributes td p{margin:0} /* Recensioni premium */ .az-single #reviews .woocommerce-Reviews-title{font-size:clamp(18px,2vw,22px);font-weight:700;margin:0 0 14px} .az-single #reviews .commentlist{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:14px} .az-single #reviews .commentlist li{background:var(--az-surface);border:1px solid var(--az-line);border-radius:14px;padding:16px 18px} .az-single #reviews .comment-text{margin:0} .az-single #respond .comment-form{display:flex;flex-direction:column;gap:14px;max-width:640px} .az-single #respond .comment-form input[type=text], .az-single #respond .comment-form input[type=email], .az-single #respond .comment-form textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--az-line);border-radius:12px;padding:12px 14px;font-size:15px;background:var(--az-bg);color:var(--az-ink)} .az-single #respond .comment-form input:focus,.az-single #respond .comment-form textarea:focus{border-color:var(--az-primary);outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--az-primary) 16%,transparent)} .az-single .woocommerce-noreviews{background:var(--az-surface)!important;border:1px dashed var(--az-line)!important;color:var(--az-muted)!important} /* ============================================================ PAGINA PRODOTTO PREMIUM — Blocco 3: tab color, galleria uniforme, watermark, notifica ============================================================ */ /* Tab: colori con priorità sopra il default WooCommerce */ .az-single .woocommerce-tabs ul.tabs li a{color:var(--az-muted)!important} .az-single .woocommerce-tabs ul.tabs li a:hover{color:var(--az-ink)!important} .az-single .woocommerce-tabs ul.tabs li.active a{color:var(--az-primary)!important} /* Galleria: framing quadrato uniforme su fondo bianco pulito (nasconde differenze di taglio/fondo) */ .az-single .woocommerce-product-gallery__image{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff} .az-single .woocommerce-product-gallery__image img{width:100%!important;height:100%!important;object-fit:contain} /* Watermark "az." discreto in basso a destra (disattivabile: body.az-no-wm) */ .az-single .woocommerce-product-gallery__image::after{content:"az.";position:absolute;right:14px;bottom:11px;font-weight:800;font-size:15px;letter-spacing:-.5px;color:rgba(14,19,32,.16);pointer-events:none;z-index:3} body.az-no-wm .az-single .woocommerce-product-gallery__image::after{content:none} /* Notifica "aggiunto al carrello": bottone Visualizza carrello premium */ .woocommerce-message a.button,.woocommerce-info a.button{background:var(--az-primary)!important;color:#fff!important;border:0!important;border-radius:var(--az-pill)!important;padding:7px 16px!important;margin-left:auto;font-weight:600} /* ============================================================ PAGINA PRODOTTO — FIX Blocco 3: immagine visibile + tab attivo blu ============================================================ */ /* L'immagine prodotto DEVE restare visibile: niente height:100% forzato/aspect-ratio */ .az-single .woocommerce-product-gallery__image{aspect-ratio:auto!important;display:block!important;padding:24px;background:#fff;position:relative} .az-single .woocommerce-product-gallery__image>a{display:block} .az-single .woocommerce-product-gallery__image img{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain;display:block;margin:0 auto} /* Tab attivo blu — copre tutte le varianti (li.active / a.active / aria-selected) */ .az-single .woocommerce-tabs ul.tabs li.active a, .az-single .woocommerce-tabs ul.tabs li a.active, .az-single .woocommerce-tabs ul.tabs li[aria-selected="true"] a{color:var(--az-primary)!important} /* ============================================================ PAGINA PRODOTTO — Rifiniture: tab attivo blu (regola pulita) + thumbnails galleria ============================================================ */ .az-single .woocommerce-tabs ul.tabs li.active a{color:var(--az-primary)!important} .az-single .woocommerce-tabs ul.tabs li.active a{box-shadow:inset 0 -2px 0 var(--az-primary)} /* Thumbnails galleria multi-immagine */ .az-single .flex-control-thumbs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:12px 0 0;padding:0} .az-single .flex-control-thumbs li{width:auto;margin:0} .az-single .flex-control-thumbs img{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--az-line);border-radius:10px;padding:6px;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s} .az-single .flex-control-thumbs img:hover,.az-single .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--az-primary)} /* ============================================================ MICRO-INTERAZIONI PREMIUM — card, bottoni, immagini (rispetta reduced-motion globale) ============================================================ */ /* Card: lift morbido + zoom immagine contenuto */ .az-card-media{overflow:hidden} .az-card-media img{transition:transform .45s cubic-bezier(.2,.7,.2,1)} li.product:hover .az-card-media img,.az-card:hover .az-card-media img{transform:scale(1.05)} li.product:hover .az-card-media,.az-card:hover .az-card-media{transform:translateY(-5px);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s ease} .az-card-title{transition:color .15s ease} li.product:hover .az-card-title,.az-card:hover .az-card-title{color:var(--az-primary)} .az-card-fav{transition:transform .12s ease,color .15s ease,background .15s ease} .az-card-fav:hover{transform:scale(1.08)} /* Bottoni: micro-press + transizione fluida */ .button,.az-btn,.wp-element-button,.single_add_to_cart_button,.wc-block-components-button,button#place_order,.woocommerce ul.products li.product a.add_to_cart_button{transition:transform .12s ease,background .16s ease,box-shadow .18s ease,filter .16s ease} .button:active,.az-btn:active,.wp-element-button:active,.single_add_to_cart_button:active,.wc-block-components-button:active,button#place_order:active,.woocommerce ul.products li.product a.add_to_cart_button:active{transform:scale(.975)} /* Bottone "aggiungi al carrello" nelle card: hover con leggera elevazione */ .woocommerce ul.products li.product a.add_to_cart_button:hover,ul.products li.product a.add_to_cart_button:hover{transform:translateY(-1px);box-shadow:0 7px 18px -7px color-mix(in srgb,var(--az-primary) 55%,transparent)} /* Voci rail: hover/press più reattivi */ .az-rail-item{transition:background .15s ease,color .15s ease,transform .12s ease} .az-rail-item:active{transform:scale(.92)} /* Link generici: underline animato all'hover */ .az-entry-content a,.az-footer a{text-underline-offset:2px} /* ============================================================ ACCESSIBILITA — WCAG 2.2 / EAA 2025 (focus, skip, target, contrast) ============================================================ */ /* Skip-link: clippato finche non riceve focus da tastiera, poi pillola brand visibile */ .az-skip:focus{ position:fixed !important; top:14px !important; left:14px !important; z-index:100000 !important; width:auto !important; height:auto !important; clip:auto !important; clip-path:none !important; overflow:visible !important; margin:0 !important; background:var(--az-primary) !important; color:#fff !important; font-weight:700; font-size:14px; padding:11px 18px !important; border-radius:12px; text-decoration:none; box-shadow:0 10px 30px -8px rgba(2,8,23,.5); outline:2px solid #fff; outline-offset:2px; } /* Focus ring robusto e coerente (2.4.7 / 2.4.11) */ :focus-visible{outline:2px solid var(--az-primary); outline-offset:2px; border-radius:6px} /* Su superfici scure (rail, menu, drawer): ring bianco + alone brand per contrasto */ .az-rail :focus-visible,.az-menu-panel :focus-visible,.az-drawer :focus-visible, .az-rail-logo:focus-visible,.az-rail-item:focus-visible{ outline:2px solid #fff; outline-offset:3px; box-shadow:0 0 0 5px color-mix(in srgb, var(--az-primary) 75%, transparent); } /* Bottoni pieni/gradiente: ring bianco interno + alone, per staccare dal fondo colorato */ .wp-core-ui .button-primary:focus-visible,.az-btn:focus-visible,.single_add_to_cart_button:focus-visible, .az-search-btn:focus-visible,.add_to_cart_button:focus-visible,.az-pill:focus-visible,.button.alt:focus-visible{ outline:2px solid #fff; outline-offset:-4px; box-shadow:0 0 0 3px var(--az-primary), 0 0 0 6px color-mix(in srgb, var(--az-primary) 45%, transparent); } /* Target minimo 24x24 (SC 2.5.8) sui controlli compatti */ .az-menu-exp,.az-iconbtn,.az-search-btn,.az-card-fav,.wp-hide-pw{min-width:24px; min-height:24px} /* Reduced-motion: rinforzo */ @media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto !important} .az-progress span,[data-az-progress]{transition:none !important} } /* Windows High Contrast / forced-colors: mantieni outline e bordi percepibili */ @media (forced-colors: active){ :focus-visible{outline:2px solid CanvasText !important; outline-offset:2px} .az-btn,.button,.az-pill,.az-rail-item,.az-iconbtn{border:1px solid CanvasText} .az-rail-badge,.az-pill-dot,.onsale,.az-search-btn{forced-color-adjust:none} } /* ============================================================ QUICK-VIEW: bottone su card + modale anteprima premium ============================================================ */ .az-card-qv{position:absolute;top:9px;right:9px;width:34px;height:34px;border:0;border-radius:50%; background:color-mix(in srgb,var(--az-bg) 86%,transparent);backdrop-filter:blur(5px); color:var(--az-ink);display:grid;place-items:center;cursor:pointer; opacity:0;transform:translateY(-5px);box-shadow:0 6px 16px -4px rgba(2,8,23,.22); transition:opacity .2s ease,transform .2s ease,color .15s ease,background .15s ease;z-index:2} .az-card:hover .az-card-qv,.az-card-qv:focus-visible{opacity:1;transform:none} .az-card-qv:hover{color:var(--az-primary)} .az-card-qv:active{transform:scale(.9)} @media (hover:none){.az-card-qv{opacity:1;transform:none}} .az-qv{position:fixed;inset:0;z-index:calc(var(--az-z-drawer) + 2);display:none} .az-qv.is-open{display:grid;place-items:center;padding:24px} .az-qv-ov{position:absolute;inset:0;background:color-mix(in srgb,var(--az-ink) 50%,transparent);backdrop-filter:blur(3px)} .az-qv-dialog{position:relative;z-index:1;width:min(880px,96vw);max-height:90vh;overflow:auto; background:var(--az-bg);border:1px solid var(--az-line);border-radius:20px; box-shadow:0 40px 90px -30px rgba(2,8,23,.6); transform:translateY(10px) scale(.985);opacity:0; transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .3s} .az-qv.is-open .az-qv-dialog{transform:none;opacity:1} .az-qv-x{position:absolute;top:12px;right:12px;z-index:3; background:color-mix(in srgb,var(--az-bg) 82%,transparent);backdrop-filter:blur(4px)} .az-qv-body{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:200px} .az-qv-media{position:relative;background:#fff;display:flex;align-items:center;justify-content:center; padding:28px;border-right:1px solid var(--az-line)} .az-qv-img{width:100%;height:auto;max-height:430px;object-fit:contain;display:block} .az-qv-badge{position:absolute;top:14px;left:14px} .az-qv-info{padding:32px 30px;display:flex;flex-direction:column;gap:10px} .az-qv-cat{font-size:12px;color:var(--az-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600} .az-qv-cat a{color:inherit;text-decoration:none} .az-qv-title{margin:0;font-size:25px;font-weight:800;letter-spacing:-.6px;line-height:1.18;color:var(--az-ink)} .az-qv-price{font-size:22px;font-weight:700;color:var(--az-ink)} .az-qv-price del{color:var(--az-muted);font-weight:500;font-size:16px;margin-right:8px} .az-qv-price ins{text-decoration:none} .az-qv-rating{margin:-2px 0 0} .az-qv-desc{color:var(--az-muted);font-size:14.5px;line-height:1.62} .az-qv-desc p{margin:0 0 8px} .az-qv-actions{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:12px} .az-qv-actions .button,.az-qv-actions a.button,.az-qv-actions .add_to_cart_button{width:100%;text-align:center;justify-content:center;background:var(--az-primary)!important;color:#fff!important;border:0!important;font-weight:600;padding:13px 20px;border-radius:12px} .az-qv-actions .button:hover,.az-qv-actions a.button:hover,.az-qv-actions .add_to_cart_button:hover{background:var(--az-primary-d)!important;color:#fff!important} .az-qv-actions a.added_to_cart{display:none} .az-qv-details{display:inline-flex;align-items:center;gap:6px;justify-content:center;color:var(--az-primary);text-decoration:none;font-weight:600;font-size:14px} .az-qv-details:hover{text-decoration:underline} .az-qv-details svg{width:15px;height:15px} .az-qv-skel{grid-column:1 / -1;padding:28px;display:grid;gap:14px} .az-qv-skel-img{height:300px;border-radius:14px} .az-qv-skel-l1{height:26px;width:60%;border-radius:8px} .az-qv-skel-l2{height:18px;width:35%;border-radius:8px} .az-qv-err{grid-column:1 / -1;padding:56px 24px;text-align:center;color:var(--az-muted)} @media (max-width:680px){ .az-qv.is-open{padding:0;place-items:stretch} .az-qv-dialog{width:100vw;max-height:100vh;height:100vh;border-radius:0;border:0} .az-qv-body{grid-template-columns:1fr} .az-qv-media{border-right:0;border-bottom:1px solid var(--az-line);padding:22px} .az-qv-img{max-height:260px} .az-qv-info{padding:22px} .az-qv-title{font-size:21px} } /* ============================================================ MOBILE bottom-nav app-like (etichette, stato attivo, safe-area, frosted) ============================================================ */ .az-rail-label{display:none} @media(max-width:899px){ .az-rail{height:auto;min-height:56px;align-items:stretch;justify-content:space-between; padding:0 2px;padding-bottom:env(safe-area-inset-bottom); background:color-mix(in srgb,var(--az-bg) 90%,transparent); -webkit-backdrop-filter:saturate(1.7) blur(14px);backdrop-filter:saturate(1.7) blur(14px)} .az-rail-item{flex:1 1 0;flex-direction:column;width:auto;height:auto;min-height:54px;gap:0;border-radius:0; color:var(--az-muted);justify-content:center;padding:7px 1px 6px} .az-rail-item .az-rail-label{display:block;font-size:10px;line-height:1.05;margin-top:4px;font-weight:600; letter-spacing:-.2px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis} .az-rail-item:hover{background:transparent;color:var(--az-ink)} .az-rail-item.is-active,.az-rail-item[aria-current="page"]{background:transparent;color:var(--az-primary)} .az-rail-item.is-active::before,.az-rail-item[aria-current="page"]::before{ content:"";position:absolute;top:0;left:50%;transform:translateX(-50%); width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--az-primary)} .az-rail-item.is-active .az-rail-badge{background:var(--az-primary);color:#fff} .az-rail-badge{top:5px;right:auto;left:calc(50% + 5px)} .az-theme-toggle{display:none} body.azstore{padding-bottom:calc(66px + env(safe-area-inset-bottom))} } @media(max-width:360px){ .az-rail-item .az-rail-label{font-size:9px} } /* ============================================================ FIX AUDIT v2 (axe/visivo): WooCommerce core colora prezzo+stock single con olivastro #958e09 (contrasto 3.41). Ripristino colori del tema con contrasto WCAG AA. ============================================================ */ .woocommerce div.product p.price, .woocommerce div.product .price, .woocommerce div.product .price .woocommerce-Price-amount, .az-single .price .woocommerce-Price-amount{color:var(--az-ink) !important} .woocommerce div.product .price del .woocommerce-Price-amount, .az-single .price del .woocommerce-Price-amount{color:var(--az-muted) !important} .woocommerce div.product .stock.in-stock,.stock.in-stock{color:var(--az-st-ok-fg2) !important} .woocommerce div.product .stock.out-of-stock,.stock.out-of-stock{color:var(--az-danger) !important} /* FIX a11y (axe listitem): menu footer ora avvolto in