/*
Theme Name: Khatri
Theme URI: https://khatri.au/
Author: Khatri.au
Description: A purpose-built editorial WordPress theme for Nik Khatri.
Version: 0.1.11
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.2
Text Domain: khatri
License: GNU General Public License v2 or later
*/

@font-face {
  font-family: "Inter";
  src: url("assets/fonts/inter.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Newsreader";
  src: url("assets/fonts/newsreader.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: "Inter";
  --font-display: "Newsreader";
}

.wp-site-blocks { overflow: clip; }
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

.current-menu-item > a { text-decoration: none; }
.desktop-nav .menu { display: flex; gap: clamp(1.4rem, 2.6vw, 3.2rem); margin: 0; padding: 0; list-style: none; }
.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; }
.screen-reader-text:focus { position: fixed; z-index: 100000; top: .5rem; left: .5rem; width: auto; height: auto; padding: 1rem; clip: auto; background: #161815; color: #fff; }

.wp-editor-content { max-width: 48rem; margin-inline: auto; }
.wp-editor-content > * + * { margin-top: 1.25em; }

.form-embed { grid-column: 6 / -1; padding: clamp(2rem, 4vw, 4rem); background: var(--paper-light); }
.form-setup-note { padding: 1.5rem; border: 1px solid var(--stone); color: var(--muted); }
.form-setup-note strong { display: block; color: var(--ink); }

/* Fluent Forms alignment. */
.form-embed .fluentform .ff-el-form-control { border: 0; border-bottom: 1px solid var(--stone); border-radius: 0; background: transparent; color: var(--ink); }
.form-embed .fluentform .ff-btn-submit { width: 100%; padding: 1rem 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; color: var(--ink); text-align: left; }

@media (max-width: 980px) { .form-embed { grid-column: 1; } }