/**
 * 3DOTECH Theme - Responsive Styles
 *
 * @package 3DOTECH
 */

/* ========================================
   Tablet (max-width: 1024px)
   ======================================== */
@media (max-width: 1024px) {
	.dotech-products-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.dotech-hero__title {
		font-size: 2.5rem;
	}

	.dotech-section-header__title {
		font-size: 2rem;
	}
}

/* ========================================
   Mobile (max-width: 768px)
   ======================================== */
@media (max-width: 768px) {
	/* Header & Navigation */
	.dotech-header__container {
		padding: var(--dotech-spacing-sm);
	}

	.dotech-nav-menu {
		position: fixed;
		top: 80px;
		left: 0;
		right: 0;
		background-color: var(--dotech-background);
		flex-direction: column;
		padding: var(--dotech-spacing-md);
		box-shadow: 0 4px 12px var(--dotech-shadow);
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 9999;
		gap: var(--dotech-spacing-sm);
	}

	/* Admin bar support for mobile menu */
	.admin-bar .dotech-nav-menu {
		top: 126px;
	}

	.dotech-nav-menu.is-open {
		transform: translateX(0);
	}

	.dotech-nav-menu .sub-menu {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		padding-left: var(--dotech-spacing-md);
		display: none;
	}

	.dotech-nav-menu li.menu-item-has-children.active > .sub-menu {
		display: block;
	}

	.dotech-header__mobile-toggle {
		display: block;
	}

	.dotech-header__actions {
		gap: var(--dotech-spacing-xs);
	}

	/* Hero Section */
	.dotech-hero {
		padding: var(--dotech-spacing-lg) 0;
	}

	.dotech-hero__title {
		font-size: 2rem;
	}

	.dotech-hero__subtitle {
		font-size: 1rem;
	}

	.dotech-hero__actions {
		flex-direction: column;
		align-items: center;
	}

	.dotech-hero__actions .dotech-btn {
		width: 100%;
		max-width: 300px;
	}

	/* Trust Indicators */
	.dotech-trust__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	/* Products Grid */
	.dotech-products-grid {
		grid-template-columns: 1fr;
	}

	/* Process Steps */
	.dotech-process__steps {
		grid-template-columns: 1fr;
	}

	/* Testimonials */
	.dotech-testimonials__grid {
		grid-template-columns: 1fr;
	}

	/* Footer */
	.dotech-footer__top {
		grid-template-columns: 1fr;
		gap: var(--dotech-spacing-md);
	}

	/* Blog */
	.dotech-blog__grid {
		grid-template-columns: 1fr;
	}

	/* Typography */
	h1 { font-size: 2rem; }
	h2 { font-size: 1.75rem; }
	h3 { font-size: 1.5rem; }

	.dotech-section-header__title {
		font-size: 1.75rem;
	}

	.dotech-page__title {
		font-size: 2rem;
	}

	.dotech-cta__title {
		font-size: 2rem;
	}
}

/* ========================================
   Small Mobile (max-width: 480px)
   ======================================== */
@media (max-width: 480px) {
	.dotech-container {
		padding: 0 var(--dotech-spacing-sm);
	}

	.dotech-hero__title {
		font-size: 1.75rem;
	}

	.dotech-trust__grid {
		grid-template-columns: 1fr;
	}

	.dotech-trust__number {
		font-size: 2rem;
	}

	.dotech-btn--large {
		padding: 0.75rem 1.5rem;
		font-size: 1rem;
	}

	.dotech-modal__content {
		padding: var(--dotech-spacing-md);
		width: 95%;
	}

	.dotech-modal__close {
		top: var(--dotech-spacing-xs);
		right: var(--dotech-spacing-xs);
		font-size: 1.5rem;
	}

	.dotech-404__title {
		font-size: 5rem;
	}

	.dotech-404__subtitle {
		font-size: 1.5rem;
	}

	.dotech-404__actions {
		flex-direction: column;
		align-items: center;
	}

	.dotech-404__actions .dotech-btn {
		width: 100%;
		max-width: 300px;
	}
}

/* ========================================
   RTL Support (Arabic)
   ======================================== */
.rtl {
	direction: rtl;
	text-align: right;
}

.rtl .dotech-nav-menu {
	text-align: right;
}

.rtl .dotech-nav-menu .sub-menu {
	left: auto;
	right: 0;
}

.rtl .dotech-lang-dropdown {
	right: auto;
	left: 0;
}

.rtl .dotech-faq__question {
	text-align: right;
}

.rtl .dotech-form__label {
	text-align: right;
}

.rtl .dotech-modal__close {
	right: auto;
	left: var(--dotech-spacing-sm);
}

.rtl .dotech-header__logo {
	margin-right: 0;
	margin-left: auto;
}

.rtl .dotech-header__actions {
	margin-left: 0;
	margin-right: auto;
}

/* ========================================
   Print Styles
   ======================================== */
@media print {
	.dotech-header,
	.dotech-footer,
	.dotech-cta,
	.dotech-btn {
		display: none;
	}

	.dotech-main {
		padding-top: 0;
	}

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

	a {
		text-decoration: underline;
		color: #000;
	}
}