/*
Theme Name: Aravista
Theme URI: https://aravista.co.uk
Author: Aravista
Author URI: https://aravista.co.uk
Description: The Aravista identity as a WordPress block theme. A dark, photographic, typographically quiet theme built around the logotype and a still life library. Ships with its own fonts, palette and patterns.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aravista
Tags: block-theme, full-site-editing, one-column, editor-style, custom-logo, wide-blocks, dark-mode
*/

/* Everything expressible in theme.json lives there. These are the few things
   that are not: the hairline rule, image treatment, and focus states. */

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* The one divider in the system */
.wp-block-separator.is-style-hairline {
  border: 0; height: 1px; opacity: 1;
  background: var(--wp--preset--color--flesh);
  max-width: 44px; margin-left: 0;
}
.wp-block-separator.is-style-hairline.is-full { max-width: 100%; }

/* Eyebrow: mono, tracked, used above headings */
.aravista-eyebrow {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--x-small);
  letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--wp--preset--color--flesh-light);
}

/* Photography never renders on a light card */
.wp-block-image img { display: block; }
.wp-block-cover { isolation: isolate; }

/* Keyboard focus, visible against Ink */
:where(a, button, input, textarea, select, .wp-block-button__link):focus-visible {
  outline: 2px solid var(--wp--preset--color--flesh-light);
  outline-offset: 3px;
}

/* Site logo keeps its clear space */
.wp-block-site-logo img { height: auto; }

/* Navigation: quiet until hovered */
.wp-block-navigation a:hover { color: var(--wp--preset--color--bone); }

/* Notes list */
.aravista-note-row { border-top: 1px solid #1b1916; }
.aravista-note-row:first-child { border-top: 0; }

/* Never let a heading run wider than it should */
.aravista-measure { max-width: 22ch; }

@media (prefers-reduced-motion: no-preference) {
  .wp-block-cover__image-background { transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
}

/* Hero logotype sits on the still life, sized against the viewport
   so it holds its proportion from phone to large desktop. */
.aravista-hero-logotype { margin: 0 0 0 0; }
.aravista-hero-logotype img {
  width: clamp(200px, 26vw, 380px);
  height: auto;
  display: block;
}

/* ---- Systems index cards ---- */
.aravista-system-card {
  border-top: 1px solid #1f1d1a;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}
.aravista-system-card h2 a { text-decoration: none; }
.aravista-system-card h2 a:hover { color: var(--wp--preset--color--flesh-light); }
.aravista-system-card.is-live { border-top: 1px solid var(--wp--preset--color--flesh); }
.aravista-live {
  color: var(--wp--preset--color--flesh-light);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.aravista-soon {
  color: var(--wp--preset--color--pewter-dark);
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ---- Embedded demonstrations ---- */
.aravista-embed {
  border: 1px solid #23211d;
  background: #0D0C0A;
}
.aravista-embed iframe {
  display: block;
  width: 100%;
  height: 900px;          /* replaced by the posted height once loaded */
  border: 0;
}
@media (max-width: 720px) {
  .aravista-embed iframe { height: 1180px; }
}