/* =========================================================
   HERO SLIDER – FORCE TITLE STYLE (SEO SAFE)
   H1 = main page heading
   H2 = secondary slides (same visual size)
   ========================================================= */

/* Load Satoshi (Black = 900) */
@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/blueking/fonts/Satoshi-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Load Satoshi Regular (400) for subtitle text */
@font-face {
  font-family: "Satoshi";
  src: url("/wp-content/themes/blueking/fonts/Satoshi-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Main slider titles (H1 + H2 same visual style) */
.slider .main-slider .swiper-slide .container h1,
.slider .main-slider .swiper-slide .container h2 {
  font-family: "Satoshi", "Poppins", sans-serif !important;
  font-size: 56px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Slider subtitle / description text */
.slider .main-slider .swiper-slide .container p {
  font-family: "Satoshi", "Poppins", sans-serif !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  margin-top: 12px !important;
}

/* ======================
   RESPONSIVE ADJUSTMENTS
   ====================== */

/* Tablets */
@media (max-width: 991px) {
  .slider .main-slider .swiper-slide .container h1,
  .slider .main-slider .swiper-slide .container h2 {
    font-size: 42px !important;
  }
}

/* Mobile phones */
@media (max-width: 767px) {
  .slider .main-slider .swiper-slide .container h1,
  .slider .main-slider .swiper-slide .container h2 {
    font-size: 38px !important;
    line-height: 1.18 !important;
  }
}

/* Very small phones */
@media (max-width: 480px) {
  .slider .main-slider .swiper-slide .container h1,
  .slider .main-slider .swiper-slide .container h2 {
    font-size: 34px !important;
    line-height: 1.20 !important;
  }
}