:root { --accent: #ff841c; } @keyframes spin3 { 0%, 100% { box-shadow: 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2); } 25% { box-shadow: -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1); } 50% { box-shadow: -10px -10px rgba(255, 255, 255, 1), 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2); } 75% { box-shadow: 10px -10px rgba(255, 255, 255, 0.2), 10px 10px rgba(255, 255, 255, 1), -10px 10px rgba(255, 255, 255, 0.2), -10px -10px rgba(255, 255, 255, 1); } } #wpadminbar { top: 0 !important; } #c27-site-wrapper { background-color: #f4f4f4 }/* استایل دکمه موقعیت یاب */ #mylisting-locate-me { position: absolute; bottom: 100px; right: 20px; z-index: 999; background-color: #fff; width: 40px; height: 40px; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,0.65); cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; } #mylisting-locate-me:hover { background-color: #f4f4f4; } #mylisting-locate-me i { font-size: 18px; color: #333; } .locating-spin i { animation: spin 1s infinite linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* استایل نقطه آبی (موقعیت کاربر) */ .user-location-dot { background-color: #4285F4; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 5px rgba(0,0,0,0.3); width: 15px !important; height: 15px !important; margin-left: -7px !important; /* تنظیم مرکز */ margin-top: -7px !important; /* تنظیم مرکز */ position: relative; } /* هاله متحرک دور نقطه */ .user-location-dot::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; background-color: rgba(66, 133, 244, 0.3); border-radius: 50%; animation: pulse-dot 2s infinite; pointer-events: none; } @keyframes pulse-dot { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } /* ۱. استایل دکمه "تمام شده" */ .mylisting-expired-badge { background-color: #333; /* پس زمینه مشکی */ color: #fff; /* متن سفید */ padding: 0 8px; border-radius: 4px; font-size: 11px; font-weight: bold; display: inline-block; line-height: 24px; /* تنظیم ارتفاع دکمه */ } /* ۲. مهم: سیاه و سفید کردن کل کارت */ /* دستور has چک میکند اگر کلس بالا داخل کارت بود، فیلتر را اعمال کن */ .lf-item-container:has(.mylisting-expired-badge) { filter: grayscale(100%); /* سیاه و سفید */ opacity: 0.6; /* کمی کمرنگ‌تر */ transition: all 0.3s ease; } /* وقتی موس روی کارت میرود، رنگی شود (اختیاری - اگر نمی‌خواهید حذف کنید) */ .lf-item-container:has(.mylisting-expired-badge):hover { filter: grayscale(0%); opacity: 1; } /* ۳. حذف دکمه‌های خالی برای زیبایی */ .mc-head-buttons .buttons-list li:empty { display: none !important; }