/* Responsive Styles */

@media (max-width: 1200px) {
	.footer-grid--prideinn {
		grid-template-columns: repeat(2, 1fr);
	}

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

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

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

@media (max-width: 992px) {
	:root {
		--spacing-xl: 4rem;
		--spacing-2xl: 5rem;
	}

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

	.dining-layout,
	.weddings-layout,
	.hotel-overview__grid,
	.about-grid,
	.contact-grid,
	.hotel-contact__grid {
		grid-template-columns: 1fr;
	}

	.events-features {
		grid-template-columns: 1fr;
		gap: var(--spacing-sm);
	}

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

	.main-navigation {
		position: fixed;
		top: var(--header-height);
		left: 0;
		right: 0;
		background: rgba(26, 26, 26, 0.98);
		padding: var(--spacing-md);
		transform: translateY(-100%);
		opacity: 0;
		visibility: hidden;
		transition: all var(--transition);
	}

	.main-navigation.is-active {
		transform: translateY(0);
		opacity: 1;
		visibility: visible;
	}

	.primary-menu {
		flex-direction: column;
		align-items: center;
		gap: var(--spacing-sm);
	}

	.menu-toggle {
		display: flex;
	}

	.menu-toggle.is-active .menu-toggle-bar:nth-child(1) {
		transform: rotate(45deg) translate(5px, 5px);
	}

	.menu-toggle.is-active .menu-toggle-bar:nth-child(2) {
		opacity: 0;
	}

	.menu-toggle.is-active .menu-toggle-bar:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -5px);
	}

	.header-phone {
		display: none;
	}

	.section-parallax {
		background-attachment: scroll;
	}
}

@media (max-width: 768px) {
	:root {
		--header-height: 70px;
		--spacing-lg: 2.5rem;
		--spacing-xl: 3rem;
	}

	.grid-3,
	.grid-4 {
		grid-template-columns: 1fr;
	}

	.footer-grid--prideinn {
		grid-template-columns: 1fr;
	}

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

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

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

	.form-row {
		grid-template-columns: 1fr;
	}

	.newsletter-form {
		flex-direction: column;
	}

	.hero-title {
		font-size: clamp(1.75rem, 8vw, 2.5rem);
	}

	.hero-section--prideinn .hero-nav {
		display: none !important;
	}

	.hotel-hero {
		height: 60vh;
		min-height: 400px;
	}

	.header-actions .header-book-btn {
		display: none;
	}

	.btn {
		padding: 12px 24px;
	}

	.section {
		padding: var(--spacing-lg) 0;
	}
}

@media (max-width: 480px) {
	.container-wide {
		padding: 0 var(--spacing-sm);
	}

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

	.amenities-grid {
		grid-template-columns: 1fr;
	}

	.error-code {
		font-size: 5rem;
	}
}