/* =========================================================
   INNER BANNERS – FINAL SAFE FIX
   ✔ Perfect center (RTL + LTR)
   ✔ Responsive all devices
   ✔ Smaller clean text
========================================================= */

.inner-banner{
  position: relative !important;
  width: 100% !important;
  min-height: 200px !important;
  padding: 24px 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;
  background: linear-gradient(180deg,#0b2a45 0%,#061a2a 100%) !important;
}

/* Overlay */
.inner-banner-overlay{
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: rgba(0,0,0,.35) !important;
}

/* =========================================================
   CONTENT – REAL CENTER FIX
========================================================= */
.inner-banner-content{
  position: relative !important;
  z-index: 2 !important;

  max-width: 1000px !important;
  width: 100% !important;

  margin-inline: auto !important;
  padding: 0 20px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
}

/* =========================================================
   TITLE (smaller & clean)
========================================================= */
.inner-banner-content h1{
  margin: 0 0 8px 0 !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;

  /* 👇 أصغر من قبل */
  font-size: clamp(18px, 3vw, 34px) !important;

  color: #fff !important;
  letter-spacing: .3px !important;
}

/* =========================================================
   SUBTITLE
========================================================= */
.inner-banner-content p{
  margin: 0 !important;
  max-width: 720px !important;

  line-height: 1.6 !important;
  font-size: clamp(12px, 1.6vw, 16px) !important;

  color: rgba(255,255,255,.9) !important;
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 600px){
  .inner-banner{
    min-height: 160px !important;
    padding: 18px 0 !important;
  }

  .inner-banner-content h1{
    font-size: 20px !important;
  }

  .inner-banner-content p{
    font-size: 13px !important;
  }
}

/* =========================================================
   OPTIONAL TYPES
========================================================= */
.inner-banner--about,
.inner-banner--contact,
.inner-banner--products,
.inner-banner--product{
  background: linear-gradient(180deg,#0b2a45 0%,#061a2a 100%) !important;
}