/*
Theme Name: BayBreeze Child Theme
Theme URI: https://github.com/elementor/hello-biz-child/
Description: BayBreeze Theme
Author: Philipp
Template: hello-biz
Author URI: https://optimusphil.io
Version: 1.2.0
Stable tag: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-biz-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready, style-variations
*/

/* Add your custom styles here */

/* Sticky transparent header that turns milky on scroll - PMM*/
/* === 0) Base: sticky + transparent at start === */
/* =======================
   Sticky Header: Transparent initially, milky blur on scroll
   Targets: #hdcont (container), #hdnav (menu), #hdiconlist (Elementor Icon List)
   ======================= */

/* 0) RESET any theme/Elementor tints, overlays, shadows in initial state */
#hdcont,
#hdcont::before,
#hdcont::after,
#hdcont .elementor-background-overlay,
#hdcont .elementor-section,
#hdcont .elementor-container,
#hdcont .elementor-column,
#hdcont .elementor-widget-wrap,
#hdcont .e-con,
#hdcont .e-con-inner {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
}

/* 1) Base sticky header (no scroll): fully transparent, white text/icons */
#hdcont{
  position: sticky;
  top: 0;
  z-index: 999;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 0 15px 15px !important;
  color: #ffffff !important;                  /* initial color = white */
  transition:
    background-color .25s ease,
    backdrop-filter .25s ease,
    color .25s ease;
}

/* 2) Make nav + icon list inherit header color (and their links/icons) */
#hdnav,
#hdnav a,
#hdiconlist,
#hdiconlist .elementor-icon-list-items,
#hdiconlist .elementor-icon-list-item,
#hdiconlist .elementor-icon-list-item a,
#hdiconlist .elementor-icon-list-text{
  color: inherit !important;
  transition: color .25s ease;
}

/* Ensure SVG/Font icons follow currentColor */
#hdiconlist .elementor-icon-list-icon i,
#hdiconlist .elementor-icon-list-icon svg,
#hdiconlist .elementor-icon-list-icon svg *{
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  transition: fill .25s ease, stroke .25s ease, color .25s ease;
}

/* Optional: keep icon-list hover neutral (no theme tint) */
#hdiconlist .elementor-icon-list-item a:hover,
#hdiconlist .elementor-icon-list-item:hover .elementor-icon-list-text{
  color: inherit !important;
}

/* 3) Scrolled state: milky white + blur + dark text/icons */
body.is-scrolled #hdcont{
  background: rgba(255,255,255,0.86) !important;   /* milky panel */
  -webkit-backdrop-filter: saturate(160%) blur(12px) !important;
  backdrop-filter: saturate(160%) blur(12px) !important;
  color: #191919 !important;                        /* flip to dark */
  border-bottom: 1px solid rgba(0,0,0,0.06) !important;
  box-shadow: none !important;                      /* no drop shadow */
}

/* 4) Fallback when backdrop-filter unsupported */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){
  body.is-scrolled #hdcont{
    background: rgba(255,255,255,0.95) !important;
  }
}

/* 5) Admin bar offset (desktop) */
@media (min-width: 782px){
  body.admin-bar #hdcont{ top: 32px; }
}

/* 6) Hard kill any theme header wrapper shadows (safety) */
.site-header,
.site-header *[class*="header"],
header[role="banner"]{
  box-shadow: none !important;
}


/* 5) Mobile Header + Nav (<=782px) */
@media (max-width: 782px){
  /* Header: solid white on mobile, text/icons dark */
  #hdcont{
    background:#fff !important;
    border-radius:0 !important;
    color:#033967 !important; /* makes children inherit */
  }

  /* Your nav inside #hdcont */
  #hdnav,
  #hdnav a{
    color:#033967 !important;
  }
  #hdnav a:hover{ color:#022643 !important; }

  /* Elementor hamburger (menu toggle) */
  #hdcont .elementor-menu-toggle{ color:#033967 !important; }
  #hdcont .elementor-menu-toggle svg,
  #hdcont .elementor-menu-toggle svg *{
    fill:currentColor !important; stroke:currentColor !important;
  }

  /* Elementor mobile dropdown panel + links */
  #hdcont .elementor-nav-menu--dropdown,
  #hdcont .elementor-nav-menu--dropdown a{
    background:#fff !important;
    color:#033967 !important;
  }
  #hdcont .elementor-nav-menu--dropdown a:hover{
    color:#022643 !important;
  }
}


.tinyheading {
    font-size: 24px;
    color: #1792DF;
}

.tinyheadingblue {
    color: #1792DF;
}

@media (max-width: 782px){
	.tinyheading {
    font-size: 20px;
    color: #033967;
}

.tinyheadingblue {
    color: #1792DF;
	}}