/*
Theme Name: Apiary
Theme URI: https://example.com/apiary
Author: Your Name
Author URI: https://example.com
Description: An editorial-dark block theme for bee photography. Built entirely from core Gutenberg blocks, with a signature scroll-linked flight animation that traces a bee's path down the page. Honey-gold accents, wax-white light sections, and generous space for photographs to breathe.
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: apiary
Tags: photography, portfolio, block-patterns, full-site-editing, block-styles, editor-style, custom-colors, wide-blocks, one-column, threaded-comments
*/

/*
 * Most styling lives in theme.json (global styles) so it is editable from the
 * Site Editor. This file carries only the few things theme.json cannot express:
 * a small number of block refinements and progressive-enhancement niceties.
 * The bee flight animation styles live in assets/css/bee-animation.css.
 */

/* The sticky header must paint above the flight overlay (z-index:1)
   so the travelling bee passes behind the navigation, not over it. */
.apiary-header {
  z-index: 20;
}

/* The hero anchors the ambient bees. */
.apiary-hero {
  position: relative;
}

/* Wordmark: the little honey dot after the site title */
.wp-block-site-title a {
  text-decoration: none;
}

/* Captions read as gallery labels: small, spaced, uppercase */
.wp-block-image figcaption,
.wp-block-gallery figcaption,
.wp-element-caption {
  font-family: var(--wp--preset--font-family--utility);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: var(--wp--preset--font-size--x-small);
  opacity: 0.72;
}

/* Give gallery photos a touch of depth on dark grounds */
.wp-block-gallery img,
.wp-block-image img {
  transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.5s ease;
}

.wp-block-image:hover img {
  transform: scale(1.015);
}

/* Pull quotes get the serif italic treatment */
.wp-block-quote {
  border: none;
  padding-inline-start: 0;
}

.wp-block-quote p {
  font-family: var(--wp--preset--font-family--display);
  font-style: italic;
  line-height: 1.25;
}

/* A honeycomb divider for the Separator block's default style */
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  border: none;
  height: 14px;
  max-width: 120px;
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='14' viewBox='0 0 60 14'%3E%3Cg fill='none' stroke='%23E9A500' stroke-width='1.2'%3E%3Cpath d='M4 7l3-5h6l3 5-3 5H7z'/%3E%3Cpath d='M24 7l3-5h6l3 5-3 5h-6z'/%3E%3Cpath d='M44 7l3-5h6l3 5-3 5h-6z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-position: center;
}

/* Keyboard focus is always visible, honey-gold */
:where(a, button, input, .wp-block-button__link):focus-visible {
  outline: 2px solid var(--wp--preset--color--honey);
  outline-offset: 3px;
}

/* Skip link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 9999;
  background: var(--wp--preset--color--honey);
  color: var(--wp--preset--color--ink);
  padding: 0.75rem 1.25rem;
  font-family: var(--wp--preset--font-family--utility);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
}