/* ===== CUSTOM FONTS ===== */
@font-face {
  font-family: "ExtendaHecto";
  src: url("/fonts/Extenda-40-Hecto-trial.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "AdvakenSans";
  src: url("/fonts/Advaken Sans.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/* ===== HERO ПОРТАЛ ПАМ'ЯТІ ===== */

.hero-portal {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 80px); /* підлаштуй під висоту хедера */
  background-image: url('/images/hero/1920х1080.webp'); /* базовий фон (desktop) */
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: space-between; /* бар партнерів притискається до низу */

  color: #fff;
  font-family: 'Inter', sans-serif;
}

/* затемнення поверх фону */
.hero-portal__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0.55) 50%,
    rgba(0, 0, 0, 0.8) 100%
  );
  z-index: 0;
}

/* внутрішній контент (заголовки + кнопка) по центру екрану */
.hero-portal__inner {
  position: relative;
  z-index: 1;

  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;   /* центр по вертикалі */
  align-items: center;       /* центр по горизонталі */
  text-align: center;

  gap: 40px;
  padding: 0 15px;
}

/* Заголовки */
.hero-portal__titles {
  text-transform: uppercase;
}

.hero-portal__title-main {
  font-family: "AdvakenSans", sans-serif;
  font-weight: 600;
  font-size: 52px;
  line-height: 1.1;
}

.hero-portal__title-sub {
  font-family: "AdvakenSans", sans-serif;
  font-weight: 600;
  font-size: 42px;
  margin-top: 12px;
  color: #ffc94a;
}

/* Кнопка */
.hero-portal__cta {
  display: flex;
  justify-content: center;
}

.hero-portal__btn {
  font-family: "AdvakenSans", sans-serif;
  font-weight: 500;
  font-size: 20px; 
  letter-spacing: 3px;
  text-transform: uppercase;

  padding: 18px 55px;
  border-radius: 20px;

  letter-spacing: 0.5px;

  background: linear-gradient(180deg,
      #ffd562 0%,     /* світлий верх */
      #ffb300 45%,    /* основний колір */
      #e79b00 100%    /* глибока тінь */
  );

  border: 3px solid #c38500;         /* темний контур */
  box-shadow:
      0 6px 12px rgba(0, 0, 0, 0.35),
      inset 0 3px 6px rgba(255, 255, 255, 0.45);  /* внутрішній глянець */

  color: #1d1d1d;
  text-transform: uppercase;
  text-decoration: none;

  transition: 0.2s ease;
}

.hero-portal__btn:hover {
  transform: translateY(-3px);
  box-shadow:
      0 10px 18px rgba(0, 0, 0, 0.45),
      inset 0 3px 6px rgba(255, 255, 255, 0.55);
}

/* ===== НИЖНІЙ БАР З ЛОГОТИПАМИ ===== */

.hero-portal__partners-bar {
  position: relative;
  z-index: 1;
  width: 100%;                         /* розтягується на всю ширину секції */
  background: rgba(0, 0, 0, 0.85);     /* темний фон як на макеті */
  border-top: 1px solid #d9b45a;       /* верхня золота лінія */
  border-bottom: 1px solid #d9b45a;    /* нижня золота лінія */
  padding: 25px 40px;
  box-sizing: border-box;
}

.hero-portal__partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 80px;                            /* відстань між логотипами */
}

.hero-portal__partner {
  width: 150px;
  height: 100px;
  background: transparent;
  box-shadow: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-portal__partner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ===== АДАПТИВНІ ФОНИ ===== */

/* Великі екрани (2K / Retina 2560×1400) */
@media (min-width: 1920px) {
  .hero-portal {
    background-image: url('/images/hero/2560х1400.WEBP'); /* 2560×1400 */
  }
}

/* Tablet 1280×900 */
@media (max-width: 1279.98px) {
  .hero-portal {
    background-image: url('/images/hero/1280х900.webp');
  }
}

/* Mобільний 768×1200 */
@media (max-width: 991.98px) {
  .hero-portal {
    min-height: 100vh;
    background-image: url('/images/hero/768х1200.webp');
  }

  .hero-portal__title-main {
    font-size: 38px;
  }

  .hero-portal__title-sub {
    font-size: 30px;
  }

  .hero-portal__inner {
    gap: 32px;
  }
}

/* Менший мобільний 480×800 */
@media (max-width: 575.98px) {
  .hero-portal {
    background-image: url('/images/hero/480х800.webp');
  }

  .hero-portal__title-main {
    font-size: 30px;
  }

  .hero-portal__title-sub {
    font-size: 24px;
  }

  .hero-portal__btn {
    width: 100%;
    max-width: 280px;
    padding-inline: 0;
  }

  .hero-portal__partners-bar {
    padding: 10px 20px;
  }

  .hero-portal__partners {
    gap: 32px;
  }

  .hero-portal__partner {
    width: 110px;
    height: 50px;
  }
}