/* IPTV Charleroi v1.2.3 — official charter alignment polish.
   Purpose: fix WordPress admin-bar logo offset and restore the original charter
   proportions without adding new sections or configurators. */

/* Critical fix: .brand is fixed, so it must follow the admin bar too. */
.admin-bar .brand {
  top: 40px;
}

@media (max-width: 782px) {
  .admin-bar .brand {
    top: 54px;
  }
}

@media (min-width: 1161px) {
  .topbar {
    height: 74px;
  }

  .brand-plate {
    width: 312px;
    height: 88px;
    border-bottom-right-radius: 88px;
  }

  .nav {
    height: 74px;
    padding-left: 270px;
    gap: 34px;
  }

  .brand {
    left: 36px;
    top: 10px;
    width: 238px;
    grid-template-columns: 72px 1fr;
    gap: 9px;
  }

  .admin-bar .brand {
    top: 42px;
  }

  .brand-tv {
    width: 72px;
    height: 58px;
  }

  .brand-tv::before {
    left: -11px;
    top: 16px;
    width: 16px;
    height: 27px;
  }

  .brand-tv::after {
    left: -20px;
    top: 11px;
    width: 23px;
    height: 37px;
  }

  .tv-icon {
    width: 53px;
    height: 41px;
  }

  .play {
    width: 32px;
    height: 26px;
  }

  .brand-copy strong {
    font-size: 36px;
    line-height: .76;
  }

  .brand-copy small {
    margin-top: 4px;
    font-size: 19px;
  }

  .menu {
    gap: 38px;
    font-size: 12px;
  }

  .menu a {
    height: 74px;
  }

  .nav-cta {
    min-height: 50px;
    padding-inline: 21px;
  }

  .hero {
    min-height: 590px;
    padding-top: 138px;
  }

  .hero::before {
    inset: 74px 0 0;
  }

  .hero-grid {
    grid-template-columns: minmax(500px, 660px) minmax(610px, 850px);
    gap: 78px;
  }

  .hero h1 {
    font-size: 74px;
    line-height: .94;
  }

  .hero-copy {
    max-width: 620px;
    font-size: 17px;
  }

  .proofs {
    max-width: 620px;
  }

  .screen {
    width: 680px;
  }

  .tv-stage {
    min-height: 395px;
  }

  .deal-float {
    right: 86px;
  }
}

/* Make boutique copy keep the official visual energy instead of looking like a technical label. */
.hero-actions .btn-primary,
.trial-card .btn-primary,
.footer-contact .btn-primary {
  letter-spacing: -.1px;
  white-space: nowrap;
}

.hero-actions .btn-primary {
  min-width: 206px;
}

.trial-card .btn-primary {
  font-size: 12px;
}

.footer-contact .btn-primary {
  font-size: 11px;
}

/* Slightly closer to the official charter spacing under the hero. */
#abonnements.section {
  padding-top: 32px;
}

/* Restore premium readability on the bottom blocks without changing content. */
.step-card h4,
.review-card strong,
.faq-question {
  letter-spacing: -.1px;
}

@media (max-width: 1160px) {
  .brand {
    position: fixed;
  }
}

@media (max-width: 760px) {
  .brand-plate {
    width: 214px;
  }

  .brand {
    left: 18px;
    top: 8px;
  }

  .admin-bar .brand {
    top: 54px;
  }

  .hero-actions .btn-primary,
  .trial-card .btn-primary,
  .footer-contact .btn-primary {
    white-space: normal;
  }
}