/* PBS HEADER - FINAL CLEAN VERSION */
/* BASE */
.header__global {
  background: #ffffff !important;
}
.header__global .header__logo img {
  transition: filter 0.25s ease !important;
}
.header__global .header__logo:hover img {
  filter: brightness(0.82) !important;
}
/* SEARCH */
.pbs-header-extras {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
.pbs-header-search {
  font-family: Arial, sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #05142b !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  transform: scaleX(-1) !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
  /* NUOVO */
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  box-shadow: none !important;
}
/* FOOTER LINK HOVER - no underline, solo cambio colore */
footer a,
.footer a,
footer a span,
.footer a span {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
footer a:hover,
.footer a:hover,
footer a:hover span,
.footer a:hover span {
    color: #59d1c7 !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
footer a::before,
footer a::after,
.footer a::before,
.footer a::after {
    display: none !important;
    content: none !important;
}
.pbs-header-search:hover {
  color: #005fff !important;
  transform: scaleX(-1) translateY(-2px) !important;
  /* NUOVO */
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ==========================================================
   PBS HEADER - RESPONSIVE REWRITE (2026-07-23)
   ----------------------------------------------------------
   WHY THIS EXISTS
   The old header had three separate, non-continuous breakpoint
   patches (1451px+, 1180-1450px, 1025-1180px) plus a "mobile"
   block written for max-width:1024px. But live testing on the
   actual site showed the theme's real hamburger menu only ever
   activates at 767px - so everything between roughly 768px and
   1450px had no working collapse behaviour at all. Depending on
   exact width, the nav either: hid completely with nothing to
   replace it (1025-1180px), wrapped into 2-3 ragged rows with no
   hamburger (768-1024px), or pushed the search icon and Contact
   Us button off the visible edge of the screen (1180-1450px).

   THE FIX
   One fluid desktop zone (1201px and up - scales continuously
   with clamp() so nothing ever overflows) and one unified compact
   zone (1200px and down) where the theme's own hamburger + slide
   panel are forced to activate early instead of waiting for their
   native 767px trigger. This was tested directly on the live site:
   the toggle's click behaviour works correctly independent of
   viewport width - only its CSS visibility was gated to 767px, so
   forcing it open earlier is safe and doesn't touch any JS logic.

   TWO THINGS WORTH KNOWING IF YOU EDIT THIS LATER:
   1. The logo is left at a fixed 235px in BOTH zones on purpose.
      child.js actively re-forces 235px on every DOM mutation via
      forcePBSLogo() - fighting that with CSS is a losing battle,
      so this fix works within it rather than against it.
   2. Selectors below use a ":not(#___)" trick to bump specificity.
      This page inlines a duplicate copy of some header CSS lower
      in the DOM (HubSpot's rendering behaviour, not something in
      this file), which was silently beating plain class-based
      overrides in testing even when they appeared later in the
      cascade. The extra :not(#___) (matching an ID that doesn't
      exist) makes these rules win reliably without resorting to
      inline styles or fighting page-generated markup.

   Single breakpoint: 1200px / 1201px. Tested empirically on the
   live site at 1201px, 1350px and 1700px, with a 7th nav item
   ("Our Expertise") simulated to make sure there's room once it's
   added via the HubSpot menu editor.
   ========================================================== */

/* DESKTOP - 1201px and up, fluid scaling to avoid overflow */
@media (min-width: 1201px) {
  .header__global:not(#___) {
    min-height: 88px !important;
  }
  .header__global:not(#___) .header__container,
  .header__global:not(#___) .header__wrapper,
  .header__global:not(#___) .header__row {
    width: 100% !important;
    max-width: 1650px !important;
    margin: 0 auto !important;
    padding-left: clamp(16px, -161.6px + 14.8vw, 90px) !important;
    padding-right: clamp(16px, -161.6px + 14.8vw, 90px) !important;
    min-height: 88px !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .header__global:not(#___) .header__logo-col {
    flex: 0 0 auto !important;
    margin-right: clamp(16px, -305.6px + 26.8vw, 150px) !important;
  }
  .header__global:not(#___) .header__menu-col {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .header__global:not(#___) .hs-menu-wrapper > ul,
  .header__global:not(#___) .header__menu,
  .header__global:not(#___) nav ul {
    display: flex !important;
    align-items: center !important;
    gap: clamp(8px, -30.4px + 3.2vw, 24px) !important;
  }
  .header__global:not(#___) .hs-menu-item,
  .header__global:not(#___) .header__menu-item,
  .header__global:not(#___) .header__menu-wrapper li {
    position: relative !important;
  }
  .header__global:not(#___) .hs-menu-item > a,
  .header__global:not(#___) .header__menu a,
  .header__global:not(#___) nav a,
  .header__global:not(#___) .header__menu-link {
    font-size: clamp(14px, 9.2px + 0.4vw, 16px) !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    color: #05142b !important;
    text-decoration: none !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: transform 0.2s ease, color 0.2s ease !important;
  }
  .header__global:not(#___) .hs-menu-item > a:hover,
  .header__global:not(#___) .header__menu a:hover,
  .header__global:not(#___) nav a:hover,
  .header__global:not(#___) .header__menu-link:hover {
    transform: translateY(-2px) !important;
    color: #005fff !important;
  }
  .header__global:not(#___) a[aria-current="page"]::after,
  .header__global:not(#___) .active > a::after,
  .header__global:not(#___) .active-branch > a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -20px !important;
    width: 100% !important;
    height: 3px !important;
    background: #005fff !important;
  }
  .header__global:not(#___) .header__button-col {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: clamp(8px, -20.8px + 2.4vw, 20px) !important;
    margin-left: clamp(8px, -49.6px + 4.8vw, 32px) !important;
  }
  .header__global:not(#___) .header__button a,
  .header__global:not(#___) a.button {
    background: #005fff !important;
    color: #ffffff !important;
    min-width: clamp(90px, -54px + 12vw, 150px) !important;
    height: clamp(42px, 3.6px + 3.2vw, 58px) !important;
    border-radius: 999px !important;
    font-size: clamp(13px, 5.8px + 0.6vw, 16px) !important;
    font-weight: 600 !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
  }
  .header__global:not(#___) .header__button a:hover,
  .header__global:not(#___) .header__button:hover a,
  .header__global:not(#___) a.button:hover {
    transform: translateY(-2px) !important;
    background: #0047e6 !important;
    color: #ffffff !important;
  }
  .pbs-header-search {
    font-size: clamp(18px, -15.6px + 2.8vw, 32px) !important;
  }
  .header__global:not(#___) .header__menu-submenu {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    z-index: 99999 !important;
    background: #f4f6fb !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
    padding: 24px 0 12px 0 !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
  }
  .header__global:not(#___) .header__menu-item:hover > .header__menu-submenu,
  .header__global:not(#___) li:hover > .header__menu-submenu,
  .header__global:not(#___) .header__menu-submenu:hover {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .header__global:not(#___) .header__menu-submenu ul,
  .header__global:not(#___) .header__menu-submenu li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header__global:not(#___) .header__menu-submenu a,
  .header__global:not(#___) .header__menu-submenu .header__menu-link {
    display: block !important;
    padding: 5px 28px !important;
    line-height: 1.25 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
  }
  .header__global:not(#___) .header__menu-submenu a:hover,
  .header__global:not(#___) .header__menu-submenu .header__menu-link:hover {
    color: #005fff !important;
    transform: translateY(-2px) !important;
    background: transparent !important;
  }
  .header__global:not(#___) .header__menu-child-toggle svg {
    transition: transform 0.25s ease !important;
    transform-origin: center center !important;
  }
  .header__global:not(#___) .header__menu-item:hover > .header__menu-child-toggle svg {
    transform: rotate(180deg) !important;
  }
}

/* COMPACT / HAMBURGER MODE - 1200px and down.
   This now covers what used to be three broken ranges
   (1025-1180px dead zone, 1180-1450px overflow zone, and the
   768-1024px un-collapsed range) plus true mobile. */
@media (max-width: 1200px) {
  .header__global .header__container,
  .header__global .header__wrapper,
  .header__global .header__row {
    min-height: 150px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  .header__global .header__logo-col {
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex: 0 0 auto !important;
  }
  .header__global .header__logo img {
    width: 235px !important;
    max-width: 235px !important;
    min-width: 235px !important;
    height: auto !important;
    flex-shrink: 0 !important;
    position: relative !important;
    left: -20px !important; /* sposta SOLO il logo a sinistra su mobile */
  }
  .header__global .header__button,
  .header__global .header__button a,
  .header__global a.button {
    display: none !important;
  }
  .header__global .header__button-col {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 24px !important;
    flex-direction: row-reverse !important;
  }
  .pbs-header-extras {
    display: flex !important;
    align-items: center !important;
    order: 2 !important;
    margin: 0 !important;
  }
  .header__global .header__menu-toggle,
  .header__global .header__mobile-menu,
  .header__global button[aria-label*="menu"],
  .header__global button[aria-controls*="menu"] {
    order: 1 !important;
  }
  .pbs-header-search {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 40px !important;
    color: #05142b !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transform: scaleX(-1) !important;
  }
  .pbs-header-search:hover {
    color: #005fff !important;
    transform: scaleX(-1) translateY(-2px) !important;
  }

  /* Force the theme's own hamburger + slide-down panel to
     activate at 1200px instead of its native 767px. The panel
     and toggle both exist and work below 767px already - this
     just widens the range in which they're visible/usable.
     Confirmed via live testing: clicking the toggle correctly
     adds the --show classes at any viewport width; only the
     CSS below was missing to let that state render. */
  .header__global:not(#___) .header__menu--desktop {
    display: none !important;
  }
  .header__global:not(#___) .header__menu-container--mobile {
    display: flex !important;
    align-items: center !important;
  }
  /* The toggle button markup actually contains TWO separate
     buttons sharing this class - one for the open/hamburger
     state, one for the close/X state. The theme adds a
     "--show" modifier to whichever one should currently be
     visible and normally hides the other via CSS scoped to
     the native 767px breakpoint. Forcing both to display:block
     (an earlier draft of this fix) showed both icons stacked
     together at once - this version only shows whichever one
     currently carries --show, matching native behaviour. */
  .header__global:not(#___) .header__menu-toggle {
    display: none !important;
  }
  .header__global:not(#___) .header__menu-toggle.header__menu-toggle--show {
    display: block !important;
  }
  .header__global:not(#___) .header__menu--mobile.header__menu--show {
    display: block !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
  }

  /* Reorder the header's 3 top-level columns so the hamburger
     (inside .header__menu-col) sits at the right edge next to
     the search icon, instead of its default position hard
     against the logo. Logo stays first, search/contact-us
     column moves to the middle, hamburger goes last. */
  .header__global:not(#___) .header__logo-col {
    order: 1 !important;
  }
  .header__global:not(#___) .header__button-col {
    order: 2 !important;
  }
  .header__global:not(#___) .header__menu-col {
    order: 3 !important;
    margin-left: 16px !important;
    flex: 0 0 auto !important;
  }
}
.pbs-mobile-contact {
  padding: 24px;
}
.pbs-mobile-contact-btn {
  display: block;
  width: 100%;
  text-align: center;
  padding: 16px 24px;
  border-radius: 999px;
  background: #3f5efb;
  color: #fff !important;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}
.pbs-mobile-contact {
    padding: 24px;
}
/* MOBILE MENU - hover + Contact Us spacing */
@media (max-width: 1200px) {
  /* voci hamburger blu in hover */
  .header__global .header__menu-container--mobile a:hover,
  .header__global .header__menu--mobile a:hover,
  .header__global .header__menu-link:hover {
    color: #005fff !important;
  }
  /* riduce distanza tra Insights e Contact Us */
  .header__global .header__button-col,
  .header__global .header__mobile-button-col {
    margin-top: 10px !important;
    padding-top: 0 !important;
  }
  /* Contact Us mobile più corto */
  .header__global .header__button a,
  .header__global a.button {
    max-width: 320px !important;
    width: 62% !important;
    margin-left: 24px !important;
    margin-right: auto !important;
  }
}
.pbs-mobile-contact-btn {
    display: block;
    text-align: center;
    padding: 14px 24px;
    border-radius: 999px;
    background: #3f5efb;
    color: #ffffff !important;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}
@media (max-width: 1200px) {
  .header__global .header__button a:hover,
  /* Contact Us mobile SEMPRE bianco */
.pbs-mobile-contact-btn,
.pbs-mobile-contact-btn:hover,
.pbs-mobile-contact-btn:focus,
.pbs-mobile-contact-btn:active,
.pbs-mobile-contact-btn:visited,
.pbs-mobile-contact-btn:visited:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

  .header__global a.button:hover {
    color: #ffffff !important;
  }
}
/* MOBILE HAMBURGER MENU - FINAL FIX */
@media (max-width: 1200px) {
  /* voci menu + sottovoci blu in hover */
  .header__global .header__menu--mobile a:not(.pbs-mobile-contact-btn):hover,
  .header__global .header__menu-container--mobile a:not(.pbs-mobile-contact-btn):hover,
  .header__global .header__menu-submenu a:not(.pbs-mobile-contact-btn):hover,
  .header__global .header__menu-link:not(.pbs-mobile-contact-btn):hover {
    color: #005fff !important;
  }
  /* Contact Us più vicino a Insights */
  .pbs-mobile-contact {
    padding-top: 6px !important;
    padding-bottom: 18px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  /* bottone Contact Us più corto */
  .pbs-mobile-contact-btn {
    display: block !important;
    width: 62% !important;
    max-width: 240px !important;
    min-width: 220px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    padding: 14px 24px !important;
    border-radius: 999px !important;
    background: #3f5efb !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  /* Contact Us resta bianco anche in hover */
  .pbs-mobile-contact-btn:hover,
  .header__global .pbs-mobile-contact-btn:hover {
    color: #ffffff !important;
    background: #3f5efb !important;
  }
}
.pbs-mobile-contact-btn,
.pbs-mobile-contact-btn:hover,
.pbs-mobile-contact-btn:focus,
.pbs-mobile-contact-btn:active,
.pbs-mobile-contact-btn:visited {
    color: #ffffff !important;
}
/* PBS sector pages - make all hero layouts match Retail */
.pbs-page .hero .wrap{
    max-width:1200px !important;
    width:100% !important;
    margin:0 auto !important;
    padding:96px 24px 104px !important;
    text-align:left !important;
    display:block !important;
}
.pbs-page .hero .crumb,
.pbs-page .hero h1{
    text-align:left !important;
    margin-left:0 !important;
}
  /* Rimuove sottolineatura link attivo footer */
footer a::after,
footer a:hover::after,
.footer a::after,
.footer a:hover::after {
    display: none !important;
    content: none !important;
}
footer a,
.footer a {
    text-decoration: none !important;
    border-bottom: none !important;
}
/* FORCE LOGO SIZE - ABOUT + SEARCH */
body[class*="about"] .header__logo img,
body[class*="about"] .header__logo-image,
body[class*="search"] .header__logo img,
body[class*="search"] .header__logo-image,
body.hs-search-results .header__logo img,
body.hs-search-results .header__logo-image {
  width: 235px !important;
  max-width: 235px !important;
  min-width: 235px !important;
  height: auto !important;
}
footer a:hover,
.footer a:hover {
    color: #59d1c7 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}
/* SEARCH PAGE - trasforma il bottone blu in una X semplice */
.hs-search-field__button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 40px !important;
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  color: #05142b !important;
  font-size: 0 !important;
}
.hs-search-field__button::before {
  content: "×" !important;
  font-size: 32px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #05142b !important;
}
.hs-search-field__button svg {
  display: none !important;
}
/* FORCE LOGO SIZE - ABOUT US / ALL TEMPLATES
   NOTE: this is intentionally unconditional (all breakpoints).
   child.js's forcePBSLogo() also enforces 235px on every DOM
   mutation, so the logo is fixed-size everywhere by design - see
   the comment at the top of the header section above. */
.header__global .header__logo-image,
.header__global .header__logo img,
.header__global img.header__logo-image {
  width: 235px !important;
  max-width: 235px !important;
  min-width: 235px !important;
  height: auto !important;
  left: 0 !important;
}
/* ABOUT US - force header logo */
body.hs-content-id-1778835075767 .header__logo,
body.hs-content-id-1778835075767 .header__logo-col {
  width: 235px !important;
  min-width: 235px !important;
  max-width: 235px !important;
  overflow: visible !important;
}
body.hs-content-id-1778835075767 .header__logo img,
body.hs-content-id-1778835075767 .header__logo-image {
  width: 235px !important;
  min-width: 235px !important;
  max-width: 235px !important;
  height: auto !important;
}
/* ==========================================================
   PBS INSIGHTS LISTING PAGE - CLEAN FIX
   ========================================================== */
body.hs-blog-listing,
body.hs-blog-listing .body-wrapper {
  background: #ffffff !important;
}
/* HERO - sotto header, non sovrapposto */
.pbs-insights-hero-gb {
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  min-height: 420px;
  background-image: url("https://144274418.fs1.hubspotusercontent-eu1.net/hubfs/144274418/FedWebsite/PBS_insights%20%281%29.png");
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  margin-top: 0 !important;
}
.pbs-insights-hero-overlay {
  position: absolute;
  inset: 0;
  background: #132662 !important;
  opacity: .9 !important;
  mix-blend-mode: multiply !important;
}
.pbs-insights-hero-content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
.pbs-insights-hero-content p {
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 20px;
}
.pbs-insights-hero-content h1 {
  font-size: clamp(42px, 6vw, 82px);
  line-height: 1.05;
  font-weight: 800;
  color: #ffffff !important;
  margin: 0;
}
/* FILTERS */
.pbs-insights-filter-row {
  max-width: 1200px;
  margin: 0 auto;
  padding: 42px 24px 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 36px;
}
.pbs-insights-filter-left {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.pbs-insights-filter-left a {
  font-size: 13px;
  font-weight: 500;
  color:#132662 !important;
  border:1px solid #132662 !important;
  padding: 11px 22px;
  text-decoration: none;
  background: #ffffff;
}
.pbs-insights-filter-left a:hover,
.pbs-insights-filter-left a.active{
    background:#132662 !important;
    border-color:#132662 !important;
    color:#ffffff !important;
}
.pbs-insights-filter-right select {
  font-size: 16px;
  border: 1px solid #d4d8e2;
  border-radius: 8px;
  padding: 10px 42px 10px 16px;
}
/* ==========================================================
   PBS INSIGHTS - REAL HUBSPOT BLOG CLASSES
   ========================================================== */
/* Contenitore di tutti gli articoli */
.pbs-blog-grid {
  max-width: 1200px !important;
  width: calc(100% - 48px) !important;
  margin: 0 auto !important;
  padding: 0 0 90px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 34px 28px !important;
  align-items: stretch !important;
}
/* Reset degli articoli */
.pbs-blog-grid > article.blog-listing__post {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  flex: none !important;
}
/* ==========================================================
   PRIMO ARTICOLO: GRANDE E CENTRATO
   ========================================================== */
.pbs-blog-grid > .pbs-featured-post {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 980px !important;
  margin: 0 auto 58px !important;
  padding: 0 24px !important;
  display: block !important;
  text-align: center !important;
  background: #ffffff !important;
  min-height: 0 !important;
}
/* Nasconde immagine e categoria soltanto nel primo articolo */
.pbs-featured-post .blog-listing__post-image-wrapper,
.pbs-featured-post .blog-listing__post-image,
.pbs-featured-post .blog-listing__post-tag,
.pbs-featured-post img {
  display: none !important;
}
/* Contenuto del primo articolo */
.pbs-featured-post .blog-listing__post-content {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: #ffffff !important;
  text-align: center !important;
}
/* Titolo principale */
.pbs-featured-post .blog-listing__post-title {
  width: 100% !important;
  margin: 0 0 8px !important;
  font-size: 48px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  text-align: center !important;
  color: #222222 !important;
}
.pbs-featured-post .blog-listing__post-title a {
  color: #222222 !important;
  text-decoration: none !important;
}
/* Titolo secondario: */
.pbs-featured-post .blog-listing__post-summary h2 {
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  text-align: center !important;
  margin: 0 0 16px !important;
  color: #222222 !important;
}
/* Mostra normalmente la descrizione del featured */
.pbs-featured-post .blog-listing__post-summary p {
  display: block !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  max-width: 780px !important;
  margin: 0 auto 28px !important;
  color: #444444 !important;
  text-align: center !important;
}
/* Nasconde soltanto "In the battle for..." di Making Real Connections */
.pbs-featured-post[aria-label*="Making Real Connections"]
.blog-listing__post-summary p {
  display: none !important;
}
/* Read More creato dal JavaScript */
.pbs-featured-read-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:#005fff !important;
    color:#fff !important;
    border:1px solid #005fff !important;
    padding:10px 18px !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    border-radius:2px !important;
    text-decoration:none !important;
    transition:.25s ease;
}
.pbs-featured-read-more:hover{
    background:#132662 !important;
    border-color:#132662 !important;
    color:#fff !important;
}
/* Elimina eventuale freccia-card dal featured */
.pbs-featured-post::after {
  display: none !important;
  content: none !important;
}
/* ==========================================================
   ARTICOLI DAL SECONDO IN POI: TRE COLONNE
   ========================================================== */
.pbs-blog-grid > .pbs-card-post {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 440px !important;
  padding: 0 0 56px !important;
  background: #f1f1f1 !important;
  overflow: hidden !important;
}
/* Immagine delle card */
.pbs-card-post .blog-listing__post-image-wrapper {
  display: block !important;
  width: 100% !important;
  height: 245px !important;
  overflow: hidden !important;
}
.pbs-card-post .blog-listing__post-image,
.pbs-card-post img {
  display: block !important;
  width: 100% !important;
  height: 245px !important;
  object-fit: cover !important;
}
/* Testi delle card */
.pbs-card-post .blog-listing__post-content {
  flex: 1 1 auto !important;
  width: 100% !important;
  padding: 18px 18px 0 !important;
  background: #f1f1f1 !important;
}
.pbs-card-post h2,
.pbs-card-post h3,
.pbs-card-post .blog-listing__post-title {
  margin: 8px 0 10px !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}
.pbs-card-post h2 a,
.pbs-card-post h3 a,
.pbs-card-post .blog-listing__post-title a {
  color: #222222 !important;
  text-decoration: none !important;
}
.pbs-card-post p,
.pbs-card-post .blog-listing__post-summary {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #333333 !important;
}
/* Disabilita la vecchia freccia */
.pbs-card-post::after {
  display: none !important;
  content: none !important;
}
/* TABLET */
@media (max-width: 1024px) {
  .pbs-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
/* MOBILE */
@media (max-width: 768px) {
  .pbs-blog-grid {
    width: calc(100% - 32px) !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
  .pbs-featured-post {
    padding: 0 !important;
    margin-bottom: 42px !important;
  }
  .pbs-featured-post h2,
  .pbs-featured-post h3,
  .pbs-featured-post .blog-listing__post-title {
    font-size: 32px !important;
  }
  .pbs-featured-post p,
  .pbs-featured-post .blog-listing__post-summary {
    font-size: 17px !important;
  }
}
/* FIX FILTER BUTTONS INSIGHTS */
.pbs-insights-filter-row,
.pbs-insights-filter-left {
  width: 100% !important;
}
.pbs-insights-filter-left {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
}
.pbs-insights-filter-left a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-break: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
}
/* INSIGHTS FILTERS - back to horizontal */
.pbs-insights-filter-row {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 42px 24px 34px !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 36px !important;
}
.pbs-insights-filter-left {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  width: auto !important;
}
.pbs-insights-filter-left a {
  display: inline-flex !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  padding: 8px 18px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
.pbs-insights-filter-right {
  width: auto !important;
  flex: 0 0 auto !important;
}
.pbs-insights-filter-right select {
  width: 260px !important;
}
  /* TAG ARTICOLI */
/* TAGS - PBS */
.blog-listing__post-tag,
.blog-listing__post-tag a,
a.blog-listing__post-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  padding: 6px 10px !important;
  background: #132662 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .2s ease !important;
}
.blog-listing__post-tag:hover,
.blog-listing__post-tag a:hover,
a.blog-listing__post-tag:hover {
  background: #05142b !important;
  color: #ffffff !important;
}
}
/* Nasconde correttamente gli articoli filtrati */
article.blog-listing__post[style*="display: none"] {
  display: none !important;
}
/* Pulsante filtro selezionato */
.pbs-insights-filter-left a.active {
  background: #4f7397 !important;
  border-color: #4f7397 !important;
  color: #ffffff !important;
}
.pbs-card-arrow-link {
  position: absolute !important;
  right: 18px !important;
  bottom: 16px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  font-size: 30px !important;
  line-height: 1 !important;
  color: #222222 !important;
  text-decoration: none !important;
}
.pbs-card-arrow-link:hover {
  color: #2b8793 !important;
  transform: translateX(3px);
}
/* La freccia non deve apparire nel featured */
.pbs-featured-post .pbs-card-arrow-link {
  display: none !important;
}
/* FINAL OVERRIDE - filtri Insights */
body.hs-blog-listing .pbs-insights-filter-left a {
  background: #ffffff !important;
  color: #132662 !important;
  border-color: #132662 !important;
}
body.hs-blog-listing .pbs-insights-filter-left a:hover,
body.hs-blog-listing .pbs-insights-filter-left a.active,
body.hs-blog-listing .pbs-insights-filter-left a.active:hover {
  background: #132662 !important;
  color: #ffffff !important;
  border-color: #132662 !important;
}
/* FILTRI INSIGHTS - hover e active uguali */
body.hs-blog-listing .pbs-insights-filter-left a {
  background: #ffffff !important;
  border-color: #132662 !important;
  color: #132662 !important;
}
body.hs-blog-listing .pbs-insights-filter-left a:hover,
body.hs-blog-listing .pbs-insights-filter-left a.active,
body.hs-blog-listing .pbs-insights-filter-left a.active:hover {
  background: #132662 !important;
  border-color: #132662 !important;
  color: #ffffff !important;
}
/* Più tag affiancati nelle card Insights */
.blog-listing__post-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
}