/* ORFARMA temel stiller: sıfırlama, tipografi, kapsayıcı, erişilebilirlik, başlık/altbilgi kabuğu.
   Değerler yalnız tokens.css değişkenlerinden gelir. */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--orf-font-ui);
	font-size: var(--orf-metin-govde-m-boyut);
	line-height: var(--orf-metin-govde-m-satir);
	color: var(--orf-murekkep);
	background: var(--orf-beyaz);
	-webkit-font-smoothing: antialiased;
}
img, svg, video { display: block; max-width: 100%; height: auto; }
.orf-ikon { display: inline-block; flex: none; width: auto; vertical-align: middle; color: inherit; }
a { color: inherit; text-underline-offset: 0.15em; }
a:hover { color: var(--orf-kirmizi-derin); }
:focus-visible { outline: 2px solid var(--orf-kirmizi-derin); outline-offset: 2px; }
h1, h2, h3 { font-family: var(--orf-font-display); font-weight: 600; margin: 0 0 0.5em; }
h1 { font-size: var(--orf-metin-display-l-boyut); line-height: var(--orf-metin-display-l-satir); letter-spacing: -0.015em; }
h2 { font-size: var(--orf-metin-h2-boyut); line-height: var(--orf-metin-h2-satir); letter-spacing: -0.01em; }
h3 { font-size: var(--orf-metin-h3-boyut); line-height: var(--orf-metin-h3-satir); letter-spacing: -0.005em; }
h4 { font-family: var(--orf-font-ui); font-weight: 700; font-size: var(--orf-metin-h4-boyut); line-height: var(--orf-metin-h4-satir); margin: 0 0 0.5em; }
p { margin: 0 0 1em; }
em { font-style: italic; }
button, input, select, textarea { font: inherit; color: inherit; }

.screen-reader-text {
	border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden;
	padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.skip-link:focus {
	clip-path: none; height: auto; width: auto; margin: 0; z-index: 100000;
	top: 8px; left: 8px; padding: 12px 16px;
	background: var(--orf-murekkep); color: var(--orf-beyaz); border-radius: var(--orf-yaricap-rozet);
}

.orf-container {
	width: 100%;
	max-width: calc(var(--orf-izgara-icerik) + 2 * var(--orf-izgara-kenar));
	margin-inline: auto;
	padding-inline: var(--orf-izgara-kenar);
}
.orf-container--narrow { max-width: calc(820px + 2 * var(--orf-izgara-kenar)); }
@media (max-width: 767px) {
	.orf-container { padding-inline: var(--orf-izgara-mobil-kenar); }
}
.site-main { display: block; padding-block: var(--orf-izgara-mobil-bolum); }
.site-main--elementor { padding-block: 0; }

/* Başlık ve altbilgi kabuğu — Figma tasarımı F5'te uygulanır. */
.site-header { background: var(--orf-beyaz); border-bottom: 1px solid var(--orf-cizgi); }
.site-header__bar { display: flex; align-items: center; gap: 32px; min-height: 80px; }
.site-header__actions { margin-inline-start: auto; display: flex; align-items: center; gap: 8px; }
.orf-logo { display: inline-flex; }
.orf-logo img { width: 176px; height: auto; }
.orf-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.orf-nav__list a {
	font-weight: 600; font-size: var(--orf-metin-nav-boyut); line-height: var(--orf-metin-nav-satir);
	text-decoration: none;
}
.site-footer { background: var(--orf-murekkep); color: var(--orf-beyaz); padding-block: var(--orf-izgara-mobil-bolum); }
.site-footer a { color: inherit; }
.site-footer a:hover { color: var(--orf-kirmizi-acik); }
.site-footer__inner { display: grid; gap: 32px; }
.site-footer__columns { display: grid; gap: 24px; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.site-footer .orf-nav__list { flex-direction: column; gap: 8px; }
.site-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; padding-top: 24px; }

.orf-search-form { display: flex; gap: 8px; max-width: 520px; }
.orf-search-form__field {
	flex: 1; min-height: 48px; padding: 0 20px;
	border: 1px solid var(--orf-cizgi); border-radius: var(--orf-yaricap-kapsul); background: var(--orf-beyaz);
}
.orf-search-form__submit {
	min-height: 48px; padding: 0 24px; border: 0; cursor: pointer;
	border-radius: var(--orf-yaricap-kapsul); background: var(--orf-kirmizi-derin); color: var(--orf-beyaz);
	font-weight: 700;
}
.orf-post-list { display: grid; gap: 32px; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
.orf-post-card__media img { border-radius: var(--orf-yaricap-gorsel); aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }
.orf-post-card__title { font-size: var(--orf-metin-h3-boyut); line-height: var(--orf-metin-h3-satir); margin-top: 16px; }
.orf-post-card__title a { text-decoration: none; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}

/* Kısa sayfalarda altbilgi ekranın altına oturur. */
body { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body > .site-main { flex: 1 0 auto; }