/*
Theme Name: Ritch Designs
Theme URI: https://example.com/ritch-designs
Author: Ritch Designs
Author URI: https://example.com
Description: A Gutenberg-ready starter theme for Ritch Designs.
Version: 1.0.0
Text Domain: ritch-designs
*/

body {
	font-family: 'Inter', Arial, sans-serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background: #f8f8f8;
	color: #222;
}

img {
	max-width: 100%;
	height: auto;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.site-header,
.site-footer {
	background: #111;
	color: #fff;
	padding: 20px 0;
}

.site-navigation ul {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 20px;
}

.site-navigation a {
	color: #fff;
	text-decoration: none;
}

.entry,
.project-item,
.widget {
	margin-bottom: 24px;
}

@media (max-width: 1399px) {
	.container {
		max-width: 1100px;
	}
}

@media (max-width: 1199px) {
	.container {
		max-width: 960px;
	}
}

@media (max-width: 1023px) {
	.container {
		max-width: 860px;
	}
	.site-navigation ul {
		flex-wrap: wrap;
	}
}

@media (max-width: 900px) {
	.container {
		max-width: 760px;
	}
}

@media (max-width: 739px) {
	.container {
		padding: 0 16px;
	}
	.site-navigation ul {
		display: block;
	}
}

@media (max-width: 439px) {
	.container {
		padding: 0 12px;
	}
}

/*--------------------------------------------------------------
  Future Gutenberg / ACF block styles
--------------------------------------------------------------*/
/* START: Future block CSS */
/* Add block-specific styles, reusable utilities, and ACF-driven layouts here. */

.wp-block-group,
.wp-block-columns,
.wp-block-cover,
.wp-block-media-text,
.wp-block-gallery {
	margin-bottom: 2rem;
}

.ritch-block {
	padding: 1.5rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
}

.ritch-block h2,
.ritch-block h3 {
	margin-top: 0;
}

.ritch-block-cta,
.ritch-block-media-banner,
.ritch-block-testimonials {
	background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
}

/* END: Future block CSS */
/*--------------------------------------------------------------
  End Future Gutenberg / ACF block styles
--------------------------------------------------------------*/
