/* ---------- public.css ---------- */

.zohal-projects-filter { text-align: center; margin-bottom: 20px; } .zohal-filter-btn { display: inline-block; margin: 5px; padding: 8px 15px; background-color: #0034FF; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s; } .zohal-filter-btn:hover, .zohal-filter-btn.active { background-color: #0c0c2c; }

.zohal-projects-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); gap: 20px; } .zohal-project-card { background: #fff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); overflow: hidden; transition: transform 0.3s; } .zohal-project-card:hover { transform: translateY(-5px); } .zohal-project-thumb img { width: 100%; height: auto; display: block; } .zohal-project-body { padding: 15px; } .zohal-project-title { font-size: 18px; margin-bottom: 10px; } .zohal-project-meta { font-size: 14px; color: #555; }