/*!
Theme Name: moneymaking
Theme URI: http://underscores.me/
Author: merik
Author URI: http://underscores.me/
Description: Beyaz minimalist sanat posteri mağazası
Version: 2.0.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: moneymaking
Tags: custom-background, custom-logo, custom-menu, featured-images, woocommerce
*/

/* ==========================================================================
   Reset
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	background: #fff;
	color: #111;
	font-family: 'DM Sans', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 300;
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; }
p { margin-bottom: 1em; }
p:last-child { margin-bottom: 0; }

/* ==========================================================================
   Layout
   ========================================================================== */

#page { min-height: 100vh; display: flex; flex-direction: column; }
#primary.site-main { flex: 1; }

/* ==========================================================================
   Header
   ========================================================================== */

.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border-bottom: 1px solid #ebebeb;
	height: 56px;
	display: flex;
	align-items: center;
}

.header-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
}

.site-branding { flex-shrink: 0; }

.site-title {
	font-family: 'DM Sans', sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0.005em;
	margin: 0;
}

.site-title a { color: #111; }
.site-description { display: none; }

/* Nav */
.main-navigation { display: flex; align-items: center; }

.main-navigation ul {
	display: flex;
	gap: 2.5rem;
	align-items: center;
}

.main-navigation ul li a {
	font-size: 0.75rem;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #999;
	transition: color 0.2s;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a { color: #111; }

.main-navigation ul ul { display: none; }
.menu-toggle { display: none; }

/* Cart */
.header-cart {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.75rem;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: #999;
	transition: color 0.2s;
	flex-shrink: 0;
}

.header-cart:hover { color: #111; }

.header-cart .cart-count {
	font-size: 0.625rem;
	background: #111;
	color: #fff;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.header-cart .cart-count.empty { display: none; }

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
	border-top: 1px solid #ebebeb;
	padding: 2rem;
}

.footer-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.footer-brand {
	font-size: 0.875rem;
	font-weight: 400;
	color: #111;
}

.footer-copy { font-size: 0.75rem; color: #ccc; }

.footer-links { display: flex; gap: 2rem; }

.footer-links a {
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #bbb;
	transition: color 0.2s;
}

.footer-links a:hover { color: #111; }

/* ==========================================================================
   WP helpers
   ========================================================================== */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px; width: 1px;
	overflow: hidden;
}

.skip-link:focus {
	clip: auto !important;
	position: fixed;
	top: 0; left: 0;
	background: #111; color: #fff;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	z-index: 999;
	height: auto; width: auto;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
	.header-inner { padding: 0 1.5rem; }
	.site-footer { padding: 1.75rem 1.5rem; }
	.footer-inner { flex-direction: column; align-items: flex-start; gap: 0.75rem; }
	.main-navigation ul { display: none; }
}