/* =========================================================
   SportCoaching Hub Engine - Gateway Styles (full-screen BG)
   ========================================================= */

/* Typography */
.sc-gateway,
.sc-gateway *{
  font-family: Manrope, sans-serif !important;
}

/* ---------------------------------------------------------
   Content spacing (follows Elementor width)
--------------------------------------------------------- */

.sc-gateway__hero-inner,
.sc-gateway__browse,
.sc-gateway__featured > .sc-gateway__h,
.sc-gateway__featured > .sc-gateway__sub,
.sc-gateway__featured .grid{
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

@media (max-width: 640px){
  .sc-gateway__hero-inner,
  .sc-gateway__browse,
  .sc-gateway__featured > .sc-gateway__h,
  .sc-gateway__featured > .sc-gateway__sub,
  .sc-gateway__featured .grid{
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* ---------------------------------------------------------
   Hero Section — FULL SCREEN background
--------------------------------------------------------- */

.sc-gateway__hero{
  position: relative;
  padding: 50px 0;
  margin: 0 0 22px 0;
  z-index: 0;
  overflow: visible;
}

.sc-gateway__hero:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;                  /* FULL viewport width */
  transform: translateX(-50%);
  background:#f7f9fb !important;
  z-index: 0;
}

/* ---------------------------------------------------------
   Browse by Category
--------------------------------------------------------- */

.sc-gateway__browse{
  padding-top: 50px;
  padding-bottom: 50px;
}

/* ---------------------------------------------------------
   Featured Section — FULL SCREEN background
--------------------------------------------------------- */

.sc-gateway__featured{
  position: relative;
  padding: 50px 0;
  z-index: 0;
  overflow: visible;
}

.sc-gateway__featured:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;                  /* FULL viewport width */
  transform: translateX(-50%);
  background:#f7f9fb !important;
  z-index: 0;
}

/* ---------------------------------------------------------
   Grid + Cards
--------------------------------------------------------- */

.sc-gateway__h{
  margin: 0 0 6px 0;
  font-size: 22px !important;
  font-weight: 700;
}

.sc-gateway__sub{
  margin: 0 0 14px 0;
  font-size: 18px !important;
  opacity: 0.85;
}

.sc-gateway__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 12px 0 26px 0;
}

@media (max-width: 1100px){
  .sc-gateway__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px){
  .sc-gateway__grid{ grid-template-columns: 1fr; }
}

.sc-gateway__card{
  border: none !important;
  border-radius: 0 !important;
  padding: 0;
  background: transparent;
}

.sc-gateway__title{
  font-weight: 700;
  margin: 0 0 6px 0;
}

.sc-gateway__desc{
  font-size: 14px;
  line-height: 1.4;
  opacity: 0.85;
  margin: 0 0 10px 0;
}

/* ---------------------------------------------------------
   Buttons
--------------------------------------------------------- */

.sc-gateway .sc-gateway__btn{
  background-color:#012F52 !important;
  color:#ffffff !important;
  border:none !important;
  border-radius:6px !important;
  font-size:14px !important;
  text-decoration:none !important;
  padding:10px 16px;
  display:inline-block;
}

.sc-gateway .sc-gateway__btn:hover{
  background-color:#01406f !important;
  color:#ffffff !important;
}