/*
Theme Name: Everyshot
Theme URI: https://everyshot.tech
Author: Everyshot
Author URI: https://everyshot.tech
Description: A block theme for Everyshot - Mind Over Moment. Built on the brand's own system: DM Sans throughout, the logo's emerald green (#056A4C) on near-black (#1F2420), and a star mark echoing the wordmark. No build step and no page builder required.
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: everyshot
Tags: block-patterns, full-site-editing, blog, e-commerce, custom-colors, custom-menu, editor-style, wide-blocks
*/

/*
 * Block themes take their styling from theme.json.
 * This file exists for the theme header above, plus the few things
 * theme.json cannot express. Keep additions here to a minimum.
 */

/* Respect users who ask for reduced motion. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* Skip link - visible only once focused via keyboard. */
.skip-link:focus {
	position: fixed;
	top: 1rem;
	left: 1rem;
	z-index: 999999;
	padding: 0.75rem 1.25rem;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	border-radius: 4px;
	text-decoration: none;
}

/* A visible focus ring everywhere, not just on buttons. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* Eyebrow label - small uppercase kicker above a heading. */
.es-eyebrow {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

/* Gold rule used to underline hero headlines. */
.es-rule {
	display: block;
	width: 3.5rem;
	height: 3px;
	background: var(--wp--preset--color--accent);
	border: 0;
}

/* ---------------------------------------------------------------
 * Header, wordmark and CTA rules. Kept in sync with what is live;
 * bundling them here means a single theme install carries the design
 * rather than it living in one site's database.
 * --------------------------------------------------------------- */
.es-header{position:sticky;top:0;z-index:100;text-align:center;background-color:color-mix(in srgb,var(--wp--preset--color--base) 92%,transparent)!important;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);}
/* The logo is the brand - centred and large, fluid rather than stepped. */
.es-header .wp-block-site-logo{line-height:0;margin-left:auto;margin-right:auto;}
.es-header .wp-block-site-logo img,.es-header .custom-logo{width:clamp(240px,36vw,440px)!important;height:auto!important;max-width:100%;margin-inline:auto;display:block;}
.es-header .wp-block-navigation{justify-content:center;}
@media (max-width:781px){
  .es-header .wp-block-site-logo img,.es-header .custom-logo{width:clamp(190px,58vw,320px)!important;}
}
/* Progressive enhancement: shrink on scroll so the sticky bar stays usable.
   Browsers without scroll-driven animations simply keep the full-size logo. */
@supports (animation-timeline: scroll()){
  .es-header{animation:es-pad linear both;animation-timeline:scroll(root block);animation-range:0 260px;}
  @keyframes es-pad{to{padding-top:.5rem;padding-bottom:.5rem;}}
  .es-header .wp-block-site-logo img,.es-header .custom-logo{animation:es-logo linear both;animation-timeline:scroll(root block);animation-range:0 260px;}
  @keyframes es-logo{to{width:clamp(120px,16vw,170px)!important;}}
}
.wp-block-site-title{display:inline-flex;align-items:center;gap:.6em;}
.wp-block-site-title::before{content:"";display:inline-block;width:.85em;height:.85em;flex:none;background:var(--wp--preset--color--primary);clip-path:polygon(50% 0%,61.8% 35.5%,100% 35.5%,69% 57.3%,80.9% 100%,50% 73.5%,19.1% 100%,31% 57.3%,0% 35.5%,38.2% 35.5%);}
.has-contrast-background-color .wp-block-site-title::before,footer .wp-block-site-title::before{background:var(--wp--preset--color--accent);}
.has-fairway-gradient-background .wp-block-button__link.has-accent-background-color,.has-contrast-background-color .wp-block-button__link.has-accent-background-color{background-color:var(--wp--preset--color--base)!important;border-color:var(--wp--preset--color--base)!important;color:var(--wp--preset--color--contrast)!important;}