عرض تصميم فيديو اليوم الوطني

غير متوفر في المخزون

$restock_css = ' .wln-restock-wrapper { margin: 25px 0; font-family: \'Outfit\', \'Inter\', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; } .wln-restock-card { background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1.5px solid rgba(37, 211, 102, 0.2); border-radius: 18px; padding: 24px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); direction: rtl; text-align: right; max-width: 480px; } .wln-restock-card:hover { border-color: rgba(37, 211, 102, 0.4); box-shadow: 0 12px 40px rgba(37, 211, 102, 0.08); transform: translateY(-2px); } .wln-restock-header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; } .wln-bell-icon { font-size: 22px; animation: wln-ring 2s infinite ease-in-out; display: inline-block; } .wln-restock-header h3 { margin: 0; font-size: 18px; font-weight: 700; color: #1e293b; } .wln-restock-desc { font-size: 13px; line-height: 1.6; color: #64748b; margin: 0 0 20px 0; } .wln-input-group { position: relative; margin-bottom: 16px; } .wln-input-icon { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #94a3b8; } .wln-input-group input { width: 100%; padding: 14px 44px 14px 16px !important; border: 2px solid #e2e8f0 !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 600 !important; color: #1e293b !important; background: #f8fafc !important; transition: all 0.25s ease !important; outline: none !important; box-sizing: border-box !important; } .wln-input-group input:focus { border-color: #25D366 !important; background: #ffffff !important; box-shadow: 0 0 0 4px rgba(37, 211, 102, 0.15) !important; } .wln-submit-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); color: #ffffff !important; border: none !important; border-radius: 12px !important; padding: 14px 24px !important; font-size: 15px !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3) !important; } .wln-submit-btn:hover { background: linear-gradient(135deg, #128C7E 0%, #075E54 100%); box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4) !important; transform: translateY(-1px); } .wln-submit-btn:active { transform: translateY(1px); } .wln-whatsapp-svg { fill: currentColor; transition: transform 0.3s ease; } .wln-submit-btn:hover .wln-whatsapp-svg { transform: rotate(15deg) scale(1.1); } .wln-alert { display: flex; align-items: center; gap: 10px; margin-top: 15px; padding: 12px 16px; border-radius: 10px; font-size: 13px; font-weight: 600; line-height: 1.5; animation: wln-fade-in 0.3s ease; } .wln-success-alert { background: rgba(37, 211, 102, 0.1); border: 1px solid rgba(37, 211, 102, 0.3); color: #0f5132; } .wln-error-alert { background: rgba(220, 38, 38, 0.1); border: 1px solid rgba(220, 38, 38, 0.3); color: #842029; } @keyframes wln-ring { 0%, 100% { transform: rotate(0); } 10%, 30% { transform: rotate(15deg); } 20%, 40% { transform: rotate(-15deg); } 50% { transform: rotate(0); } } @keyframes wln-fade-in { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } ';wp_register_style('wln-restock-style', false, array(), WHATSAPP_LINE_VERSION); wp_enqueue_style('wln-restock-style'); wp_add_inline_style('wln-restock-style', $restock_css); ?>