/**
 * TKA Energy — Responsive Styles
 */

/* ── Tablet (768px – 999px) ────────────────── */
@media (max-width: 999px) {
	:root {
		--font-size-hero: 36px;
		--section-padding: 50px 0;
	}

	.section-title {
		font-size: var(--font-size-h3);
	}

	/* Grid adjustments */
	.col-md-6 { flex: 0 0 50%; max-width: 50%; }
	.col-md-12 { flex: 0 0 100%; max-width: 100%; }

	/* Header */
	.top-bar {
		display: none;
	}

	.site-header.classic,
	.site-header.transparent {
		position: fixed;
		top: 0;
		background: #ffffff;
		box-shadow: 0 1px 5px rgba(0,0,0,0.08);
	}

	.site-header.sticky {
		min-height: auto;
	}

	.site-header .header-wrap {
		min-height: 60px;
	}

	.main-menu {
		display: none;
	}

	.burger {
		display: flex;
	}

	.burger span {
		background: #000000;
	}

	.burger.active span {
		background: #000000;
	}

	.mobile-overlay {
		display: block;
	}

	/* Hero */
	.hero-section {
		margin-top: 0;
		padding-top: var(--header-height);
		height: auto;
		min-height: 450px;
		max-height: none;
	}

	/* Services grid */
	.services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.services-grid .service-card:nth-child(3n) {
		border-right: 1px solid var(--color-border);
	}

	.services-grid .service-card:nth-child(2n) {
		border-right: none;
	}

	.services-grid .service-card:nth-child(n+4) {
		border-bottom: 1px solid var(--color-border);
	}

	/* Features grid */
	.features-grid {
		grid-template-columns: repeat(2, 1fr);
	}

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

	/* Projects grid */
	.projects-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Clients */
	.clients-row {
		justify-content: center;
	}

	.clients-row .client-logo {
		flex: 0 0 calc(33.333% - var(--space-xl));
	}

	/* Footer */
	.site-footer .col-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.copyright-bar .container {
		flex-direction: column;
		gap: var(--space-sm);
		text-align: center;
	}

	.section-heading {
		margin-bottom: var(--space-2xl);
	}
}

/* ── Mobile (< 768px) ──────────────────────── */
@media (max-width: 767px) {
	:root {
		--font-size-hero: 28px;
		--font-size-h1: 24px;
		--font-size-h2: 22px;
		--font-size-h3: 20px;
	}

	/* Full-width buttons */
	.btn {
		width: 100%;
	}

	.btn-minimal {
		width: auto;
	}

	/* Grid — all full width */
	.col-sm-12 { flex: 0 0 100%; max-width: 100%; }

	/* Hero */
	.hero-section {
		min-height: 400px;
	}

	.hero-title {
		font-size: var(--font-size-hero);
	}

	.hero-ctas {
		flex-direction: column;
		align-items: center;
	}

	/* Services — single column */
	.services-grid {
		grid-template-columns: 1fr;
	}

	.services-grid .service-card {
		border-right: none;
		border-bottom: 1px solid var(--color-border);
	}

	.services-grid .service-card:last-child {
		border-bottom: none;
	}

	/* Features — single column */
	.features-grid {
		grid-template-columns: 1fr;
	}

	/* News — single column */
	.news-grid {
		grid-template-columns: 1fr;
	}

	/* Projects */
	.projects-grid {
		grid-template-columns: 1fr;
	}

	.portfolio-filter {
		gap: var(--space-xs);
	}

	.portfolio-filter .filter-btn {
		padding: 6px 12px;
		font-size: var(--font-size-xs);
	}

	/* Testimonials */
	.testimonial-quote::before {
		left: 50%;
		transform: translateX(-50%);
	}

	/* Clients */
	.clients-row .client-logo {
		flex: 0 0 calc(50% - var(--space-xl));
	}

	/* Footer — full width */
	.site-footer .col-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}

	/* Copyright */
	.copyright-bar .copyright-links {
		flex-direction: column;
		gap: var(--space-xs);
		text-align: center;
	}

	/* CTA */
	.cta-title {
		font-size: var(--font-size-h3);
	}

	/* Section */
	.section {
		padding: 40px 0;
	}
}