/**
 * Vessel Charter — Responsive Styles
 *
 * @package Vessel_Charter
 * @since   1.0.0
 */

/* ==========================================================================
   Large Desktop (1400px+)
   ========================================================================== */

@media (min-width: 1400px) {
	.hero-headline {
		font-size: 3.5rem;
	}

	.section-padding {
		padding: 120px 0;
	}
}

/* ==========================================================================
   Laptop (992px – 1199px)
   ========================================================================== */

@media (max-width: 1199.98px) {
	.hero-stats-grid {
		gap: 0.75rem;
	}

	.hero-stat-card {
		padding: 1rem;
	}

	.hero-stat-card .stat-number {
		font-size: 1.25rem;
	}

	.about-image-badge {
		left: 0;
		bottom: 1rem;
	}
}

/* ==========================================================================
   Tablet (768px – 991px)
   ========================================================================== */

@media (max-width: 991.98px) {
	:root {
		--header-height: 70px;
	}

	.section-padding {
		padding: 70px 0;
	}

	.top-header-info {
		gap: 0.75rem;
		font-size: 0.75rem;
	}

	.top-header-info li:last-child {
		display: none;
	}

	.site-header {
		top: 0;
	}

	body.home .site-main {
		padding-top: 0;
	}

	.vc-navbar {
		background: rgba(255, 255, 255, 0.97);
		backdrop-filter: blur(12px);
		box-shadow: var(--shadow-sm);
	}

	.home .site-header:not(.is-scrolled) .nav-link {
		color: var(--vc-dark);
	}

	.home .site-header:not(.is-scrolled) .site-logo-text {
		color: var(--vc-primary);
	}

	.home .site-header:not(.is-scrolled) .navbar-toggler-icon {
		filter: none;
	}

	.vc-navbar .navbar-collapse {
		background: var(--vc-white);
		padding: 1rem;
		border-radius: var(--radius-md);
		margin-top: 0.75rem;
		box-shadow: var(--shadow-md);
	}

	.nav-cta {
		margin-top: 0.75rem;
	}

	.nav-cta .btn-gold {
		width: 100%;
		justify-content: center;
	}

	.hero-content {
		padding-top: calc(var(--header-height) + 1rem);
	}

	.hero-headline {
		font-size: 2.25rem;
	}

	.hero-actions {
		flex-direction: column;
	}

	.hero-actions .vc-btn {
		width: 100%;
		justify-content: center;
	}

	.about-image-accent {
		display: none;
	}

	.about-image-badge {
		position: relative;
		bottom: auto;
		left: auto;
		margin-top: -2rem;
		margin-left: 1rem;
		margin-right: 1rem;
		z-index: 2;
	}

	.process-connector {
		display: none !important;
	}

	.footer-newsletter .row {
		text-align: center;
	}

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

	.newsletter-form .vc-btn {
		width: 100%;
		justify-content: center;
		margin-top: 0.5rem;
	}
}

/* ==========================================================================
   Mobile (576px – 767px)
   ========================================================================== */

@media (max-width: 767.98px) {
	.top-header-inner {
		justify-content: center !important;
		gap: 0.5rem;
	}

	.top-header-info {
		justify-content: center;
	}

	.top-header-info li:nth-child(2) {
		display: none;
	}

	.top-header-social {
		display: none;
	}

	.section-header {
		margin-bottom: 2.5rem;
	}

	.trust-logo-placeholder {
		height: 70px;
	}

	.trust-logo-placeholder .logo-name {
		display: none;
	}

	.footer-main {
		padding: 3rem 0 2rem;
	}

	.footer-bottom .text-md-end {
		text-align: left !important;
		margin-top: 0.75rem;
	}
}

/* ==========================================================================
   Small Mobile (< 576px)
   ========================================================================== */

@media (max-width: 575.98px) {
	.section-padding {
		padding: 50px 0;
	}

	.hero-badge {
		font-size: 0.6875rem;
		padding: 0.375rem 0.75rem;
	}

	.hero-headline {
		font-size: 1.75rem;
	}

	.hero-subheadline {
		font-size: 0.9375rem;
	}

	.wave-divider svg {
		height: 50px;
	}

	.service-card-inner {
		padding: 1.5rem;
	}

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

	/* Prompt 2 responsive */
	.testimonial-card {
		padding: 2rem 1.5rem;
		margin: 0;
	}

	.testimonials-carousel .carousel-control-prev,
	.testimonials-carousel .carousel-control-next {
		display: none;
	}

	.cta-section {
		padding: 80px 0;
	}

	.cta-actions {
		flex-direction: column;
	}

	.cta-actions .vc-btn {
		width: 100%;
	}

	.vessel-card-actions {
		flex-direction: column;
	}

	.back-to-top {
		bottom: 1.25rem;
		right: 1.25rem;
		width: 42px;
		height: 42px;
	}

	.stat-counter-number {
		font-size: 1.375rem;
	}
}