/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* Compact DAWcito header logo */
#header-wrap #logo a {
  width: auto;
}

#header-wrap #logo img.logo-default,
#header-wrap #logo img.logo-dark {
  width: auto;
  height: clamp(30px, 3vw, 38px);
  max-width: 160px;
  max-height: clamp(30px, 3vw, 38px);
  margin-left: 0;
  margin-right: 0;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  #header-wrap #logo img.logo-default,
  #header-wrap #logo img.logo-dark {
    height: 32px;
    max-width: 140px;
    max-height: 32px;
  }
}
/* Solid black top navigation with the compact logo aligned left */
#header,
#header-wrap,
#header.transparent-header #header-wrap {
  background-color: #000 !important;
}

#header-wrap #logo {
  margin-left: 0;
}
/* Compact fixed header while keeping the content offset in sync */
#header {
  --cnvs-header-height: 80px;
  --cnvs-sticky-header-height: 80px;
}

@media (max-width: 767.98px) {
  #header {
    --cnvs-header-height: 64px;
    --cnvs-sticky-header-height: 64px;
  }
}
/* Deployment: preserve hidden plans and avoid oversized mobile cards. */
[hidden]{display:none!important;}
html{scroll-padding-top:90px;}
.dawcito-hero .button{margin:0;}
@media(max-width:767.98px){.dawcito-hero .container{padding-top:100px!important;}.dawcito-hero{min-height:90svh!important;}#header-wrap .forge-header-tagline{display:none;}}

/* Keep the hero in normal flow so a fixed header cannot cover its title. */
.dawcito-hero {
  margin-top: 0 !important;
  min-height: calc(100vh - 80px) !important;
  min-height: calc(100svh - 80px) !important;
  padding: 112px 0 48px !important;
  box-sizing: border-box;
}
.dawcito-hero > .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 767.98px) {
  .dawcito-hero {
    min-height: calc(100vh - 64px) !important;
    min-height: calc(100svh - 64px) !important;
    padding: 88px 0 32px !important;
  }
}