/* ==================================================================
   FMB Global — main.css  (her sayfa)
   Premium outdoor living · Alsace, FR
   ================================================================== */

:root {
	/* --- Marka paleti --------------------------------------------- */
	--fmb-ink:        #16191d;   /* en koyu — başlık/metin */
	--fmb-charcoal:   #34322d;   /* sıcak antrasit — ana marka */
	--fmb-charcoal-2: #37352f;
	--fmb-muted:      #6f6d68;   /* ikincil metin */
	--fmb-line:       #e4e1dc;   /* ince çizgi/sınır */
	--fmb-sand:       #f8f8f7;   /* açık zemin (eski siteden) */
	--fmb-white:      #ffffff;

	--fmb-accent:     #b0894f;   /* premium pirinç/altın aksan */
	--fmb-accent-2:   #997539;   /* hover koyu */
	--fmb-nature:     #3f6f52;   /* biyofilik yeşil — az kullan */

	/* --- Tipografi ------------------------------------------------ */
	--fmb-font-head: "Fraunces", Georgia, "Times New Roman", serif;
	--fmb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	/* --- Şekil / ölçü --------------------------------------------- */
	--fmb-radius:    14px;
	--fmb-radius-lg: 22px;
	--fmb-shadow:    0 1px 2px rgba(22,25,29,.05), 0 8px 24px rgba(22,25,29,.06);
	--fmb-container: 1200px;
}

/* --- Tipografi temeli ------------------------------------------- */
body {
	font-family: var(--fmb-font-body);
	color: var(--fmb-charcoal);
	background: var(--fmb-white);
}
h1, h2, h3, h4, .fmb-display {
	font-family: var(--fmb-font-head);
	color: var(--fmb-ink);
	letter-spacing: -0.01em;
}

/* --- Butonlar (premium) ----------------------------------------- */
.fmb-btn,
.wp-block-button__link.fmb-btn {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .85rem 1.6rem;
	border-radius: 999px;
	font-weight: 600;
	font-family: var(--fmb-font-body);
	text-decoration: none;
	line-height: 1;
	transition: background-color .18s ease, transform .18s ease;
}
.fmb-btn--primary { background: var(--fmb-accent); color: #fff; }
.fmb-btn--primary:hover { background: var(--fmb-accent-2); transform: translateY(-1px); }
.fmb-btn--dark { background: var(--fmb-charcoal); color: #fff; }
.fmb-btn--dark:hover { background: var(--fmb-ink); }
.fmb-btn--ghost { background: transparent; color: var(--fmb-ink); border: 1px solid var(--fmb-line); }
.fmb-btn--ghost:hover { border-color: var(--fmb-accent); color: var(--fmb-accent-2); }

/* ==================================================================
   TUZAK #5 — GeneratePress tam genişlik zinciri
   body.fmb-fullwidth iken içerik konteynerini %100'e aç.
   100vw KULLANMA (scrollbar + GP offset bozar). Sadece %100.
   ================================================================== */
.fmb-fullwidth #page,
.fmb-fullwidth .site-content,
.fmb-fullwidth .content-area,
.fmb-fullwidth #primary,
.fmb-fullwidth #main,
.fmb-fullwidth .entry-content,
.fmb-fullwidth .inside-article,
.fmb-fullwidth .grid-container.container {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.fmb-fullwidth .inside-article > .entry-content { margin-top: 0 !important; }
.fmb-fullwidth .entry-content > * { margin-top: 0; margin-bottom: 0; }

/* İçerik bölümlerinin kendi iç max-width'i (full-bleed section + dar içerik) */
.fmb-section { padding: clamp(48px, 7vw, 96px) 20px; }
.fmb-section__inner { max-width: var(--fmb-container); margin: 0 auto; }
.fmb-section--sand { background: var(--fmb-sand); }
.fmb-section--ink  { background: var(--fmb-ink); color: #fff; }
.fmb-section--ink h1, .fmb-section--ink h2, .fmb-section--ink h3 { color: #fff; }