/* ==========================================================================
   Membuat Theme - Responsive Media Queries & Print Styles
   ========================================================================== */

/* Large Tablets & Small Desktops (max-width: 1024px) */
@media (max-width: 1024px) {
	.membuat-tools-grid,
	.membuat-categories-grid,
	.membuat-blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.membuat-footer__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 2.5rem;
	}

	.membuat-content-with-sidebar,
	.membuat-tool-content-layout {
		grid-template-columns: 1fr;
	}

	.membuat-tool-sidebar__sticky {
		position: static;
	}

	.membuat-hero__title {
		font-size: 2.25rem;
	}
}

/* Medium Tablets & Mobile Navigation (max-width: 960px) */
@media (max-width: 960px) {
	.membuat-nav,
	.membuat-header__search-text,
	.membuat-header__kbd {
		display: none;
	}

	.membuat-mobile-toggle {
		display: inline-flex;
	}
}

/* Medium Tablets & Mobile Landscape (max-width: 768px) */
@media (max-width: 768px) {


	.membuat-hero {
		padding: 3.5rem 0 2.5rem;
	}

	.membuat-hero__title {
		font-size: 1.875rem;
	}

	.membuat-hero__desc {
		font-size: 1rem;
		margin-bottom: 2rem;
	}

	.membuat-features-grid {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.membuat-calc-inputs {
		grid-template-columns: 1fr;
	}

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

	.membuat-tool-app {
		padding: 1.25rem;
	}

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

	.membuat-author-box {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.membuat-post-navigation {
		grid-template-columns: 1fr;
	}

	.membuat-tool-header__title {
		font-size: 2rem;
	}
}

/* Standard Mobile Devices (max-width: 480px) */
@media (max-width: 480px) {
	.membuat-tools-grid,
	.membuat-categories-grid,
	.membuat-blog-grid {
		grid-template-columns: 1fr;
	}

	.membuat-footer__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.membuat-hero__title {
		font-size: 1.625rem;
	}

	.membuat-btn {
		width: 100%;
	}

	.membuat-tool-actions {
		flex-direction: column;
		width: 100%;
	}

	.membuat-tool-actions .membuat-btn {
		width: 100%;
	}

	.membuat-btn-group {
		flex-direction: column;
		width: 100%;
	}

	.membuat-btn-group .membuat-btn {
		width: 100%;
	}

	.membuat-output-group {
		flex-direction: column;
		align-items: stretch;
	}

	.membuat-output-group .membuat-btn {
		width: 100%;
	}

	.membuat-clock-banner {
		flex-direction: column;
		text-align: center;
	}

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

	.membuat-stat-pill__num {
		font-size: 1.25rem;
	}

	.membuat-calc-result-value {
		font-size: 1.75rem;
	}

	.membuat-age-hero-string {
		font-size: 1.5rem;
	}
}

/* Narrow Handsets (320px - 360px) */
@media (max-width: 360px) {
	.membuat-container {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.membuat-brand-name {
		font-size: 1.125rem;
	}

	.membuat-hero__title {
		font-size: 1.375rem;
	}
}

/* Print Styles */
@media print {
	.membuat-header,
	.membuat-footer,
	.membuat-breadcrumbs,
	.membuat-tool-sidebar,
	.membuat-tool-actions,
	.membuat-cta-banner,
	.membuat-hero-search {
		display: none !important;
	}

	body {
		background: #ffffff !important;
		color: #000000 !important;
	}

	.membuat-tool-app,
	.membuat-article,
	.membuat-example-card {
		border: 1px solid #ccc !important;
		box-shadow: none !important;
	}
}