.diora-tip-qr-wrap{max-width:760px;margin:30px auto;padding:0 16px;color:#fff} .diora-tip-qr-card{border:1px solid rgba(214,182,121,.35);border-radius:32px;background:linear-gradient(145deg,rgba(24,24,24,.92),rgba(8,8,8,.94));box-shadow:0 24px 80px rgba(0,0,0,.45);padding:30px} .diora-tip-qr-kicker{display:inline-flex;border:1px solid rgba(214,182,121,.38);border-radius:999px;padding:9px 18px;color:#d6b679;letter-spacing:.22em;font-weight:700;margin-bottom:18px} .diora-tip-qr-card h2{font-size:38px;line-height:1.05;margin:0 0 12px;color:#fff} .diora-tip-qr-muted{color:rgba(255,255,255,.68);font-size:17px;margin-bottom:22px} .diora-tip-qr-card label{display:block;margin:18px 0 8px;color:#f1d28c;font-weight:700} .diora-tip-qr-card input,.diora-tip-qr-card select{width:100%;box-sizing:border-box;border:1px solid rgba(214,182,121,.28);border-radius:20px;background:rgba(255,255,255,.055);color:#fff;padding:15px 17px;font-size:17px} .diora-tip-qr-card option{color:#111} .diora-tip-qr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px} .diora-tip-qr-actions button,.diora-tip-qr-result button,.diora-tip-email-box button{border:1px solid rgba(214,182,121,.38);border-radius:22px;background:linear-gradient(180deg,#d6b679,#9d7d39);color:#070707;font-weight:900;padding:15px 20px;font-size:16px} .diora-tip-qr-result{margin-top:28px;border-top:1px solid rgba(214,182,121,.18);padding-top:24px} .diora-tip-qr-result h3{font-size:26px;margin:0 0 15px;color:#fff} .diora-tip-qr-result img{display:block;width:260px;max-width:100%;height:auto;background:#fff;border-radius:18px;padding:12px;margin:0 0 16px} #dtq-link-output{font-size:14px;color:#fff} .diora-tip-email-box{margin-top:22px;padding-top:18px;border-top:1px solid rgba(214,182,121,.18)} #dtq-email-status{margin-top:12px;color:#f1d28c} @media(max-width:520px){.diora-tip-qr-card{padding:22px;border-radius:26px}.diora-tip-qr-card h2{font-size:31px}.diora-tip-qr-actions button{width:100%}} .diora-tip-qr-status{margin:18px 0 4px;padding:13px 15px;border-radius:18px;border:1px solid rgba(214,182,121,.22);background:rgba(214,182,121,.07);color:#f5d48d;font-weight:700;line-height:1.4} .diora-tip-qr-status.ok{border-color:rgba(56,211,116,.36);background:rgba(56,211,116,.09);color:#9ff0b9} .diora-tip-qr-status.error{border-color:rgba(255,88,88,.38);background:rgba(255,88,88,.09);color:#ffd0d0} .diora-tip-qr-status.checking{color:#d6b679} .diora-tip-qr-status a{color:#ffd982;text-decoration:underline;font-weight:900} /* v1.2 spacing and single Create Tip button */ .diora-tip-qr-card label{ margin-top:24px!important; margin-bottom:10px!important; } .diora-tip-qr-card input, .diora-tip-qr-card select{ margin-bottom:8px!important; } .diora-tip-qr-actions{ margin-top:30px!important; } .diora-tip-qr-actions button{ width:100%!important; } .diora-tip-qr-result{ margin-top:34px!important; } .diora-tip-email-box{ margin-top:28px!important; } #dtq-copy-link, #dtq-send-email{ margin-top:12px!important; } /* v1.3 separate QR/link landing page */ .diora-tip-landing-wrap{max-width:760px;margin:30px auto;padding:0 16px;color:#fff} .diora-tip-landing-card{border:1px solid rgba(214,182,121,.35);border-radius:32px;background:linear-gradient(145deg,rgba(24,24,24,.92),rgba(8,8,8,.94));box-shadow:0 24px 80px rgba(0,0,0,.45);padding:30px} .diora-tip-landing-card h2{font-size:38px;line-height:1.05;margin:0 0 12px;color:#fff} .diora-tip-landing-detail{border:1px solid rgba(214,182,121,.24);border-radius:22px;background:rgba(255,255,255,.045);padding:16px;margin:16px 0} .diora-tip-landing-detail span{display:block;color:#d6b679;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px} .diora-tip-landing-detail strong{display:block;color:#fff;font-size:18px;overflow-wrap:anywhere} .diora-tip-landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} .diora-tip-main-pay,.diora-tip-external-toggle,.diora-tip-walletconnect-disabled,.diora-tip-manual-toggle{display:block;width:100%;box-sizing:border-box;text-align:center;border:1px solid rgba(214,182,121,.38)!important;border-radius:24px!important;padding:16px 20px!important;margin-top:14px!important;font-weight:900!important;font-size:16px!important;text-decoration:none!important} .diora-tip-main-pay{background:linear-gradient(180deg,#d6b679,#9d7d39)!important;color:#050505!important} .diora-tip-external-toggle,.diora-tip-walletconnect-disabled,.diora-tip-manual-toggle{background:rgba(214,182,121,.08)!important;color:#f3d58f!important} .diora-tip-walletconnect-disabled{opacity:.58} .diora-tip-external-panel{margin-top:14px} .diora-tip-manual-panel{border:1px solid rgba(214,182,121,.18);border-radius:20px;padding:14px;margin-top:12px;background:rgba(0,0,0,.18)} .diora-tip-manual-panel label{display:block;color:#d6b679;font-weight:800;margin:12px 0 7px} .diora-tip-copy-row{display:flex;gap:8px;align-items:center} .diora-tip-copy-row input{flex:1;min-width:0;border:1px solid rgba(214,182,121,.25);border-radius:16px;background:rgba(255,255,255,.055);color:#fff;padding:12px} .diora-tip-copy-row button{flex:0 0 auto;border-radius:14px!important;padding:11px 13px!important;background:#d6b679!important;color:#050505!important;font-weight:900!important} .diora-tip-small-note{color:rgba(255,255,255,.62);font-size:13px;line-height:1.4;margin:9px 2px} @media(max-width:520px){.diora-tip-landing-card{padding:22px;border-radius:26px}.diora-tip-landing-card h2{font-size:31px}.diora-tip-landing-grid{grid-template-columns:1fr}} /* v1.4 saved receivers + direct pay landing */ .dtq-receiver-tools{ display:grid; grid-template-columns:1fr; gap:10px; margin-top:12px; } .dtq-remember-row{ display:flex!important; align-items:center; gap:9px; margin:0!important; color:#f1d28c!important; font-weight:800!important; } .dtq-remember-row input{ width:auto!important; margin:0!important; } #dtq-saved-receivers, #dtq-delete-receiver{ width:100%; } #dtq-delete-receiver{ border:1px solid rgba(214,182,121,.28)!important; border-radius:18px!important; background:rgba(214,182,121,.06)!important; color:#f3d58f!important; padding:12px 14px!important; font-weight:900!important; } button.diora-tip-main-pay{ cursor:pointer; } #dtq-pay-tip-now{ background:rgba(214,182,121,.08)!important; color:#f3d58f!important; } .diora-tip-walletconnect-live, .diora-tip-show-external-qr{ display:block;width:100%;box-sizing:border-box;text-align:center;border:1px solid rgba(214,182,121,.38)!important;border-radius:24px!important;padding:16px 20px!important;margin-top:14px!important;font-weight:900!important;font-size:16px!important;text-decoration:none!important;background:rgba(214,182,121,.08)!important;color:#f3d58f!important; } .diora-tip-external-qr img{ display:block; width:260px; max-width:100%; height:auto; background:#fff; border-radius:18px; padding:12px; margin:14px 0; } .dtq-landing-label{display:block;color:#d6b679;font-weight:900;margin:18px 0 8px} .dtq-landing-select,.dtq-landing-input{width:100%;box-sizing:border-box;border:1px solid rgba(214,182,121,.28);border-radius:22px;background:rgba(255,255,255,.045);color:#fff;padding:16px;font-size:18px} .dtq-land-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 12px} .dtq-land-presets button{border:1px solid rgba(214,182,121,.28)!important;border-radius:18px!important;background:rgba(255,255,255,.045)!important;color:#fff!important;padding:13px 8px!important;font-weight:900!important} .dtq-land-presets button.active{background:rgba(214,182,121,.22)!important;color:#ffd982!important} .dtq-land-fee{border:1px solid rgba(214,182,121,.2);border-radius:20px;background:rgba(214,182,121,.06);color:rgba(255,255,255,.78);padding:14px 16px;margin:16px 0;line-height:1.45} @media(max-width:520px){.dtq-land-presets{grid-template-columns:repeat(3,1fr)}} /* v2.2.0 — Create Tip flow: pay button only after QR/link, centered QR, premium external wallet modal */ #dtq-pay-tip-now.dtq-pay-tip-after-create{display:block;width:100%;min-height:64px;margin:16px 0 0;border-radius:999px!important;border:1px solid rgba(214,182,121,.55)!important;background:linear-gradient(135deg,rgba(214,182,121,.18),rgba(255,230,160,.07),rgba(214,182,121,.16))!important;color:#f7d98c!important;font-weight:950!important;padding:17px 22px!important;text-align:center!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 18px rgba(214,182,121,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;animation:dtqPayTipGlow 2.4s ease-in-out infinite alternate!important}#dtq-pay-tip-now.dtq-pay-tip-after-create:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,244,205,.35),transparent);transform:skewX(-20deg);animation:dtqPayTipShimmer 2.8s ease-in-out infinite}@keyframes dtqPayTipGlow{from{box-shadow:0 0 12px rgba(214,182,121,.22),inset 0 1px 0 rgba(255,255,255,.08)}to{box-shadow:0 0 28px rgba(255,220,135,.62),0 0 54px rgba(214,182,121,.18),inset 0 1px 0 rgba(255,255,255,.16)}}@keyframes dtqPayTipShimmer{0%{left:-60%}55%{left:130%}100%{left:130%}} .diora-tip-qr-result{text-align:center!important} .diora-tip-qr-result h3{text-align:center!important} #dtq-qr-img{display:block!important;margin:14px auto 18px!important;max-width:min(420px,100%)!important;height:auto!important} #dtq-link-output{display:block!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important} #dtq-copy-link,#dtq-send-email{display:block!important;margin-left:auto!important;margin-right:auto!important} .dtq-premium-modal{position:fixed;inset:0;z-index:9999999;display:none;font-family:inherit} .dtq-premium-modal.open{display:block} .dtq-premium-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)} .dtq-premium-sheet{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);width:min(94vw,540px);max-height:88vh;overflow:auto;border:1px solid rgba(214,182,121,.34);border-radius:34px;background:radial-gradient(circle at 50% 0%,rgba(214,182,121,.20),rgba(12,10,7,.96) 36%,rgba(2,2,2,.98));box-shadow:0 26px 90px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.10);padding:18px;color:#fff;-webkit-overflow-scrolling:touch} .dtq-premium-handle{width:48px;height:5px;border-radius:99px;background:rgba(255,255,255,.22);margin:0 auto 16px} .dtq-premium-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px} .dtq-premium-kicker{color:#d6b679;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase} .dtq-premium-head h3{font-size:31px;line-height:1;margin:8px 0;color:#fff;font-weight:900} .dtq-premium-head p{margin:0;color:rgba(255,255,255,.68);font-size:14px;line-height:1.35} .dtq-premium-close{width:42px;height:42px;border-radius:50%!important;border:1px solid rgba(214,182,121,.30)!important;background:rgba(214,182,121,.10)!important;color:#f4d58d!important;font-size:28px!important;line-height:1!important;padding:0!important} .dtq-premium-wallets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 14px} .dtq-premium-wallets button{min-height:82px;border:1px solid rgba(214,182,121,.30)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;color:#fff!important;text-align:left!important;padding:14px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important} .dtq-premium-wallets button span{width:50px;height:50px;border-radius:0;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;vertical-align:middle;background:transparent!important;box-shadow:none!important;border:none!important} .dtq-premium-wallets button img{width:48px;height:48px;object-fit:contain;display:block;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important} .dtq-premium-wallets b{font-size:17px;vertical-align:middle;color:#fff} .dtq-premium-wallets em{display:block;margin:8px 0 0 64px;color:#d6b679;font-style:normal;font-size:12px;font-weight:800} .dtq-premium-wc,.dtq-premium-qr-toggle,.dtq-premium-advanced,.dtq-premium-nfc{width:100%;border-radius:999px!important;border:1px solid rgba(214,182,121,.30)!important;background:rgba(214,182,121,.08)!important;color:#f4d58d!important;font-weight:900!important;padding:14px 16px!important;margin:10px 0!important;text-align:center!important} .dtq-premium-nfc{display:flex!important;flex-direction:column;gap:3px;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(214,182,121,.13),rgba(214,182,121,.045))!important} .dtq-premium-nfc small{color:rgba(255,255,255,.58);font-weight:700} .dtq-premium-note{color:rgba(255,255,255,.62);font-size:13px;line-height:1.45;margin:10px 3px;text-align:center} .dtq-premium-qr{text-align:center;margin:15px 0} .dtq-scan-frame{display:inline-block;padding:14px;border-radius:26px;background:linear-gradient(135deg,#f8e1aa,#b78632);box-shadow:0 18px 50px rgba(214,182,121,.20)} .dtq-scan-frame img{display:block;width:min(320px,72vw);height:auto;border-radius:16px;background:#fff;padding:10px} .dtq-premium-qr p{color:rgba(255,255,255,.62)} .dtq-premium-copy label{display:block;color:#d6b679;font-weight:900;margin:14px 0 7px;text-align:left} .dtq-premium-copy div{display:flex;gap:8px;align-items:center} .dtq-premium-copy input{flex:1;min-width:0;border:1px solid rgba(214,182,121,.24)!important;border-radius:16px!important;background:rgba(255,255,255,.055)!important;color:#fff!important;padding:12px!important} .dtq-premium-copy button:not(.dtq-premium-advanced){border-radius:14px!important;background:#d6b679!important;color:#050505!important;font-weight:900!important;padding:10px 13px!important;border:0!important} @media(max-width:560px){.dtq-premium-sheet{bottom:8px;border-radius:30px;padding:16px}.dtq-premium-wallets{grid-template-columns:1fr}.dtq-premium-head h3{font-size:29px}} /* v2.2.2 polish: compact luxury Pay button, clean icons, hide payment URI */ #dtq-pay-tip-now.dtq-pay-tip-after-create{ width:min(100%,360px)!important; min-height:56px!important; margin:16px auto 0!important; border-radius:999px!important; padding:15px 24px!important; background:linear-gradient(135deg,rgba(255,230,160,.20),rgba(214,182,121,.08) 42%,rgba(255,238,190,.16))!important; color:#ffe29b!important; letter-spacing:.01em!important; box-shadow:0 0 16px rgba(214,182,121,.32),0 0 34px rgba(214,182,121,.12),inset 0 1px 0 rgba(255,255,255,.16)!important; } #dtq-pay-tip-now.dtq-pay-tip-after-create:after{ content:"";position:absolute;inset:1px;border-radius:999px;pointer-events:none; background:radial-gradient(circle at 50% 0%,rgba(255,247,215,.22),transparent 55%); } .dtq-premium-wallets button span{ width:64px!important;height:64px!important;margin-right:14px!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important; } .dtq-premium-wallets button img{ width:64px!important;height:64px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important; } .dtq-premium-wallets em{margin-left:78px!important} .dtq-premium-payment-uri-row,.dtq-premium-payment-uri-label{display:none!important} .dtq-premium-advanced{font-size:18px!important} /* v2.2.3 luxury icon + QR polish */ #dtq-pay-tip-now.dtq-pay-tip-after-create{ width:min(100%,320px)!important; min-height:52px!important; margin:16px auto 0!important; padding:13px 24px!important; border-radius:999px!important; position:relative!important; overflow:hidden!important; background: linear-gradient(135deg,rgba(255,235,175,.24),rgba(55,43,24,.50) 45%,rgba(255,226,150,.18))!important; color:#ffe8ad!important; border:1px solid rgba(244,213,141,.42)!important; box-shadow: 0 0 14px rgba(244,213,141,.30), 0 0 34px rgba(244,213,141,.13), inset 0 1px 0 rgba(255,255,255,.18)!important; animation:dtqPayTipLuxuryPulse 2.8s ease-in-out infinite!important; } #dtq-pay-tip-now.dtq-pay-tip-after-create:before{ content:""!important; position:absolute!important; top:-50%!important; left:-35%!important; width:35%!important; height:200%!important; transform:rotate(25deg)!important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)!important; animation:dtqPayTipLuxurySweep 3.4s ease-in-out infinite!important; } #dtq-pay-tip-now.dtq-pay-tip-after-create:after{ content:""!important; position:absolute!important; inset:1px!important; border-radius:999px!important; pointer-events:none!important; background:radial-gradient(circle at 50% 0%,rgba(255,247,215,.20),transparent 58%)!important; } @keyframes dtqPayTipLuxuryPulse{ 0%,100%{box-shadow:0 0 12px rgba(244,213,141,.24),0 0 28px rgba(244,213,141,.10),inset 0 1px 0 rgba(255,255,255,.14)} 50%{box-shadow:0 0 20px rgba(244,213,141,.48),0 0 44px rgba(244,213,141,.18),inset 0 1px 0 rgba(255,255,255,.22)} } @keyframes dtqPayTipLuxurySweep{ 0%{left:-45%;opacity:0} 25%{opacity:.9} 55%{left:115%;opacity:0} 100%{left:115%;opacity:0} } /* Use clean attached icon images only; no extra icon plate or square */ .dtq-premium-wallets button span{ width:58px!important; height:58px!important; min-width:58px!important; margin-right:14px!important; background:transparent!important; border:0!important; box-shadow:none!important; outline:0!important; border-radius:0!important; padding:0!important; } .dtq-premium-wallets button span:before, .dtq-premium-wallets button span:after{ display:none!important; content:none!important; } .dtq-premium-wallets button img{ width:58px!important; height:58px!important; object-fit:contain!important; background:transparent!important; border:0!important; box-shadow:none!important; outline:0!important; border-radius:0!important; padding:0!important; } .dtq-premium-wallets em{margin-left:72px!important} /* Hide Payment URI completely; keep recipient/amount available under Manual */ .dtq-premium-payment-uri-label, .dtq-premium-payment-uri-row{ display:none!important; } .dtq-premium-advanced{ font-size:18px!important; } /* Luxury QR frame/glow */ .dtq-premium-qr{ margin:18px 0 16px!important; } .dtq-scan-frame{ display:inline-block!important; padding:14px!important; border-radius:32px!important; background: linear-gradient(135deg,#fff2bd 0%,#c8962e 28%,#ffe8a0 52%,#a87318 76%,#fff0ba 100%)!important; box-shadow: 0 0 18px rgba(244,213,141,.45), 0 0 46px rgba(244,213,141,.22), inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(60,35,0,.45)!important; position:relative!important; overflow:hidden!important; animation:dtqQrLuxuryGlow 3s ease-in-out infinite!important; } .dtq-scan-frame:before{ content:""!important; position:absolute!important; top:-60%!important; left:-35%!important; width:32%!important; height:220%!important; transform:rotate(25deg)!important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent)!important; animation:dtqQrLuxurySweep 3.8s ease-in-out infinite!important; pointer-events:none!important; z-index:2!important; } .dtq-scan-frame img{ display:block!important; border-radius:22px!important; background:#fff!important; padding:10px!important; position:relative!important; z-index:1!important; box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)!important; } @keyframes dtqQrLuxuryGlow{ 0%,100%{filter:brightness(1);box-shadow:0 0 16px rgba(244,213,141,.38),0 0 40px rgba(244,213,141,.18),inset 0 1px 0 rgba(255,255,255,.50)} 50%{filter:brightness(1.06);box-shadow:0 0 24px rgba(244,213,141,.62),0 0 58px rgba(244,213,141,.28),inset 0 1px 0 rgba(255,255,255,.70)} } @keyframes dtqQrLuxurySweep{ 0%{left:-45%;opacity:0} 22%{opacity:.8} 55%{left:115%;opacity:0} 100%{left:115%;opacity:0} } @media(max-width:520px){ #dtq-pay-tip-now.dtq-pay-tip-after-create{ width:min(100%,300px)!important; min-height:50px!important; } .dtq-premium-wallets button span, .dtq-premium-wallets button img{ width:54px!important; height:54px!important; min-width:54px!important; } .dtq-premium-wallets em{margin-left:68px!important} .dtq-scan-frame{padding:11px!important;border-radius:28px!important} .dtq-scan-frame img{padding:8px!important;border-radius:20px!important} } /* ========================= v2.2.4 FINAL ICON CLEANUP ========================= */ /* remove ALL white frames/backgrounds around wallet icons */ .dtq-premium-wallets button span, .dtq-premium-wallets button img, .dtq-wallet-icon, .dtq-wallet-icon img{ background: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; } .dtq-premium-wallets button img{ border-radius: 18px !important; overflow: hidden !important; display:block !important; } /* luxury animated QR */ .dtq-scan-frame{ position: relative !important; overflow: hidden !important; border-radius: 34px !important; padding: 14px !important; background: linear-gradient( 135deg, #fff4c8 0%, #d4a63a 20%, #fff0b0 38%, #b47a16 58%, #ffefba 78%, #d29d2f 100% ) !important; box-shadow: 0 0 12px rgba(255,215,120,.45), 0 0 30px rgba(255,215,120,.28), 0 0 60px rgba(255,215,120,.18), inset 0 2px 0 rgba(255,255,255,.55), inset 0 -2px 0 rgba(80,40,0,.45) !important; animation: dtqGoldGlow 3s ease-in-out infinite !important; } .dtq-scan-frame::before{ content:""; position:absolute; top:-60%; left:-35%; width:32%; height:220%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.75), transparent ); transform: rotate(24deg); animation: dtqShimmerMove 3.8s infinite; z-index:2; } .dtq-scan-frame::after{ content:""; position:absolute; inset:0; border-radius:34px; pointer-events:none; box-shadow: inset 0 0 22px rgba(255,255,255,.22), inset 0 0 55px rgba(255,220,120,.14); } .dtq-scan-frame img{ position:relative; z-index:1; border-radius:24px !important; background:#fff !important; padding:10px !important; } @keyframes dtqShimmerMove{ 0%{ left:-45%; opacity:0; } 15%{ opacity:1; } 55%{ left:120%; opacity:0; } 100%{ left:120%; opacity:0; } } @keyframes dtqGoldGlow{ 0%,100%{ filter:brightness(1); box-shadow: 0 0 12px rgba(255,215,120,.40), 0 0 30px rgba(255,215,120,.24), 0 0 60px rgba(255,215,120,.14); } 50%{ filter:brightness(1.06); box-shadow: 0 0 20px rgba(255,225,150,.68), 0 0 48px rgba(255,225,150,.38), 0 0 85px rgba(255,225,150,.24); } } /* ========================= v2.2.5 clean transparent icons + stronger luxury QR ========================= */ /* Icons must be the actual image only, no white canvas/plate */ .dtq-premium-wallets button span, .dtq-premium-wallets button span *, .dtq-premium-wallets button img{ background: transparent !important; border: 0 !important; box-shadow: none !important; outline: none !important; padding: 0 !important; } .dtq-premium-wallets button span{ width:64px!important; height:64px!important; min-width:64px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; } .dtq-premium-wallets button img{ width:64px!important; height:64px!important; object-fit:contain!important; border-radius:0!important; mix-blend-mode:normal!important; filter: drop-shadow(0 0 8px rgba(255,210,100,.35)) !important; } /* Strong premium gold QR jewelry frame with animated shimmer */ .dtq-scan-frame{ padding:18px!important; border-radius:38px!important; background: radial-gradient(circle at 18% 12%,rgba(255,255,255,.95),transparent 9%), radial-gradient(circle at 82% 18%,rgba(255,245,185,.95),transparent 8%), radial-gradient(circle at 50% 100%,rgba(255,235,150,.55),transparent 18%), linear-gradient(135deg,#fff7d0 0%,#f0bf4e 12%,#9f650d 25%,#ffe9a2 39%,#bf8420 55%,#fff1b6 70%,#a96d11 84%,#fff4c7 100%)!important; border:1px solid rgba(255,235,160,.80)!important; box-shadow: 0 0 18px rgba(255,220,120,.65), 0 0 42px rgba(255,200,65,.42), 0 0 82px rgba(255,185,35,.22), inset 0 2px 0 rgba(255,255,255,.75), inset 0 -3px 0 rgba(84,45,0,.62)!important; animation:dtqLuxuryQrBreath 2.6s ease-in-out infinite!important; } .dtq-scan-frame:before{ content:""!important; position:absolute!important; top:-70%!important; left:-50%!important; width:38%!important; height:240%!important; transform:rotate(24deg)!important; background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),rgba(255,242,170,.65),transparent)!important; filter:blur(.2px)!important; animation:dtqLuxuryQrShimmer 2.9s ease-in-out infinite!important; z-index:3!important; pointer-events:none!important; } .dtq-scan-frame:after{ content:""!important; position:absolute!important; inset:7px!important; border-radius:30px!important; border:1px solid rgba(255,246,205,.55)!important; box-shadow: inset 0 0 14px rgba(255,255,255,.32), inset 0 0 36px rgba(255,220,120,.16), 0 0 18px rgba(255,220,120,.22)!important; pointer-events:none!important; z-index:2!important; } .dtq-scan-frame img{ border-radius:24px!important; padding:12px!important; background:#fff!important; box-shadow: 0 0 0 1px rgba(80,40,0,.16), inset 0 0 0 1px rgba(255,255,255,.55)!important; } .dtq-premium-qr p{ color:rgba(255,255,255,.68)!important; text-shadow:0 0 12px rgba(255,215,120,.18)!important; } @keyframes dtqLuxuryQrShimmer{ 0%{left:-55%;opacity:0} 16%{opacity:1} 50%{left:118%;opacity:.12} 100%{left:118%;opacity:0} } @keyframes dtqLuxuryQrBreath{ 0%,100%{ filter:brightness(1) saturate(1); box-shadow:0 0 18px rgba(255,220,120,.60),0 0 42px rgba(255,200,65,.36),0 0 82px rgba(255,185,35,.18),inset 0 2px 0 rgba(255,255,255,.70),inset 0 -3px 0 rgba(84,45,0,.58); } 50%{ filter:brightness(1.10) saturate(1.16); box-shadow:0 0 26px rgba(255,232,150,.88),0 0 62px rgba(255,205,75,.54),0 0 112px rgba(255,185,35,.30),inset 0 2px 0 rgba(255,255,255,.85),inset 0 -3px 0 rgba(84,45,0,.62); } } @media(max-width:520px){ .dtq-premium-wallets button span, .dtq-premium-wallets button img{ width:58px!important; height:58px!important; min-width:58px!important; } .dtq-scan-frame{ padding:14px!important; border-radius:34px!important; } .dtq-scan-frame img{ border-radius:22px!important; padding:10px!important; } } /* v2.2.6 URL wallet icons: use uploaded DIORA media icon images cleanly */ .dtq-premium-wallets button span, .dtq-premium-wallets button span *, .dtq-premium-wallets button img{ background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; padding: 0 !important; } .dtq-premium-wallets button span{ width:64px!important; height:64px!important; min-width:64px!important; overflow:hidden!important; border-radius:18px!important; } .dtq-premium-wallets button img{ width:64px!important; height:64px!important; display:block!important; object-fit:cover!important; border-radius:18px!important; } /* v2.2.7 wallet icon crop/scale fix The uploaded first 3 icon files contain white around the gold frame. We crop visually by making the image larger inside a hidden rounded holder. */ .dtq-premium-wallets button span{ width:64px!important; height:64px!important; min-width:64px!important; overflow:hidden!important; border-radius:18px!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } .dtq-premium-wallets button img{ width:78px!important; height:78px!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center!important; border-radius:19px!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; display:block!important; } /* The Other Wallet image already fits better, but keep it visually balanced */ .dtq-premium-wallets button[data-wallet="open"] img{ width:72px!important; height:72px!important; } /* Slightly tighter text alignment after icon crop */ .dtq-premium-wallets em{ margin-left:78px!important; } @media(max-width:520px){ .dtq-premium-wallets button span{ width:62px!important; height:62px!important; min-width:62px!important; } .dtq-premium-wallets button img{ width:76px!important; height:76px!important; } .dtq-premium-wallets button[data-wallet="open"] img{ width:70px!important; height:70px!important; } } /* v2.2.8 wallet subtitle alignment */ .dtq-premium-wallets button em{ margin-top:-8px !important; display:block !important; line-height:1.15 !important; opacity:0.95 !important; } /* tighter stack between title + subtitle */ .dtq-premium-wallets button strong{ margin-bottom:2px !important; display:block !important; } /* mobile polish */ @media(max-width:520px){ .dtq-premium-wallets button em{ margin-top:-10px !important; font-size:14px !important; } }