/*
 Theme Name:   Astra Child (Bridge2CH)
 Template:     astra
 Version:      1.0.5
*/

:root{
  --bridge-red:#C8102E;
  --bridge-black:#0B0B0D;
  --bridge-gray:#6B7280;
  --bridge-beige:#F4EFE6;
}

body{
  background: var(--bridge-beige);
  font-family: "Century Gothic", "CenturyGothic", AppleGothic, "URW Gothic L", sans-serif;
  font-size: 16px;
  color: var(--bridge-black);
}

.ast-container{ max-width: 1120px; }

/* Links */
a, a:visited{ color: var(--bridge-red); }
a:hover{ color:#a30d25; }

/* Buttons */
button, .button, input[type=button], input[type=submit], .wp-block-button__link{
  background: var(--bridge-red) !important;
  border-color: var(--bridge-red) !important;
  color: #fff !important;
  border-radius: 10px !important;
  padding: 12px 18px !important;
}

h1,h2,h3{ color: var(--bridge-black); }

.bridge-callout{
  border-left:4px solid var(--bridge-red);
  background:#FAFAFA;
  padding:14px 16px;
}

/* HEADER: 1686-like (hamburger right, minimal nav) */
.main-header-menu{ display:none !important; }
.ast-desktop-toggle-menu{
  display: inline-flex !important;
}
.ast-button-wrap .menu-toggle{
  display: inline-flex !important;
  position: fixed;
  top: 22px;
  right: 22px;
  z-index: 9999;
  background: transparent !important;
  border: 1px solid rgba(11,11,13,.10) !important;
  border-radius: 999px !important;
  padding: 10px 12px !important;
}

/* HERO (home) */
.home .site-content{ padding-top: 0; }
.bridge-hero{
  min-height: 92vh;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  padding: 64px 18px 18px;
}
.bridge-hero .hero-logo svg{ height: 110px; }
.bridge-hero h1{
  font-size: 46px;
  line-height: 1.05;
  margin: 18px 0 12px;
}
.bridge-hero p{
  font-size: 18px;
  max-width: 780px;
  margin: 0 auto 18px;
  color: #111;
}
.bridge-scroll{
  margin-top: 26px;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--bridge-gray);
}
.bridge-scroll a{ color: inherit; text-decoration: none; }

/* Logo build: reveal (cleaner than current fade) */
.bridge-logo svg, .hero-logo svg{
  clip-path: inset(0 100% 0 0);
  animation: bridgeReveal 1400ms cubic-bezier(.2,.8,.2,1) 120ms forwards;
}
@keyframes bridgeReveal{
  to { clip-path: inset(0 0 0 0); }
}

.site-footer{ font-size: 10px; }