
/*
Theme Name: Ani Atolyesi Admin Pro
Theme URI: https://example.com/
Author: OpenAI
Description: Anı Atölyesi için yönetilebilir klasik WordPress tema.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ani-atolyesi-pro
*/
:root {
  --color-bg-warm: #fdfbf7;
  --color-ink: #1a1a1a;
  --color-accent: #b8860b;
  --color-accent-light: #f0e6d2;
  --color-muted: #6b6b6b;
  --container: 1200px;
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --shadow-soft: 0 10px 30px rgba(0,0,0,.05);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--color-bg-warm);
  color: var(--color-ink);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.container { width: min(var(--container), calc(100% - 32px)); margin: 0 auto; }
.section { padding: 96px 0; }
.section-white { background: #fff; }
.eyebrow { color: var(--color-accent); text-transform: uppercase; letter-spacing: .2em; font-weight: 700; font-size: 13px; margin: 0 0 14px; }
.display, h1, h2, h3, h4, .brand { font-family: "Playfair Display", Georgia, serif; }
.muted { color: var(--color-muted); }
.site-header {
  position: sticky; top: 0; z-index: 50; backdrop-filter: blur(12px);
  background: rgba(253,251,247,.88); border-bottom: 1px solid rgba(0,0,0,.06);
}
.site-header-inner { min-height: 78px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { font-size: 32px; font-weight: 600; }
.brand span { color: var(--color-accent); }
.nav { display:flex; gap:28px; font-size: 13px; text-transform: uppercase; letter-spacing: .12em; color: var(--color-muted); }
.nav a:hover { color: var(--color-ink); }
.btn {
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding: 14px 24px; border-radius: 999px; font-weight: 600; transition: .2s ease;
  border: 1px solid transparent;
}
.btn-primary { background: var(--color-ink); color: #fff; }
.btn-primary:hover { opacity: .9; transform: translateY(-1px); }
.btn-secondary { background: #fff; border-color: rgba(0,0,0,.08); }
.btn-whatsapp { background:#25D366; color:#fff; }
.hero { padding: 96px 0 48px; }
.hero h1 { font-size: clamp(42px, 8vw, 78px); line-height: 1.08; margin: 0 0 24px; text-align:center; }
.hero h1 em { color: var(--color-accent); font-style: italic; }
.hero p { max-width: 760px; margin: 0 auto 28px; text-align:center; font-size: clamp(18px, 2vw, 21px); color: var(--color-muted); }
.hero-actions { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; }
.showcase-grid, .services-grid, .niche-grid, .pricing-grid, .two-col, .addons-grid { display:grid; gap:24px; }
.showcase-grid { grid-template-columns: repeat(4, 1fr); }
.showcase-card {
  position:relative; overflow:hidden; border-radius: var(--radius-xl); aspect-ratio: 4/5; background:#ddd;
}
.showcase-card img { width:100%; height:100%; object-fit:cover; transition: transform .7s ease; }
.showcase-card:hover img { transform: scale(1.05); }
.showcase-overlay {
  position:absolute; inset:0; background: linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,.05));
  display:flex; align-items:flex-end; padding:28px; color:#fff;
}
.card-kicker { text-transform:uppercase; letter-spacing:.16em; font-size:12px; opacity:.85; margin-bottom:8px; }
.card-title { font-family:"Playfair Display", Georgia, serif; font-size:24px; }
.services-grid, .niche-grid { grid-template-columns: repeat(3, 1fr); }
.service-card, .niche-card, .price-card, .panel, .faq-item {
  border-radius: var(--radius-xl); background:#fff; border:1px solid rgba(0,0,0,.06);
}
.service-card { padding: 28px; background: transparent; border: 0; }
.service-icon, .niche-icon {
  width:56px; height:56px; border-radius:18px; background: var(--color-bg-warm); display:flex; align-items:center; justify-content:center;
  color: var(--color-accent); font-size:24px; margin-bottom:20px;
}
.niche-card, .panel, .price-card { padding: 28px; box-shadow: var(--shadow-soft); }
.service-title, .niche-title, .panel h4 { margin: 0 0 10px; font-size: 28px; font-family: "Playfair Display", Georgia, serif; }
.service-card h4, .niche-card h4, .price-card h4 { margin:0 0 12px; font-size:26px; font-family: "Playfair Display", Georgia, serif; }
.price-card.popular { border-color: var(--color-accent); }
.price-badge { display:inline-block; margin-bottom:14px; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:#fff; background: var(--color-accent); padding:8px 14px; border-radius:999px; }
.price-amount { font-size: 40px; margin-bottom: 10px; }
.price-amount small { font-size: 14px; color: var(--color-muted); }
.feature-list { list-style:none; padding:0; margin: 18px 0 28px; display:grid; gap:10px; }
.feature-list li { color: var(--color-muted); }
.two-col { grid-template-columns: repeat(2, 1fr); margin-top:24px; }
.addons-grid { grid-template-columns: repeat(2, 1fr); }
.dark-panel { background: var(--color-ink); color:#fff; }
.discount-item, .addon-item { border-radius: 16px; padding: 16px; }
.addon-item { background: rgba(255,255,255,.08); }
.discount-item { background: rgba(255,255,255,.55); }
.quote-section { background: var(--color-ink); color:#fff; text-align:center; }
.quote-section h2 { font-size: clamp(30px, 5vw, 54px); line-height:1.2; margin: 0 0 24px; }
.quote-section h2 span { opacity: .72; font-style: italic; }
.faq-list { display:grid; gap:14px; }
.faq-item summary { list-style:none; cursor:pointer; padding:24px; font-weight:600; display:flex; justify-content:space-between; gap:20px; }
.faq-item summary::-webkit-details-marker { display:none; }
.faq-answer { padding: 0 24px 24px; color: var(--color-muted); border-top: 1px solid rgba(0,0,0,.06); }
.contact-box { text-align:center; }
.contact-box h2 { font-size: clamp(32px, 5vw, 56px); margin: 0 0 18px; }
.contact-actions { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.site-footer { padding: 28px 0 42px; border-top:1px solid rgba(0,0,0,.06); }
.footer-inner { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; color: var(--color-muted); }
.footer-links { display:flex; gap:20px; flex-wrap:wrap; }
.page-content { padding: 60px 0 90px; }
.page-content h1 { font-size: 48px; }
.admin-help { background:#fff8e8; border:1px solid #f2dfb2; padding:16px; border-radius:12px; margin:16px 0; }
@media (max-width: 1100px){ .showcase-grid { grid-template-columns: repeat(2, 1fr); } .services-grid,.niche-grid,.pricing-grid,.two-col { grid-template-columns: 1fr 1fr; } }
@media (max-width: 800px){ .nav { display:none; } .services-grid,.niche-grid,.pricing-grid,.two-col,.addons-grid,.showcase-grid { grid-template-columns: 1fr; } .section { padding: 72px 0; } }


/* Admin helpers */
.ani-admin-wrap .postbox{max-width:1200px}


/* Commerce additions */
.hero-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:start}.hero-offer-card{position:relative;z-index:2}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.trust-row span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:14px}.offer-form{display:grid;gap:12px;margin-top:16px}.offer-form input,.offer-form select,.offer-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.08);background:#fff;font:inherit}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offer-success{padding:12px 14px;background:#eaf7ee;border:1px solid #b8e0c2;color:#245c34;border-radius:14px;margin:10px 0 4px}.section-title{font-size:clamp(34px,5vw,58px);margin:0 0 14px}.section-head{max-width:760px;margin:0 auto 36px}.section-head.center,.center{text-align:center}.narrow{max-width:760px;margin:0 auto 42px}.soft{color:rgba(0,0,0,.45)}.pricing-grid-4{grid-template-columns:repeat(4,1fr)}.meta-strong{margin:18px 0 12px;font-weight:600}.inline-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.border-row{padding:18px 0;border-bottom:1px solid rgba(0,0,0,.06)}.tiny-row{margin-top:8px;font-size:13px;color:var(--color-muted)}.amount-sm{font-size:28px}.accent{color:var(--color-accent)}.strong{font-weight:700}.dark-muted{color:rgba(255,255,255,.7);font-size:14px}.soft-panel{background:var(--color-accent-light)}.before-after-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.ba-card h4{margin:18px 0 0}.ba-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ba-split img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;margin-top:8px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-card{position:relative;min-height:100%}.quote-mark{font-size:56px;line-height:1;color:var(--color-accent);opacity:.4}.testimonial-meta{display:flex;flex-direction:column;gap:4px;margin-top:16px;color:var(--color-muted);font-size:14px}.faq-shell{max-width:900px}.contact-meta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:0 0 24px;color:var(--color-muted)}@media (max-width:1100px){.hero-shell,.pricing-grid-4,.testimonial-grid{grid-template-columns:1fr 1fr}.before-after-grid{grid-template-columns:1fr}}@media (max-width:760px){.hero-shell,.pricing-grid-4,.two-col,.before-after-grid,.testimonial-grid,.offer-grid,.ba-split{grid-template-columns:1fr}.contact-meta,.trust-row{justify-content:flex-start}}


/* Delivery upgrade */
.btn-small{padding:.7rem 1rem;font-size:.95rem}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--text,#fff)}
.stack-actions{display:grid;gap:.7rem;margin-top:1rem}
.offer-success{display:grid;gap:.75rem;background:#123222;color:#e8ffe8;padding:1rem;border-radius:16px;margin-bottom:1rem}
.upload-help{display:block;font-size:.92rem;opacity:.82;margin-top:.35rem}
.offer-form input[type=file]{padding:.8rem;border:1px dashed rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.03)}
.blog-shell,.article-shell{max-width:1100px}
.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}
.post-card .post-thumb img,.article-thumb img{width:100%;height:auto;border-radius:18px;display:block}
.post-title a{text-decoration:none;color:inherit}
.article-card{max-width:820px;margin:0 auto}
.article-title{margin-bottom:1rem}
.article-content{line-height:1.8}
.article-content h2,.article-content h3{margin-top:1.4em}
.pagination-wrap{margin-top:1.5rem}
.ani-image-preview-wrap{margin-top:.6rem}
.ani-image-preview{display:block;width:180px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #dcdcde;background:#fff}
.ani-image-preview.placeholder{display:flex;align-items:center;justify-content:center;color:#666;font-size:12px}
