/* =========================================================
   30 – HERO
   ========================================================= */
.hero-cover{
  background: linear-gradient(134deg, var(--fb-grad-a) 0%, var(--fb-grad-b) 100%) !important;
}

/* Hero text white (cover block) */
.hero-cover.wp-block-cover *{
  color: var(--fb-white) !important;
}


/* Hero buttons mobile */
@media (max-width: 768px){
  .hero-cover .wp-block-buttons{
    flex-direction: column !important;
    align-items: center;
    gap: 12px;
  }

  .hero-cover .wp-block-buttons .wp-block-button__link{
    min-width: 220px;
    padding: 14px 24px;
    text-align: center;
    white-space: nowrap;
  }
}