/*
Theme Name: Varzeshkar
Description: Block theme for varzeshkar.com/blog — tokens, font and shell links mirror varzeshkar-website (DECISION-201). Presentation only: all Varzeshkar integration lives in the varzeshkar-content plugin.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.2
Text Domain: varzeshkar
*/

html { direction: rtl; }
/* Dark mode follows the system, like the website (next-themes defaultTheme="system"). Only the preset
   tokens change; every block and the plugin's cards read these variables. */
@media (prefers-color-scheme: dark) {
  :root {
    --wp--preset--color--background: #0a0a0a;
    --wp--preset--color--surface: #111111;
    --wp--preset--color--surface-2: #161616;
    --wp--preset--color--border: #262626;
    --wp--preset--color--foreground: #f5f5f5;
    --wp--preset--color--muted: #a3a3a3;
  }
}
.vk-nav a { text-decoration: none; }
.vk-nav a:hover { text-decoration: underline; }
body { -webkit-font-smoothing: antialiased; }
.vk-header { position: sticky; top: 0; z-index: 10; backdrop-filter: saturate(1.4) blur(8px); }
.vk-header__row { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.vk-header .vk-logo { display: inline-flex; line-height: 0; }
.vk-header .vk-logo img { height: 35px; width: auto; }
.vk-nav { display: flex; gap: 1.1rem; flex-wrap: wrap; font-size: .9rem; font-weight: 500; margin-inline-start: auto; }
.vk-nav a { color: var(--wp--preset--color--foreground); }
.vk-nav a[aria-current="page"], .vk-nav a:hover { color: var(--wp--preset--color--primary-600); text-decoration: none; }
.vk-header__cta { display: inline-block; background: var(--wp--preset--color--primary-600); color: #fff !important; border-radius: 999px; padding: .45rem 1rem; font-size: .875rem; font-weight: 700; text-decoration: none; white-space: nowrap; }
.vk-header__cta:hover { background: var(--wp--preset--color--primary); }
@media (max-width: 720px) {
  .vk-nav { order: 3; width: 100%; margin: .5rem 0 0; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; -webkit-overflow-scrolling: touch; }
  .vk-header__cta { margin-inline-start: auto; }
}
.vk-footer a { color: inherit; text-decoration: none; }
.vk-footer a:hover { color: var(--wp--preset--color--primary-600); }
.vk-footer__grid { display: grid; grid-template-columns: 1.6fr repeat(3, 1fr); gap: 2rem; font-size: .875rem; }
.vk-footer__grid nav { display: flex; flex-direction: column; gap: .5rem; }
.vk-footer__grid strong { margin-bottom: .25rem; }
.vk-footer__brand p { color: var(--wp--preset--color--muted); font-size: .8125rem; margin: .75rem 0 1rem; }
.vk-footer__brand img { height: 35px; width: auto; }
.vk-footer__note { margin-top: 2rem; font-size: .8125rem; color: var(--wp--preset--color--muted); }
@media (max-width: 720px) { .vk-footer__grid { grid-template-columns: 1fr 1fr; } .vk-footer__brand { grid-column: 1 / -1; } }
.wp-block-post-content img { border-radius: 12px; }
.yoast-breadcrumbs, .vk-breadcrumbs { font-size: .8125rem; color: var(--wp--preset--color--muted); }
.wp-block-post-template .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; }