/**
 * Media Cards - Responsive Styles
 *
 * @package Media_Cards
 */

/* ==========================================
   TABLET (max-width: 1024px)
   ========================================== */

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

	.mc-single__sidebar {
		display: none;
	}

	.mc-raccolta__hero {
		min-height: 300px;
		padding: var(--mc-space-2xl) var(--mc-space-lg);
	}

	.mc-raccolta__title {
		font-size: var(--mc-font-3xl);
	}
}

/* ==========================================
   MOBILE (max-width: 768px)
   ========================================== */

@media (max-width: 768px) {
	:root {
		--mc-header-height: 56px;
	}

	.mc-content {
		padding: var(--mc-content-padding);
	}

	/* Header */
	.mc-header__nav {
		display: none;
		position: fixed;
		top: var(--mc-header-height);
		left: 0;
		right: 0;
		background: var(--mc-bg-secondary);
		border-bottom: 1px solid var(--mc-border);
		padding: var(--mc-space-md);
		z-index: 99;
	}

	.mc-header__nav[aria-expanded="true"],
	.mc-header--nav-open .mc-header__nav {
		display: block;
	}

	.mc-nav__list {
		flex-direction: column;
		gap: 0;
	}

	.mc-nav__list a {
		padding: var(--mc-space-md);
		border-radius: var(--mc-radius-md);
	}

	.mc-header__search-toggle,
	.mc-header__menu-toggle {
		display: flex;
	}

	.mc-header__user-name {
		display: none;
	}

	/* Hero */
	.mc-hero {
		padding: var(--mc-space-2xl) 0;
	}

	.mc-hero__title {
		font-size: var(--mc-font-3xl);
	}

	/* Grids */
	.mc-grid--cards {
		grid-template-columns: var(--mc-grid-columns-mobile);
		gap: var(--mc-grid-gap);
	}

	.mc-grid--raccolte {
		grid-template-columns: 1fr;
		gap: var(--mc-grid-gap);
	}

	/* Card */
	.mc-card__body {
		padding: var(--mc-space-sm) var(--mc-space-md) var(--mc-space-md);
	}

	.mc-card__title {
		font-size: var(--mc-font-sm);
	}

	.mc-card__excerpt {
		display: none;
	}

	/* Single Media Card */
	.mc-single__title {
		font-size: var(--mc-font-2xl);
	}

	.mc-single__meta {
		grid-template-columns: 1fr 1fr;
		padding: var(--mc-space-md);
		gap: var(--mc-space-sm);
	}

	.mc-single__hero {
		border-radius: var(--mc-single-hero-radius);
	}

	/* Raccolta */
	.mc-raccolta__hero {
		min-height: 250px;
		padding: var(--mc-space-xl) var(--mc-space-md);
		border-radius: var(--mc-radius-md);
	}

	.mc-raccolta__title {
		font-size: var(--mc-font-2xl);
	}

	.mc-raccolta__info {
		flex-direction: column;
		gap: var(--mc-space-sm);
	}

	.mc-raccolta__stats {
		flex-direction: column;
		gap: var(--mc-space-xs);
	}

	/* Playlist */
	.mc-playlist__item {
		grid-template-columns: 32px 40px 1fr auto;
		gap: var(--mc-space-sm);
		padding: var(--mc-space-sm) var(--mc-space-md);
	}

	.mc-playlist__number {
		font-size: var(--mc-font-xs);
	}

	.mc-playlist__thumb {
		width: 40px;
		height: 40px;
	}

	.mc-playlist__access {
		display: none;
	}

	/* ID3 */
	.mc-id3 {
		grid-template-columns: 1fr;
		padding: var(--mc-space-md);
	}

	/* Accordion */
	.mc-accordion__toggle {
		font-size: var(--mc-font-base);
		padding: var(--mc-space-sm) 0;
	}

	/* Section */
	.mc-section__header {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--mc-space-sm);
	}

	/* Footer */
	.mc-footer {
		padding: var(--mc-footer-padding) var(--mc-content-padding);
	}

	.mc-footer__widgets {
		grid-template-columns: 1fr;
		gap: var(--mc-space-lg);
	}

	.mc-footer__bottom {
		flex-direction: column;
		gap: var(--mc-space-md);
		text-align: center;
	}

	.mc-footer__nav-list {
		flex-wrap: wrap;
		justify-content: center;
	}

	/* Breadcrumb */
	.mc-breadcrumb {
		font-size: var(--mc-font-xs);
		overflow-x: auto;
		white-space: nowrap;
		padding-bottom: var(--mc-space-xs);
	}

	/* Search */
	.mc-search-form__input-wrap {
		flex-direction: column;
		border-radius: var(--mc-radius-md);
	}

	.mc-search-form__input {
		border-radius: 0;
	}

	.mc-search-form__submit {
		border-radius: 0;
		padding: var(--mc-space-md);
	}

	/* Filters */
	.mc-filters__types {
		overflow-x: auto;
		flex-wrap: nowrap;
		padding-bottom: var(--mc-space-sm);
	}

	.mc-filter-btn {
		flex-shrink: 0;
	}

	/* 404 */
	.mc-404__title {
		font-size: var(--mc-font-2xl);
	}

	.mc-404__icon {
		font-size: 4rem;
	}
}

/* ==========================================
   SMALL MOBILE (max-width: 480px)
   ========================================== */

@media (max-width: 480px) {
	.mc-grid--cards {
		grid-template-columns: var(--mc-grid-columns-mobile);
		gap: var(--mc-space-sm);
	}

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

	.mc-single__title {
		font-size: var(--mc-font-xl);
	}

	.mc-raccolta__title {
		font-size: var(--mc-font-xl);
	}

	.mc-raccolta__description {
		font-size: var(--mc-font-sm);
	}

	.mc-playlist__item {
		grid-template-columns: 24px 36px 1fr auto;
	}

	.mc-playlist__artist {
		display: none;
	}

	.mc-hero__title {
		font-size: var(--mc-font-2xl);
	}
}

/* ==========================================
   PRINT
   ========================================== */

@media print {
	.mc-header,
	.mc-footer,
	.mc-sidebar,
	.mc-audio-player,
	.mc-player--video,
	.mc-playlist-player,
	.mc-filters,
	.mc-breadcrumb,
	.mc-btn,
	.mc-card__play-overlay {
		display: none !important;
	}

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

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

	.mc-single__title {
		color: #000;
	}

	.mc-transcript__body,
	.mc-single__summary-content,
	.mc-single__text-body {
		color: #333;
	}
}