.page .entry-header {
	display: none;
}
.page .entry-title h1  {
	margin-top: 0;
}

.page .entry-title h1 {
	margin-bottom: 0;
}

}
.page .entry-header header  {
	margin-top: 0;
}

.page .entry-header header {
	margin-bottom: 0;
}
.page .entry-content Div  {
	margin-top: 0;
}

.page .entry-content Div {
	margin-bottom: 0;
}

.page .entry-header { display: none; }
.page .entry-title h1 { margin-top: 0; margin-bottom: 0; }
.page .entry-header header { margin-top: 0; margin-bottom: 0; }
.page .entry-content div { margin-top: 0; margin-bottom: 0; }

/* Constrain long text rows for readability */
.narrow-text {
  max-width: 760px;
  margin-left: 0;
  margin-right: auto;
}

/* ===== Base desktop styles (≥1024px) ===== */
html { scroll-behavior: smooth; }

p { font-size: 18px; line-height: 1.6; margin-bottom: 1em; }
h1 { font-size: 40px; line-height: 1.2; margin: 0 0 0.5em; }
h2 { font-size: 30px; line-height: 1.3; margin: 1.2em 0 0.5em; }
h3 { font-size: 24px; line-height: 1.4; margin: 1em 0 0.4em; }

/* Slightly larger intro text under the hero H1 */
.hero-intro { font-size: 21px; line-height: 1.5; }

/* ===== Tablet (≤1023px) ===== */
@media (max-width: 1023px) {
  h1 { font-size: 34px; }
  h2 { font-size: 26px; }
  h3 { font-size: 22px; }
  p  { font-size: 17px; }
  .hero-intro { font-size: 20px; }
}

/* ===== Mobile (≤767px) ===== */
@media (max-width: 767px) {
  h1 { font-size: 28px; }
  h2 { font-size: 22px; }
  h3 { font-size: 20px; }
  p  { font-size: 16px; }
  .hero-intro { font-size: 18px; }
}

/* Primary button utility */
.blue-button {
  background-color:#0073e6;
  color:#fff;
  border-radius:6px;
  padding:12px 24px;
  display:inline-block;
  text-decoration:none;
  font-weight:600;
}
.blue-button:hover { background-color:#005bb5; color:#fff; }

.wp-block-button__link.blue-button {
  background-color:#0073e6 !important;
  color:#fff !important;
}
.wp-block-button__link.blue-button:hover {
  background-color:#005bb5 !important;
  color:#fff !important;
}

/* === Mountain Padel – unify button styles across languages === */
:root{
  --mp-btn-bg: #1670bf;        /* default background */
  --mp-btn-text: #fff;         /* default text */
  --mp-btn-hover-bg: #192067;  /* hover/active/focus background */
  --mp-btn-hover-text: #fff;   /* hover/active/focus text */
}

/* Base state (covers Gutenberg buttons + your .blue-button wrapper) */
.wp-block-button .wp-block-button__link,
.blue-button .wp-block-button__link{
  background-color: var(--mp-btn-bg) !important;
  color: var(--mp-btn-text) !important;
  border-color: var(--mp-btn-bg) !important;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

/* Visited should not change color */
.wp-block-button .wp-block-button__link:visited,
.blue-button .wp-block-button__link:visited{
  color: var(--mp-btn-text) !important;
}

/* Hover/Focus/Active — same in EN & FR */
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active,
.blue-button .wp-block-button__link:hover,
.blue-button .wp-block-button__link:focus,
.blue-button .wp-block-button__link:active{
  background-color: var(--mp-btn-hover-bg) !important;
  color: var(--mp-btn-hover-text) !important;
  border-color: var(--mp-btn-hover-bg) !important;
  outline: none;
}

/* If any block uses the “outline” button style, keep it consistent too */
.is-style-outline .wp-block-button__link{
  background: transparent !important;
  color: var(--mp-btn-bg) !important;
  border-color: var(--mp-btn-bg) !important;
}
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus{
  background: var(--mp-btn-hover-bg) !important;
  color: var(--mp-btn-hover-text) !important;
  border-color: var(--mp-btn-hover-bg) !important;
}

/* Safety: prevent the cover dim layer from changing hover behavior */
.wp-block-cover__background{ pointer-events: none; }


/* Force hero image only on the Home page (EN + FR) */
.home .wp-block-cover.alignwide {
  background-image: url('https://mountainpadel.co.uk/wp-content/uploads/2025/08/oskar-hagberg-0mANKAqH87U-unsplash.jpg') !important;
  background-size: cover;
  background-position: center;
}
/* 1) FR desktop: keep the main menu on one line */
@media (min-width: 768px) {
  html[lang="fr-FR"] .main-navigation #top-menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 0;
  }
  html[lang="fr-FR"] .main-navigation #top-menu > li {
    flex: 0 0 auto;
    margin-right: 8px !important;   /* tighter gaps */
  }
  html[lang="fr-FR"] .main-navigation #top-menu li a {
    font-size: 14.5px !important;   /* slightly smaller on FR */
    padding: 6px 9px !important;     /* narrower padding */
    line-height: 1.2 !important;
    white-space: nowrap !important;  /* prevent wrapping */
  }

  /* Hide "EN" text in the language switcher on desktop; keep the flag */
  html[lang="fr-FR"] .main-navigation #top-menu
  .trp-language-switcher-container .trp-ls-language-name {
    display: none !important;
  }
}

/* 2) If it still wraps between 1024–1280px, tighten a touch more there */
@media (min-width: 1024px) and (max-width: 1280px) {
  html[lang="fr-FR"] .main-navigation #top-menu li a {
    font-size: 14px !important;
    padding: 6px 8px !important;
  }
}

/* 3) (Optional) Free up space by capping logo width on desktop */
@media (min-width: 768px) {
  .site-branding .custom-logo {
    max-width: 220px !important;
    height: auto !important;
  }
}
/* Match list font size to paragraphs */
.entry-content ul,
.entry-content ol {
  font-size: 18px; /* adjust to match your paragraph size */
  line-height: 1.6; /* keeps spacing readable */
}

.investment-model h1,
.investment-model h2,
.investment-model h3 {
  color: #004aad; /* Replace with your Why Padel heading colour */
}