/* =========================================================
   YANSI SINGLE POST HERO
   Loaded only on individual posts by yansi-css-loader.php
========================================================= */

body.single-post .entry-title,
body.single-post .wp-block-post-title:not(.yansi-dynamic-hero-title){
  display:none !important;
}

html,
body.single-post{
  overflow-x:hidden !important;
}

body.single-post main,
body.single-post .entry-content,
body.single-post .wp-site-blocks,
body.single-post .wp-block-post-content{
  margin-top:0 !important;
  padding-top:0 !important;
}

body.single-post .wp-site-blocks > * + *{
  margin-block-start:0 !important;
}

.yansi-single-post-hero,
.yansi-single-post-hero *{
  box-sizing:border-box;
}

/* Desktop */
.yansi-single-post-hero{
  position:relative;
  width:100vw !important;
  max-width:100vw !important;
  min-height:780px !important;
  margin:0 calc(50% - 50vw) !important;
  background-image:url("https://youngamericansinsurance.com/wp-content/uploads/2026/05/young-americans-insurance-flexible-auto-insurance-payments-poolside-hero.jpg") !important;
  background-size:cover !important;
  background-position:center 58% !important;
  background-repeat:no-repeat !important;
  display:flex;
  align-items:flex-start !important;
  overflow:hidden;
}

.yansi-single-post-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    90deg,
    rgba(6,20,43,.34) 0%,
    rgba(6,20,43,.20) 38%,
    rgba(6,20,43,.06) 70%,
    rgba(6,20,43,.02) 100%
  ) !important;
}

.yansi-single-post-hero-inner{
  position:relative;
  z-index:2;
  width:52vw !important;
  max-width:52vw !important;
  margin-left:0 !important;
  margin-right:auto !important;
  padding:92px clamp(24px,4vw,70px) 120px calc(clamp(24px,4vw,70px) + 95px) !important;
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
}

.yansi-single-post-card{
  width:100% !important;
  max-width:520px !important;
  padding:28px 28px 30px !important;
  border:1px solid rgba(255,255,255,.26);
  border-radius:28px !important;
  background:rgba(15,23,42,.22) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
  box-shadow:0 24px 60px rgba(8,25,52,.18);
  color:#fff;
}

.yansi-single-post-card-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:15px;
  padding:8px 15px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#1d4ed8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.yansi-single-post-card .yansi-dynamic-hero-title,
.yansi-single-post-card h1.yansi-dynamic-hero-title{
  display:block !important;
  max-width:100% !important;
  margin:0 0 10px !important;
  padding:0 !important;
  color:#fff !important;
  font-size:31px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.035em;
  text-shadow:0 8px 24px rgba(0,0,0,.30);
  text-wrap:balance;
}

.yansi-single-post-card p{
  max-width:505px;
  margin:0 0 12px !important;
  color:rgba(255,255,255,.94);
  font-size:14.5px !important;
  line-height:1.42 !important;
  text-shadow:0 4px 15px rgba(0,0,0,.22);
}

.yansi-single-post-card .yansi-dynamic-hero-excerpt{
  max-width:505px !important;
  margin:0 !important;
}

.yansi-single-post-card .yansi-dynamic-hero-excerpt .wp-block-post-excerpt__excerpt{
  margin:0 0 12px !important;
}

.yansi-single-post-card .yansi-dynamic-hero-excerpt .wp-block-post-excerpt__more-text{
  display:none !important;
}

.yansi-single-quote-form{
  display:grid;
  grid-template-columns:1fr;
  gap:9px !important;
  margin-top:12px !important;
}

.yansi-single-quote-form input,
.yansi-single-quote-form select{
  width:100%;
  min-height:44px !important;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:13px !important;
  outline:none;
  background:rgba(255,255,255,.94);
  color:#111827;
  font-size:14.5px !important;
  font-weight:700;
}

.yansi-single-quote-form input:focus,
.yansi-single-quote-form select:focus{
  border-color:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.18);
}

.yansi-single-quote-button{
  grid-column:1 / -1;
  width:100%;
  min-height:46px !important;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#e11d48 0%,#dc2626 100%);
  box-shadow:0 14px 28px rgba(220,38,38,.28);
  color:#fff;
  cursor:pointer;
  font-size:14.5px !important;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease;
}

.yansi-single-quote-button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(220,38,38,.35);
}

.yansi-single-hero-note{
  display:block;
  margin-top:13px;
  color:#fff !important;
  font-size:13px;
  line-height:1.45;
  text-shadow:0 3px 12px rgba(0,0,0,.45);
}

.yansi-single-post-card-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:13px;
  padding:12px 20px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff !important;
  font-weight:900;
  text-decoration:none !important;
}

.yansi-post-content-wrap{
  width:min(1320px,100%) !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding:24px 32px 80px !important;
}

.yansi-post-content-wrap .wp-block-post-content,
.yansi-post-content-wrap .entry-content{
  width:100% !important;
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.yansi-post-content-wrap .yansi-accc-article,
.yansi-post-content-wrap .yansi-accc-author-wrap,
.yansi-post-content-wrap .yansi-accc-author-card{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Tablet */
@media(max-width:991px){
  .yansi-single-post-hero{
    min-height:700px !important;
    background-position:64% 58% !important;
  }

  .yansi-single-post-hero-inner{
    width:60vw !important;
    max-width:60vw !important;
    padding:74px 22px 92px 70px !important;
  }

  .yansi-single-post-card{
    max-width:500px !important;
  }
}

/* Mobile */
@media(max-width:768px){
  .yansi-single-post-hero{
    min-height:560px !important;
    align-items:flex-start !important;
    background-position:72% 48% !important;
  }

  .yansi-single-post-hero::before{
    background:linear-gradient(
      180deg,
      rgba(8,25,52,.34) 0%,
      rgba(8,25,52,.20) 48%,
      rgba(8,25,52,.08) 100%
    ) !important;
  }

  .yansi-single-post-hero-inner{
    width:100% !important;
    max-width:100% !important;
    padding:210px 14px 24px !important;
    align-items:flex-start !important;
  }

  .yansi-single-post-card{
    width:100% !important;
    max-width:none !important;
    padding:15px 16px 14px !important;
    border-color:rgba(255,255,255,.34) !important;
    border-radius:22px !important;
    background:rgba(15,23,42,.22) !important;
    transform:translateY(-55px) !important;
  }

  .yansi-single-post-card-badge{
    margin-bottom:7px !important;
    padding:6px 10px !important;
    font-size:10px !important;
  }

  .yansi-single-post-card .yansi-dynamic-hero-title,
  .yansi-single-post-card h1.yansi-dynamic-hero-title{
    margin-bottom:7px !important;
    font-size:26px !important;
    line-height:1.04 !important;
  }

  .yansi-single-post-card p{
    margin-bottom:8px !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }

  .yansi-single-post-card .yansi-dynamic-hero-excerpt .wp-block-post-excerpt__excerpt{
    margin-bottom:8px !important;
  }

  .yansi-single-quote-form{
    gap:7px !important;
    margin-top:8px !important;
  }

  .yansi-single-quote-form input{
    min-height:39px !important;
    border-radius:12px !important;
    font-size:14px !important;
  }

  .yansi-single-quote-button{
    min-height:41px !important;
    font-size:14px !important;
  }

  .yansi-single-hero-note,
  .yansi-single-post-card-secondary{
    display:none !important;
  }

  .yansi-post-content-wrap{
    width:100% !important;
    max-width:100% !important;
    padding:22px 18px 64px !important;
  }
}