@charset "utf-8";

/* SEO/GEO sayfaları, breadcrumb ve izin arayüzü */
.breadcrumb {
	max-width: var(--container-max);
	margin: 0 auto;
	padding: var(--sp-4) var(--container-pad);
	font-size: var(--text-body-sm);
}
.breadcrumb ol { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin: 0; padding: 0; list-style: none; }
.breadcrumb li + li::before { content: '/'; margin-right: var(--sp-2); color: var(--color-text-muted); }
.breadcrumb a { color: var(--color-primary); }

.seo-hero { padding: clamp(3rem, 7vw, 6rem) 0; background: var(--gradient-dark); color: var(--color-text-on-dark); }
.seo-hero h1 { margin: var(--sp-3) 0 var(--sp-5); color: var(--color-text-on-dark); font: var(--weight-extrabold) var(--text-h1)/var(--leading-tight) var(--font-display); }
.seo-eyebrow { color: var(--color-accent-on-primary); font-weight: var(--weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; }
.seo-answer { max-width: 70ch; margin: 0 0 var(--sp-6); color: var(--color-text-on-dark-secondary); font-size: var(--text-body-lg); line-height: var(--leading-relaxed); }
.seo-grid { display: grid; gap: var(--sp-6); }
.seo-grid article { padding: var(--sp-6); border: 1px solid var(--color-border); border-radius: var(--r-lg); background: var(--color-surface); box-shadow: var(--sh-sm); }
.seo-grid h2, .seo-faq h2, .seo-source h2 { margin-top: 0; color: var(--color-heading); }
.seo-grid li, .seo-source p { line-height: var(--leading-relaxed); }
.seo-steps { display: grid; gap: var(--sp-4); padding: 0; list-style: none; counter-reset: item; }
.seo-steps li { display: flex; align-items: center; gap: var(--sp-4); padding: var(--sp-4); border-radius: var(--r-md); background: var(--color-surface); }
.seo-steps span { display: grid; flex: 0 0 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--color-primary); color: var(--color-on-primary); font-weight: var(--weight-bold); }
.table-wrap { overflow-x: auto; }
.table-wrap table { width: 100%; border-collapse: collapse; background: var(--color-surface); }
.table-wrap th, .table-wrap td { padding: var(--sp-4); border: 1px solid var(--color-border); text-align: left; }
.seo-faq details { margin-block: var(--sp-3); padding: var(--sp-4); border: 1px solid var(--color-border); border-radius: var(--r-md); background: var(--color-surface); }
.seo-faq summary { cursor: pointer; color: var(--color-heading); font-weight: var(--weight-semibold); }
.seo-faq details p { margin-bottom: 0; line-height: var(--leading-relaxed); }
.site-footer__legal-note { color: var(--color-text-on-dark-muted); font-size: var(--text-caption); line-height: var(--leading-normal); }

.consent-banner { position: fixed; z-index: 10000; right: var(--sp-4); bottom: var(--sp-4); left: var(--sp-4); max-width: 42rem; margin-left: auto; padding: var(--sp-5); border: 1px solid var(--color-border-dark-strong); border-radius: var(--r-lg); background: var(--color-surface-dark-elevated); color: var(--color-text-on-dark); box-shadow: var(--sh-dark-lg); }
.consent-banner p { margin: 0 0 var(--sp-4); color: var(--color-text-on-dark-secondary); line-height: var(--leading-normal); }
.consent-banner a { color: var(--color-accent-on-primary); }
.consent-banner__actions { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.consent-settings { position: fixed; z-index: 9999; right: var(--sp-3); bottom: var(--sp-3); padding: .65rem .85rem; border: 1px solid var(--color-border); border-radius: var(--r-pill); background: var(--color-surface); color: var(--color-primary); font-weight: var(--weight-semibold); }
.hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

@media (min-width: 768px) {
	.seo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.consent-banner { left: auto; min-width: 36rem; }
}