/* 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;}
.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
   ═══════════════════════════════════════════════ */

.arvinlink-float-stack{position:fixed;bottom:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;}
.arvinlink-float-right{right:24px;}
.arvinlink-float-left{left:24px;}

.arvinlink-float-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s;position:relative;text-decoration:none;}
.arvinlink-float-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3);}

.arvinlink-float-email{background:#c8a24e;}
.arvinlink-float-wa{background:#25D366;}
.arvinlink-float-phone{background:#4285f4;}
.arvinlink-float-tawk{background:#03c75a;}
.arvinlink-float-top{background:rgba(60,60,60,.7);}

.arvinlink-tooltip{position:absolute;right:60px;background:#333;color:#fff;padding:4px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;}
.arvinlink-float-left .arvinlink-tooltip{right:auto;left:60px;}
.arvinlink-float-btn:hover .arvinlink-tooltip{opacity:1;}

/* ═══════════════════════════════════════════════
   Popup Modal
   ═══════════════════════════════════════════════ */

.arvinlink-popup-overlay{position:fixed;inset:0;z-index:10001;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:block;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;}

/* 翻译加载指示器 */
.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;left:24px;}
html[dir="rtl"] .arvinlink-float-stack.arvinlink-float-left{left:auto;right:24px;}
html[dir="rtl"] .arvinlink-tooltip{right:auto;left:60px;}
html[dir="rtl"] .arvinlink-float-left .arvinlink-tooltip{left:auto;right:60px;}

/* ═══════════════════════════════════════════════
   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;height:44px;}
	.arvinlink-float-stack{bottom:16px;}
	.arvinlink-float-right{right:16px;}
	.arvinlink-float-left{left:16px;}
	.arvinlink-popup-modal{padding:22px 20px;border-radius:10px;}
	.arvinlink-tooltip{display:none;}
}

/* 手机端语言按钮 — 圆形地球，汉堡按钮左侧 */
@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-globe{width:1.4rem;height:1.4rem;opacity:.9;}
	.arvinlink-lang-dropdown{min-width:130px;max-height:240px;}
}