/* PATCH 203 — clean image sources + faithful cyan/navy gradient */

/* Whole top area like the approved mockup:
   cyan/blue at very top, gradually becoming deep navy before content */
.tb-app-bg{
  background:
    radial-gradient(ellipse at 48% -35px,rgba(18,194,232,.52) 0%,rgba(12,147,202,.28) 34%,transparent 62%),
    linear-gradient(180deg,#0798c5 0,#077eac 52px,#07557d 112px,#063757 178px,#eef4f8 179px,#eef4f8 100%)!important;
}
.tb-app-main{
  max-width:452px!important;
  padding:7px 12px 20px!important;
}

/* Header */
.tb-topbar-faith199{
  min-height:99px!important;
  margin:0!important;
  background:transparent!important;
}
.tb-brand-logo-faith199{
  width:184px!important;
  height:72px!important;
}

/* Hero */
.tb-home-hero-faith199{
  position:relative!important;
  min-height:323px!important;
  padding:24px 20px 18px!important;
  border-radius:22px!important;
  overflow:hidden!important;

  /* Image is clean: only cross/person on the right.
     All text/button areas are pure CSS/navy. */
  background:
    linear-gradient(90deg,
      #07284a 0%,
      #07284a 37%,
      rgba(7,40,74,.97) 48%,
      rgba(7,40,74,.80) 62%,
      rgba(7,40,74,.30) 79%,
      rgba(7,40,74,.08) 100%),
    linear-gradient(180deg,
      rgba(5,32,61,.12) 0%,
      rgba(5,32,61,.06) 48%,
      rgba(3,24,47,.34) 75%,
      rgba(3,24,47,.72) 100%),
    url('../img/faith-mobile-hero-clean-203.webp') right 47%/49% 105% no-repeat,
    #07284a!important;

  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 14px 28px rgba(3,25,47,.20)!important;
}

/* remove every previous decorative pseudo-element that could produce a vertical line */
.tb-home-hero-faith199:before,
.tb-home-hero-faith199:after{
  display:none!important;
  content:none!important;
}

/* no overflow artifact on right */
.tb-home-hero-faith199,
.tb-home-hero-faith199 *{
  max-width:100%;
}
.tb-home-hero-faith199 .label{
  min-height:29px!important;
  padding:0 12px!important;
  margin-bottom:17px!important;
  border-radius:999px!important;
  background:rgba(5,31,57,.72)!important;
  border:1px solid rgba(247,187,47,.68)!important;
  color:#ffca45!important;
  font-size:8.7px!important;
}
.tb-home-hero-faith199 h1{
  max-width:285px!important;
  margin:0 0 11px!important;
  color:#fff!important;
  font-size:29.5px!important;
  line-height:1.05!important;
  letter-spacing:-.042em!important;
  text-shadow:0 2px 10px rgba(0,0,0,.20)!important;
}
.tb-home-hero-faith199 p{
  max-width:292px!important;
  color:#fff!important;
  font-size:11.2px!important;
  line-height:1.50!important;
}
.tb-home-hero-faith199 .tb-hero-actions-mobile{
  margin-top:25px!important;
  grid-template-columns:1.13fr .87fr!important;
  gap:9px!important;
}
.tb-home-hero-faith199 .tb-primary-btn,
.tb-home-hero-faith199 .tb-secondary-btn{
  min-height:50px!important;
  border-radius:13px!important;
  font-size:10.6px!important;
}
.tb-home-hero-faith199 .tb-primary-btn{
  background:linear-gradient(135deg,#ffb716,#ffd364)!important;
  color:#102239!important;
}
.tb-home-hero-faith199 .tb-secondary-btn{
  background:rgba(4,28,52,.74)!important;
  border:1px solid #d7a246!important;
  color:#fff!important;
}

/* Floating bottom nav */
.tb-bottom-faith199{
  width:min(calc(100% - 18px),438px)!important;
  min-height:77px!important;
  bottom:6px!important;
  padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;
  border-radius:21px!important;
  background:
    linear-gradient(180deg,#083c61 0%,#063352 42%,#03233e 100%)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:
    0 14px 30px rgba(2,18,34,.38),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.tb-bottom-faith199 a{
  min-height:58px!important;
  padding:5px 2px 7px!important;
  color:#d1dce6!important;
  background:transparent!important;
}
.tb-bottom-faith199 a.active{
  color:#ffc13b!important;
  background:transparent!important;
}
.tb-bottom-faith199 .tb-nav-ico svg{
  width:23px!important;
  height:23px!important;
  stroke-width:1.7!important;
}
.tb-bottom-faith199 small{
  font-size:9.5px!important;
  font-weight:800!important;
}
.tb-bottom-faith199 a.active:after{
  width:28px!important;
  height:2px!important;
  bottom:2px!important;
  background:#ffc13b!important;
}

/* iPhone sized refinement */
@media(max-width:390px){
  .tb-app-main{padding-left:10px!important;padding-right:10px!important}
  .tb-topbar-faith199{min-height:94px!important}
  .tb-brand-logo-faith199{width:158px!important;height:66px!important}
  .tb-home-hero-faith199{
    min-height:309px!important;
    padding:20px 15px 16px!important;
    background:
      linear-gradient(90deg,#07284a 0%,#07284a 36%,rgba(7,40,74,.96) 50%,rgba(7,40,74,.72) 66%,rgba(7,40,74,.22) 82%,rgba(7,40,74,.05) 100%),
      linear-gradient(180deg,rgba(5,32,61,.10),rgba(3,24,47,.70)),
      url('../img/faith-mobile-hero-clean-203.webp') right 47%/50% 106% no-repeat,
      #07284a!important;
  }
  .tb-home-hero-faith199 h1{font-size:27px!important;max-width:252px!important}
  .tb-home-hero-faith199 p{font-size:10.4px!important;max-width:255px!important}
  .tb-bottom-faith199{width:calc(100% - 14px)!important}
}