الگو:صفحه اصلی/دسته بندی موضوعی

.wiki-province-container { direction: rtl; margin: 5px auto; max-width: 1400px; padding: 10px; } .wiki-province-grid { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 12px !important; } .wiki-province-card { background: #ffffff; border: 1.5px solid #8ee0d8; border-radius: 8px; padding: 14px 6px; text-align: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); transition: all 0.3s ease; cursor: pointer; color: #2d3748 !important; font-weight: 400; font-size: clamp(10px, 0.9vw, 13px) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; display: block !important; text-decoration: none !important; line-height: 1.5; } .wiki-province-card:hover { transform: translateY(-3px); box-shadow: 0 4px 12px rgba(101, 195, 186, 0.15); border-color: #65c3ba; color: #65c3ba !important; text-decoration: none !important; } .wiki-province-card:visited { color: #2d3748 !important; } .wiki-province-card:focus { outline: none; border-color: #65c3ba; box-shadow: 0 0 0 3px rgba(101, 195, 186, 0.18); } @media (max-width: 992px) { .wiki-province-grid { grid-template-columns: repeat(3, 1fr) !important; } .wiki-province-card { font-size: clamp(9.5px, 1.1vw, 12px) !important; } } @media (max-width: 768px) { .wiki-province-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; } .wiki-province-card { padding: 12px 4px !important; font-size: clamp(9px, 2.6vw, 11.5px) !important; } }