/* ArvinLink Frontend Styles — 适配所有WordPress主题 */ /* ═══════════════════════════════════════════════ Bottom Form Section ═══════════════════════════════════════════════ */ .arvinlink-bottom-form{padding:50px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;width:100%;box-sizing:border-box;clear:both;display:block;} .arvinlink-container{max-width:900px;margin:0 auto;padding:0 20px;} .arvinlink-form-header{text-align:center;margin-bottom:30px;} .arvinlink-form-header h2{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;} .arvinlink-form-header p{font-size:15px;color:#666;margin:0;} .arvinlink-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;} .arvinlink-field label{display:block;font-size:13px;font-weight:600;color:#333;margin-bottom:5px;} .arvinlink-req{color:#d63638;} .arvinlink-field input,.arvinlink-field textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;line-height:1.5;background:#fff;transition:border-color .2s;box-sizing:border-box;font-family:inherit;} .arvinlink-field input:focus,.arvinlink-field textarea:focus{outline:none;border-color:#F5A623;box-shadow:0 0 0 2px rgba(245,166,35,.15);} .arvinlink-field textarea{resize:vertical;min-height:100px;} .arvinlink-field-full{grid-column:1 / -1;} .arvinlink-field-submit{text-align:center;} .arvinlink-submit{display:inline-block;padding:12px 36px;background:#F5A623;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;} .arvinlink-submit:hover{background:#d4901e;transform:translateY(-1px);} .arvinlink-submit:disabled{opacity:.7;cursor:not-allowed;transform:none;} .arvinlink-msg{text-align:center;padding:8px;border-radius:6px;font-size:14px;font-weight:500;min-height:20px;} .arvinlink-msg.arvinlink-msg-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;} .arvinlink-msg.arvinlink-msg-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;} /* ═══════════════════════════════════════════════ Floating Toolbar — CSS Isolation Layer 防止第三方主题样式干扰悬浮按钮的显示 布局隔离由 JS portal 方案完成（移到 根节点） ═══════════════════════════════════════════════ */ .arvinlink-float-stack{all:initial !important;position:fixed !important;bottom:24px !important;z-index:99999 !important;display:flex !important;flex-direction:column !important;align-items:flex-end !important;gap:12px !important;box-sizing:border-box !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;line-height:1 !important;pointer-events:auto !important;visibility:visible !important;opacity:1 !important;margin:0 !important;padding:0 !important;border:none !important;background:none !important;transform:none !important;float:none !important;clear:none !important;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;overflow:visible !important;} .arvinlink-float-right{right:24px !important;left:auto !important;} .arvinlink-float-left{left:24px !important;right:auto !important;} .arvinlink-float-btn{box-sizing:border-box !important;width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;max-width:50px !important;max-height:50px !important;border-radius:50% !important;border:none !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 14px rgba(0,0,0,.2) !important;transition:transform .2s,box-shadow .2s !important;position:relative !important;text-decoration:none !important;box-sizing:border-box !important;padding:0 !important;margin:0 !important;outline:none !important;-webkit-appearance:none !important;appearance:none !important;overflow:visible !important;line-height:1 !important;font-size:0 !important;letter-spacing:normal !important;word-spacing:normal !important;text-align:center !important;vertical-align:middle !important;text-transform:none !important;text-indent:0 !important;float:none !important;clear:none !important;opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:none !important;} .arvinlink-float-btn:hover{transform:scale(1.1) !important;box-shadow:0 6px 20px rgba(0,0,0,.3) !important;} .arvinlink-float-btn:focus{outline:2px solid rgba(255,255,255,.5) !important;outline-offset:2px !important;} /* Icon SVG isolation — 防止主题覆盖 SVG 尺寸和颜色 */ .arvinlink-float-btn svg{display:inline-block !important;width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;max-width:22px !important;max-height:22px !important;vertical-align:middle !important;flex-shrink:0 !important;overflow:visible !important;fill:none !important;box-sizing:content-box !important;margin:0 !important;padding:0 !important;border:none !important;transform:none !important;opacity:1 !important;visibility:visible !important;pointer-events:none !important;} .arvinlink-float-btn svg[fill="#fff"]{fill:#fff !important;} .arvinlink-float-btn svg path[fill="#fff"],.arvinlink-float-btn svg circle[fill="#fff"]{fill:#fff !important;} .arvinlink-float-btn svg path[stroke="#fff"],.arvinlink-float-btn svg line[stroke="#fff"],.arvinlink-float-btn svg polyline[stroke="#fff"],.arvinlink-float-btn svg rect[stroke="#fff"],.arvinlink-float-btn svg circle[stroke="#fff"]{stroke:#fff !important;} /* 回顶按钮 SVG 稍小 */ .arvinlink-float-top svg{width:18px !important;height:18px !important;min-width:18px !important;min-height:18px !important;max-width:18px !important;max-height:18px !important;} /* 占位槽：与按钮等高，保留底部对齐位置（用户关闭插件回顶按钮时为主题自带回顶按钮腾位）*/ .arvinlink-float-slot{display:block !important;width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;max-width:50px !important;max-height:50px !important;visibility:hidden !important;pointer-events:none !important;flex-shrink:0 !important;background:transparent !important;border:none !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;} .arvinlink-float-email{background:#c8a24e !important;} .arvinlink-float-wa{background:#25D366 !important;} .arvinlink-float-phone{background:#4285f4 !important;} .arvinlink-float-tawk{background:#03c75a !important;} .arvinlink-float-hubai{background:#1c34a8 !important;background-color:var(--al-color-hubai,#1c34a8) !important;} .arvinlink-float-top{background:rgba(60,60,60,.7) !important;} .arvinlink-tooltip{all:initial !important;position:absolute !important;right:60px !important;background:#333 !important;color:#fff !important;padding:4px 10px !important;border-radius:4px !important;font-size:12px !important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;white-space:nowrap !important;opacity:0 !important;pointer-events:none !important;transition:opacity .2s !important;line-height:1.4 !important;box-sizing:border-box !important;display:block !important;visibility:visible !important;z-index:1 !important;} .arvinlink-float-left .arvinlink-tooltip{right:auto !important;left:60px !important;} .arvinlink-float-btn:hover .arvinlink-tooltip{opacity:1 !important;} /* ═══════════════════════════════════════════════ Popup Modal ═══════════════════════════════════════════════ */ .arvinlink-popup-overlay{position:fixed;inset:0;z-index:2147483640;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center;padding:20px;} .arvinlink-popup-overlay.arvinlink-popup-open{display:flex;} .arvinlink-popup-modal{background:#fff;border-radius:12px;padding:28px 30px;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:arvinlinkSlideUp .3s ease;} @keyframes arvinlinkSlideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .arvinlink-popup-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:4px;} .arvinlink-popup-close:hover{color:#333;} .arvinlink-popup-modal h3{margin:0 0 4px;font-size:20px;color:#1a1a1a;display:flex;align-items:center;gap:8px;} .arvinlink-popup-desc{margin:0 0 20px;color:#666;font-size:14px;} .arvinlink-popup-modal .arvinlink-fields{grid-template-columns:1fr;} .arvinlink-popup-modal .arvinlink-field input,.arvinlink-popup-modal .arvinlink-field textarea{padding:9px 12px;} .arvinlink-popup-modal .arvinlink-submit{width:100%;padding:11px;} /* ═══════════════════════════════════════════════ WhatsApp QR Code Modal ═══════════════════════════════════════════════ */ .arvinlink-wa-qr-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;} .arvinlink-wa-qr-overlay.arvinlink-wa-qr-open{display:flex;} .arvinlink-wa-qr-modal{background:#fff;border-radius:16px;padding:32px;max-width:340px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:arvinlinkSlideUp .3s ease;text-align:center;} .arvinlink-wa-qr-close{position:absolute;top:8px;right:14px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:4px;} .arvinlink-wa-qr-close:hover{color:#333;} .arvinlink-wa-qr-body h3{margin:0 0 4px;font-size:18px;color:#1a1a1a;} .arvinlink-wa-qr-body p{margin:0 0 16px;font-size:13px;color:#666;line-height:1.5;} .arvinlink-wa-qr-img{max-width:220px;height:auto;border:2px solid #25D366;border-radius:12px;margin:0 auto;display:block;} /* ═══════════════════════════════════════════════ Language Switcher — topbar 实心按钮（与社交图标同行） 手机端（≤35.95em topbar隐藏）：移入 nav-right，汉堡按钮左侧 ═══════════════════════════════════════════════ */ /* 初始隐藏，等 JS 定位后淡入 */ .arvinlink-lang-bar{z-index:9998;pointer-events:auto;opacity:0;transition:opacity .3s;} .arvinlink-lang-bar.arvinlink-lang-ready{opacity:1;} .arvinlink-lang-wrap{position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;} /* ─── 按钮通用样式（topbar 实心填充风格） ─── */ .arvinlink-lang-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.2rem;background:rgba(255,255,255,.15);border:none;border-radius:.4rem;cursor:pointer;font-size:1.3rem;color:#fff;line-height:1.4;transition:background .2s;white-space:nowrap;} .arvinlink-lang-btn:hover{background:rgba(255,255,255,.28);} .arvinlink-lang-globe{flex-shrink:0;opacity:.85;width:1.3rem;height:1.3rem;} .arvinlink-lang-arrow{flex-shrink:0;transition:transform .2s;width:.8rem;height:.8rem;} .arvinlink-lang-wrap.open .arvinlink-lang-arrow{transform:rotate(180deg);} .arvinlink-lang-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /* ─── 嵌入 topbar-right（桌面 / 平板） ─── */ .topbar-right .arvinlink-lang-bar{position:static;display:inline-flex;align-items:center;margin-left:1.2rem;} /* ─── 嵌入 nav-right（手机端） ─── */ .nav-right .arvinlink-lang-bar{position:static;display:inline-flex;align-items:center;} /* 下拉菜单 */ .arvinlink-lang-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);list-style:none;margin:0;padding:4px 0;min-width:140px;max-height:280px;overflow-y:auto;display:none;z-index:9999;} .arvinlink-lang-wrap.open .arvinlink-lang-dropdown{display:block;} .arvinlink-lang-dropdown li{margin:0;padding:0;} .arvinlink-lang-dropdown a{display:flex;align-items:center;gap:8px;padding:6px 14px;font-size:1.3rem;color:#333;text-decoration:none;transition:background .15s;} .arvinlink-lang-dropdown a:hover{background:#f5f5f5;} .arvinlink-lang-dropdown a.active{font-weight:600;color:#c8a24e;background:#fdf8ee;} .arvinlink-lang-flag{line-height:1;flex-shrink:0;display:inline-block;width:20px;height:15px;object-fit:cover;vertical-align:middle;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);} img.arvinlink-lang-flag,.arvinlink-lang-flag-img,.arvinlink-lang-flag img{width:20px!important;height:15px!important;object-fit:cover;display:inline-block!important;vertical-align:middle;border-radius:2px;flex-shrink:0;max-width:none!important;} .arvinlink-lang-btn .arvinlink-lang-flag{width:22px;height:16px;} /* 翻译加载指示器 */ .topbar-right .arvinlink-lang-loading,.nav-right .arvinlink-lang-loading{position:absolute;top:calc(100% + 4px);right:0;margin-top:0;white-space:nowrap;} /* ─── 回退模式：无 topbar / nav 时固定定位 ─── */ .arvinlink-lang-bar.arvinlink-lang-fallback{position:fixed;top:10px;right:10px;} .arvinlink-lang-fallback .arvinlink-lang-btn{background:rgba(30,30,30,.75);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 4px rgba(0,0,0,.18);} .arvinlink-lang-fallback .arvinlink-lang-btn:hover{background:rgba(30,30,30,.9);} /* RTL support */ html[dir="rtl"] .arvinlink-lang-bar.arvinlink-lang-fallback{right:auto;left:10px;} html[dir="rtl"] .arvinlink-lang-dropdown{right:auto;left:0;} html[dir="rtl"] .arvinlink-float-stack.arvinlink-float-right{right:auto !important;left:24px !important;} html[dir="rtl"] .arvinlink-float-stack.arvinlink-float-left{left:auto !important;right:24px !important;} html[dir="rtl"] .arvinlink-tooltip{right:auto !important;left:60px !important;} html[dir="rtl"] .arvinlink-float-left .arvinlink-tooltip{left:auto !important;right:60px !important;} /* ═══════════════════════════════════════════════ Shortcode Form ═══════════════════════════════════════════════ */ .arvinlink-shortcode-form{max-width:900px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;} /* ═══════════════════════════════════════════════ Mobile Responsive ═══════════════════════════════════════════════ */ @media (max-width: 600px) { .arvinlink-fields{grid-template-columns:1fr;} .arvinlink-bottom-form{padding:36px 0;} .arvinlink-form-header h2{font-size:22px;} .arvinlink-float-btn{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;max-width:44px !important;max-height:44px !important;} .arvinlink-float-slot{width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;max-width:44px !important;max-height:44px !important;} .arvinlink-float-stack{bottom:16px !important;} .arvinlink-float-right{right:16px !important;} .arvinlink-float-left{left:16px !important;} .arvinlink-popup-modal{padding:22px 20px;border-radius:10px;} .arvinlink-tooltip{display:none !important;} } /* 手机端语言按钮 — 圆形地球，汉堡按钮左侧 */ @media (max-width: 35.95em) { .arvinlink-lang-btn{width:2.5rem;height:2.5rem;border-radius:50%;padding:0;justify-content:center;gap:0;} .arvinlink-lang-name,.arvinlink-lang-arrow{display:none;} .arvinlink-lang-flag img,.arvinlink-lang-flag-img{width:22px;height:16px;} .arvinlink-lang-globe{width:1.4rem;height:1.4rem;opacity:.9;} .arvinlink-lang-dropdown{min-width:130px;max-height:240px;} } .arvinlink-float-form{background-color:#c8a24e !important;background-image:none !important;} .arvinlink-float-mailto{background-color:#2563eb !important;background-image:none !important;} .arvinlink-float-mailto:hover{background-color:#1d4ed8 !important;} .arvinlink-float-mailto svg path,.arvinlink-float-mailto svg polyline,.arvinlink-float-mailto svg rect{stroke:#fff !important;} .arvinlink-float-form svg path,.arvinlink-float-form svg line,.arvinlink-float-form svg polyline,.arvinlink-float-form svg rect{stroke:#fff !important;} .arvinlink-thankyou-overlay{position:fixed;inset:0;z-index:2147483641;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:20px;} .arvinlink-thankyou-overlay.arvinlink-thankyou-open{display:flex;} .arvinlink-thankyou-modal{background:#fff;border-radius:14px;padding:32px 28px;max-width:480px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:arvinlinkSlideUp .3s ease;} .arvinlink-thankyou-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;} .arvinlink-thankyou-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:#ecfdf5;color:#059669;font-size:32px;line-height:64px;font-weight:700;} .arvinlink-thankyou-title{margin:0 0 12px;font-size:22px;color:#111;} .arvinlink-thankyou-body{text-align:left;color:#444;font-size:14px;line-height:1.7;margin-bottom:20px;} .arvinlink-thankyou-body p{margin:0 0 8px;} .arvinlink-thankyou-ok{background:#c8a24e;color:#fff;border:none;border-radius:8px;padding:10px 28px;font-size:15px;cursor:pointer;} .arvinlink-thankyou-ok:hover{opacity:.9;} /* v3.0.4 — 悬浮按钮背景色（CSS 变量，后台可配置） */ #arvinlinkFloat.arvinlink-float-stack{--al-color-form:#c8a24e;--al-color-mailto:#2563eb;--al-color-wa:#25D366;--al-color-phone:#4285f4;--al-color-tawk:#03c75a;--al-color-hubai:#1c34a8;--al-color-top:#3c3c3c;} .arvinlink-float-btn.arvinlink-float-form{background-color:var(--al-color-form,#c8a24e) !important;background-image:none !important;} .arvinlink-float-btn.arvinlink-float-mailto{background-color:var(--al-color-mailto,#2563eb) !important;background-image:none !important;} .arvinlink-float-btn.arvinlink-float-wa{background-color:var(--al-color-wa,#25D366) !important;background-image:none !important;} .arvinlink-float-btn.arvinlink-float-phone{background-color:var(--al-color-phone,#4285f4) !important;background-image:none !important;} .arvinlink-float-btn.arvinlink-float-tawk{background-color:var(--al-color-tawk,#03c75a) !important;background-image:none !important;} .arvinlink-float-btn.arvinlink-float-hubai{background-color:var(--al-color-hubai,#1c34a8) !important;background-image:none !important;} .arvinlink-float-btn.arvinlink-float-top{background-color:var(--al-color-top,rgba(60,60,60,.85)) !important;background-image:none !important;} .arvinlink-thankyou-modal{max-width:560px;max-height:90vh;overflow-y:auto;text-align:left;} .arvinlink-thankyou-title{text-align:center;} .arvinlink-thankyou-icon{margin-left:auto;margin-right:auto;} .arvinlink-thankyou-details{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:13px;} .arvinlink-thankyou-details th,.arvinlink-thankyou-details td{border:1px solid #e5e7eb;padding:8px 10px;vertical-align:top;} .arvinlink-thankyou-details th{width:32%;background:#f9fafb;color:#374151;font-weight:600;} .arvinlink-thankyou-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px;} .arvinlink-thankyou-continue{background:#111827;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;} .arvinlink-thankyou-continue:hover{opacity:.9;} .arvinlink-thankyou-countdown{text-align:center;font-size:12px;color:#6b7280;margin:10px 0 0;} .arvinlink-thankyou-modal{max-width:560px;max-height:90vh;overflow-y:auto;text-align:left;} .arvinlink-thankyou-title{text-align:center;} .arvinlink-thankyou-icon{margin-left:auto;margin-right:auto;} .arvinlink-thankyou-details{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:13px;} .arvinlink-thankyou-details th,.arvinlink-thankyou-details td{border:1px solid #e5e7eb;padding:8px 10px;vertical-align:top;} .arvinlink-thankyou-details th{width:32%;background:#f9fafb;color:#374151;font-weight:600;} .arvinlink-thankyou-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:8px;} .arvinlink-thankyou-continue{background:#111827;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;} .arvinlink-thankyou-continue:hover{opacity:.9;} .arvinlink-thankyou-countdown{text-align:center;font-size:12px;color:#6b7280;margin:10px 0 0;} .arvinlink-thankyou-details-wrap:not([hidden]){display:block;margin:16px 0;} .arvinlink-thankyou-details-title{font-size:15px;font-weight:700;margin:0 0 8px;color:#111;text-align:left;} .arvinlink-thankyou-countdown{text-align:center;font-size:13px;color:#64748b;margin:10px 0;padding:0;} /* Phone + dial: one combined field (dial on LEFT inside the box) */ .arvinlink-phone-row, .shop001-phone-row{ display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch; gap:0 !important; width:100%; box-sizing:border-box; border:1px solid #ddd; border-radius:6px; background:#fff; overflow:visible; /* allow custom dial dropdown */ position:relative; transition:border-color .2s,box-shadow .2s; } .arvinlink-phone-row:focus-within, .shop001-phone-row:focus-within{ border-color:#F5A623; box-shadow:0 0 0 2px rgba(245,166,35,.15); } /* Flag emoji + dial (+86 / +852)：PC 加宽保证关闭态完整可见；手机同格式略收 */ .arvinlink-field .arvinlink-phone-row .arvinlink-phone-cc, .arvinlink-phone-row select.arvinlink-phone-cc, .arvinlink-phone-row select[name="arvinlink_phone_country"], .arvinlink-phone-row select[name="phone_country"], .shop001-phone-row select[name="phone_country"], .shop001-phone-row select{ flex:0 0 auto !important; width:auto !important; min-width:6.75rem; max-width:8.5rem !important; margin:0 !important; padding:10px 6px 10px 10px !important; border:0 !important; border-right:1px solid #e5e7eb !important; border-radius:0 !important; background:#f8fafc !important; font-size:14px !important; line-height:1.4 !important; box-shadow:none !important; appearance:auto; -webkit-appearance:menulist; cursor:pointer; } .arvinlink-field .arvinlink-phone-row .arvinlink-phone-num, .arvinlink-phone-row input.arvinlink-phone-num, .arvinlink-phone-row input[type="tel"], .shop001-phone-row input[type="tel"]{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; margin:0 !important; padding:10px 12px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; font-size:14px !important; } .arvinlink-popup-modal .arvinlink-phone-row select{ min-width:6.25rem; max-width:8rem !important; padding:9px 4px 9px 8px !important; font-size:13px !important; } @media (max-width:640px){ .arvinlink-phone-row select, .shop001-phone-row select{ min-width:5.75rem; max-width:7.25rem !important; font-size:13px !important; padding:9px 4px 9px 8px !important; } } /* Custom dial picker — PNG flags (Windows cannot render flag emoji in