/* ============================================================ IQRA PUBLISHING LTD — Master Style Sheet Trade Mark No: UK00004302835 HOW TO SWAP ANY PAGE BACKGROUND: Each page has a CSS variable at the top of its or section. To use an image background on any page, simply change the --page-bg value in that page's */ .page-hero.has-bg-image { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; } .page-hero .hero-overlay { position: absolute; inset: 0; background: transparent; /* off by default — enable per-page if needed */ pointer-events: none; z-index: 0; } /* When a background image is used, add class="hero-overlay active" to darken it */ .page-hero .hero-overlay.active { background: rgba(0,0,0,.52); } .page-hero .hero-content { position: relative; z-index: 1; } /* Video background slot for hero sections */ .hero-vid { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; /* Change to 'center top' if video content is at the top */ z-index: 0; opacity: .35; } /* Portrait/vertical video (TikTok 9:16) — centres properly without harsh cropping */ .hero-vid.portrait { object-fit: cover; object-position: center top; width: auto; min-width: 100%; height: 100%; left: 50%; transform: translateX(-50%); } /* ── INPUTS — ALL ROUNDED ── */ input[type="text"], input[type="email"], input[type="tel"] { border-radius: 40px; padding: 11px 18px; background: var(--bg3); border: 1px solid var(--bdr); color: var(--tx); font-size: 11px; font-family: 'Inter', sans-serif; outline: none; width: 100%; transition: border-color .2s; } input:focus { border-color: var(--gB); } textarea { border-radius: 20px; padding: 14px 18px; background: var(--bg3); border: 1px solid var(--bdr); color: var(--tx); font-size: 11px; font-family: 'Inter', sans-serif; outline: none; width: 100%; resize: vertical; transition: border-color .2s; } textarea:focus { border-color: var(--gB); } body.day input, body.day textarea { background: #fff; color: #111; } /* Newsletter row */ .nl-row { display: flex; max-width: 390px; margin: 0 auto 8px; border: 1px solid var(--bdr); border-radius: 40px; overflow: hidden; } .nl-row input { border-radius: 40px 0 0 40px !important; border: none; background: var(--bg2); flex: 1; padding: 12px 18px; } .nl-row .bG { border-radius: 0 40px 40px 0 !important; white-space: nowrap; } /* ── PRODUCT PAGE ── */ .product-layout { display: flex; gap: 40px; align-items: flex-start; max-width: 700px; flex-wrap: wrap; } .product-vid-wrap { width: 158px; height: 240px; border-radius: 16px; overflow: hidden; position: relative; flex-shrink: 0; } .product-vid-wrap video, .product-vid-wrap .vid-fallback-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .product-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 20px; } .product-meta-box { border: 1px solid var(--bdr); border-radius: 12px; padding: 10px 12px; } /* ── INFO BOXES (stats, contact info) ── */ .info-box { background: var(--bg3); border: 1px solid var(--bdr); border-radius: var(--r); padding: 18px 14px; } .stat-box { text-align: center; padding: 18px 10px; border: 1px solid var(--bdr); border-radius: var(--r); } .quote-box { text-align: center; padding: 20px; border: 1px solid var(--bdr); border-radius: var(--r); max-width: 680px; margin: 24px auto 0; } /* ── FOOTER ── */ .luxury-footer { background: var(--bg); border-top: 1px solid var(--bdr); padding: 32px 24px 16px; } .footer-grid { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 24px; flex-wrap: wrap; } .footer-bottom { border-top: 1px solid rgba(201,168,76,.15); padding-top: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; } .footer-bottom span { font-size: 8px; color: var(--tx4); } .footer-col-title { font-size: 8px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 10px; } .footer-link { font-size: 10px; color: var(--tx4); cursor: pointer; text-decoration: none; display: block; margin-bottom: 6px; } .footer-link:hover { color: var(--gB); } /* ── PAGE FOOTER BAR ── */ .page-bar { background: var(--bg); border-top: 1px solid var(--bdr); padding: 14px 24px; display: flex; justify-content: space-between; align-items: center; } /* ── BLOG ── */ .blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px,1fr)); gap: 18px; max-width: 700px; margin: 0 auto; } .blog-thumb { height: 88px; background: var(--bg3); border-bottom: 1px solid var(--bdr); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; } /* Video slot in blog thumb */ .blog-thumb video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } /* ── MEDIA CARDS ── */ .media-platform-thumb { height: 110px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.08); position: relative; overflow: hidden; } /* Video slot in media thumb */ .media-platform-thumb video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .25; } /* ── RESPONSIVE ── */ @media (max-width: 780px) { .nav-links .nl:not(.ax) { display: none; } .books-grid { grid-template-columns: repeat(2,1fr) !important; } .product-layout { flex-direction: column; } .filter-bar { max-width: 100% !important; } } @media (max-width: 480px) { .nav { padding: 0 14px; } .books-grid { grid-template-columns: 1fr !important; } } /* ══════════════════════════════════════════════════════════ PER-PAGE INDEPENDENT THEMES Applied via set in functions.php. Each overrides the CSS variables for that page only. The day/night toggle still works on top of these. ══════════════════════════════════════════════════════════ */ /* Dark Gold — pure black with bright gold */ body.iqra-theme-dark-gold { --bg: #000000; --bg2: #0a0a0a; --bg3: #111108; --tx: #ffffff; --tx2: #f5e8c0; --tx3: #c9a84c; --tx4: #8a6a28; --card: rgba(14,14,10,.97); --bdr: rgba(255,223,122,.55); --bdrH: #FFDF7A; } /* Override day mode if someone had toggled it */ body.iqra-theme-dark-gold.day { --bg: #000000; --bg2: #0a0a0a; --bg3: #111108; --tx: #ffffff; --tx2: #f5e8c0; --tx3: #c9a84c; --card: rgba(14,14,10,.97); } /* Cream Parchment — warm light luxury */ body.iqra-theme-cream { --bg: #fdfbf7; --bg2: #f5f0e8; --bg3: #ede7d9; --tx: #111108; --tx2: #2a2820; --tx3: #555040; --tx4: #888068; --card: rgba(255,254,248,.97); --bdr: rgba(140,100,20,.45); --bdrH: rgba(140,100,20,.9); } body.iqra-theme-cream.day { --bg: #fdfbf7; --bg2: #f5f0e8; --bg3: #ede7d9; --tx: #111108; } /* Deep Navy — dark navy with silver gold accents */ body.iqra-theme-deep-navy { --bg: #080c18; --bg2: #0d1220; --bg3: #121828; --tx: #e8eaf6; --tx2: #c8d0e8; --tx3: #8090b8; --tx4: #506080; --card: rgba(12,18,34,.97); --bdr: rgba(192,200,210,.35); --bdrH: #c0c8d0; --gA: #5a6068; --gB: #c0c8d0; --gC: #eef0f3; --gD: #ffffff; } body.iqra-theme-deep-navy.day { --bg: #080c18; --bg2: #0d1220; --bg3: #121828; --tx: #e8eaf6; --card: rgba(12,18,34,.97); } /* Custom Image — overlay variable set inline by PHP */ body.iqra-theme-custom-image .page-hero::after { content: ''; position: absolute; inset: 0; background: var(--page-overlay, rgba(0,0,0,.45)); z-index: 0; pointer-events: none; } body.iqra-theme-custom-image .page-hero .hero-content { position: relative; z-index: 1; } /* ── FOREST GREEN ── */ body.iqra-theme-forest-green { --bg: #0a150f; --bg2: #0f1e14; --bg3: #142219; --tx: #e8f5e9; --tx2: #c8e6c9; --tx3: #81c784; --tx4: #4caf50; --card: rgba(10,21,15,.97); --bdr: rgba(129,199,132,.45); --bdrH: #81c784; --gA: #1b5e20; --gB: #4caf50; --gC: #a5d6a7; --gD: #e8f5e9; } body.iqra-theme-forest-green.day { --bg: #0a150f; --bg2: #0f1e14; --bg3: #142219; --tx: #e8f5e9; --card: rgba(10,21,15,.97); } /* ── BURGUNDY / WINE ── */ body.iqra-theme-burgundy { --bg: #1a0a0e; --bg2: #221014; --bg3: #2a141a; --tx: #fce4ec; --tx2: #f8bbd0; --tx3: #f48fb1; --tx4: #e91e63; --card: rgba(26,10,14,.97); --bdr: rgba(244,143,177,.45); --bdrH: #f48fb1; --gA: #880e4f; --gB: #c2185b; --gC: #f48fb1; --gD: #fce4ec; } body.iqra-theme-burgundy.day { --bg: #1a0a0e; --bg2: #221014; --bg3: #2a141a; --tx: #fce4ec; --card: rgba(26,10,14,.97); } /* ── CHARCOAL ── */ body.iqra-theme-charcoal { --bg: #1c1c1e; --bg2: #242426; --bg3: #2c2c2e; --tx: #f2f2f7; --tx2: #e5e5ea; --tx3: #aeaeb2; --tx4: #636366; --card: rgba(28,28,30,.97); --bdr: rgba(174,174,178,.35); --bdrH: #aeaeb2; --gA: #48484a; --gB: #98989d; --gC: #e5e5ea; --gD: #f2f2f7; } body.iqra-theme-charcoal.day { --bg: #1c1c1e; --bg2: #242426; --bg3: #2c2c2e; --tx: #f2f2f7; --card: rgba(28,28,30,.97); } /* ── ROYAL PURPLE ── */ body.iqra-theme-royal-purple { --bg: #0e0818; --bg2: #140e22; --bg3: #1a122c; --tx: #ede7f6; --tx2: #d1c4e9; --tx3: #b39ddb; --tx4: #7e57c2; --card: rgba(14,8,24,.97); --bdr: rgba(179,157,219,.45); --bdrH: #b39ddb; --gA: #4a148c; --gB: #7e57c2; --gC: #b39ddb; --gD: #ede7f6; } body.iqra-theme-royal-purple.day { --bg: #0e0818; --bg2: #140e22; --bg3: #1a122c; --tx: #ede7f6; --card: rgba(14,8,24,.97); } /* ── MIDNIGHT TEAL ── */ body.iqra-theme-midnight-teal { --bg: #071418; --bg2: #0d1e22; --bg3: #12282e; --tx: #e0f7fa; --tx2: #b2ebf2; --tx3: #4dd0e1; --tx4: #00acc1; --card: rgba(7,20,24,.97); --bdr: rgba(77,208,225,.4); --bdrH: #4dd0e1; --gA: #006064; --gB: #00acc1; --gC: #4dd0e1; --gD: #e0f7fa; } body.iqra-theme-midnight-teal.day { --bg: #071418; --bg2: #0d1e22; --bg3: #12282e; --tx: #e0f7fa; --card: rgba(7,20,24,.97); } /* ── WARM AMBER ── */ body.iqra-theme-warm-amber { --bg: #180e00; --bg2: #221500; --bg3: #2c1c00; --tx: #fff8e1; --tx2: #ffecb3; --tx3: #ffd54f; --tx4: #ff8f00; --card: rgba(24,14,0,.97); --bdr: rgba(255,213,79,.45); --bdrH: #ffd54f; --gA: #e65100; --gB: #ff8f00; --gC: #ffd54f; --gD: #fff8e1; } body.iqra-theme-warm-amber.day { --bg: #180e00; --bg2: #221500; --bg3: #2c1c00; --tx: #fff8e1; --card: rgba(24,14,0,.97); } /* ══ PASTEL THEMES ══ */ /* ── SOFT ROSE (pastel) ── */ body.iqra-theme-soft-rose { --bg: #fff0f3; --bg2: #ffe4ea; --bg3: #ffd6e0; --tx: #3a1520; --tx2: #5c2030; --tx3: #8b3a50; --tx4: #c06070; --card: rgba(255,240,243,.98); --bdr: rgba(192,96,112,.3); --bdrH: rgba(192,96,112,.8); --gA: #8b3a50; --gB: #c06070; --gC: #e8a0b0; --gD: #ffd6e0; } body.iqra-theme-soft-rose.day { --bg: #fff0f3; --bg2: #ffe4ea; --bg3: #ffd6e0; --tx: #3a1520; } /* ── LAVENDER (pastel) ── */ body.iqra-theme-lavender { --bg: #f5f0ff; --bg2: #ede4ff; --bg3: #e4d8ff; --tx: #2a1a40; --tx2: #432a68; --tx3: #6b4a9a; --tx4: #9a7acc; --card: rgba(245,240,255,.98); --bdr: rgba(107,74,154,.3); --bdrH: rgba(107,74,154,.8); --gA: #432a68; --gB: #6b4a9a; --gC: #9a7acc; --gD: #e4d8ff; } body.iqra-theme-lavender.day { --bg: #f5f0ff; --bg2: #ede4ff; --bg3: #e4d8ff; --tx: #2a1a40; } /* ── POWDER BLUE (pastel) ── */ body.iqra-theme-powder-blue { --bg: #f0f6ff; --bg2: #e4eeff; --bg3: #d6e4ff; --tx: #0a1a2e; --tx2: #1a3050; --tx3: #2a5080; --tx4: #4a80c0; --card: rgba(240,246,255,.98); --bdr: rgba(42,80,128,.3); --bdrH: rgba(42,80,128,.8); --gA: #1a3050; --gB: #2a5080; --gC: #4a80c0; --gD: #d6e4ff; } body.iqra-theme-powder-blue.day { --bg: #f0f6ff; --bg2: #e4eeff; --bg3: #d6e4ff; --tx: #0a1a2e; } /* ── MINT (pastel) ── */ body.iqra-theme-mint { --bg: #f0fff8; --bg2: #e0fff0; --bg3: #ccf5e5; --tx: #0a2018; --tx2: #183828; --tx3: #2a6048; --tx4: #4a9878; --card: rgba(240,255,248,.98); --bdr: rgba(42,96,72,.3); --bdrH: rgba(42,96,72,.8); --gA: #183828; --gB: #2a6048; --gC: #4a9878; --gD: #ccf5e5; } body.iqra-theme-mint.day { --bg: #f0fff8; --bg2: #e0fff0; --bg3: #ccf5e5; --tx: #0a2018; } /* ── PEACH (pastel) ── */ body.iqra-theme-peach { --bg: #fff5f0; --bg2: #ffebe0; --bg3: #ffddd0; --tx: #2e1008; --tx2: #4e2018; --tx3: #8b4030; --tx4: #c07060; --card: rgba(255,245,240,.98); --bdr: rgba(139,64,48,.3); --bdrH: rgba(139,64,48,.8); --gA: #4e2018; --gB: #8b4030; --gC: #c07060; --gD: #ffddd0; } body.iqra-theme-peach.day { --bg: #fff5f0; --bg2: #ffebe0; --bg3: #ffddd0; --tx: #2e1008; } /* ── BUTTERCUP YELLOW (pastel) ── */ body.iqra-theme-buttercup { --bg: #fffdf0; --bg2: #fff9dc; --bg3: #fff3c0; --tx: #2a2000; --tx2: #443200; --tx3: #806000; --tx4: #b89020; --card: rgba(255,253,240,.98); --bdr: rgba(128,96,0,.3); --bdrH: rgba(128,96,0,.8); --gA: #443200; --gB: #806000; --gC: #b89020; --gD: #fff3c0; } body.iqra-theme-buttercup.day { --bg: #fffdf0; --bg2: #fff9dc; --bg3: #fff3c0; --tx: #2a2000; } /* ════════ PURE WHITE — crisp cool white / cool-charcoal night ════════ */ body.iqra-theme-pure-white { --bg: #ffffff; --bg2: #ffffff; --bg3: #ffffff; --bg4: #ffffff; --card: #ffffff; --tx: #1a1a1e; --tx2: #2a2a2e; --tx3: #6a6a70; --tx4: #9a9aa0; --bdr: rgba(122,90,24,.28); --bdrH: rgba(122,90,24,.85); --gA: #6e5214; --gB: #a6812e; --gC: #c9a84c; --gD: #e8c766; --pA: #3f454d; --pB: #8892a0; --pC: #c2cad4; } body.iqra-theme-pure-white .nav { background: rgba(255,255,255,.96) !important; } body.iqra-theme-pure-white:not(.day) { --bg: #0e0f13; --bg2: #14161b; --bg3: #1a1c22; --bg4: #20222a; --card: rgba(20,22,28,.97); --tx: #ffffff; --tx2: #d4c9a8; --tx3: #a09070; --tx4: #888060; --bdr: rgba(255,223,122,.5); --bdrH: #FFDF7A; --gA: #7a5a18; --gB: #c9a84c; --gC: #f5d980; --gD: #ffe9a0; --pA: #5a6068; --pB: #c0c8d0; --pC: #eef0f3; } body.iqra-theme-pure-white:not(.day) .nav { background: #0e0f13 !important; } body.iqra-theme-pure-white .page-hero .iqHeroRay { text-shadow: 0 1px 2px rgba(122,90,24,.30), 0 0 14px rgba(201,168,76,.22); } body.iqra-theme-pure-white h2.pT.sweep { text-shadow: 0 1px 1px rgba(60,66,74,.30); } /* ════════ TRUFFLE — soft warm greige day / warm-dark night ════════ */ body.iqra-theme-truffle { --bg: #e9e5de; --bg2: #e3ded5; --bg3: #ddd7cb; --bg4: #d5cebf; --tx: #241f18; --tx2: #4a3d34; --tx3: #7d766a; --tx4: #9a9284; --card: rgba(243,239,231,.98); --bdr: rgba(122,90,24,.28); --bdrH: rgba(122,90,24,.85); --gA: #7a5a18; --gB: #b8912e; --gC: #d4ad48; --gD: #f0d67e; --pA: #4a5058; --pB: #8892a0; --pC: #c2cad4; } body.iqra-theme-truffle .nav { background: #e9e5de !important; } body.iqra-theme-truffle:not(.day) { --bg: #1c1712; --bg2: #241d16; --bg3: #2c231a; --bg4: #34291e; --tx: #f5efe6; --tx2: #e0d4c0; --tx3: #b0a086; --tx4: #8a7a60; --card: rgba(34,27,20,.97); --bdr: rgba(255,223,122,.5); --bdrH: #FFDF7A; --gA: #7a5a18; --gB: #c9a84c; --gC: #f5d980; --gD: #ffe9a0; --pA: #5a6068; --pB: #c0c8d0; --pC: #eef0f3; } body.iqra-theme-truffle:not(.day) .nav { background: #1c1712 !important; } /* ════════ CHAMPAGNE — pale warm gold-beige / warm-dark night ════════ */ body.iqra-theme-champagne { --bg:#f3ead4; --bg2:#eee3c9; --bg3:#e8dcbc; --bg4:#e0d2ab; --tx:#2a2214; --tx2:#443826; --tx3:#7a6c4e; --tx4:#9a8c68; --card:rgba(248,241,224,.98); --bdr:rgba(122,90,24,.30); --bdrH:rgba(122,90,24,.85); --gA:#7a5a18; --gB:#a6812e; --gC:#c9a84c; --gD:#e8c766; --pA:#5a6068; --pB:#8892a0; --pC:#c2cad4; } body.iqra-theme-champagne .nav { background:#f3ead4 !important; } body.iqra-theme-champagne:not(.day) { --bg:#1a1408; --bg2:#221a0c; --bg3:#2a2110; --bg4:#332815; --tx:#f5efe0; --tx2:#e0d4b8; --tx3:#b0a080; --tx4:#8a7a5a; --card:rgba(34,26,12,.97); --bdr:rgba(255,223,122,.5); --bdrH:#FFDF7A; --gA:#7a5a18; --gB:#c9a84c; --gC:#f5d980; --gD:#ffe9a0; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-champagne:not(.day) .nav { background:#1a1408 !important; } /* ════════ OYSTER — cool warm-stone greige / warm-dark night ════════ */ body.iqra-theme-oyster { --bg:#e5e0d5; --bg2:#ded9cc; --bg3:#d5cfc0; --bg4:#cbc4b3; --tx:#26241d; --tx2:#403c31; --tx3:#726c5e; --tx4:#928b7c; --card:rgba(241,238,230,.98); --bdr:rgba(122,90,24,.28); --bdrH:rgba(122,90,24,.85); --gA:#7a5a18; --gB:#a6812e; --gC:#c9a84c; --gD:#e8c766; --pA:#5a6068; --pB:#8892a0; --pC:#c2cad4; } body.iqra-theme-oyster .nav { background:#e5e0d5 !important; } body.iqra-theme-oyster:not(.day) { --bg:#16150f; --bg2:#1d1c14; --bg3:#25231a; --bg4:#2d2b20; --tx:#f2efe6; --tx2:#dcd6c6; --tx3:#aca690; --tx4:#867f6c; --card:rgba(29,28,20,.97); --bdr:rgba(255,223,122,.5); --bdrH:#FFDF7A; --gA:#7a5a18; --gB:#c9a84c; --gC:#f5d980; --gD:#ffe9a0; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-oyster:not(.day) .nav { background:#16150f !important; } /* ════════ BLUSH NUDE — soft warm pink-beige / warm-dark night ════════ */ body.iqra-theme-blush-nude { --bg:#f1e7e1; --bg2:#ece0d9; --bg3:#e5d7cf; --bg4:#dccabf; --tx:#2a201c; --tx2:#443630; --tx3:#7c6a62; --tx4:#9c8a80; --card:rgba(247,240,236,.98); --bdr:rgba(122,90,24,.28); --bdrH:rgba(122,90,24,.85); --gA:#7a5a18; --gB:#a6812e; --gC:#c9a84c; --gD:#e8c766; --pA:#5a6068; --pB:#8892a0; --pC:#c2cad4; } body.iqra-theme-blush-nude .nav { background:#f1e7e1 !important; } body.iqra-theme-blush-nude:not(.day) { --bg:#191110; --bg2:#211715; --bg3:#291d1a; --bg4:#312420; --tx:#f5ece8; --tx2:#e2d2cc; --tx3:#b09a92; --tx4:#8a746c; --card:rgba(33,23,21,.97); --bdr:rgba(255,223,122,.5); --bdrH:#FFDF7A; --gA:#7a5a18; --gB:#c9a84c; --gC:#f5d980; --gD:#ffe9a0; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-blush-nude:not(.day) .nav { background:#191110 !important; } /* ════════ SAGE MIST — pale green-grey / warm-dark night ════════ */ body.iqra-theme-sage-mist { --bg:#e6ebe3; --bg2:#dfe5db; --bg3:#d5ddd0; --bg4:#c9d2c3; --tx:#1e241c; --tx2:#333d30; --tx3:#5f6b5a; --tx4:#828d7c; --card:rgba(242,246,240,.98); --bdr:rgba(122,90,24,.26); --bdrH:rgba(122,90,24,.82); --gA:#7a5a18; --gB:#a6812e; --gC:#c9a84c; --gD:#e8c766; --pA:#5a6068; --pB:#8892a0; --pC:#c2cad4; } body.iqra-theme-sage-mist .nav { background:#e6ebe3 !important; } body.iqra-theme-sage-mist:not(.day) { --bg:#0f140d; --bg2:#161c12; --bg3:#1d2418; --bg4:#242c1e; --tx:#eef2ea; --tx2:#d2dcc8; --tx3:#a0aa94; --tx4:#7c866e; --card:rgba(22,28,18,.97); --bdr:rgba(255,223,122,.5); --bdrH:#FFDF7A; --gA:#7a5a18; --gB:#c9a84c; --gC:#f5d980; --gD:#ffe9a0; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-sage-mist:not(.day) .nav { background:#0f140d !important; } /* ════════ DOVE — cool pale blue-grey / warm-dark night ════════ */ body.iqra-theme-dove { --bg:#e5e9ed; --bg2:#dde2e8; --bg3:#d2d9e0; --bg4:#c4cdd6; --tx:#1c2026; --tx2:#30363e; --tx3:#5c6570; --tx4:#7e8894; --card:rgba(242,245,248,.98); --bdr:rgba(122,90,24,.26); --bdrH:rgba(122,90,24,.82); --gA:#7a5a18; --gB:#a6812e; --gC:#c9a84c; --gD:#e8c766; --pA:#5a6068; --pB:#8892a0; --pC:#c2cad4; } body.iqra-theme-dove .nav { background:#e5e9ed !important; } body.iqra-theme-dove:not(.day) { --bg:#0d0f13; --bg2:#14161b; --bg3:#1a1c22; --bg4:#20222a; --tx:#eef0f3; --tx2:#d4d8de; --tx3:#9aa2ac; --tx4:#767e8a; --card:rgba(20,22,28,.97); --bdr:rgba(255,223,122,.5); --bdrH:#FFDF7A; --gA:#7a5a18; --gB:#c9a84c; --gC:#f5d980; --gD:#ffe9a0; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-dove:not(.day) .nav { background:#0d0f13 !important; } /* ════════ ESPRESSO — warm dark brown, gold glows ════════ */ body.iqra-theme-espresso { --bg:#1e1610; --bg2:#261c14; --bg3:#2e2218; --bg4:#38291d; --tx:#f3ebdd; --tx2:#e2d4bc; --tx3:#b3a284; --tx4:#8c7c60; --card:rgba(38,28,20,.97); --bdr:rgba(216,180,90,.4); --bdrH:#e0c060; --gA:#8a6a1e; --gB:#d8b45a; --gC:#f5e08a; --gD:#fff2c4; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-espresso .nav { background:#1e1610 !important; } body.iqra-theme-espresso:not(.day) { --bg:#140e08; --bg2:#1a130b; --bg3:#221810; --bg4:#2a1e14; --tx:#f5efe0; --tx2:#e6d8bc; --tx3:#b0a080; --tx4:#8a7a58; --card:rgba(26,19,11,.97); --bdr:rgba(245,224,138,.45); --bdrH:#f5e08a; --gA:#8a6a1e; --gB:#e0c060; --gC:#f5e08a; --gD:#fff2c4; --pA:#5a6068; --pB:#c0c8d0; --pC:#eef0f3; } body.iqra-theme-espresso:not(.day) .nav { background:#140e08 !important; } /* ════════ ELECTRIC WHITE — stark white on black (monochrome) ════════ */ body.iqra-theme-electric-white { --bg:#0a0a0a; --bg2:#111111; --bg3:#181818; --bg4:#202020; --tx:#ffffff; --tx2:#e8e8e8; --tx3:#a8a8a8; --tx4:#7a7a7a; --card:rgba(16,16,16,.97); --bdr:rgba(255,255,255,.35); --bdrH:#ffffff; --gA:#c8c8c8; --gB:#ffffff; --gC:#ffffff; --gD:#ffffff; --pA:#8a8a8a; --pB:#d0d0d0; --pC:#ffffff; } body.iqra-theme-electric-white .nav { background:#0a0a0a !important; } body.iqra-theme-electric-white:not(.day) { --bg:#000000; --bg2:#080808; --bg3:#101010; --bg4:#181818; --tx:#ffffff; --tx2:#f0f0f0; --tx3:#b0b0b0; --tx4:#808080; --card:rgba(8,8,8,.97); --bdr:rgba(255,255,255,.4); --bdrH:#ffffff; --gA:#d8d8d8; --gB:#ffffff; --gC:#ffffff; --gD:#ffffff; --pA:#8a8a8a; --pB:#d0d0d0; --pC:#ffffff; } body.iqra-theme-electric-white:not(.day) .nav { background:#000000 !important; } /* ════════ ELECTRIC WHITE — extra glow (all elements, day + night) ════════ */ /* READ · HEAL · LEAD — brighter ignite on hover */ body.iqra-theme-electric-white .page-hero .iqHeroRay:hover { filter: brightness(1.6) !important; text-shadow: 0 0 12px rgba(255,255,255,.95), 0 0 30px rgba(255,255,255,.7), 0 0 60px rgba(255,255,255,.45) !important; } /* "Words that heal." — stronger lingering glow + brighter hover */ body.iqra-theme-electric-white .page-hero h1.gT.sweep { text-shadow: 0 0 10px rgba(255,255,255,.55), 0 0 26px rgba(255,255,255,.3) !important; } body.iqra-theme-electric-white .page-hero h1.gT.sweep:hover { filter: brightness(1.5) !important; text-shadow: 0 0 16px rgba(255,255,255,.95), 0 0 40px rgba(255,255,255,.65), 0 0 70px rgba(255,255,255,.4) !important; } /* "Stories that lead." — searchlight flare, brighter */ body.iqra-theme-electric-white .page-hero h2.pT.sweep:hover { filter: brightness(1.7) !important; text-shadow: 0 0 14px rgba(255,255,255,.9), 0 0 34px rgba(255,255,255,.6) !important; } /* Quote strip — brighter white shimmer */ body.iqra-theme-electric-white .iqQuote { text-shadow: 0 0 8px rgba(255,255,255,.4) !important; } body.iqra-theme-electric-white .iqQuote:hover { filter: brightness(1.5) !important; text-shadow: 0 0 16px rgba(255,255,255,.9), 0 0 38px rgba(255,255,255,.55) !important; } /* Primary button — bigger white glow ring, brighter on hover */ body.iqra-theme-electric-white .bG { box-shadow: 0 6px 26px rgba(255,255,255,.35), 0 2px 10px rgba(0,0,0,.5) !important; } body.iqra-theme-electric-white .bG:hover { box-shadow: 0 14px 46px rgba(255,255,255,.6), 0 0 30px rgba(255,255,255,.4), 0 6px 16px rgba(0,0,0,.6) !important; transform: translateY(-4px) !important; } /* Outline button — glowing white edge on hover */ body.iqra-theme-electric-white .bO:hover { box-shadow: 0 0 22px rgba(255,255,255,.5), 0 8px 24px rgba(255,255,255,.3) !important; transform: translateY(-3px) !important; } /* ════════ ELECTRIC WHITE — Share-your-voice button + caption go monochrome ════════ */ /* The button: silver→white instead of gold */ body.iqra-theme-electric-white .iqSV-btn { background: linear-gradient(130deg,#d0d0d0,#ffffff,#d0d0d0) !important; color: #14161b !important; box-shadow: 0 6px 26px rgba(255,255,255,.35), 0 2px 10px rgba(0,0,0,.5) !important; } body.iqra-theme-electric-white .iqSV-btn::before { background: linear-gradient(130deg,#ffffff,#e8e8e8,#ffffff) !important; } body.iqra-theme-electric-white .iqSV-btn:hover { box-shadow: 0 14px 44px rgba(255,255,255,.6), 0 0 30px rgba(255,255,255,.4), 0 6px 16px rgba(0,0,0,.6) !important; } /* The caption "Tap above to share your thoughts": gold → white */ body.iqra-theme-electric-white .iqSV-caption { background: none !important; -webkit-text-fill-color: #ffffff !important; color: #ffffff !important; text-shadow: 0 0 8px rgba(255,255,255,.4) !important; } /* ════════ PURE WHITE · SILVER & GOLD — silver-led on white (gold accent) ════════ */ body.iqra-theme-pw-silver-gold { --bg:#ffffff; --bg2:#ffffff; --bg3:#ffffff; --bg4:#ffffff; --card:#ffffff; --tx:#1a1a1e; --tx2:#2a2a2e; --tx3:#6a6a70; --tx4:#9a9aa0; --bdr:rgba(63,69,77,.28); --bdrH:rgba(63,69,77,.85); --gA:#2f353d; --gB:#5c6570; --gC:#8892a0; --gD:#c2cad4; --pA:#6e5214; --pB:#a6812e; --pC:#c9a84c; } body.iqra-theme-pw-silver-gold .nav { background:rgba(255,255,255,.96) !important; } body.iqra-theme-pw-silver-gold:not(.day) { --bg:#0e0f13; --bg2:#14161b; --bg3:#1a1c22; --bg4:#20222a; --card:rgba(20,22,28,.97); --tx:#ffffff; --tx2:#d8dde3; --tx3:#9aa2ac; --tx4:#7c828c; --bdr:rgba(192,200,208,.5); --bdrH:#dfe6ee; --gA:#5a6068; --gB:#c0c8d0; --gC:#eef0f3; --gD:#ffffff; --pA:#7a5a18; --pB:#c9a84c; --pC:#f5d980; } body.iqra-theme-pw-silver-gold:not(.day) .nav { background:#0e0f13 !important; } /* ════════ PURE WHITE · BLACK + OUTLINE — monochrome black on white ════════ */ body.iqra-theme-pw-black-outline { --bg:#ffffff; --bg2:#ffffff; --bg3:#ffffff; --bg4:#ffffff; --card:#ffffff; --tx:#111111; --tx2:#222222; --tx3:#666666; --tx4:#999999; --bdr:rgba(17,17,17,.3); --bdrH:#111111; --gA:#000000; --gB:#111111; --gC:#333333; --gD:#555555; --pA:#333333; --pB:#666666; --pC:#999999; } body.iqra-theme-pw-black-outline .nav { background:rgba(255,255,255,.96) !important; } body.iqra-theme-pw-black-outline .bG { background:#111111 !important; color:#ffffff !important; box-shadow:0 6px 22px rgba(0,0,0,.25) !important; } body.iqra-theme-pw-black-outline .bO { border-color:#111111 !important; color:#111111 !important; } body.iqra-theme-pw-black-outline:not(.day) { --bg:#0a0a0a; --bg2:#111111; --bg3:#181818; --bg4:#202020; --card:rgba(16,16,16,.97); --tx:#ffffff; --tx2:#e8e8e8; --tx3:#a8a8a8; --tx4:#7a7a7a; --bdr:rgba(255,255,255,.35); --bdrH:#ffffff; --gA:#c8c8c8; --gB:#ffffff; --gC:#ffffff; --gD:#ffffff; --pA:#8a8a8a; --pB:#d0d0d0; --pC:#ffffff; } body.iqra-theme-pw-black-outline:not(.day) .nav { background:#0a0a0a !important; } body.iqra-theme-pw-black-outline:not(.day) .bG { background:#ffffff !important; color:#000000 !important; box-shadow:0 6px 22px rgba(255,255,255,.3) !important; } body.iqra-theme-pw-black-outline:not(.day) .bO { border-color:#ffffff !important; color:#ffffff !important; } /* ════════ BLACK · SILVER-LED + GOLD SPARK — bright silver on black, gold accent ════════ */ body.iqra-theme-black-silver-gold { --bg:#000000; --bg2:#080808; --bg3:#101010; --bg4:#181818; --card:rgba(10,10,10,.97); --tx:#ffffff; --tx2:#e0e4ea; --tx3:#a0a6b0; --tx4:#787e88; --bdr:rgba(192,200,208,.4); --bdrH:#dfe6ee; --gA:#5a6068; --gB:#c0c8d0; --gC:#eef0f3; --gD:#ffffff; --pA:#7a5a18; --pB:#c9a84c; --pC:#f5d980; } body.iqra-theme-black-silver-gold .nav { background:#000000 !important; } body.iqra-theme-black-silver-gold:not(.day) { --bg:#000000; --bg2:#060606; --bg3:#0e0e0e; --bg4:#161616; --card:rgba(8,8,8,.97); --tx:#ffffff; --tx2:#e6eaf0; --tx3:#a8aeb8; --tx4:#7e848e; --bdr:rgba(208,216,224,.45); --bdrH:#eef2f6; --gA:#5a6068; --gB:#c0c8d0; --gC:#eef0f3; --gD:#ffffff; --pA:#7a5a18; --pB:#c9a84c; --pC:#f5d980; } body.iqra-theme-black-silver-gold:not(.day) .nav { background:#000000 !important; } /* ════════ METAL-MIX TRIO — final corrections (one clean block) ════════ */ @keyframes iqSGsweep { 0%{background-position:0% 50%} 100%{background-position:200% 50%} } /* PW · Silver & Gold — silver primary (bright), gold secondary, both sweep */ body.iqra-theme-pw-silver-gold .bG { background: linear-gradient(110deg,#9aa0aa,#d8dce2,#ffffff 48%,#d8dce2,#9aa0aa) !important; background-size: 220% auto !important; color: #1a1c22 !important; border: none !important; animation: iqSGsweep 6s linear infinite !important; box-shadow: 0 6px 22px rgba(150,160,180,.4), 0 2px 8px rgba(0,0,0,.15) !important; } body.iqra-theme-pw-silver-gold .bG::before { display: none !important; } body.iqra-theme-pw-silver-gold .bG span { color: #1a1c22 !important; position: relative; z-index: 2; } body.iqra-theme-pw-silver-gold .bO { background: linear-gradient(110deg,#8a6a1e,#c9a84c,#f5e08a 48%,#c9a84c,#8a6a1e) !important; background-size: 220% auto !important; border: none !important; color: #2a1c08 !important; animation: iqSGsweep 6.6s linear infinite !important; box-shadow: 0 6px 22px rgba(201,168,76,.35), 0 2px 8px rgba(0,0,0,.18) !important; } body.iqra-theme-pw-silver-gold .bG:hover, body.iqra-theme-pw-silver-gold .bO:hover { animation-duration: 2.5s !important; transform: translateY(-4px) !important; } /* PW · Black + Outline — gold glow kept, readable active pill */ body.iqra-theme-pw-black-outline .page-hero .iqHeroRay:hover { text-shadow: 0 0 14px rgba(201,168,76,.55), 0 0 34px rgba(201,168,76,.35) !important; } body.iqra-theme-pw-black-outline .ftab.fa { background:#111111 !important; color:#ffffff !important; } body.iqra-theme-pw-black-outline:not(.day) .ftab.fa { background:#ffffff !important; color:#000000 !important; } /* Black · Silver-led — silver glow ring (not gold) */ body.iqra-theme-black-silver-gold .bG { box-shadow: 0 6px 24px rgba(200,210,224,.4), 0 2px 8px rgba(0,0,0,.6) !important; } body.iqra-theme-black-silver-gold .bG:hover { box-shadow: 0 14px 40px rgba(210,220,234,.55), 0 0 26px rgba(210,220,234,.4) !important; } /* ── PW · Silver & Gold: active filter pill = silver (day too, not dark) ── */ body.iqra-theme-pw-silver-gold .ftab.fa { background: linear-gradient(130deg,#b8bcc4,#e8ebf0,#ffffff,#e8ebf0,#b8bcc4) !important; color: #1a1c22 !important; } /* ── Black · Silver-led + Gold Spark: GOLD outline rim + silver sweep ── */ @keyframes iqBSGsweep { 0%{background-position:0% 50%} 100%{background-position:200% 50%} } /* silver fill button: add the gliding sweep */ body.iqra-theme-black-silver-gold .bG { background: linear-gradient(110deg,#8a8a94,#cfcfd8,#ffffff 48%,#cfcfd8,#8a8a94) !important; background-size: 220% auto !important; animation: iqBSGsweep 6s linear infinite !important; color: #14161b !important; } body.iqra-theme-black-silver-gold .bG:hover { animation-duration: 2.5s !important; transform: translateY(-4px) !important; } /* outline button: GOLD rim + gold text (the spark), was silver */ body.iqra-theme-black-silver-gold .bO { border: 1.5px solid #c9a84c !important; color: #e8c766 !important; } body.iqra-theme-black-silver-gold .bO:hover { background: rgba(201,168,76,.12) !important; box-shadow: 0 8px 24px rgba(201,168,76,.35), 0 0 18px rgba(201,168,76,.25) !important; transform: translateY(-3px) !important; } /* ═══════════════════════════════════════════════════════════ NEON WILD-CARDS (7) — Group D — flash-sale themes Dark in both modes (neon only glows on near-black); night a touch deeper. The neon BECOMES every metal — gold tokens --gA..--gD AND silver tokens --pA..--pC all follow the neon. No gold left. ═══════════════════════════════════════════════════════════ */ /* ──────── 1. ELECTRIC YELLOW ──────── */ body.iqra-theme-electric-yellow { --bg:#0e0e08; --bg2:#131309; --bg3:#17170c; --bg4:#1c1c10; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(245,255,47,.28); --bdrH:#f5ff2f; --gA:#6f7814; --gB:#f5ff2f; --gC:#f9ff7d; --gD:#fdffc4; --pA:#8a9020; --pB:#f5ff2f; --pC:#f9ffa0; } body.iqra-theme-electric-yellow .nav { background:#0e0e08 !important; } body.iqra-theme-electric-yellow:not(.day) { --bg:#070704; --bg2:#0b0b06; --bg3:#0f0f08; --bg4:#14140b; } body.iqra-theme-electric-yellow:not(.day) .nav { background:#070704 !important; } /* ──────── 2. HOT MAGENTA ──────── */ body.iqra-theme-hot-magenta { --bg:#0a0a12; --bg2:#0e0d17; --bg3:#12101c; --bg4:#171320; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(255,47,208,.28); --bdrH:#ff2fd0; --gA:#7a1466; --gB:#ff2fd0; --gC:#ff7de0; --gD:#ffc0f0; --pA:#90208a; --pB:#ff2fd0; --pC:#ff9fe8; } body.iqra-theme-hot-magenta .nav { background:#0a0a12 !important; } body.iqra-theme-hot-magenta:not(.day) { --bg:#060610; --bg2:#0a0914; --bg3:#0d0b18; --bg4:#11101d; } body.iqra-theme-hot-magenta:not(.day) .nav { background:#060610 !important; } /* ──────── 3. CYBER CYAN ──────── */ body.iqra-theme-cyber-cyan { --bg:#04101a; --bg2:#061620; --bg3:#081b28; --bg4:#0a2130; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(31,240,255,.28); --bdrH:#1ff0ff; --gA:#0d6f78; --gB:#1ff0ff; --gC:#7df6ff; --gD:#c0fbff; --pA:#148a92; --pB:#1ff0ff; --pC:#9ff8ff; } body.iqra-theme-cyber-cyan .nav { background:#04101a !important; } body.iqra-theme-cyber-cyan:not(.day) { --bg:#020b13; --bg2:#041018; --bg3:#06141e; --bg4:#081924; } body.iqra-theme-cyber-cyan:not(.day) .nav { background:#020b13 !important; } /* ──────── 4. ACID LIME ──────── */ body.iqra-theme-acid-lime { --bg:#0c1206; --bg2:#0f1709; --bg3:#121b0c; --bg4:#16200f; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(182,255,47,.28); --bdrH:#b6ff2f; --gA:#567814; --gB:#b6ff2f; --gC:#cfff7d; --gD:#e6ffc0; --pA:#6a9020; --pB:#b6ff2f; --pC:#d0ffa0; } body.iqra-theme-acid-lime .nav { background:#0c1206 !important; } body.iqra-theme-acid-lime:not(.day) { --bg:#070c04; --bg2:#0a1006; --bg3:#0d1408; --bg4:#10190b; } body.iqra-theme-acid-lime:not(.day) .nav { background:#070c04 !important; } /* ──────── 5. VOLT PURPLE ──────── */ body.iqra-theme-volt-purple { --bg:#0d0618; --bg2:#110a1f; --bg3:#150d26; --bg4:#1a112e; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(162,75,255,.28); --bdrH:#a24bff; --gA:#4e2080; --gB:#a24bff; --gC:#c48dff; --gD:#e0c4ff; --pA:#6a30a0; --pB:#a24bff; --pC:#cba0ff; } body.iqra-theme-volt-purple .nav { background:#0d0618 !important; } body.iqra-theme-volt-purple:not(.day) { --bg:#080311; --bg2:#0c0617; --bg3:#0f091d; --bg4:#130c24; } body.iqra-theme-volt-purple:not(.day) .nav { background:#080311 !important; } /* ──────── 6. SUNSET NEON ──────── */ body.iqra-theme-sunset-neon { --bg:#150a04; --bg2:#1b0e06; --bg3:#211208; --bg4:#28160a; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(255,106,31,.28); --bdrH:#ff6a1f; --gA:#7a2f0d; --gB:#ff6a1f; --gC:#ff9d6a; --gD:#ffc9a8; --pA:#9a4018; --pB:#ff6a1f; --pC:#ffb088; } body.iqra-theme-sunset-neon .nav { background:#150a04 !important; } body.iqra-theme-sunset-neon:not(.day) { --bg:#0d0603; --bg2:#130904; --bg3:#180c06; --bg4:#1e0f08; } body.iqra-theme-sunset-neon:not(.day) .nav { background:#0d0603 !important; } /* ──────── 7. LASER BLUE ──────── */ body.iqra-theme-laser-blue { --bg:#03081a; --bg2:#050b22; --bg3:#070f2a; --bg4:#0a1332; --tx:#f7f7f2; --tx2:#e6e6dd; --tx3:#b4b4a8; --tx4:#86867c; --card:rgba(255,255,255,.045); --bdr:rgba(61,123,255,.28); --bdrH:#3d7bff; --gA:#1a3a80; --gB:#3d7bff; --gC:#85acff; --gD:#c0d5ff; --pA:#244a9a; --pB:#3d7bff; --pC:#9fbcff; } body.iqra-theme-laser-blue .nav { background:#03081a !important; } body.iqra-theme-laser-blue:not(.day) { --bg:#020514; --bg2:#04081a; --bg3:#060b20; --bg4:#080e28; } body.iqra-theme-laser-blue:not(.day) .nav { background:#020514 !important; } /* ──────── SHARED NEON GLOW + BUTTONS (all 7 at once) ──────── */ :is(body.iqra-theme-electric-yellow, body.iqra-theme-hot-magenta, body.iqra-theme-cyber-cyan, body.iqra-theme-acid-lime, body.iqra-theme-volt-purple, body.iqra-theme-sunset-neon, body.iqra-theme-laser-blue) :is(.page-hero .iqHeroRay, h1.gT.sweep, h2.pT.sweep, .iqQuote) { text-shadow:0 0 7px var(--gB), 0 0 20px var(--gB); } :is(body.iqra-theme-electric-yellow, body.iqra-theme-hot-magenta, body.iqra-theme-cyber-cyan, body.iqra-theme-acid-lime, body.iqra-theme-volt-purple, body.iqra-theme-sunset-neon, body.iqra-theme-laser-blue) .bG { background:var(--gB) !important; color:#0a0a0a !important; border-color:var(--gB) !important; box-shadow:0 0 16px var(--gB); } :is(body.iqra-theme-electric-yellow, body.iqra-theme-hot-magenta, body.iqra-theme-cyber-cyan, body.iqra-theme-acid-lime, body.iqra-theme-volt-purple, body.iqra-theme-sunset-neon, body.iqra-theme-laser-blue) .bG::before { display:none !important; } :is(body.iqra-theme-electric-yellow, body.iqra-theme-hot-magenta, body.iqra-theme-cyber-cyan, body.iqra-theme-acid-lime, body.iqra-theme-volt-purple, body.iqra-theme-sunset-neon, body.iqra-theme-laser-blue) .bG:hover { transform:translateY(-4px); filter:brightness(1.12); box-shadow:0 0 26px var(--gB); } :is(body.iqra-theme-electric-yellow, body.iqra-theme-hot-magenta, body.iqra-theme-cyber-cyan, body.iqra-theme-acid-lime, body.iqra-theme-volt-purple, body.iqra-theme-sunset-neon, body.iqra-theme-laser-blue) .bO { background:#000 !important; color:var(--gB) !important; border:1.5px solid var(--gB) !important; text-shadow:0 0 5px var(--gB); box-shadow:0 0 12px var(--gB); } :is(body.iqra-theme-electric-yellow, body.iqra-theme-hot-magenta, body.iqra-theme-cyber-cyan, body.iqra-theme-acid-lime, body.iqra-theme-volt-purple, body.iqra-theme-sunset-neon, body.iqra-theme-laser-blue) .bO:hover { transform:translateY(-4px); box-shadow:0 0 22px var(--gB); } /* ═══════════ END NEON WILD-CARDS ═══════════ */