/* ========================================================================== iSpazio Theme — Shortcode Styles Loaded async on singular pages that contain shortcodes. ========================================================================== */ /* --- [app] App Store card --- */ .isp-appbox{display:flex;flex-direction:column;width:100%;margin:1.4em 0;box-sizing:border-box;container-type:inline-size;container-name:appbox} /* Quando il contenitore è stretto (es. sidebar 320px) riduciamo icona, font e padding. */ @container appbox (max-width: 360px){ .isp-appbox__icon{flex:0 0 64px} .isp-appbox__icon img{width:60px;height:60px;border-radius:14px;margin:6px 8px 6px 0} .isp-appbox .isp-appbox__title{font-size:14px;line-height:1.25;font-weight:700} .isp-appbox .isp-appbox__dev{font-size:12px;line-height:1.3} .isp-appbox__price{font-size:13px;padding:3px 12px} .isp-appbox__body{padding:0 8px 0 4px} } .isp-appbox h2,.isp-appbox p,.isp-appbox figure,.isp-appbox img{margin:0} .isp-appbox a{color:inherit;text-decoration:none} .isp-appbox__row{display:flex;align-items:center;width:100%} .isp-appbox__icon{flex:0 0 110px;line-height:0} .isp-appbox__icon a{display:block;line-height:0} .isp-appbox__icon img{width:103px;height:103px;margin:10px 10px 10px 0;border-radius:22px;object-fit:cover;box-shadow:0 2px 15px -1px rgba(15,29,54,.06)} .isp-appbox__body{flex:1;padding:0 10px 0 5px;border-top:1px solid var(--isp-border-soft);border-bottom:1px solid var(--isp-border-soft);min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center} .isp-appbox .isp-appbox__title{font-size:20px;font-weight:bold;margin:0;line-height:35px;color:var(--isp-ink);letter-spacing:-.01em} .isp-appbox .isp-appbox__dev{font-size:16px;line-height:1.4;color:var(--isp-mute);margin-top:0;text-transform:capitalize} .isp-appbox__cta{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 0 0 10px;margin-left:auto;border-top:1px solid var(--isp-border-soft);border-bottom:1px solid var(--isp-border-soft);align-self:stretch} .isp-appbox__price{display:inline-block;padding:4px 20px;background:#e8e8ed;color:#0056a6;border-radius:12px;font-size:17px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;text-align:center;transition:background .2s,color .2s} .isp-appbox__cta a:hover .isp-appbox__price{background:#3478f6;color:#fff} .isp-appbox__inapp{display:block;margin-top:4px;font-size:14px;line-height:15px;font-style:italic;color:var(--isp-mute);text-align:center} /* Optional: 5-star rating + review count below dev */ .isp-appbox__rating{display:inline-flex;align-items:center;gap:6px;margin-top:6px;line-height:1.3;color:var(--isp-ink2)} .isp-appbox__rating-value{font-size:14px;font-weight:600} .isp-appbox__rating-count{font-size:14px;font-weight:400;color:var(--isp-mute)} /* Optional: short description below the card row */ .isp-appbox__desc{margin-top:10px;font-size:14px;line-height:1.55;color:var(--isp-ink2)} /* Reusable 5-star component: track grey, fill orange clipped to width%. */ .isp-stars{position:relative;display:inline-block;font-size:14px;line-height:1;letter-spacing:2px;color:var(--isp-border)} .isp-stars__track{display:block} .isp-stars__fill{position:absolute;inset:0;color:#f5a623;overflow:hidden;white-space:nowrap;pointer-events:none} /* Modifier: striscia (Telegram-style banner — circular avatar w/ rotating arc + side CTA) */ .isp-appbox--striscia{display:flex;align-items:center;padding:16px 22px;border-radius:14px;background:var(--isp-brand-soft);margin:1.4em 0;flex-wrap:nowrap} .isp-appbox--striscia .isp-appbox__row{display:flex;align-items:center;flex-wrap:nowrap;gap:18px;width:100%} .isp-appbox--striscia .isp-appbox__icon{flex:0 0 auto;margin:0;line-height:0} .isp-appbox--striscia .isp-appbox__icon a{display:inline-block;line-height:0} .isp-appbox--striscia .isp-appbox__ring{position:relative;display:block;width:100px;height:100px} .isp-appbox--striscia .isp-appbox__ring img{position:absolute;top:50%;left:50%;width:90px;height:90px;margin:0;transform:translate(-50%,-50%);border-radius:50%;border:3px solid var(--isp-brand);box-shadow:none;object-fit:cover;z-index:2} .isp-appbox--striscia .isp-appbox__ring-anim{position:absolute;inset:0;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--isp-brand);border-radius:50%;background:none;-webkit-mask:none;mask:none;animation:isp-appbox-spin 2s linear infinite;z-index:1;pointer-events:none} .isp-appbox--striscia .isp-appbox__body{flex:1;min-width:0;border:0;padding:0;align-self:center;display:block} .isp-appbox--striscia .isp-appbox__title{font-size:26px;line-height:1.2;font-weight:700;color:var(--isp-ink);margin:0} .isp-appbox--striscia .isp-appbox__dev{padding-top:5px;font-size:16px;color:var(--isp-mute);margin:0;text-transform:none} .isp-appbox--striscia .isp-appbox__cta{flex:0 0 auto;width:auto;border:0;padding:0;margin:0;align-self:center;display:block} .isp-appbox--striscia .isp-appbox__cta a{display:inline-block} .isp-appbox--striscia .isp-appbox__price{display:inline-block;width:auto;background:var(--isp-brand);color:#fff;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;text-align:center;line-height:1;transition:background .2s,transform .1s} .isp-appbox--striscia .isp-appbox__cta a:hover .isp-appbox__price{background:var(--isp-brand-dark,#174ea8);color:#fff} .isp-appbox--striscia .isp-appbox__cta a:active .isp-appbox__price{transform:scale(.97)} @keyframes isp-appbox-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.isp-appbox--striscia .isp-appbox__ring-anim{animation:none}} /* --- [leggi] / [leggianche] / [feature] + [bottonegrigio]--bottone share landscape-card layout --- */ .isp-leggi, .isp-button-card--bottone{display:flex;align-items:center;width:100%;margin:1.4em 0;box-sizing:border-box} .isp-leggi h2,.isp-leggi p,.isp-leggi img, .isp-button-card--bottone h2,.isp-button-card--bottone p,.isp-button-card--bottone img{margin:0} .isp-leggi a{color:inherit;text-decoration:none} .isp-leggi__img, .isp-button-card--bottone .isp-button-card__img{flex:0 0 260px;display:flex;align-items:center;margin:20px 0;padding-left:10px;line-height:0;overflow:hidden;border-radius:10px} .isp-leggi__img img, .isp-button-card--bottone .isp-button-card__img img{width:250px;height:140px;border-radius:10px;border:1px solid var(--isp-border);object-fit:cover} .isp-leggi .isp-leggi__img img{transition:opacity .3s ease} .isp-leggi:hover .isp-leggi__img img,.isp-leggi__img:hover img{opacity:.7} .isp-leggi__body, .isp-button-card--bottone .isp-button-card__body{flex:1;min-width:0;padding:15px 0 15px 10px;border-top:1px solid var(--isp-border-soft);border-bottom:1px solid var(--isp-border-soft);align-self:stretch;display:flex;flex-direction:column;justify-content:center} .isp-leggi__label{font-size:13px;font-weight:500;color:var(--isp-mute);text-transform:uppercase;letter-spacing:.3px;display:block} .isp-leggi .isp-leggi__title{font-size:18px;font-weight:600;line-height:27px;margin:0;padding:6px 0 8px;color:var(--isp-ink);transition:color .3s ease} .isp-leggi .isp-leggi__title a{color:var(--isp-ink);transition:color .3s ease} .isp-leggi:hover .isp-leggi__title, .isp-leggi:hover .isp-leggi__title a{color:var(--isp-brand)} .isp-leggi__arrow{display:inline-block;transition:transform .25s ease;margin-left:4px} .isp-leggi:hover .isp-leggi__arrow, .isp-leggi__title a:hover .isp-leggi__arrow{transform:translateX(6px)} .isp-leggi__meta{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--isp-mute);flex-wrap:wrap} .isp-leggi__date{display:inline-block} .isp-leggi__comments{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:4px;background:var(--isp-bg);color:var(--isp-mute);font-size:13px;line-height:1.6;transition:background .2s,color .2s} .isp-leggi__comments:hover{background:var(--isp-brand-soft);color:var(--isp-brand)} .isp-leggi__comments .isp-icon{flex-shrink:0} .isp-leggi__text{font-size:16px;color:var(--isp-ink2);line-height:1.5;margin-top:5px} /* Modifier: feature — top-aligned image, more body padding */ .isp-leggi--feature .isp-leggi__img{align-items:flex-start} .isp-leggi--feature .isp-leggi__body{padding:20px 0 20px 20px} .isp-leggi--feature .isp-leggi__text{font-size:17px} /* --- [amazon] product card --- Selector aliases: .prodotto-scontiamolo_link ↔ .isp-amazon-link (output of [offerte_ispazio_v2] plugin) .prodotto-scontiamolo_main ↔ .isp-amazon .prodotto-scontiamolo_image-outer ↔ .isp-amazon__image .prodotto-scontiamolo_title-container ↔ .isp-amazon__body .prodotto-scontiamolo_orario ↔ .isp-amazon__time .additional-text ↔ .isp-amazon__extras .additional-raw ↔ .isp-amazon__extra .prodotto-scontiamolo_coupon ↔ .isp-amazon__coupon .prodotto-scontiamolo_info-container ↔ .isp-amazon__price-box .prodotto-scontiamolo_info-container-percentuale.hide_on_mobile ↔ .isp-amazon__pct .prodotto-scontiamolo_info-container-percentuale.hide_on_desktop ↔ .isp-amazon__pct-mobile .prodotto-scontiamolo_prices-wrapper ↔ .isp-amazon__prices .prodotto-scontiamolo_old-price ↔ .isp-amazon__old-price .prodotto-scontiamolo_old-price-no ↔ .isp-amazon__old-price--placeholder .prodotto-scontiamolo_new-price ↔ .isp-amazon__new-price .buy-button ↔ .isp-amazon__buy --- */ .isp-amazon-link,.prodotto-scontiamolo_link{display:block;margin:1.4em 0;text-decoration:none;color:inherit} .isp-amazon-link:hover,.prodotto-scontiamolo_link:hover{text-decoration:none} .isp-amazon,.prodotto-scontiamolo_main{display:flex;align-items:stretch;gap:0;padding:10px;background:var(--isp-surface);border:2px solid var(--isp-border-soft);border-radius:12px;box-shadow:0 2px 15px -1px rgba(15,29,54,.06);min-height:180px;transition:border-color .2s ease} .isp-amazon h3,.isp-amazon p,.isp-amazon img,.prodotto-scontiamolo_main h3,.prodotto-scontiamolo_main p,.prodotto-scontiamolo_main img{margin:0} .isp-entry-content .isp-amazon-link,.isp-amazon-link,.prodotto-scontiamolo_link{color:inherit;text-decoration:none} .isp-amazon-link:hover .isp-amazon,.isp-amazon:hover,.prodotto-scontiamolo_link:hover .prodotto-scontiamolo_main,.prodotto-scontiamolo_main:hover{border-color:var(--isp-brand)} /* Image column with store logo BELOW the image — vertical stack with small gap. (Old theme had logo flush to image; new must match that rhythm.) */ .isp-amazon__image,.prodotto-scontiamolo_image-outer{flex:0 0 100px;width:100px;margin:0 20px 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative} .isp-amazon[data-store]:not([data-store=""]) .isp-amazon__image, .prodotto-scontiamolo_main[data-store]:not([data-store=""]) .prodotto-scontiamolo_image-outer{padding-bottom:0} .isp-amazon__image img,.prodotto-scontiamolo_image-outer img,.prodotto-scontiamolo_image-container img{max-width:100%;max-height:100px;object-fit:contain} .prodotto-scontiamolo_image-container{display:flex;align-items:center;justify-content:center;width:100%} .isp-amazon[data-store]:not([data-store=""]) .isp-amazon__image::after, .prodotto-scontiamolo_main[data-store]:not([data-store=""]) .prodotto-scontiamolo_image-outer::after{content:"";position:static;transform:none;margin:5px 0 0 0;width:80px;height:25px;flex:0 0 25px;background-size:contain;background-repeat:no-repeat;background-position:center} .isp-amazon--store-amazon .isp-amazon__image::after,[data-store="amazon"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2023/07/store_amazon_mini1.png)} .isp-amazon--store-aliexpress .isp-amazon__image::after,[data-store="aliexpress"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2025/11/aliexpress-mini.png)} .isp-amazon--store-mediaworld .isp-amazon__image::after,[data-store="mediaworld"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2023/07/store_mediaworld_mini.png)} .isp-amazon--store-ebay .isp-amazon__image::after,[data-store="ebay"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2023/07/store_ebay_mini.png)} .isp-amazon--store-euronics .isp-amazon__image::after,[data-store="euronics"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2023/07/store_euronics_mini.png)} .isp-amazon--store-unieuro .isp-amazon__image::after,[data-store="unieuro"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2023/07/store_unieuro_mini.png)} .isp-amazon--store-coverstyle .isp-amazon__image::after,[data-store="coverstyle"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2024/09/coverstyle-mini-logo.png)} .isp-amazon--store-laifen .isp-amazon__image::after,[data-store="laifen"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2025/07/laifen-mini-logo.png)} .isp-amazon--store-kuxiu .isp-amazon__image::after,[data-store="kuxiu"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2025/03/kuxiu-mini-logo.png)} .isp-amazon--store-anker .isp-amazon__image::after,[data-store="anker"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2024/10/anker-mini-logo.png)} .isp-amazon--store-ausom .isp-amazon__image::after,[data-store="ausom"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2025/07/ausom.png)} .isp-amazon--store-geekbuying .isp-amazon__image::after,[data-store="geekbuying"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2025/07/geekbuying.png)} .isp-amazon--store-seinxon .isp-amazon__image::after,[data-store="seinxon"] .prodotto-scontiamolo_image-outer::after{background-image:url(https://www.ispazio.net/wp-content/uploads/2025/03/seinxon.mini-logo.png)} /* Body column */ .isp-amazon__body,.prodotto-scontiamolo_title-container{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;margin-right:22px;margin-top:15px;margin-bottom:10px} .isp-amazon__body:not(:has(.isp-amazon__time)),.prodotto-scontiamolo_title-container:not(:has(.prodotto-scontiamolo_orario)){justify-content:center;margin-top:0;margin-bottom:0} .isp-amazon__time,.prodotto-scontiamolo_orario{font-style:italic;font-size:13px;color:var(--isp-mute);padding-bottom:2px} .prodotto-scontiamolo_orario.prodotto-scontiamolo_evidenza{font-style:normal;font-weight:700;color:var(--isp-brand);text-transform:uppercase;letter-spacing:-.2px;font-size:12px} .isp-amazon .isp-amazon__title,.prodotto-scontiamolo_title-container h3{font-size:16px;line-height:24px;font-weight:600;color:var(--isp-ink);max-height:72px;overflow:hidden;margin:0} .isp-amazon--in-content .isp-amazon__title{font-size:18px} .isp-amazon__desc{font-size:18px;font-weight:400;color:var(--isp-mute);margin-top:5px} .isp-amazon__content{font-size:18px;font-weight:400;color:var(--isp-mute);margin-top:5px} .isp-amazon__date{font-size:15px;color:var(--isp-success);margin-top:7px} .isp-amazon__extras,.additional-text{margin-top:7px;font-size:15px;color:var(--isp-mute);line-height:25px;display:flex;flex-direction:column;gap:5px} .isp-amazon__extra,.additional-raw{display:inline-flex;align-items:center;gap:6px;white-space:nowrap} .isp-amazon__extra .icon-ok-circled,.additional-raw .icon-ok-circled{color:#198f4b} .isp-amazon__extra .icon-fuoco,.additional-raw .icon-fuoco{color:#ff5d00} /* Hide the flame icon inside product cards — keep only "Minimo Storico!" text. (The same icon is still shown on the filter button, which lives outside the card.) */ .isp-amazon .icon-fuoco,.prodotto-scontiamolo_main .icon-fuoco{display:none} .isp-amazon__extra--lowest strong,.additional-raw .minimo_storico{color:#ff5d00;font-weight:500} .isp-amazon__coupon,.prodotto-scontiamolo_coupon{font-family:var(--isp-font-mono,monospace);letter-spacing:1.2px;border:1px dashed var(--isp-ink);background:transparent;padding:0 10px;color:var(--isp-ink);text-transform:uppercase;border-radius:0;font-size:inherit} .isp-amazon__pct-mobile,.prodotto-scontiamolo_info-container-percentuale.hide_on_desktop{display:none} /* Variant chips (in-content mode, e.g. "128GB | 256GB") */ .isp-amazon__variants{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px} .isp-amazon__variant{display:inline-flex;align-items:center;padding:4px 12px;background:var(--isp-bg);color:var(--isp-ink);border:1px solid var(--isp-border-soft);border-radius:100px;font-size:13px;font-weight:600;line-height:1.4;letter-spacing:.2px} /* Price box (offer mode) — light blue with left arrow */ .isp-amazon__price-box,.prodotto-scontiamolo_info-container{position:relative;flex:0 0 240px;width:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#e0edf7;border-radius:8px;padding:20px} .isp-amazon__price-box::before,.prodotto-scontiamolo_info-container::before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);border:10px solid transparent;border-right-color:#e0edf7} .isp-amazon__pct,.prodotto-scontiamolo_info-container-percentuale.hide_on_mobile{background:#fff;border-radius:30px;text-align:center;font-size:13px;color:#5c5d6c;padding:0 10px;display:block} .isp-amazon__pct strong,.prodotto-scontiamolo_info-container-percentuale.hide_on_mobile strong{color:var(--isp-success);font-weight:700} .isp-amazon__prices,.prodotto-scontiamolo_prices-wrapper{display:flex;align-items:center;gap:6px} .prodotto-scontiamolo_info-container .prezzi{width:100%;display:flex;justify-content:center} .isp-amazon__old-price,.prodotto-scontiamolo_old-price{color:#555;text-decoration:line-through;font-size:14px} .isp-amazon__old-price--placeholder,.prodotto-scontiamolo_old-price-no{color:#777;text-decoration:none;font-size:14px} .isp-amazon__new-price,.prodotto-scontiamolo_new-price{color:#0d0d0d;padding:0 8px;border-radius:10px;font-weight:700;font-size:18px;letter-spacing:-0.6px;transform:scaleY(1.2)} .isp-amazon__buy,.prodotto-scontiamolo_info-container .buy-button{display:inline-flex;align-items:center;justify-content:center;padding:11px 26px;background:var(--isp-brand);color:#fff;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.1px;line-height:1;transition:background .2s ease} .isp-amazon-link:hover .isp-amazon__buy,.prodotto-scontiamolo_link:hover .buy-button,.prodotto-scontiamolo_main:hover .buy-button{background:var(--isp-brand-dark)} .prodotto-scontiamolo_info-container .link{display:flex;justify-content:center;width:100%} /* Mobile/desktop visibility helpers (scoped) */ .isp-amazon .hide-mobile,.prodotto-scontiamolo_main .hide_on_mobile{display:inline} .isp-amazon .hide-desktop,.prodotto-scontiamolo_main .hide_on_desktop{display:none} /* --- [titoloprodotto] section title badge --- */ .isp-product-title{width:100%;border-bottom:1px solid var(--isp-border-soft);margin:40px 0 30px} .isp-product-title__badge{display:inline-block;background:#2dacf9;color:#fff;font-weight:600;font-size:20px;text-transform:uppercase;padding:10px 35px;border-radius:10px 10px 0 0;line-height:1.2} .isp-product-title__badge .icon{font-size:15px;margin-right:5px} /* --- [screenshot] horizontal scrollable gallery --- */ .isp-screenshots{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:30px;margin:1.4em -32px;background:#f2f2f7;scroll-padding-left:30px;scroll-snap-type:x proximity;max-width:calc(100% + 64px);min-width:0;box-sizing:border-box} .isp-screenshots::-webkit-scrollbar{display:none} .isp-screenshots a{flex-shrink:0;display:inline-block;line-height:0;scroll-snap-align:start} .isp-screenshots img{display:block;max-height:528px;width:auto;border-radius:20px;border:1px solid rgba(62,101,119,.18);object-fit:contain;margin:0} /* Horizontal/landscape (e.g. iPad landscape) — fixed aspect */ .isp-screenshots--horizontal img{height:367px;width:650px;max-height:none;object-fit:cover} /* tabnav styles inlined by class-shortcode-tabnav.php (works on all templates) */ /* --- [horizontal_menu] Apple products menu --- */ .isp-products-menu{display:flex;gap:1px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:15px 0;margin:0 0 20px;border-bottom:1px solid var(--isp-border);text-align:center;justify-content:safe center;flex-wrap:nowrap;width:100%;max-width:100%;min-width:0;box-sizing:border-box;scroll-snap-type:x proximity;contain:inline-size} .isp-products-menu::-webkit-scrollbar{display:none} .isp-products-menu__item{flex-shrink:0;width:110px;text-align:center;vertical-align:top} .isp-products-menu__item a{display:block;color:var(--isp-ink);transition:color .3s} .isp-products-menu__item a:hover{color:var(--isp-brand)} .isp-products-menu__item a:hover .isp-products-menu__name{color:var(--isp-brand)} .isp-products-menu__item img{max-width:100%;height:52px;object-fit:contain;margin:0 auto;display:block} .isp-products-menu__name{display:block;font-size:13px;line-height:1.3;padding:0 7px;margin-top:4px;color:var(--isp-ink);overflow-wrap:break-word;transition:color .15s} .isp-products-menu__badge{display:block;font-size:12px;color:#b64400;text-align:center;margin-top:-5px} /* --- [bottonegrigio] / [menulateralebutton] button card --- */ .isp-button-card-link{display:block;text-decoration:none;color:inherit} .isp-button-card-link:hover{text-decoration:none} .isp-button-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;border:0;border-radius:0;margin:1em 0;transition:background .25s ease} .isp-button-card h2,.isp-button-card p,.isp-button-card img{margin:0} .isp-button-card__img img,.isp-button-card__icon img{width:60px;height:60px;border-radius:14px;object-fit:cover;flex-shrink:0;background:var(--isp-bg)} .isp-button-card__body{flex:1;min-width:0} .isp-button-card__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--isp-mute);display:block;margin-bottom:2px} .isp-button-card .isp-button-card__title{font-size:16px;font-weight:600;line-height:1.3;color:var(--isp-ink)} .isp-button-card__desc{font-size:13px;color:var(--isp-mute);margin-top:4px} .isp-button-card__arrow{flex-shrink:0;color:var(--isp-mute);display:flex;align-items:center} .isp-button-card-link:hover .isp-button-card{background:var(--isp-bg)} .isp-button-card-link:hover .isp-button-card__title{color:var(--isp-brand)} .isp-button-card__sub{font-size:13px;color:var(--isp-mute);margin-top:2px} .isp-button-card__desc--mobile{display:none} /* Modifier: menu (used by [menulateralebutton]) — landscape row with top/bottom dividers, icon sticks out */ .isp-button-card--menu{padding:0;gap:0;align-items:stretch;margin:1.4em 0} .isp-button-card--menu .isp-button-card__img,.isp-button-card--menu .isp-button-card__icon{flex:0 0 auto;display:flex;align-items:center;margin:0;padding:0 0 0 10px} .isp-button-card--menu .isp-button-card__img img,.isp-button-card--menu .isp-button-card__icon img{width:103px;height:103px;border-radius:22px;margin:20px 0} .isp-button-card--menu .isp-button-card__body{flex:1;min-width:0;padding:14px 0 14px 18px;border-top:1px solid var(--isp-border-soft);border-bottom:1px solid var(--isp-border-soft);align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin-left:14px} .isp-button-card--menu .isp-button-card__label{font-size:12px;letter-spacing:.5px;margin-bottom:4px} .isp-button-card--menu .isp-button-card__title{font-size:18px;font-weight:600;line-height:1.3;color:var(--isp-ink);transition:color .3s ease} .isp-button-card--menu .isp-button-card__arrow{padding-right:18px;padding-left:14px;align-self:stretch;display:flex;align-items:center;border-top:1px solid var(--isp-border-soft);border-bottom:1px solid var(--isp-border-soft)} .isp-button-card--menu .isp-button-card__arrow .isp-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .25s ease;will-change:transform} @media (hover:hover) and (min-width:641px){ .isp-button-card-link:hover .isp-button-card--menu .isp-button-card__arrow .isp-icon{transform:scale(2.2) translateX(2px);color:var(--isp-brand)} } .isp-button-card-link:hover .isp-button-card--menu,.isp-button-card--menu:hover{background:var(--isp-bg)} .isp-button-card-link:hover .isp-button-card--menu .isp-button-card__title{color:var(--isp-brand)} /* --menu without image: body becomes the whole row, no left offset */ .isp-button-card--menu > .isp-button-card__body:first-child{margin-left:0;padding-left:10px} /* Modifier: bottone (default for [bottonegrigio]) — landscape card; layout shared with [leggi] above */ .isp-button-card--bottone{padding:0;gap:0} .isp-button-card--bottone .isp-button-card__title{font-size:18px;font-weight:600;line-height:27px;color:var(--isp-ink);transition:color .3s ease} .isp-button-card--bottone .isp-button-card__desc{font-size:17px;color:var(--isp-mute);margin-top:4px;line-height:1.4} .isp-button-card--bottone .isp-button-card__arrow{padding-right:20px;align-self:stretch;display:flex;align-items:center;border-top:1px solid var(--isp-border-soft);border-bottom:1px solid var(--isp-border-soft)} .isp-button-card--bottone .isp-button-card__arrow .isp-icon{transition:transform .35s cubic-bezier(.34,1.56,.64,1),color .25s ease;will-change:transform} @media (hover:hover) and (min-width:641px){ .isp-button-card-link:hover .isp-button-card--bottone .isp-button-card__arrow .isp-icon{transform:scale(2.2) translateX(2px);color:var(--isp-brand)} } .isp-button-card-link:hover .isp-button-card--bottone,.isp-button-card--bottone:hover{background:var(--isp-bg)} .isp-button-card-link:hover .isp-button-card--bottone .isp-button-card__title{color:var(--isp-brand)} /* Modifier: text-only (no image, no icon) */ .isp-button-card--text{justify-content:center;padding:14px 20px;border:1px solid var(--isp-border-soft);border-radius:var(--isp-radius);text-align:center;background:var(--isp-bg)} .isp-button-card--text .isp-button-card__body{flex:0 1 auto;text-align:center} .isp-button-card--text .isp-button-card__title{font-size:16px;font-weight:600;color:var(--isp-ink)} .isp-button-card--text .isp-button-card__desc{font-size:14px;color:var(--isp-mute);margin-top:2px} .isp-button-card--text .isp-button-card__arrow{display:none} .isp-button-card-link:hover .isp-button-card--text{background:var(--isp-brand-soft);border-color:var(--isp-brand)} .isp-button-card-link:hover .isp-button-card--text .isp-button-card__title{color:var(--isp-brand)} /* --- [video] inline mp4 (lazy + autoplay) --- */ .isp-video{display:block;margin:1.4em auto;max-width:100%;width:var(--isp-video-w,100%);aspect-ratio:var(--isp-video-ar,16/9);background:#000;border-radius:var(--isp-radius);overflow:hidden;line-height:0;position:relative} .isp-video video{display:block;width:100%;height:100%;object-fit:contain;background:#000} .isp-video__caption{margin:8px 4px 0;font-size:13px;line-height:1.4;color:var(--isp-mute);text-align:center;font-style:italic} .isp-video--auto video{cursor:default} .isp-video[data-isp-video-loading="1"]::after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:isp-video-spin .8s linear infinite} @keyframes isp-video-spin{to{transform:rotate(360deg)}} @media (prefers-reduced-motion:reduce){.isp-video--auto video{display:block}.isp-video[data-isp-video-loading="1"]::after{animation:none}} /* --- [sfondo] Wallpapers Central card --- */ .isp-sfondo{display:flex;gap:20px;margin:1.4em 0;padding:0;background:var(--isp-surface);border:1px solid var(--isp-border-soft);border-radius:var(--isp-radius);box-shadow:0 2px 15px -1px rgba(15,29,54,.06)} .isp-sfondo h2,.isp-sfondo h3,.isp-sfondo p,.isp-sfondo ul,.isp-sfondo li,.isp-sfondo img{margin:0} .isp-sfondo a{color:inherit;text-decoration:none} .isp-sfondo__cover{flex:0 0 220px;align-self:stretch;line-height:0;overflow:hidden;border-radius:14px;background:var(--isp-bg)} .isp-sfondo__cover a{display:block;width:100%;height:100%} .isp-sfondo__cover img{width:100%;height:100%;object-fit:cover;display:block} .isp-sfondo__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px;padding:25px 25px 25px 9px} /* Author row */ .isp-sfondo__author{display:flex;align-items:center;gap:12px;padding:0 12px 10px 0;border-radius:var(--isp-radius-sm)} .isp-entry-content .isp-sfondo__avatar,.isp-sfondo__avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;flex-shrink:0} .isp-sfondo__author-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3} .isp-sfondo__author-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--isp-mute)} .isp-sfondo__author-name{font-size:15px;font-weight:600;color:var(--isp-ink)} /* Primary CTA: open in app */ .isp-sfondo__cta{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px 22px;background:linear-gradient(135deg,#1e63d4 0%,#174ea8 100%);color:#fff !important;border-radius:10px;font-size:14px;font-weight:600;letter-spacing:.3px;transition:transform .15s,box-shadow .15s} .isp-sfondo__cta-arrow{display:inline-flex;align-items:center;color:#fff;transition:transform .25s ease} .isp-sfondo__cta:hover .isp-sfondo__cta-arrow{transform:translateX(4px)} .isp-sfondo__cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,99,212,.25)} /* Details list */ .isp-sfondo__details,.isp-entry-content .isp-sfondo__details{list-style:none;padding:20px 0 0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--isp-ink2)} .isp-sfondo__details-row{padding:12px 16px;background:var(--isp-bg);border-radius:8px;line-height:1.4} .isp-sfondo__details-row--title{background:transparent;padding:0 0 5px;font-size:18px;color:var(--isp-ink)} .isp-sfondo__details-row--strong{background:var(--isp-brand-soft)} .isp-sfondo__details-row--strong a{color:var(--isp-brand);font-weight:600} /* Quando il row contiene un link: padding/background gestiti dal , così l'intera card è cliccabile (non solo testo + freccia). */ .isp-sfondo__details-row:has(>.isp-sfondo__details-link){padding:0;background:transparent} .isp-sfondo__details-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--isp-bg);border-radius:8px;color:inherit;text-decoration:none} .isp-sfondo__details-row--strong .isp-sfondo__details-link{background:var(--isp-brand-soft)} .isp-sfondo__details-arrow{display:inline-flex;align-items:center;flex-shrink:0;color:var(--isp-mute);transition:transform .25s ease} .isp-sfondo__details-row--strong .isp-sfondo__details-arrow{color:var(--isp-brand)} .isp-sfondo__details-link:hover{text-decoration:underline} .isp-sfondo__details-link:hover .isp-sfondo__details-arrow{transform:translateX(4px)} /* Pre-download modal */ .isp-sfondo-modal{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px} .isp-sfondo-modal[hidden]{display:none} .isp-sfondo-modal__box{position:relative;width:100%;max-width:600px;padding:32px;background:#fff;border-radius:32px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.05);text-align:center} .isp-sfondo-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666;border:0;border-radius:50%;cursor:pointer;transition:background .2s,color .2s} .isp-sfondo-modal__close:hover{background:#e0e0e0;color:#333} .isp-sfondo-modal__title{font-size:20px;font-weight:700;color:var(--isp-ink);margin-bottom:16px} .isp-sfondo-modal__counter{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#e6194a,#cc1540);border-radius:50%} .isp-sfondo-modal__counter[hidden]{display:none} .isp-sfondo-modal__counter span{font-size:36px;font-weight:700;color:#fff} .isp-sfondo-modal__ad{min-height:250px;margin:24px 0;background:#f5f5f5;border-radius:12px;position:relative;overflow:hidden} .isp-sfondo-modal__ad::before{content:"Advertisement";position:absolute;top:8px;left:50%;transform:translateX(-50%);font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px} .isp-sfondo-modal__skip{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:#fff;color:#e6194a;border:2px solid #e6194a;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:all .2s} .isp-sfondo-modal__skip:hover{background:#e6194a;color:#fff} .isp-sfondo-modal__skip[hidden]{display:none} .isp-sfondo-modal__go{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:linear-gradient(135deg,#e6194a,#cc1540);color:#fff !important;border-radius:100px;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-top:24px;box-shadow:0 4px 12px rgba(230,25,74,.3);transition:transform .2s,box-shadow .2s;text-decoration:none} .isp-sfondo-modal__go:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,25,74,.4)} .isp-sfondo-modal__go[hidden]{display:none} .isp-sfondo-modal__promo{margin-top:24px;padding-top:20px;border-top:1px solid var(--isp-border-soft);font-size:13px} .isp-sfondo-modal__promo a{color:var(--isp-mute);transition:color .2s} .isp-sfondo-modal__promo a:hover{color:#e6194a} /* --- WC Download Modal (used by [sfondo] + home/sidebar promos) --- */ .isp-wc-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px} .isp-wc-modal[hidden]{display:none} .isp-wc-modal__backdrop{position:absolute;inset:0;background:rgba(15,29,54,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:isp-wc-fade .2s ease-out} .isp-wc-modal__panel{position:relative;background:#fff;border-radius:24px;padding:36px 32px 32px;max-width:440px;width:100%;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:isp-wc-pop .25s cubic-bezier(.34,1.56,.64,1)} .isp-wc-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:rgba(15,29,54,.06);border:none;display:flex;align-items:center;justify-content:center;color:var(--isp-ink2);cursor:pointer;transition:background .15s,color .15s} .isp-wc-modal__close:hover{background:rgba(15,29,54,.12);color:var(--isp-ink)} .isp-entry-content .isp-wc-modal__icon,.isp-wc-modal__icon{width:88px!important;height:88px!important;border-radius:22px!important;margin:0 auto 18px!important;box-shadow:0 8px 24px rgba(212,87,44,.25);display:block} .isp-wc-modal__title{font-size:22px;font-weight:700;color:var(--isp-ink);margin:0 0 18px;padding-bottom:10px;letter-spacing:-.3px} .isp-wc-modal__desc{font-size:14px;color:var(--isp-ink2);line-height:1.55;margin:0 auto 36px;padding-bottom:20px;text-align:center} .isp-wc-modal__badges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} .isp-entry-content .isp-wc-modal__badge,.isp-wc-modal__badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--isp-ink);color:#fff;border-radius:12px;text-decoration:none;transition:transform .15s,box-shadow .15s;line-height:1.1} .isp-entry-content .isp-wc-modal__badge:hover,.isp-wc-modal__badge:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.25);color:#fff} .isp-wc-modal__badge svg{flex-shrink:0} .isp-wc-modal__badge-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left} .isp-wc-modal__badge-text small{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase;opacity:.85;line-height:1.1} .isp-wc-modal__badge-text strong{font-size:15px;font-weight:600;line-height:1.15} @keyframes isp-wc-fade{from{opacity:0}to{opacity:1}} @keyframes isp-wc-pop{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}} @media(max-width:480px){ .isp-wc-modal__panel{padding:28px 22px 24px} .isp-wc-modal__title{font-size:19px} .isp-wc-modal__badges{flex-direction:column;align-items:stretch} .isp-wc-modal__badge{justify-content:center} } @media(prefers-reduced-motion:reduce){ .isp-wc-modal__backdrop,.isp-wc-modal__panel{animation:none} } /* --- [offerte_ispazio] / [offerte_ispazio_v2] live container --- Selector aliases (v2 plugin classes share rules with isp-* equivalents): #autorefresh-note.note ↔ .isp-deals-live__status #autorefresh-note .loader ↔ .isp-deals-live__dot .ordinamento-live ↔ .isp-deals-live__sort .ordinamento-btn[.attivo] ↔ .isp-deals-live__sort-btn[.active] #offerte-ispazio-container ↔ .isp-deals-live__container .offerte-ispazio-prodotti ↔ .isp-deals-products .prodotto-filtro ↔ .isp-deals-item .tabnav-wrapper/.tabnav-container/.tabnav ↔ .isp-tabnav/__scroll/__list --- */ .isp-deals-live{margin:1.6em 0} .isp-deals-live__status,#autorefresh-note.note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:var(--isp-surface);border:1px solid var(--isp-border-soft);border-radius:var(--isp-radius);font-size:14px;color:var(--isp-ink2)} .isp-deals-live__dot,#autorefresh-note .loader{flex:0 0 auto;width:10px;height:10px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:isp-deals-pulse 1.6s ease-out infinite} @keyframes isp-deals-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}} @media (prefers-reduced-motion:reduce){.isp-deals-live__dot,#autorefresh-note .loader{animation:none}} .isp-deals-live__sort,.ordinamento-live{margin-left:auto;display:inline-flex;gap:4px} .isp-deals-live__sort-btn,.ordinamento-btn{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;background:var(--isp-bg);color:var(--isp-mute);border:1px solid var(--isp-border-soft);border-radius:8px;font-size:13px;cursor:pointer;transition:background .15s,color .15s;text-decoration:none} .isp-deals-live__sort-btn:hover,.ordinamento-btn:hover{background:var(--isp-brand-soft);color:var(--isp-brand)} .isp-deals-live__sort-btn.active,.ordinamento-btn.attivo{background:var(--isp-brand);color:#fff;border-color:var(--isp-brand)} .isp-deals-live__sort-btn.active:hover,.ordinamento-btn.attivo:hover{background:var(--isp-brand);color:#fff;cursor:default} .isp-deals-live__loader{padding:14px;text-align:center;font-size:14px;color:var(--isp-mute)} .isp-deals-live__loader[hidden]{display:none} .isp-deals-live__container,#offerte-ispazio-container{margin-top:12px} /* Filters bar — rounded-rectangle pills with brand-accent active state. Used by [offerte_ispazio] (v1, .isp-deals-filters) and [offerte_ispazio_v2] (.tabnav-wrapper). */ .isp-tabnav.isp-deals-filters,.tabnav-wrapper{position:relative;margin:0 0 12px;font-family:var(--isp-font);overflow:hidden} .tabnav-container{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px} .tabnav-container::-webkit-scrollbar{display:none} ul.tabnav,.isp-tabnav.isp-deals-filters .isp-tabnav__list{display:flex;gap:10px;margin:0;padding:2px 0;list-style:none;align-items:center} ul.tabnav li,.isp-tabnav.isp-deals-filters .isp-tabnav__list li{flex-shrink:0;padding:0 !important} ul.tabnav li a,.isp-tabnav.isp-deals-filters .isp-tabnav__list a{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;font-size:14px;line-height:1.2;font-weight:600;background:#fff;color:var(--isp-mute);border:1.5px solid var(--isp-border);white-space:nowrap;text-decoration:none;transition:background .15s,color .15s,border-color .15s;box-shadow:none} ul.tabnav li a:hover,.isp-tabnav.isp-deals-filters .isp-tabnav__list a:hover{background:#fff;color:var(--isp-brand);border-color:var(--isp-brand)} ul.tabnav li a.attivo,ul.tabnav li a.current{background:var(--isp-brand);color:#fff;border-color:var(--isp-brand)} .isp-tabnav.isp-deals-filters .isp-tabnav__list a.current{background:var(--isp-brand-soft);color:var(--isp-brand);border-color:var(--isp-brand)} .isp-deals-filters__label,.tabnav-filtra-label{display:inline-block;padding:0 8px 0 4px;font-size:13px;font-weight:700;color:var(--isp-ink2);text-transform:uppercase;letter-spacing:.5px} .isp-deals-filters__min{color:#ff5d00 !important} /* Products grid */ .isp-deals-products,.offerte-ispazio-prodotti{display:grid;grid-template-columns:1fr;gap:14px;margin:12px 0;padding:0;list-style:none} .isp-deals-grid--banner,.offerte-ispazio-prodotti.amazon_banner{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px} .isp-deals-item,.prodotto-filtro{min-width:0} .isp-deals-item[hidden],.prodotto-filtro[hidden],.prodotto-filtro[style*="display: none"]{display:none} .isp-deals-item--featured{grid-column:span 2} /* Kill the per-item vertical margin (.isp-amazon-link/.prodotto-scontiamolo_link have margin:1.4em 0 for standalone use); inside the deals grid the grid `gap` already controls spacing. */ .isp-deals-products .isp-amazon-link, .isp-deals-products .prodotto-scontiamolo_link, .offerte-ispazio-prodotti .isp-amazon-link, .offerte-ispazio-prodotti .prodotto-scontiamolo_link, .isp-deals-item>.isp-amazon-link, .prodotto-filtro>.prodotto-scontiamolo_link{margin:0} /* Skeleton placeholders (live mode while AJAX loads). The plugin injects its own inline