/**
 * Theme Name: Twenty Twenty-Five Child
 * Template: twentytwentyfive
 * Description: Child Theme for Twenty Twenty-Five
 * Author: the WordPress team
 * Author URI: https://wordpress.org
 * Requires at least: 6.7
 * Tested up to: 6.8
 * Requires PHP: 7.2
 * Version: 1.3 
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: twentytwentyfive
 */

/* ==================================================
 * Sticky Header
 * ==================================================
 */

/* ------------------------------
 * Sticky Header – Variables
 * ------------------------------
 */
:root {
  --header-bg: #f7f7ff;                          /* normal background */
  --header-bg-transparent: rgba(247,247,255,.1); /* translucent background */
  --header-blur: 7px;                            /* blur strength when translucent */
  --header-transition: 300ms;                    /* transition speed */
  --header-hide-translate: -110%;                /* distance to slide up when hidden */
}

/* ------------------------------
 * Sticky Header – Base
 * ------------------------------
 */
header[role="banner"],
header.wp-block-template-part {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: var(--header-bg);

  transition:
    background-color var(--header-transition) ease,
    transform var(--header-transition) ease,
    opacity var(--header-transition) ease;

  will-change: background-color, transform, opacity;
}

/* ------------------------------
 * Sticky Header – States
 * ------------------------------
 */

/* Default visible state */
.is-default {
  background: var(--header-bg);
  transform: translateY(0);
  opacity: 1;
}

/* Transparent state (slow scroll) */
.is-transparent {
  background: var(--header-bg-transparent);
  backdrop-filter: blur(var(--header-blur));
  opacity: 0.70; /* adjust transparency here */
  transform: translateY(0);
}

/* Hidden state (fast scroll down) */
.is-hidden {
  transform: translateY(var(--header-hide-translate));
  opacity: 0;
  pointer-events: none; /* avoids accidental clicks when hidden */
}

/* ------------------------------
 * Accessibility
 * ------------------------------
 */
@media (prefers-reduced-motion: reduce) {
  header[role="banner"],
  header.wp-block-template-part {
    transition: none !important;
  }
}