/*
Theme Name: Recart Creative
Description: Recart Creative için özel WordPress başlangıç teması.
Version: 0.1.0
Requires PHP: 8.0
Text Domain: recart-creative
*/

:root {
  --canvas: #f7f5f0;
  color-scheme: light;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--canvas); }
body { min-height: 100vh; }
body { color: #292323; font-family: Georgia, 'Times New Roman', serif; font-size: 18px; line-height: 1.65; }
a { color: inherit; text-underline-offset: .2em; }
a:hover { color: #a82224; }
::selection { background: #f3cecb; color: #292323; }
:focus-visible { outline: 3px solid #ba272b; outline-offset: 5px; }
.wrap { width: min(1120px, calc(100% - 80px)); margin-inline: auto; }
.site-header { min-height: 88px; display: flex; align-items: center; justify-content: flex-end; gap: 32px; border-bottom: 1px solid #d4c8c3; }
.wordmark { font: 700 22px/1.1 Arial, sans-serif; letter-spacing: .06em; text-decoration: none; }
.wordmark span { display: block; font-size: 11px; letter-spacing: .32em; margin-top: 7px; }
nav { display: flex; gap: 28px; font: 14px/1.5 Arial, sans-serif; }
nav a { text-decoration: none; }
.hero { padding-block: 80px 36px; }
h1, h2, h3, p { margin: 0; }
h1 { font-size: clamp(64px, 8vw, 96px); font-weight: 400; line-height: 1.06; letter-spacing: -.04em; }
em { font-weight: 400; color: #ba272b; }
.hero-bottom { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-top: 42px; }
.hero-bottom p { max-width: 560px; font-size: 22px; }
.button { display: inline-flex; justify-content: space-between; align-items: center; gap: 28px; padding: 18px 24px; background: #ba272b; color: #fff; text-decoration: none; font: 15px/1.5 Arial, sans-serif; flex-shrink: 0; }
.button:hover { background: #951d20; color: #fff; }
.button span { font-size: 22px; }
.hero-note { margin-top: 64px; padding-top: 22px; border-top: 1px solid #d4c8c3; font: 13px/1.7 Arial, sans-serif; color: #645452; }
.section { padding-block: 90px; }
h2 { font-weight: 400; font-size: clamp(36px, 4.4vw, 56px); line-height: 1.15; letter-spacing: -.03em; }
h3 { font-size: 29px; font-weight: 400; line-height: 1.3; }
p + p { margin-top: 20px; }
.intro { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; }
.intro p, .services p, .brief p, .faq p { color: #5b4c49; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 48px; }
.section-heading p { font-size: 16px; }
.services article { display: grid; grid-template-columns: 1fr 1.35fr; gap: 60px; padding: 30px 0; border-top: 1px solid #d4c8c3; }
.services article:last-child { border-bottom: 1px solid #d4c8c3; }
.services p { font-size: 17px; }
.brief { background: #f1e4df; }
.brief-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; }
ol { margin: 30px 0 0; padding-left: 24px; }
li { padding: 12px 0 12px 12px; }
li strong, li span { display: block; }
li strong { font-weight: 400; font-size: 23px; }
li span { color: #5b4c49; font-size: 16px; }
.faq { max-width: 880px; }
.faq h2 { margin-bottom: 40px; }
details { border-bottom: 1px solid #d4c8c3; }
summary { cursor: pointer; padding: 24px 0; font-size: 21px; }
details p { padding: 0 0 28px; font-size: 17px; max-width: 70ch; }
.contact { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; border-top: 1px solid #d4c8c3; }
.contact p { font-size: 17px; margin-bottom: 24px; }
.site-footer { border-top: 1px solid #d4c8c3; padding-block: 30px; display: flex; justify-content: space-between; gap: 24px; font: 12px/1.7 Arial, sans-serif; }
.skip { position: absolute; top: 8px; left: 8px; padding: 12px; background: #fff; transform: translateY(-200%); }
.skip:focus { transform: none; }
@media (max-width: 760px) {
  .wrap { width: calc(100% - 40px); }
  .site-header { min-height: 94px; gap: 20px; }
  .wordmark { font-size: 17px; }
  nav { gap: 16px; font-size: 12px; }
  .hero { padding-top: 56px; }
  h1 { font-size: clamp(54px, 11vw, 80px); }
  .hero-bottom, .section-heading, .contact { display: block; }
  .hero-bottom p { font-size: 20px; margin-bottom: 28px; }
  .hero-note { margin-top: 42px; }
  .section { padding-block: 60px; }
  .intro, .brief-grid, .services article { grid-template-columns: 1fr; gap: 24px; }
  .section-heading p { margin-top: 24px; }
  .services article { gap: 14px; }
  .contact h2 { margin-bottom: 32px; }
  .site-footer { flex-wrap: wrap; }
}
@media (max-width: 360px) { nav { gap: 10px; } .wrap { width: calc(100% - 32px); } }

.guide { max-width: 880px; }
.guide > h2 { margin-bottom: 32px; }
.guide-toc { display: block; font: inherit; }
.guide-toc ul { columns: 2; padding-left: 24px; }
.guide-toc li { padding: 6px 0; break-inside: avoid; }
.guide-toc a { text-decoration: underline; }
.guide-chapter { padding-top: 64px; }
.guide-chapter h2 { margin-bottom: 28px; font-size: clamp(32px, 4vw, 44px); }
.guide-chapter h3 { margin: 36px 0 18px; font-size: 27px; }
.guide-chapter p { max-width: 72ch; }
@media (max-width: 760px) { .guide-toc ul { columns: 1; } }