/* =========================================================
   BLOCKSY HEADER: fixed-height row + centered “stamp” logo
   Breakpoint: hamburger at 1000px
   ========================================================= */

/* Prevent clipping around the header */
.ct-header,
.ct-header [class*="header-row"],
.ct-header .ct-container,
.ct-header [class*="header-column"]{
  overflow: visible !important;
}

/* Optional “stamp” shadow */
.logo-stamp img{
  filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
}

/* =========================================================
   DESKTOP (>= 1001px): white bar + overlapped centered logo
   ========================================================= */
@media (min-width: 1001px){

  /* Fixed white bar height */
  .ct-header [class*="header-row"]{
    min-height: 90px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative !important;
    overflow: visible !important;
  }

  /* Menu item vertical spacing */
  .ct-header .menu > li > a,
  .ct-header .ct-menu-link{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    line-height: 1.1 !important;
    font-family: "Bungee", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  }

  /* Center logo: overlap */
  .logo-stamp{
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) translateY(62px) !important;
    z-index: 999 !important;
  }

  /* Reserve space for logo (left menu) */
  .ct-header [class*="start"] .menu,
  .ct-header [data-column*="start"] .menu,
  .ct-header [class*="left"] .menu{
    margin-right: 160px !important;
  }

  /* Reserve space for logo (right menu) */
  .ct-header [class*="end"] .menu,
  .ct-header [data-column*="end"] .menu,
  .ct-header [class*="right"] .menu{
    margin-left: 160px !important;
  }
}

/* =========================================================
   HOMEPAGE ONLY (page-id-10): remove gap between header and hero
   ========================================================= */
body.page-id-10 .entry-content > .wp-block-cover:first-child,
body.page-id-10 .entry-content > .wp-block-group:first-child .wp-block-cover:first-child{
  margin-top: -60px !important;
}

/* =========================================================
   TABLET + MOBILE (<= 1000px): transparent overlay header + centered logo
   Matches Blocksy mobile markup: .site-branding.logo-stamp / img.default-logo
   ========================================================= */
/*

*/
/* Small phones */
@media (max-width: 600px){
  .ct-header [data-row="middle"]{
    min-height: 125px !important;
    padding: 14px 0 !important;
  }

  .ct-header .site-branding.logo-stamp img.default-logo{
    height: 111px !important;
  }
}
/* Bungee Font */
@font-face {
  font-family: "Bungee";
  src: url("assets/fonts/Bungee-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Apply Bungee to all headings */
h1, h2, h3, h4, h5, h6,
.ct-title {
  font-family: "Bungee", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
/* Keep header low */
.ct-header {
  z-index: 10 !important;
}

/* Ensure mobile drawer is above everything */
.ct-drawer-canvas,
.ct-panel,
#offcanvas,
[data-panel],
[data-behaviour*="offcanvas"] {
  position: fixed !important;
  z-index: 999999 !important;
}

/* When menu is open, push header behind */
body[class*="drawer"] .ct-header,
body[class*="offcanvas"] .ct-header {
  z-index: 1 !important;
}

@media (max-width: 1000px){
  body.page-id-10 .ct-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: transparent !important;
    z-index: 10 !important;
  }

  body.page-id-10 #main-container,
  body.page-id-10 .site-main {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}
@media (max-width: 1000px){

  /* Transparent header (safe version) */
  .ct-header {
    background: transparent !important;
  }

  .ct-header [data-row="middle"]{
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }

  /* Remove divider lines if Blocksy adds them */
  .ct-header [data-row="middle"]::before,
  .ct-header [data-row="middle"]::after{
    display: none !important;
	  
	  .ct-header,
.ct-header a,
.ct-header .ct-menu-link,
.ct-header .menu > li > a {
  font-family: "Bungee", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
  }
}

@media (max-width: 768px) {
  p,
  li,
  span,
  div,
  .entry-content {
    line-height: 1.6 !important;
  }
}