/* =========================================================
   NABB HERO - Full width background carousel (clean + isolated)
   Put this file AFTER mobirise/theme css (you already do)
   ========================================================= */

   #header01-g .container-fluid{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Full-bleed wrapper (ignores container width) */
  .nabb-hero{
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow: hidden;
    background: #000;
    min-height: 78vh;
  }
  
  /* Carousel occupies all hero space */
  .nabb-hero .carousel,
  .nabb-hero .carousel-inner,
  .nabb-hero .carousel-item{
    height: 78vh;
    min-height: 520px;
  }
  
  @media (max-width: 991px){
    .nabb-hero,
    .nabb-hero .carousel,
    .nabb-hero .carousel-inner,
    .nabb-hero .carousel-item{
      height: 68vh;
      min-height: 420px;
    }
  }
  
  /* Background image layer */
  .nabb-hero .nabb-hero-bg{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1.02);
  }
  
  /* Dark overlay keeps your black look */
  .nabb-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(
      90deg,
      rgba(0,0,0,.78) 0%,
      rgba(0,0,0,.55) 45%,
      rgba(0,0,0,.25) 100%
    );
    z-index: 1;
  }
  
  /* Caption (text + buttons) per slide */
  .nabb-hero .nabb-hero-caption{
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 56px 22px;
  }
  
  .nabb-hero .nabb-hero-caption .inner{
    max-width: 860px;
  }
  
  .nabb-hero .kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom: 14px;
    opacity:.95;
  }
  
  .nabb-hero .kicker .pill{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.16);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color:#fff;
    font-size: 13px;
    line-height: 1;
  }
  
  /* Big title */
  .nabb-hero h1{
    margin: 0 0 16px 0;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.03;
    color:#fff;
    font-size: 64px;
  }
  
  .nabb-hero h1 span{
    color: #0aa07f; /* verde do seu tema */
  }
  
  @media (max-width: 991px){
    .nabb-hero h1{ font-size: 40px; }
  }
  
  /* Description */
  .nabb-hero p{
    margin: 0 0 18px 0;
    max-width: 760px;
    color: rgba(255,255,255,.92);
    font-size: 16px;
    line-height: 1.55;
  }
  
  /* Buttons */
  .nabb-hero .actions{
    display:flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
  }
  
  .nabb-hero .actions .btn{
    border-radius: 999px !important;
    padding: 12px 20px !important;
    white-space: nowrap;
  }
  
  /* IMPORTANT: prevent vertical text / transforms from theme */
  .nabb-hero a,
  .nabb-hero .btn{
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    transform: none !important;
    letter-spacing: normal !important;
    text-transform: none !important;
  }
  
  /* Controls + indicators */
  .nabb-hero .carousel-control-prev,
  .nabb-hero .carousel-control-next{
    z-index: 3;
    width: 10%;
    opacity: .9;
  }
  .nabb-hero .carousel-control-prev:hover,
  .nabb-hero .carousel-control-next:hover{
    opacity: 1;
  }
  
  .nabb-hero .carousel-indicators{
    z-index: 3;
    margin-bottom: 18px;
  }
  .nabb-hero .carousel-indicators [data-bs-target]{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    opacity: .55;
  }
  .nabb-hero .carousel-indicators .active{
    opacity: 1;
  }

  /* ===== NABB HERO - Alignment tweaks (append) ===== */

/* dá mais respiro e centraliza visualmente sem tirar o estilo */
.nabb-hero .nabb-hero-caption{
  padding: 64px 0 !important;  /* tira o padding lateral exagerado */
}

.nabb-hero .nabb-hero-caption .inner{
  width: min(980px, 92vw);
  margin-left: 6vw;            /* empurra um pouco pro centro */
}

/* em telas grandes, centraliza ainda melhor */
@media (min-width: 1200px){
  .nabb-hero .nabb-hero-caption .inner{
    margin-left: 9vw;
  }
}

/* em mobile: mantém confortável */
@media (max-width: 991px){
  .nabb-hero .nabb-hero-caption{
    padding: 48px 0 !important;
  }
  .nabb-hero .nabb-hero-caption .inner{
    margin-left: 5vw;
    margin-right: 5vw;
  }
}