/*
Theme Name: Berk Alkoç
Theme URI: https://berkalkoc.com
Author: Berk Alkoç
Description: Minimal, accessible portfolio theme — index-style front page, research/design/photography templates, dark by default, adjustable text size.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: berkalkoc
*/

:root{
  --paper:oklch(0.965 0.014 85);
  --paper-2:oklch(0.94 0.018 80);
  --ink:oklch(0.24 0.012 60);
  --ink-soft:oklch(0.47 0.014 60);
  --rule:oklch(0.86 0.018 75);
  --accent:oklch(0.45 0.13 295);
  --c-research:oklch(0.5 0.14 250);
  --c-design:oklch(0.5 0.15 25);
  --c-writing:oklch(0.45 0.12 155);
  --c-photo:oklch(0.5 0.13 65);
  --scale:1;
}
:root[data-theme="dark"]{
  --paper:oklch(0.2 0.012 60);
  --paper-2:oklch(0.25 0.014 60);
  --ink:oklch(0.94 0.012 80);
  --ink-soft:oklch(0.74 0.012 75);
  --rule:oklch(0.35 0.014 60);
  --accent:oklch(0.8 0.11 295);
  --c-research:oklch(0.78 0.12 250);
  --c-design:oklch(0.78 0.13 30);
  --c-writing:oklch(0.79 0.12 155);
  --c-photo:oklch(0.82 0.12 75);
}
html{font-size:calc(100% * var(--scale));-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:1.125rem;line-height:1.6;text-wrap:pretty;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
h1,h2,h3{margin:0;font-family:"Bricolage Grotesque",Newsreader,serif;font-weight:800;letter-spacing:-0.03em;line-height:1.05}
h3{font-weight:600;letter-spacing:-0.015em;line-height:1.25}
p{margin:0}
mark{background:color-mix(in oklab,var(--accent) 24%,transparent);color:inherit;padding:0.02em 0.14em;border-radius:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mono{font-family:ui-monospace,Menlo,monospace;letter-spacing:0.1em;text-transform:uppercase}
.row{display:grid;grid-template-columns:9.5rem minmax(0,1fr) auto;gap:4px 20px;align-items:baseline;padding:18px 10px 18px 14px;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:none;width:100%;text-align:left;font:inherit;cursor:pointer;text-decoration:none;color:inherit;position:relative;transition:background 140ms ease,padding-left 140ms ease}
.row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone);opacity:0;transition:opacity 140ms ease}
.row:hover,.row:focus-visible{background:var(--paper-2);padding-left:20px}
.row:hover::before,.row:focus-visible::before{opacity:1}
.row .arrow{opacity:0;transition:opacity 140ms ease,transform 140ms ease}
.row:hover .arrow,.row:focus-visible .arrow{opacity:1;transform:translateX(3px)}
.yr{white-space:nowrap}
.list[data-filter="research"] .row:not([data-cat="research"]),
.list[data-filter="design"] .row:not([data-cat="design"]),
.list[data-filter="writing"] .row:not([data-cat="writing"]),
.list[data-filter="photography"] .row:not([data-cat="photography"]){display:none}
.chip{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:1px solid var(--rule);border-radius:999px;background:none;color:var(--ink-soft);font-family:Newsreader,Georgia,serif;font-size:0.98rem;cursor:pointer;transition:color 120ms ease,border-color 120ms ease}
.chip:hover{border-color:var(--tone,var(--accent));color:var(--tone,var(--ink))}
.chip[aria-pressed="true"]{border-color:var(--tone,var(--ink));color:var(--tone,var(--ink));box-shadow:inset 0 0 0 1px var(--tone,var(--ink))}
.chip .dot{width:8px;height:8px;border-radius:999px;background:var(--tone,var(--ink-soft))}
@media (prefers-reduced-motion:reduce){.quipdial{display:none}}
@keyframes sheetIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes veilIn{from{opacity:0}to{opacity:1}}
@media (max-width:640px){.row{grid-template-columns:minmax(0,1fr) auto;padding-left:14px}.row .yr{grid-column:1 / -1}}
.navlinks,.a11y{display:flex}
@media (max-width:900px){#top{grid-template-columns:minmax(0,1fr) !important;gap:24px !important}.portrait{display:none !important}}
.a11y{padding-left:6px;border-left:1px solid var(--rule)}
@media (max-width:720px){.a11y{padding-left:0;border-left:0}}
.menubtn{display:none}
@media (max-width:720px){
  .menubtn{display:inline-flex}
  .navlinks,.a11y{display:none}
  nav[data-open="true"] .navlinks{display:flex}
  nav[data-open="true"] .a11y{display:flex}
  nav[data-open="true"] .navlinks,nav[data-open="true"] .a11y{flex-basis:100%;width:100%}
  nav[data-open="true"] .navlinks{flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--rule);padding-top:6px}
  nav[data-open="true"] .a11y{justify-content:center;border-left:0;border-top:0;padding-left:0;padding-top:10px;padding-bottom:6px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:0.01ms !important;animation-duration:0.01ms !important}.row:hover{padding-left:14px}}

/* WordPress core classes */
.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}
.alignleft{float:left;margin-right:1.5em}
.alignright{float:right;margin-left:1.5em}
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.wp-caption-text,.gallery-caption{font-family:ui-monospace,Menlo,monospace;font-size:0.66rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-soft)}