/* Qoobiz — Styling tambahan di luar utility class Tailwind */

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; }

.card-hover { transition: all .25s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(15,23,42,.15); }
.card-hover:hover .demo-btn { opacity: 1; transform: translateY(0); }
.demo-btn { opacity: 0; transform: translateY(6px); transition: all .2s ease; }

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 10px; }

/* Pagination WordPress default (paginate_links) dibungkus agar sesuai desain */
.page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; border: 1px solid #E2E8F0; font-size: 14px; font-weight: 500; margin: 0 2px; color: #475569; }
.page-numbers.current { background: #2563EB; color: #fff; border-color: #2563EB; }
.page-numbers:hover:not(.current) { border-color: #93C5FD; }
.page-numbers.dots { border: none; }

/* FAQ accordion */
.ws-faq-icon.rotate { transform: rotate(180deg); }

/* Skeleton loading (opsional untuk AJAX filter di masa depan) */
.ws-skeleton { background: linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%); background-size: 400% 100%; animation: ws-shimmer 1.4s ease infinite; }
@keyframes ws-shimmer { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } }

/* Mobile filter drawer */
#ws-mobile-filter-drawer { transition: transform .25s ease; }