/* AskDogTrainers live-server final override
   This file is intentionally loaded LAST to prevent server/cached CSS from changing
   the new header alignment, banner colors, and footer colors.
*/

:root{
  --pdz-blue:#0d2d57;
  --pdz-red:#d92228;
  --pdz-dark:#142033;
  --pdz-text:#253246;
  --pdz-light:#f4f7fb;
  --pdz-gold:#f7c948;
}

/* Reset old-template center alignment conflicts */
body.askdog-redesign{
  margin:0!important;
  color:var(--pdz-text)!important;
  background:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  line-height:1.65!important;
  overflow-x:hidden!important;
  text-align:left!important;
}

body.askdog-redesign .wrap{
  width:min(1180px,92%)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.askdog-redesign p,
body.askdog-redesign li,
body.askdog-redesign .panel,
body.askdog-redesign .article-content,
body.askdog-redesign .footer,
body.askdog-redesign .footer p,
body.askdog-redesign .footer li{
  text-align:left!important;
}

/* Header / menu */
body.askdog-redesign .topbar{
  background:#0d2d57!important;
  color:#fff!important;
  text-align:left!important;
}

body.askdog-redesign .topbar .wrap{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  padding:9px 0!important;
  flex-wrap:wrap!important;
}

body.askdog-redesign .site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(13,45,87,.12)!important;
  text-align:left!important;
}

body.askdog-redesign .navrow{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:14px 0!important;
  text-align:left!important;
}

body.askdog-redesign .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
}

body.askdog-redesign .brand img{
  max-width:210px!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
}

body.askdog-redesign .mainnav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  text-align:left!important;
  margin-left:auto!important;
}

body.askdog-redesign .mainnav a{
  color:#0d2d57!important;
  font-weight:800!important;
  text-decoration:none!important;
}

body.askdog-redesign .mainnav a:hover{
  color:#d92228!important;
}

body.askdog-redesign .btn,
body.askdog-redesign .btn.btn-red,
body.askdog-redesign .mainnav .btn.btn-red,
body.askdog-redesign .hero .btn.btn-red{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#d92228!important;
  color:#fff!important;
  border:2px solid #d92228!important;
  border-radius:999px!important;
  padding:12px 22px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:none!important;
  line-height:1.1!important;
  text-align:center!important;
}

/* Video banner */
body.askdog-redesign .hero,
body.askdog-redesign .hero.video-hero,
body.askdog-redesign .askdog-video-banner{
  position:relative!important;
  isolation:isolate!important;
  min-height:440px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:linear-gradient(115deg,rgba(13,45,87,.42),rgba(13,45,87,.24)),url('../images/video-image.webp') center/cover no-repeat!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  text-align:left!important;
}

body.askdog-redesign .hero .hero-video,
body.askdog-redesign .askdog-video-banner .hero-video{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:-2!important;
  opacity:1!important;
  filter:none!important;
}

body.askdog-redesign .hero .hero-video-overlay,
body.askdog-redesign .askdog-video-banner .hero-video-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(115deg,rgba(13,45,87,.42),rgba(13,45,87,.24))!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:1!important;
}

body.askdog-redesign .hero .hero-grid,
body.askdog-redesign .askdog-video-banner .hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)!important;
  gap:34px!important;
  align-items:center!important;
  padding:68px 0!important;
  position:relative!important;
  z-index:2!important;
  text-align:left!important;
}

body.askdog-redesign .hero h1,
body.askdog-redesign .hero h2,
body.askdog-redesign .hero p{
  color:#fff!important;
  text-align:left!important;
}

/* Trust card should stay white, not dimmed */
body.askdog-redesign .hero .trust-card,
body.askdog-redesign .trust-card{
  background:#fff!important;
  color:#142033!important;
  opacity:1!important;
  filter:none!important;
  z-index:3!important;
  text-align:left!important;
}

body.askdog-redesign .trust-card h3{
  color:#0d2d57!important;
}

/* Main layout */
body.askdog-redesign .content-grid{
  display:grid!important;
  grid-template-columns:minmax(0,2fr) minmax(280px,.9fr)!important;
  gap:28px!important;
  align-items:start!important;
}

body.askdog-redesign .panel{
  background:#fff!important;
  border-radius:28px!important;
  padding:34px!important;
  box-shadow:0 12px 35px rgba(13,45,87,.10)!important;
  overflow:hidden!important;
}

/* Footer forced to the new blue */
body.askdog-redesign .footer{
  background:#071322!important;
  color:#dbe7ff!important;
  padding:50px 0 20px!important;
  text-align:left!important;
}

body.askdog-redesign .footer-grid{
  display:grid!important;
  grid-template-columns:1.2fr repeat(3,1fr)!important;
  gap:28px!important;
}

body.askdog-redesign .footer h3,
body.askdog-redesign .footer h4{
  color:#fff!important;
  margin-top:0!important;
  text-align:left!important;
}

body.askdog-redesign .footer p{
  color:#dbe7ff!important;
}

body.askdog-redesign .footer ul{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  gap:8px!important;
}

body.askdog-redesign .footer a{
  color:#dbe7ff!important;
  text-decoration:none!important;
}

body.askdog-redesign .footer a:hover{
  color:#f7c948!important;
}

body.askdog-redesign .footer .copyright,
body.askdog-redesign .footer .wrap.copyright{
  background:transparent!important;
  color:#9fb0ca!important;
  border-top:1px solid rgba(255,255,255,.12)!important;
  margin-top:32px!important;
  padding-top:18px!important;
  padding-bottom:0!important;
  text-align:center!important;
}

/* Prevent old gray/yellow footer/copyright classes from winning */
body.askdog-redesign .footer__area,
body.askdog-redesign .footer__top,
body.askdog-redesign .footer__bottom{
  background:#071322!important;
  color:#dbe7ff!important;
}

body.askdog-redesign .copyright{
  background:transparent!important;
}

@media(max-width:900px){
  body.askdog-redesign .navrow{
    flex-direction:column!important;
    align-items:center!important;
  }
  body.askdog-redesign .mainnav{
    justify-content:center!important;
    margin-left:0!important;
  }
  body.askdog-redesign .hero .hero-grid,
  body.askdog-redesign .askdog-video-banner .hero-grid,
  body.askdog-redesign .content-grid{
    grid-template-columns:1fr!important;
  }
  body.askdog-redesign .footer-grid{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:640px){
  body.askdog-redesign .footer-grid{
    grid-template-columns:1fr!important;
  }
  body.askdog-redesign .topbar .wrap{
    justify-content:center!important;
    text-align:center!important;
  }
}