/* Kolbo Prestige Mode + Sale Light — v1.0.3 */ /* === Toggle button (homepage only via PHP condition) === */ #kpsl-toggle{ position:fixed; inset:16px auto auto 16px; /* RTL-first */ z-index:99999; padding:10px 14px; border-radius:999px; border:1px solid rgba(255,255,255,.15); background:linear-gradient(180deg,#111,#0a0a0a); color:#fff; font-weight:700; font-family:"Heebo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif; box-shadow:0 6px 20px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06); display:flex;align-items:center;gap:8px; cursor:pointer; transition:transform .15s ease, box-shadow .15s ease, background .2s ease; } #kpsl-toggle:hover{ transform:translateY(-1px); box-shadow:0 10px 26px rgba(0,0,0,.3) } #kpsl-toggle .kpsl-label{ white-space:nowrap } html[dir="ltr"] #kpsl-toggle{ inset:16px 16px auto auto } /* === Prestige mode styles (apply only when class on — which we set only on homepage) === */ html.kpsl-prestige{ --kpsl-bg:#0b0b0d; --kpsl-card:#101013; --kpsl-text:#e7e7ea; --kpsl-muted:#a7a7b2; --kpsl-gold:#d4af37; --kpsl-gold-2:#b9932f; --kpsl-shadow:0 10px 30px rgba(0,0,0,.35); } html.kpsl-prestige body{ background:radial-gradient(1200px 800px at 50% -20%, rgba(212,175,55,.10), transparent 60%) var(--kpsl-bg); color:var(--kpsl-text); } html.kpsl-prestige .site, html.kpsl-prestige #page, html.kpsl-prestige .container{ background:transparent !important; } html.kpsl-prestige .products .product{ background:var(--kpsl-card); border-radius:18px; box-shadow:var(--kpsl-shadow); overflow:hidden; } html.kpsl-prestige a, html.kpsl-prestige .price, html.kpsl-prestige .woocommerce-Price-amount{ color:var(--kpsl-text); } html.kpsl-prestige .button, html.kpsl-prestige button, html.kpsl-prestige .added_to_cart{ background:linear-gradient(135deg,var(--kpsl-gold),var(--kpsl-gold-2)); color:#111 !important; border:none; border-radius:999px; font-weight:800; letter-spacing:.2px; box-shadow:0 8px 24px rgba(212,175,55,.28); } html.kpsl-prestige .button:hover, html.kpsl-prestige button:hover{ filter:saturate(1.08) brightness(1.05); transform:translateY(-1px); } html.kpsl-prestige h1, html.kpsl-prestige h2, html.kpsl-prestige h3{ position:relative; } html.kpsl-prestige h1::after, html.kpsl-prestige h2::after, html.kpsl-prestige h3::after{ content:""; display:block; width:72px;height:3px;margin:8px 0 0 auto; background:linear-gradient(90deg,transparent, var(--kpsl-gold), transparent); border-radius:3px; opacity:.75; } /* === Sale light (prominent, shown site-wide for on-sale products) === */ .kpsl-sale-light{ display:inline-block; width:13px;height:13px; margin-inline:8px 4px; border-radius:50%; background:radial-gradient(circle at 30% 30%, #fff1c2 0%, #ffd54a 60%, #ffa500 100%); box-shadow:0 0 10px rgba(255,213,74,.95), 0 0 22px rgba(255,140,0,.75); animation:kpsl-blink 1.2s infinite ease-in-out; vertical-align:middle; position:relative; transform:translateY(1px); } .kpsl-sale-light::after{ content:""; position:absolute;inset:-6px; border-radius:50%; box-shadow:0 0 18px rgba(255,169,0,.75), 0 0 36px rgba(255,120,0,.55); opacity:.6; animation:kpsl-ring 1.6s infinite ease-out; } @keyframes kpsl-blink{ 0%,100%{ opacity:.45; transform:translateY(1px) scale(.92); } 50%{ opacity:1; transform:translateY(1px) scale(1.18); } } @keyframes kpsl-ring{ 0%{ transform:scale(.9); opacity:.0 } 40%{ transform:scale(1.1); opacity:.75 } 100%{ transform:scale(1.3); opacity:.0 } } .kpsl-sale-badge{ display:inline-block; margin-inline-end:6px; padding:2px 8px; font-size:.85em; font-weight:800; color:#111; background:linear-gradient(135deg,#ffd54a,#ffb300); border-radius:999px; box-shadow:0 2px 10px rgba(0,0,0,.12); vertical-align:middle; } .price .kpsl-sale-light{ margin-top:-2px } .price .kpsl-sale-badge{ margin-inline-start:6px }