/*
Theme Name: Own Object
Author: Own Object Studio
Description: A lightweight custom WordPress theme for a bespoke design and in-house 3D production studio.
Version: 0.1.0
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: own-object
*/

/* WordPress integration overrides. The original visual system remains in styles.css. */

.brand-logo {
  display: block;
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.primary-nav > .menu,
.site-footer nav > .menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.primary-nav > .menu {
  display: flex;
  align-items: stretch;
  height: 100%;
}

.primary-nav > .menu > .menu-item {
  display: flex;
}

.site-footer nav {
  display: block;
  padding-left: 0;
}

.site-footer nav > .menu {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(18px, 3vw, 56px);
  padding-left: 40px;
}

body.admin-bar .site-header {
  top: 32px;
}

.basic-page {
  min-height: calc(100svh - var(--header-h));
  padding: clamp(90px, 10vw, 160px) var(--page);
}

.basic-page__inner {
  width: min(900px, 100%);
  margin: 0 auto;
}

.basic-page__title {
  margin-bottom: 48px;
}

.basic-page__content {
  color: var(--muted);
}

.basic-page__content > * + * {
  margin-top: 1.5em;
}

.basic-page__content a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

@media (max-width: 900px) {
  .primary-nav > .menu {
    display: grid;
    align-content: center;
    width: 100%;
    height: auto;
  }

  .primary-nav > .menu > .menu-item {
    display: block;
  }

  .site-footer nav > .menu {
    gap: 20px 32px;
    padding-left: 0;
  }
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}