/*
Theme Name: YapbozOyna
Theme URI: https://yapbozoyna.com
Author: Kutay
Author URI: https://yapbozoyna.com
Description: YapbozOyna puzzle platformu için hazırlanmış, YapbozOyna Core eklentisiyle bütünleşen modern ve mobil uyumlu WordPress teması.
Version: 1.2.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yapbozoyna-theme
Tags: custom-logo, custom-menu, featured-images, full-width-template, translation-ready, blog, entertainment
*/

:root {
  --yo-bg: #041522;
  --yo-bg-soft: #071e30;
  --yo-panel: rgba(12, 39, 60, .88);
  --yo-panel-solid: #0c273c;
  --yo-text: #f6f3eb;
  --yo-muted: #9eb0bc;
  --yo-line: rgba(255,255,255,.1);
  --yo-gold: #e5a02b;
  --yo-gold-light: #f4c569;
  --yo-radius: 20px;
  --yo-shadow: 0 22px 70px rgba(0,0,0,.24);
  --yo-content: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--yo-text);
  background:
    radial-gradient(circle at 12% 8%, rgba(38,105,136,.22), transparent 32%),
    radial-gradient(circle at 88% 20%, rgba(229,160,43,.12), transparent 27%),
    var(--yo-bg);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.admin-bar .yo-site-header { top: 32px; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
.screen-reader-text { position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.yo-container { width: min(calc(100% - 40px), var(--yo-content)); margin-inline: auto; }

.yo-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid var(--yo-line);
  background: rgba(4,21,34,.88);
  backdrop-filter: blur(18px);
}
.yo-header-inner { min-height: 74px; display:flex; align-items:center; gap:28px; }
.yo-brand, .custom-logo-link { display:flex; align-items:center; min-width: 178px; }
.yo-brand img, .custom-logo-link img { width: 176px; max-height: 46px; object-fit: contain; object-position: left center; }
.yo-brand-text { font-size: 22px; font-weight: 850; letter-spacing: -.04em; }
.yo-main-nav { margin-left:auto; }
.yo-main-nav ul { list-style:none; display:flex; align-items:center; gap:6px; padding:0; margin:0; }
.yo-main-nav a { display:flex; align-items:center; min-height:42px; padding:0 13px; border-radius:11px; color:#c9d5dc; font-size:14px; font-weight:700; transition:.2s ease; }
.yo-main-nav a:hover, .yo-main-nav .current-menu-item > a { color:#fff; background:rgba(255,255,255,.055); }
.yo-header-actions { display:flex; align-items:center; gap:9px; }
.yo-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:0 18px; border:1px solid var(--yo-line); border-radius:12px; color:#eaf0f4; background:rgba(255,255,255,.035); font-weight:800; cursor:pointer; transition:.2s ease; }
.yo-button:hover { transform:translateY(-2px); border-color:rgba(244,197,105,.45); }
.yo-button-primary { color:#17232c; border-color:var(--yo-gold); background:linear-gradient(135deg,var(--yo-gold-light),var(--yo-gold)); box-shadow:0 12px 32px rgba(229,160,43,.18); }
.yo-button-quiet { min-height:38px; padding-inline:12px; border-color:transparent; background:transparent; color:var(--yo-muted); font-size:13px; }
.yo-button-quiet:hover { color:#fff; background:rgba(255,255,255,.04); }
.yo-menu-toggle { display:none; width:44px; height:44px; padding:0; border:1px solid var(--yo-line); border-radius:12px; background:rgba(255,255,255,.04); color:#fff; font-size:20px; }

.yo-page-main { min-height:65vh; padding:72px 0 90px; }
.yo-page-hero { max-width: 820px; margin-bottom:42px; }
.yo-eyebrow { display:inline-flex; align-items:center; gap:7px; color:var(--yo-gold-light); font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.yo-page-title { margin:12px 0 14px; font-family:Georgia, "Times New Roman", serif; font-size:clamp(42px,7vw,78px); line-height:.98; letter-spacing:-.045em; }
.yo-page-description { color:var(--yo-muted); font-size:18px; max-width:680px; }
.yo-content-card { padding:clamp(24px,4vw,48px); border:1px solid var(--yo-line); border-radius:var(--yo-radius); background:var(--yo-panel); box-shadow:var(--yo-shadow); }
.yo-content-card > :first-child { margin-top:0; }
.yo-content-card > :last-child { margin-bottom:0; }
.yo-content-card h2, .yo-content-card h3 { font-family:Georgia, "Times New Roman", serif; line-height:1.15; }
.yo-content-card a:not(.yo-button) { color:var(--yo-gold-light); text-decoration:underline; text-underline-offset:3px; }

.yo-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.yo-post-card { overflow:hidden; border:1px solid var(--yo-line); border-radius:18px; background:var(--yo-panel); transition:.24s ease; }
.yo-post-card:hover { transform:translateY(-5px); border-color:rgba(244,197,105,.35); }
.yo-post-card-image { aspect-ratio:1.55; background:#0b2a40; overflow:hidden; }
.yo-post-card-image img { width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.yo-post-card:hover img { transform:scale(1.045); }
.yo-post-card-body { padding:20px; }
.yo-post-meta { color:var(--yo-gold-light); font-size:11px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.yo-post-card h2 { margin:8px 0; font-size:22px; line-height:1.2; }
.yo-post-card p { margin:0; color:var(--yo-muted); }

.yo-fallback-home { overflow:hidden; }
.yo-fallback-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(360px,.84fr); gap:50px; align-items:center; min-height:680px; padding:72px 0 82px; }
.yo-fallback-copy h1 { margin:13px 0 20px; max-width:760px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(54px,7vw,92px); line-height:.92; letter-spacing:-.055em; }
.yo-fallback-copy h1 em { color:var(--yo-gold-light); font-weight:400; }
.yo-fallback-copy > p { max-width:640px; color:#afbec8; font-size:18px; }
.yo-fallback-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.yo-fallback-feature { position:relative; min-height:540px; overflow:hidden; border:1px solid rgba(244,197,105,.25); border-radius:28px; box-shadow:var(--yo-shadow); }
.yo-fallback-feature img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.yo-fallback-feature::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(3,15,25,.94) 100%); }
.yo-fallback-feature-copy { position:absolute; z-index:2; left:28px; right:28px; bottom:28px; }
.yo-fallback-feature-copy h2 { margin:10px 0 5px; font-family:Georgia,"Times New Roman",serif; font-size:40px; }
.yo-chip { display:inline-flex; padding:7px 11px; border-radius:999px; color:#17232c; background:var(--yo-gold-light); font-size:11px; font-weight:900; }
.yo-showcase { padding:15px 0 100px; }
.yo-section-heading { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:24px; }
.yo-section-heading h2 { margin:9px 0 0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(35px,5vw,58px); line-height:1; }
.yo-puzzle-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.yo-puzzle-preview { position:relative; min-height:310px; overflow:hidden; border:1px solid var(--yo-line); border-radius:20px; }
.yo-puzzle-preview img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:.4s ease; }
.yo-puzzle-preview:hover img { transform:scale(1.045); }
.yo-puzzle-preview::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 35%,rgba(3,14,23,.95)); }
.yo-puzzle-preview > div { position:absolute; z-index:2; left:22px; right:22px; bottom:20px; }
.yo-puzzle-preview h3 { margin:5px 0; font-family:Georgia,"Times New Roman",serif; font-size:27px; }
.yo-puzzle-preview p { margin:0; color:#c5d2da; font-size:13px; }

.yo-empty-state { padding:70px 30px; text-align:center; border:1px dashed var(--yo-line); border-radius:20px; color:var(--yo-muted); }
.yo-pagination { margin-top:35px; }
.yo-pagination .nav-links { display:flex; flex-wrap:wrap; gap:7px; }
.yo-pagination a, .yo-pagination span { display:grid; place-items:center; min-width:42px; height:42px; padding:0 11px; border:1px solid var(--yo-line); border-radius:10px; }
.yo-pagination .current { color:#17232c; background:var(--yo-gold-light); border-color:var(--yo-gold-light); }

.yo-site-footer { border-top:1px solid var(--yo-line); background:rgba(2,14,23,.45); }
.yo-footer-grid { display:grid; grid-template-columns:1.45fr repeat(3,.65fr); gap:42px; padding:58px 0 42px; }
.yo-footer-brand img { width:185px; }
.yo-footer-brand p { max-width:340px; color:var(--yo-muted); }
.yo-footer-column h3 { margin:0 0 14px; font-size:13px; }
.yo-footer-column a { display:block; margin:8px 0; color:var(--yo-muted); font-size:13px; }
.yo-footer-column a:hover { color:#fff; }
.yo-footer-bottom { display:flex; justify-content:space-between; gap:20px; padding:18px 0 26px; border-top:1px solid var(--yo-line); color:#7f929f; font-size:12px; }

.yo-404 { text-align:center; padding:90px 0 120px; }
.yo-404-code { display:block; color:var(--yo-gold-light); font-family:Georgia,"Times New Roman",serif; font-size:clamp(100px,22vw,240px); line-height:.75; opacity:.18; }
.yo-404 h1 { margin:-15px 0 10px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(36px,6vw,64px); }
.yo-404 p { color:var(--yo-muted); }
.yo-search-form { display:flex; max-width:620px; height:54px; margin:30px auto 0; overflow:hidden; border:1px solid var(--yo-line); border-radius:14px; background:rgba(255,255,255,.035); }
.yo-search-form input { flex:1; min-width:0; padding:0 17px; border:0; outline:0; color:#fff; background:transparent; }
.yo-search-form button { width:58px; border:0; color:#17232c; background:var(--yo-gold-light); cursor:pointer; }

.yo-app-shell { min-height:100vh; background:var(--yo-bg); }
.yo-app-shell iframe { width:100%; min-height:100vh; border:0; display:block; }
body.yo-app-page .yo-site-header, body.yo-app-page .yo-site-footer { display:none; }
body.yo-app-page .yo-page-main { padding:0; }

@media (max-width: 1040px) {
  .yo-main-nav { position:fixed; left:20px; right:20px; top:84px; padding:12px; border:1px solid var(--yo-line); border-radius:16px; background:#071e30; box-shadow:var(--yo-shadow); visibility:hidden; opacity:0; transform:translateY(-8px); transition:.2s ease; }
  .yo-main-nav.is-open { visibility:visible; opacity:1; transform:none; }
  .yo-main-nav ul { display:grid; gap:3px; }
  .yo-main-nav a { padding:0 14px; }
  .yo-menu-toggle { display:block; }
  .yo-header-actions .yo-button { display:none; }
  .yo-fallback-hero { grid-template-columns:1fr; }
  .yo-fallback-feature { min-height:450px; }
  .yo-post-grid, .yo-puzzle-preview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yo-footer-grid { grid-template-columns:1.2fr repeat(2,.7fr); }
}
@media (max-width: 782px) { body.admin-bar .yo-site-header { top:46px; } }
@media (max-width: 680px) {
  .yo-container { width:min(calc(100% - 28px),var(--yo-content)); }
  .yo-header-inner { min-height:66px; }
  .yo-brand img { width:155px; }
  .yo-main-nav { top:76px; left:14px; right:14px; }
  .yo-page-main { padding:48px 0 65px; }
  .yo-fallback-hero { min-height:auto; padding:48px 0 65px; gap:30px; }
  .yo-fallback-copy h1 { font-size:52px; }
  .yo-fallback-feature { min-height:390px; border-radius:20px; }
  .yo-section-heading { align-items:start; flex-direction:column; }
  .yo-post-grid, .yo-puzzle-preview-grid { grid-template-columns:1fr; }
  .yo-footer-grid { grid-template-columns:1fr 1fr; gap:30px 18px; }
  .yo-footer-brand { grid-column:1/-1; }
  .yo-footer-bottom { flex-direction:column; }
}