/**
 * Nighty Club - Responsive Breakpoints
 * Precise mobile and tablet adaptation matching Ovatheme Nighty reference
 */

/* ==========================================================================
   Tablet Breakpoints (<= 1200px)
   ========================================================================== */
@media (max-width: 1200px) {
	.nighty-services-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.nighty-team-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.nighty-footer-grid {
		grid-template-columns: 1fr 1fr;
		gap: 40px;
	}
}

/* ==========================================================================
   Tablet Breakpoints (<= 1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	.nighty-nav {
		display: none;
	}

	.nighty-about-container {
		grid-template-columns: 1fr;
		gap: 60px;
	}

	.nighty-about-visual {
		max-width: 600px;
		margin-inline: auto;
		width: 100%;
	}

	.nighty-gallery-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}

	.nighty-hero-container {
		justify-content: center;
		text-align: center;
	}

	.nighty-hero-content {
		max-width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.nighty-hero-actions {
		justify-content: center;
	}

	.nighty-hero-socials {
		display: none;
	}
}

/* ==========================================================================
   Mobile Landscape & Tablet Portrait (<= 768px)
   ========================================================================== */
@media (max-width: 768px) {
	.nighty-section {
		padding-block: 70px;
	}

	.nighty-header {
		height: 74px;
	}

	.nighty-menu-toggle {
		width: 62px;
		height: 62px;
		font-size: 12px;
	}

	.nighty-header__cta {
		display: none;
	}

	/* Full screen offcanvas drawer on mobile to eliminate overlap */
	.nighty-offcanvas__panel {
		width: 100vw !important;
		max-width: 100vw !important;
		padding: 24px 20px !important;
	}

	.nighty-offcanvas__nav-wrap {
		margin-bottom: 24px;
	}

	.nighty-offcanvas__list a {
		padding-block: 10px;
		font-size: 20px;
	}

	/* Language switcher compact on mobile header */
	.nighty-lang-btn {
		padding: 4px 8px;
		font-size: 11px;
	}
	.nighty-lang-btn .nighty-lang-flag {
		width: 15px;
		height: 10px;
	}


	.nighty-stats-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 15px;
	}

	.nighty-services-grid {
		grid-template-columns: 1fr;
	}

	.nighty-gallery-header {
		flex-direction: column;
		align-items: flex-start;
	}

	.nighty-gallery-grid {
		grid-template-columns: 1fr;
	}

	.nighty-team-grid {
		grid-template-columns: 1fr;
	}

	.nighty-blog-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}

	.nighty-blog-grid {
		grid-template-columns: 1fr;
	}

	/* Event rows stack on mobile */
	.nighty-event-row {
		flex-direction: column;
		align-items: flex-start;
		padding: 20px;
		gap: 16px;
	}

	.nighty-event-row__date {
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.08);
		padding-right: 0;
		padding-bottom: 12px;
		width: 100%;
		flex-direction: row;
		justify-content: flex-start;
		gap: 12px;
	}

	.nighty-event-row__price {
		text-align: left;
	}

	.nighty-event-row__action {
		width: 100%;
	}

	.nighty-event-row__action .nighty-button {
		width: 100%;
	}

	.nighty-footer-grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.nighty-footer-bottom {
		flex-direction: column;
		text-align: center;
		gap: 10px;
	}

	.nighty-collage-main {
		width: 100%;
		height: 380px;
	}

	.nighty-collage-sub--top,
	.nighty-collage-sub--bottom {
		display: none;
	}

	.nighty-about-badge {
		position: static;
		margin-top: 20px;
		display: inline-flex;
	}
}

/* ==========================================================================
   Small Mobile Viewports (<= 480px)
   ========================================================================== */
@media (max-width: 480px) {
	.nighty-hero-title {
		font-size: 34px;
	}

	.nighty-menu-toggle {
		width: 52px;
		height: 52px;
		font-size: 11px;
	}

	.nighty-hero-actions {
		flex-direction: column;
		width: 100%;
	}

	.nighty-hero-actions .nighty-button {
		width: 100%;
	}

	.nighty-stats-grid {
		grid-template-columns: 1fr;
	}

	.nighty-gallery-filters {
		overflow-x: auto;
		flex-wrap: nowrap;
		width: 100%;
		padding-bottom: 10px;
	}

	.nighty-gallery-filter {
		flex-shrink: 0;
	}
}