/* =============================================
   MINECRAFT AREA v2.0 — Responsive Styles
   Mobile-first approach
   ============================================= */

/* --- Tablet (max 1024px) --- */
@media (max-width: 1024px) {
	.mc-layout {
		grid-template-columns: 1fr;
	}

	.mc-sidebar {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-news-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-quick-links {
		grid-template-columns: repeat(3, 1fr);
	}

	.mc-category-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-modpack-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-video-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-skin-grid {
		grid-template-columns: repeat(6, 1fr);
	}

	.mc-footer__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-server-detail {
		grid-template-columns: 1fr;
	}

	.mc-community {
		grid-template-columns: 1fr;
	}

	.mc-hero__title {
		font-size: 1.6rem;
	}

	.mc-hero__blocks {
		display: none;
	}

	.mc-header__nav {
		display: none;
	}

	.mc-header__nav--mobile-open {
		display: flex;
		flex-direction: column;
		position: absolute;
		top: var(--mc-header-height);
		left: 0;
		right: 0;
		background: rgba(10, 14, 20, 0.95);
		border-bottom: 1px solid var(--mc-border);
		padding: 16px;
		z-index: 999;
		box-shadow: var(--mc-shadow-lg);
		backdrop-filter: blur(20px);
	}

	.mc-header__nav--mobile-open .mc-header__nav-link {
		padding: 14px 18px;
	}
}

/* --- Mobile (max 768px) --- */
@media (max-width: 768px) {
	:root {
		--mc-gap: 16px;
		--mc-header-height: 60px;
	}

	.mc-section {
		padding: 40px 0;
	}

	.mc-hero {
		padding: 40px 28px;
		min-height: 340px;
		border-radius: var(--mc-radius);
		margin: 20px 0;
	}

	.mc-hero__title {
		font-size: 1.3rem;
		font-family: var(--mc-font-heading);
	}

	.mc-hero__subtitle {
		font-size: 0.95rem;
	}

	.mc-hero__actions {
		flex-direction: column;
	}

	.mc-hero__actions .mc-btn {
		width: 100%;
		justify-content: center;
	}

	.mc-news-grid {
		grid-template-columns: 1fr;
	}

	.mc-quick-links {
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}

	.mc-tile {
		padding: 18px 10px;
	}

	.mc-tile__icon {
		width: 48px;
		height: 48px;
		font-size: 1.4rem;
	}

	.mc-tile__label {
		font-size: 0.8rem;
	}

	.mc-category-grid {
		grid-template-columns: 1fr;
	}

	.mc-modpack-grid {
		grid-template-columns: 1fr;
	}

	.mc-video-grid {
		grid-template-columns: 1fr;
	}

	.mc-skin-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
	}

	.mc-server-row {
		grid-template-columns: 36px 1fr auto;
		gap: 10px;
		padding: 12px 14px;
	}

	.mc-server-row__version,
	.mc-server-row__players {
		display: none;
	}

	.mc-section__title {
		font-size: 1.3rem;
	}

	.mc-article__title {
		font-size: 1.6rem;
	}

	.mc-footer__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.mc-footer__bottom {
		flex-direction: column;
		gap: 14px;
		text-align: center;
	}

	.mc-sidebar {
		grid-template-columns: 1fr;
	}

	.mc-tabs {
		gap: 0;
	}

	.mc-tab {
		padding: 12px 16px;
		font-size: 0.85rem;
	}

	.mc-gallery {
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	}

	.mc-crafting__cell {
		width: 44px;
		height: 44px;
	}

	.mc-modpack-grid,
	.mc-video-grid {
		gap: 14px;
	}

	/* Hide desktop nav, show hamburger */
	.mc-header__nav-link {
		padding: 12px 16px;
	}

	.mc-header__login span {
		display: none;
	}

	.mc-search__filters {
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: 8px;
	}

	.mc-search__filter {
		flex-shrink: 0;
	}
}

/* --- Small Mobile (max 480px) --- */
@media (max-width: 480px) {
	.mc-quick-links {
		grid-template-columns: repeat(2, 1fr);
	}

	.mc-skin-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.mc-hero {
		padding: 28px 18px;
		min-height: 280px;
	}

	.mc-hero__title {
		font-size: 1.1rem;
	}

	.mc-hero__badge {
		font-size: 0.7rem;
		padding: 6px 12px;
	}

	.mc-search__btn {
		padding: 10px 18px;
		font-size: 0.85rem;
	}

	.mc-btn {
		padding: 12px 20px;
		font-size: 0.9rem;
	}

	.mc-btn--lg {
		padding: 14px 28px;
		font-size: 0.95rem;
	}

	.mc-section__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.mc-server-row {
		grid-template-columns: 32px 1fr;
		gap: 8px;
		padding: 10px 12px;
	}

	.mc-server-row__ping,
	.mc-server-row__votes {
		display: none;
	}

	.mc-card__meta {
		gap: 10px;
		font-size: 0.75rem;
	}
}

/* --- Hover states disabled on touch --- */
@media (hover: none) {
	.mc-card:hover,
	.mc-tile:hover,
	.mc-server-row:hover,
	.mc-modpack-card:hover,
	.mc-video-card:hover,
	.mc-category-card:hover,
	.mc-skin-card:hover {
		transform: none;
		box-shadow: none;
	}

	.mc-card:hover .mc-card__image img,
	.mc-modpack-card:hover .mc-modpack-card__image img,
	.mc-video-card:hover .mc-video-card__thumb img {
		transform: none;
	}
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

	.mc-reveal {
		opacity: 1;
		transform: none;
	}

	.mc-particles {
		display: none;
	}
}

/* --- Print --- */
@media print {
	.mc-header,
	.mc-footer,
	.mc-sidebar,
	.mc-search,
	.mc-hero,
	.mc-particles {
		display: none;
	}

	.mc-layout {
		grid-template-columns: 1fr;
	}

	body {
		background: #fff;
		color: #000;
	}

	body::before {
		display: none;
	}
}