/*
Theme Name: Uğur Tez
Author: Uğur Tez
Description: A quiet, editorial classic WordPress theme for operations and fulfillment work.
Version: 1.1.0
Text Domain: ugur-tez
*/

:root { --bg:#f7f5f0; --paper:#fffefa; --ink:#2d302f; --muted:#64665f; --line:#d9d3c8; --bronze:#806342; --feature:#303937; --feature-ink:#f6f2ea; --feature-muted:#d1d0c8; --feature-bronze:#c5aa83; --focus:#a86d2e; }
:root[data-theme="dark"] { --bg:#202624; --paper:#2b312e; --ink:#f2eee6; --muted:#c1c1b8; --line:#515853; --bronze:#d1b58e; --feature:#171d1b; --feature-ink:#f6f2ea; --feature-muted:#d1d0c8; --feature-bronze:#d7bb91; --focus:#e6b277; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.72 "Segoe UI",Arial,sans-serif; text-rendering:optimizeLegibility; }
body, button, input, textarea, select { font-family:"Segoe UI",Arial,sans-serif; }
a { color:inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline:3px solid var(--focus); outline-offset:4px; }
.skip-link { position:absolute; left:-9999px; top:0; z-index:100; background:var(--feature); color:var(--feature-ink); padding:8px 14px; }
.skip-link:focus { left:16px; top:12px; }
.site-shell { min-height:100vh; display:flex; flex-direction:column; }
.site-main { flex:1; }
.container { width:min(1140px,calc(100% - 48px)); margin-inline:auto; }
.site-header { position:sticky; top:0; z-index:20; border-bottom:1px solid var(--line); background:var(--bg); background:color-mix(in srgb,var(--bg) 94%,transparent); backdrop-filter:blur(9px); }
.header-inner { min-height:76px; display:flex; align-items:center; gap:26px; }
.site-brand { display:inline-flex; flex-direction:column; gap:2px; color:var(--ink); text-decoration:none; line-height:1.15; }
.site-brand__name { font:400 1.38rem/1.1 Baskerville,"Iowan Old Style",Georgia,Cambria,serif; letter-spacing:-.02em; }
.site-brand__logo img { display:block; width:auto; max-width:180px; max-height:42px; }
.site-brand__role { color:var(--muted); font-size:.66rem; letter-spacing:.1em; text-transform:uppercase; }
.primary-nav { margin-left:auto; }
.primary-nav ul { display:flex; flex-wrap:wrap; align-items:center; gap:24px; list-style:none; margin:0; padding:0; }
.primary-nav a { display:inline-flex; min-height:44px; align-items:center; color:var(--muted); font-size:.88rem; text-decoration:none; }
.primary-nav a:hover, .primary-nav .current-menu-item > a, .primary-nav .current_page_item > a { color:var(--ink); }
.primary-nav .current-menu-item > a, .primary-nav .current_page_item > a { border-bottom:2px solid var(--bronze); }
.header-actions { display:flex; align-items:center; gap:8px; }
.theme-toggle, .menu-toggle { min-width:44px; min-height:44px; padding:8px 10px; border:1px solid var(--line); background:transparent; color:var(--ink); cursor:pointer; }
.theme-toggle { font-size:.76rem; }
.menu-toggle { display:none; }
.language-switcher { display:inline-flex; gap:8px; margin-left:2px; font-size:.78rem; }
.language-switcher a { min-height:44px; display:inline-flex; align-items:center; color:var(--muted); text-decoration:none; }
.language-switcher a[aria-current="page"] { color:var(--ink); font-weight:700; }
.hero { padding:96px 0 104px; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,336px); align-items:center; gap:clamp(44px,7vw,84px); }
.hero-copy { position:relative; padding-left:27px; }
.hero-copy::before { position:absolute; top:.42rem; bottom:.48rem; left:0; width:2px; background:var(--bronze); content:""; }
.eyebrow, .section-label { color:var(--bronze); font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.hero h1, .page-header h1 { max-width:780px; margin:16px 0 22px; font:400 clamp(2.75rem,5.5vw,4.15rem)/1.06 Baskerville,"Iowan Old Style",Georgia,Cambria,serif; letter-spacing:-.045em; }
.hero .lead { max-width:68ch; margin:0; color:var(--muted); font-size:1.08rem; }
.hero .lead p { margin:0 0 1em; }
.hero .lead p:last-child { margin-bottom:0; }
.portrait-wrap { width:min(100%,336px); margin:0; justify-self:end; }
.portrait { display:block; width:100%; height:auto; object-fit:contain; border-radius:6px; }
.portrait-caption { margin-top:14px; padding-left:14px; border-left:2px solid var(--bronze); color:var(--muted); font-size:.84rem; }
.section { padding:82px 0; border-top:1px solid var(--line); }
.section--feature { background:var(--feature); border-top:0; color:var(--feature-ink); }
.section--feature .section-label { color:var(--feature-bronze); }
.section--feature .muted, .section--feature .entry-summary { color:var(--feature-muted); }
.section-heading { margin:12px 0 18px; font:400 clamp(2rem,3.5vw,2.8rem)/1.15 Baskerville,"Iowan Old Style",Georgia,Cambria,serif; letter-spacing:-.025em; }
.section-intro { max-width:68ch; margin:0 0 36px; color:var(--muted); }
.content-width { max-width:68ch; }
.entry-content { max-width:68ch; }
.entry-content > *:first-child { margin-top:0; }
.entry-content p, .entry-content ul, .entry-content ol, .entry-content blockquote { margin:0 0 1.15em; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin:1.9em 0 .65em; font-family:Baskerville,"Iowan Old Style",Georgia,Cambria,serif; font-weight:400; line-height:1.2; letter-spacing:-.015em; }
.entry-content blockquote { margin-inline:0; padding:1rem 1.4rem; border-left:2px solid var(--bronze); color:var(--muted); }
.entry-content img { max-width:100%; height:auto; }
.single-entry .portrait { height:auto; }
.entry-content a, .entry-link { color:var(--bronze); text-decoration-thickness:1px; text-underline-offset:4px; }
.work-list, .post-list { border-top:1px solid var(--line); }
.section--feature .work-list, .section--feature .post-list { border-top-color:rgba(246,242,234,.3); }
.work-row, .post-row { display:grid; grid-template-columns:minmax(180px,280px) minmax(0,1fr); gap:42px; padding:27px 0; border-bottom:1px solid var(--line); }
.section--feature .work-row, .section--feature .post-row { border-bottom-color:rgba(246,242,234,.22); }
.work-row h2, .work-row h3, .post-row h2 { margin:0 0 7px; font:400 1.45rem/1.22 Baskerville,"Iowan Old Style",Georgia,Cambria,serif; }
.work-row p, .post-row p { margin:0; color:var(--muted); }
.section--feature .work-row p, .section--feature .post-row p { color:var(--feature-muted); }
.section--feature .entry-link { color:var(--feature-bronze); }
.post-meta { color:var(--bronze); font-size:.8rem; }
.section--feature .post-meta { color:var(--feature-bronze); }
.page-header { padding:78px 0 38px; }
.page-header .entry-summary { max-width:68ch; color:var(--muted); font-size:1.06rem; }
.article-header { padding-bottom:28px; }
.article-meta { display:flex; flex-wrap:wrap; gap:14px 28px; max-width:68ch; margin:30px 0 0; padding-top:17px; border-top:1px solid var(--line); color:var(--muted); }
.article-meta div { display:flex; gap:6px; }
.article-meta dt { font-weight:700; color:var(--ink); }
.article-meta dd { margin:0; }
.breadcrumb { padding-top:24px; color:var(--muted); font-size:.86rem; }
.breadcrumb a { color:var(--bronze); }
.related-writing { max-width:68ch; margin:76px 0 10px; padding-top:32px; border-top:1px solid var(--line); }
.related-writing .section-label { margin:0; }
.related-writing__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:18px; }
.related-writing article { border-top:1px solid var(--line); padding-top:14px; }
.related-writing h3 { margin:6px 0 8px; font:400 1.15rem/1.25 Baskerville,"Iowan Old Style",Georgia,Cambria,serif; }
.related-writing h3 a { text-decoration:none; }
.related-writing h3 a:hover { color:var(--bronze); }
.related-writing p { margin:0; color:var(--muted); font-size:.92rem; }
.related-writing .post-meta { color:var(--bronze); font-size:.75rem; }
.empty-state { padding:28px 0; color:var(--muted); }
.pagination { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.pagination .page-numbers { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border:1px solid var(--line); text-decoration:none; }
.pagination .current { background:var(--feature); color:var(--feature-ink); border-color:var(--feature); }
.site-footer { margin-top:70px; padding:42px 0 28px; border-top:1px solid var(--line); color:var(--muted); }
.footer-inner { display:flex; flex-wrap:wrap; justify-content:space-between; gap:24px; }
.footer-inner p { margin:0; }
.footer-links { display:flex; gap:20px; flex-wrap:wrap; }
.footer-links a { color:var(--bronze); }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.plugin-notice { margin:20px 0; padding:12px 16px; border-left:3px solid var(--bronze); background:var(--paper); color:var(--muted); }
@media (max-width:960px) { .site-header { position:relative; } .header-inner { min-height:68px; flex-wrap:wrap; gap:14px; padding:10px 0; } .menu-toggle { display:none; } html.js .menu-toggle { display:inline-flex; align-items:center; justify-content:center; } .primary-nav { order:4; width:100%; margin:0; padding:12px 0 6px; border-top:1px solid var(--line); } html.js .primary-nav { display:none; } html.js .primary-nav.is-open { display:block; } .primary-nav ul { display:grid; gap:2px; } .primary-nav a { width:100%; } .header-actions { margin-left:auto; } .hero-grid { grid-template-columns:minmax(0,1fr) minmax(245px,310px); gap:42px; } }
@media (max-width:700px) { .container { width:min(100% - 32px,1140px); } .hero { padding:68px 0 78px; } .hero-grid { grid-template-columns:1fr; gap:34px; } .hero-copy { padding-left:20px; } .portrait-wrap { width:min(100%,336px); justify-self:start; } .section { padding:62px 0; } .work-row, .post-row { grid-template-columns:1fr; gap:10px; } .page-header { padding:56px 0 28px; } .related-writing { margin-top:58px; } .related-writing__list { grid-template-columns:1fr; gap:20px; } .article-meta { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }
@media print { .site-header { position:static; } .menu-toggle, .theme-toggle, .language-switcher { display:none!important; } .hero { padding-top:30px; } a { text-decoration:underline; } }