/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Sticky header base */
#global-standard-header {
  position: sticky;
  top: var(--tcm-sticky-offset, 0);
  z-index: 999;
  transition: background-color .6s cubic-bezier(.22,.61,.36,1), color .6s cubic-bezier(.22,.61,.36,1), transform .6s cubic-bezier(.22,.61,.36,1), box-shadow .6s cubic-bezier(.22,.61,.36,1), opacity .6s cubic-bezier(.22,.61,.36,1);
  will-change: transform, background-color, box-shadow, opacity;
}

/* Account for admin bar */
body.admin-bar #global-standard-header {
  --tcm-sticky-offset: 32px;
}
@media (max-width: 782px) {
  body.admin-bar #global-standard-header { --tcm-sticky-offset: 46px; }
}

/* Animated transition in sticky state */
#global-standard-header.tcm-is-sticky {
  position: fixed;
  top: var(--tcm-sticky-offset, 0);
  left: 0;
  right: 0;
  width: 100%;
  height: 70px;
  background-color: #F9F7F3;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
  transform: translateY(0);
  opacity: 1;
}

/* Keep original header perfectly centered before sticky engages */
#global-standard-header:not(.tcm-is-sticky) {
  transform: none;
  opacity: 1;
}

/* Prevent content jump when header becomes fixed */
body.tcm-sticky-active {
  padding-top: var(--tcm-header-height, 70px);
}

/* Menu item colors in sticky state */
#global-standard-header.tcm-is-sticky #global-standard-header-items a,
#global-standard-header.tcm-is-sticky #global-standard-header-items .menu-item a,
#global-standard-header.tcm-is-sticky #global-standard-header-items .elementor-item, 
#global-standard-header.tcm-is-sticky #global-standard-header-items .jet-search__popup-trigger {
  color: #222222 !important;
}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce) {
  #global-standard-header,
  #global-standard-header.tcm-is-sticky {
    transition: background-color .01s linear, color .01s linear, box-shadow .01s linear, opacity .01s linear;
    transform: none !important;
  }
}