/* Custom overrides for 5-pillar layout */
@media (min-width: 992px) {
  .feature-service-row.pillars-5 .pillar-col {
    width: 20% !important; /* override Bootstrap's 25% */
    float: left; /* maintain gutters from .row */
  }
  
  .feature-service-row.pillars-5 .feature {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .feature-service-row.pillars-5 .feature a {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .feature-service-row.pillars-5 .feature .fbox-photo {
    flex-shrink: 0;
    margin-top: 0 !important;
  }
  
  .feature-service-row.pillars-5 .feature .fbox-photo img {
    width: 100%;
    height: 280px;
    object-fit: cover;
    display: block;
  }
  
  .feature-service-row.pillars-5 .feature .fbox-over {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
}

/* ↑ Custom header tweaks: increase the site logo size slightly */
.site-header .navbar-brand img {
  width: auto;
  max-height: 100px; /* base desktop size (was 80px) */
}
@media (max-width: 991px) {
  .site-header .navbar-brand img {
    max-height: 70px; /* tablet / small desktop */
  }
}
@media (max-width: 480px) {
  .site-header .navbar-brand img {
    max-height: 60px; /* mobile */
  }
}

/* Polylang language switcher styling */
.lang-switcher { display: inline-block; margin-left: 12px; vertical-align: middle; }
.lang-switcher .pll_lang_list { list-style: none; margin: 0; padding: 0; display: inline-block; }
.lang-switcher .pll_lang_item { display: inline-block; margin-right: 6px; }
.lang-switcher .pll_lang_item a { display: inline-block; padding: 6px 8px; color: inherit; text-decoration: none; font-weight: 700; }
.lang-switcher .pll_lang_item a img, .lang-switcher .pll_flag img { max-width: 24px; height: auto; vertical-align: middle; margin-right: 6px; }

/* Hide on small screens to avoid layout issues (optional) */
@media (max-width: 767px) {
  .lang-switcher { display: none; }
}

/* Ensure language switcher aligns horizontally with the menu */
.navbar-collapse .lang-switcher { display: flex; align-items: center; margin-left: 12px; }
.navbar-collapse .lang-switcher .lang-item { display: inline-block; margin-left: 6px; }
.navbar-collapse .lang-switcher .lang-item a { padding: 8px 10px; display: flex; align-items: center; color: inherit; }
.navbar-collapse .lang-switcher .lang-flag { height: 14px; margin-right: 6px; display: inline-block; }
@media (max-width: 767px) {
  .navbar-collapse .lang-switcher { display: none; }
}


