/*
Theme Name: Clean-Cut Docs
Theme URI: https://cleancutdocs.com
Author: G. F. Edward
Description: Professional writing services theme. Navy, gold, cream. Instrument Serif titles + Inter. No plugin zoo.
Version: 1.6.3
Text Domain: cleancutdocs
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
*/

@font-face {
  font-family: "Oranienbaum";
  src: url("assets/fonts/Oranienbaum-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("assets/fonts/InstrumentSerif-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.nav-wordmark,
.hero h1,
.footer-brand-name,
h1, h2, h3, h4 {
  font-family: "Instrument Serif", "Times New Roman", Times, serif;
  font-weight: 400;
}

/* WordPress menu = same as static .nav-links */
.primary-nav ul,
ul.nav-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.15rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a,
.nav-links .current-menu-item > a,
.nav-links .current_page_item > a {
  border-bottom-color: var(--gold);
}

.alignleft { float: left; margin: 0 1rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1rem; }
.aligncenter { display: block; margin: 0 auto 1rem; }
.wp-caption-text { font-size: 0.85rem; color: var(--gray); }

.kit-slot {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--line-gray);
}
.kit-slot p { font-size: 0.9rem; color: var(--gray); margin: 0 0 0.6rem; }
.kit-slot--page {
  margin-top: 2.5rem;
  padding: 1.75rem 0 0;
}

@media (max-width: 900px) {
  .primary-nav ul,
  ul.nav-links {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    flex-direction: column;
    align-items: stretch;
    background: var(--white);
    border-bottom: 1px solid var(--line-gray);
    padding: 0.5rem 1.25rem 1rem;
  }
  .primary-nav ul.is-open,
  ul.nav-links.is-open { display: flex; }
}