/* ========================================================================
   Provider Experience Cloud – Optimized CSS
   Notes:
   - Uses CSS custom properties for shared tokens.
   - Keeps Experience Cloud/LWC scoping attributes intact.
   - Minimizes !important usage to only when overriding managed styles.
   ======================================================================== */

/* ==========================================================================
   DESIGN TOKENS
   ========================================================================== */

:root {

  /* Responsive Layout */
  --Standard-Grid-PageMargins: 20px;
  --Standard-Grid-PagePaddings: 16px;
  --Standard-OmniGrid-PageMargins: 0;

  /* Typography */
  --acc-hero-heading-size: 44px;
  --acc-hero-desc-size: 36px;
  --acc-header-size: 32px;

  /* Colours */
  --acc-text: #4A4A4A;
  --acc-border: #696969;

  --acc-primary-color-bg: #092C4D;

  --acc-blue-100: #F5F6F7;
  --acc-blue-200: #CED5DB;

  --acc-info-bg: #E7F4FA;
  --acc-warning-bg: #FFF0B6;
}

/* =========================
   RESPONSIVE VARIABLES
   ========================= */
@media (min-width:480px) {

  :root {
    --Standard-Grid-PagePaddings:20px;
    --Standard-OmniGrid-PageMargins:20px;
  }
}

@media (min-width:600px) {

  :root {
    --Standard-Grid-PageMargins:32px;
  }
}

@media (min-width:768px) {

  :root {
    --Standard-Grid-PagePaddings:80px;
    --Standard-OmniGrid-PageMargins:21px;
  }
}

@media (min-width:1024px) {

  :root {
    --Standard-Grid-PageMargins:40px;
    --Standard-Grid-PagePaddings:156px;
    --Standard-OmniGrid-PageMargins:104px;
  }
}

@media (min-width:1440px) {

  :root {
    --Standard-OmniGrid-PageMargins:156px;
  }
}

/* ========================================================================
   Community layout tweaks
   ======================================================================== */
.siteforceContentArea .comm-layout-column .ui-widget:not(:last-child),
.siteforceContentArea .cb-section_column .ui-widget:not(:last-child) {
  margin-bottom: 0 !important;
}

.forceCommunitySection .cb-section_column,
.cb-section_column .slds-size_12-of-12 .slds-max-medium-size_12-of-12 {
  padding: 0 !important;
}

.forceCommunityFlowCommunity,
.flowruntimeBody__lwc[lwc-4p1kl1q7p5n] {
  border: 0 !important;
}

.flowruntimeBody__lwc[lwc-4p1kl1q7p5n] {
  padding: 0 !important;
  margin: 0;
}

.navigationBar[lwc-3uma98d0eu4] {
  padding-right: 0;
  padding-bottom: 0;
}

/* Left nav page padding around flow container */
.flowRuntimeForFlexipage {
  padding: 12px var(--Standard-Grid-PagePaddings) !important;
}

.flowruntimeFlowRuntime {
  border: 1px solid var(--acc-border);
  border-radius: 4px;
  padding: 12px;
}

/* ========================================================================
   Custom Navigation (LWC: c-customNavigationCmp)
   ======================================================================== */
.nav[c-customNavigationCmp_customNavigationCmp] .slds-border_top[c-customNavigationCmp_customNavigationCmp] {
  margin: 0 !important;
  padding-left: var(--Standard-Grid-PagePaddings);
  background-color: var(--acc-blue-100) !important;
}

.nav[c-customNavigationCmp_customNavigationCmp] {
  margin-bottom: 0 !important;
  font-size: 16px;
  font-weight: 400;
}

.slds-border_bottom[c-customNavigationCmp_customNavigationCmp] {
  border-bottom: 0 !important;
}

.slds-large-size_1-of-8[c-customNavigationCmp_customNavigationCmp] {
  width: 196px !important;
}

.slds-p-around_small[c-customNavigationCmp_customNavigationCmp] {
  padding: 12px;
  background-color: var(--acc-blue-200);
}

/* ========================================================================
   Underline headers / Rich text block
   ======================================================================== */
.uiOutputRichTextQuery {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  font-size: 18px;
  font-weight: 300;
  padding: 40px 16px 16px var(--Standard-Grid-PagePaddings);
  margin-bottom: 12px;
}

.uiOutputRichTextQuery .header {
  font-size: var(--acc-header-underline-size);
  font-weight: 600;
}

.forceCommunityThemeHeaderBase .themeBottomBorder {
  height: 0 !important;
}

.forceCommunityThemeLogo .logoImage {
  min-height: 80px;
}

@media only screen and (max-width: 47.9375em) {
  .forceCommunityThemeHeaderCompact .themeLogo {
    position: static !important;
    transform: none !important;
  }
}

/* Navigation header spacing */
.themeHeaderInner {
  padding: 0 40px;
  width: 100% !important;
}

/* Focus styling for horizontal menu items */
.horizontalMenuItem:focus {
  outline: 1px solid var(--c-colorBlack);
}

[lwc-7t1nfh5vcg1] .slds-gutters {
  padding: 0 !important;
}

/* ========================================================================
   Information box (global)
   ======================================================================== */
.information_box {
  display: flex;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: var(--Border-Radius-0, 0) var(--Border-Radius-8, 8px) var(--Border-Radius-8, 8px) var(--Border-Radius-0, 0);
  border: 1px solid #75B1FF;
  background:  #F2F7FF;
  border-left: 3px solid #75B1FF;
  margin: 56px var(--Standard-OmniGrid-PageMargins) 40px;
}

.info-content {
	display: flex;
    padding: 12px 16px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}

.info-header {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
	padding-bottom: 8px;
	color: var(--acc-primary-color-bg);
    font-size: 16px;
    font-weight: 600;
	line-height: 137.5%; /* 22px */
    letter-spacing: 0.4px;
}

.info-text {
	display: flex;
    align-items: flex-start;
    align-self: stretch;
	color: var(--acc-primary-color-bg);
    font-size: 14px;
    font-weight: 300;
	line-height: 140%; /* 19.6px */
    letter-spacing: 0.35px;
}

@media (max-width: 480px) {
  .information_box {
    margin: 56px 16px 40px;
  }
}

.information_box:before {
  content: url("/sfsites/c/resource/HSS_ProviderExperienceCloud_ICONS/icons/Information.svg");
  display: flex;
   padding: var(--Padding-200, 16px) 0 0 var(--Padding-200, 16px);
   align-items: flex-start;
   align-self: stretch;
}

/* Customized user icon */
.slds-avatar {
  content: url("/sfsites/c/resource/Icon_User/");
}

/* ========================================================================
   ProviderHub Outage Banner (c-outagemessagebanner)
   ======================================================================== */
c-outagemessagebanner .slds-card {
  border: 0;
}

c-outagemessagebanner .slds-card__header,
c-outagemessagebanner .slds-card__body {
  margin: 0;
  padding: 0;
}

c-outagemessagebanner .outagebanner {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  padding: 16px var(--Standard-Grid-PagePaddings);
  border-bottom: 2px solid #FFF;
}

c-outagemessagebanner .outagebanner a {
  color: inherit;
}

/* Information banner */
c-outagemessagebanner .outagebanner.information_banner {
  background: var(--acc-info-bg);
  font-size: 16px;
  font-weight: 300;
  color: inherit;
  line-height: 24px;
}

c-outagemessagebanner .outagebanner.information_banner:before {
  content: url("/sfsites/c/resource/HSS_ProviderExperienceCloud_ICONS/icons/Information.svg");
  width: 20px;
  padding: 2px 0 0;
  vertical-align: text-top;
}

/* Warning banner */
c-outagemessagebanner .outagebanner.warning_banner {
  background: var(--acc-warning-bg);
  font-size: 16px;
  font-weight: 300;
  color: inherit;
  line-height: 24px;
}

c-outagemessagebanner .outagebanner.warning_banner:before {
  content: url("/sfsites/c/resource/HSS_ProviderExperienceCloud_ICONS/icons/Warning.svg");
  width: 20px;
  padding: 2px 0 0;
  vertical-align: text-top;
}

.ph-breadcrumb {
  background-color: var(--acc-primary-color-bg) !important;
  padding: 0 var(--Standard-Grid-PagePaddings) 16px !important;
}

.vendordisplay {
  height: auto !important;
  padding: 32px var(--Standard-Grid-PagePaddings) !important;
}

/* =============================
       ACC Footer Styles
       ============================= */

/* Pre-footer wrapper */
.footer-prefooter {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
}

.footer-prefooter-inner {
  width: 100%;
  /*max-width: 1360px;*/
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 48px;
  padding-left: var(--Standard-Grid-PageMargins);
  padding-right: var(--Standard-Grid-PageMargins);
}

/* Back to Top button */
.back-to-top-btn {
  display: flex;
  height: 40px;
  padding: 0 12px 0 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px 6px 0 0;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(2, 22, 41, 0.16), 0 0 2px 0 rgba(2, 22, 41, 0.12);
  border: none;
  cursor: pointer;
  transition: opacity 0.15s;
}

.back-to-top-btn:hover {
  opacity: 0.85;
}

.back-to-top-label {
  color: var(--acc-primary-color-bg);
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0.35px;
  white-space: nowrap;
}

/* Main footer body */
.footer-main {
  background: var(--acc-primary-color-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer-container {
  width: 100%;
  /*max-width: 1360px;*/
  padding: 40px 0 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-left: var(--Standard-Grid-PageMargins);
  padding-right: var(--Standard-Grid-PageMargins);
}

/* Top section: Logos */
.footer-top {
  padding-bottom: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* Logos wrapper — stacked by default (mobile) */
.footer-logos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.footer-acc-logo {
  display: flex;
  align-items: flex-start;
}

.footer-acc-logo svg {
  display: block;
  width: auto;
  height: auto;
}

.footer-govt-logo {
  padding-top: 32px;
}

.footer-govt-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Logo size toggles */
.footer-logo-lg {
  display: none;
}

.footer-logo-sm {
  display: block;
}

/* Menu section — stacked vertically on mobile */
.footer-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.footer-nav {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 240px;
}

/* Divider between nav and mandatory links */
.footer-divider {
  display: none;
  width: 1px;
  align-self: stretch;
  background: rgba(255, 255, 255, 0.4);
  flex-shrink: 0;
}

.footer-mandatory {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.footer-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 0 8px !important;
  color: #fff !important;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.35px;
  text-decoration: none !important;
  transition: opacity 0.15s !important;
}

.footer-nav-link:hover {
  opacity: 0.75;
}

.footer-nav-link--bold {
  font-weight: 600;
}

.footer-mandatory-link {
  font-weight: 400;
}

.footer-ext-icon {
  display: flex;
  align-items: center;
  padding: 2px 0;
  flex-shrink: 0;
}

.footer-ext-icon svg {
  width: 16px;
  height: 16px;
}

/* ========================================================================
   Global resets / utilities
   ======================================================================== */
/* Hide mobile list view actions (Filter/Sort) */
.forceCommunityActionsContainerMobile {
  display: none;
}

/* Underline link style for ACC tables */
.accLinkUnderline {
  text-decoration: underline;
}

/* ========================================================================
   Custom LWC styles
   ======================================================================== */

/* Hero */
.acc-hero {
  width: 100%;
  height: auto !important;
  padding: 48px var(--Standard-Grid-PagePaddings) 40px;
  background-color: var(--acc-primary-color-bg) !important;
}

.acc-hero_heading {
  font-size: var(--acc-hero-heading-size);
  font-weight: 600;
  line-height: 55px;
  text-align: left;
}

.acc-hero_desc {
  padding-right: 30%;
  font-size: var(--acc-hero-desc-size);
  font-weight: 400;
  line-height: 45px;
  text-align: left;
}

.acc-hero .slds-p-top_xx-large {
  padding-top: 0;
}

/* Section display */
.acc-section_field-label {
  font-size: var(--lwc-fontSize5);
}

/* Inputs */
.acc-datepicker button {
  pointer-events: auto;
}

.acc-picklist input {
  cursor: pointer;
}

/* ========================================================================
   Flow styling
   ======================================================================== */

/* Labels and headings */
.flow-wrapper .flowruntimeBody .slds-form-element__label {
  margin-top: var(--acc-c-form-element-spacing-margin, 0.625rem);
  font-size: var(--acc-c-form-element-label-font-size, var(--lwc-fontSize3));
  color: var(--acc-c-form-element-label-color, var(--c-colorBlack));
}

.flow-wrapper .div_heading,
.flow-wrapper .acc-flow_heading {
  font-size: var(--lwc-fontSize10);
  line-height: var(--lwc-lineHeightHeading);
  letter-spacing: var(--lwc-spacingNone);
  text-align: left;
}

.flow-wrapper .acc-flow_heading {
  font-family: var(--lwc-fontFamily, SofiaProLight);
  font-weight: 400;
}

.flow-wrapper .container {
  height: auto;
  /* Override managed theme height=130px */
}

/* Info/Warning/Success callouts */
.flow-wrapper .information_box,
.flow-wrapper .warning_box,
.flow-wrapper .success_box {
  box-sizing: border-box;
  border-radius: var(--lwc-borderRadiusMedium);
  color: var(--c-colorGreyDark);
  padding: var(--lwc-spacingMedium);
}

.flow-wrapper .information_box {
  border: 1px solid var(--c-colorBlueLight);
  background: var(--c-colorBluePale);
}

.flow-wrapper .warning_box {
  border: 1px solid var(--c-colorWarning);
  background: var(--c-colorWarningTint);
}

.flow-wrapper .success_box {
  border: 1px solid var(--c-colorSuccess);
  background: var(--c-colorSuccessTint);
}

.flow-wrapper .information_box:before {
  content: url("/sfsites/c/resource/HSS_ProviderExperienceCloud_ICONS/icons/Information.svg");
  padding: var(--lwc-spacingMedium);
  vertical-align: text-top;
}

.flow-wrapper .warning_box:before {
  content: url("/sfsites/c/resource/HSS_ProviderExperienceCloud_ICONS/icons/Warning.svg");
  padding: var(--lwc-spacingMedium);
  vertical-align: text-top;
}

.flow-wrapper .success_box:before {
  content: url("/sfsites/c/resource/HSS_ProviderExperienceCloud_ICONS/icons/Success.svg");
  padding: var(--lwc-spacingMedium);
  vertical-align: text-top;
}

/* Card background accent */
.flow-wrapper .slds-card {
  content: " ";
  background: var(--c-colorDialogue);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding-left: var(--lwc-spacingMedium);
}

/* Buttons */
.content .slds-button:focus {
  outline: 3px solid var(--c-colorAccessibilityPurple);
  outline-offset: var(--lwc-spacingXxxSmall);
}

.flow-wrapper .slds-button_brand,
.flow-wrapper .slds-button_brand:hover,
.flow-wrapper .slds-button_brand:focus,
.flow-wrapper .slds-button_neutral,
.flow-wrapper .slds-button_neutral:hover,
.flow-wrapper .slds-button_neutral:focus {
  --sds-c-button-radius-border: 24px;
  font-size: var(--acc-c-button-font-size, var(--lwc-varFontSize5));
  padding: var(--acc-c-button-padding, var(--lwc-spacingXxSmall)) var(--acc-c-button-padding, var(--lwc-spacingMedium));
}

.flow-wrapper .slds-button_neutral,
.flow-wrapper .slds-button_neutral:hover,
.flow-wrapper .slds-button_neutral:focus {
  border-color: var(--acc-c-button-color-border, var(--c-colorBlue));
}

/* Rules, hr */
.flow-wrapper .flowruntimeBody hr {
  margin: var(--lwc-spacingXSmall) 0;
}

/* Tooltip icon */
.flow-wrapper .slds-form-element__icon .slds-button_icon {
  border: none;
  width: 10px;
  position: relative;
  top: -8px;
  left: -8px;
}

/* Inputs */
.flow-wrapper .flowruntimeBody input {
  --sds-c-input-text-color: var(--c-colorBlue);
  --sds-c-input-text-color-focus: var(--c-colorBlue);
  --sds-c-input-color-border: var(--c-colorBlue);
  --sds-c-input-color-border-focus: var(--c-colorBlue);
  max-width: var(--acc-c-input-max-width, 350px);
  padding: var(--acc-c-input-padding, var(--lwc-spacingXSmall)) var(--acc-c-input-padding, var(--lwc-spacingSmall));
  font-size: var(--acc-c-input-font-size, var(--lwc-fontSize4));
}

.flow-wrapper .flowruntimeBody input:focus,
.flow-wrapper .flowruntimeBody input:active {
  box-shadow: var(--sds-c-input-shadow-focus, 0 0 3px var(--lwc-brandAccessible, var(--c-colorBlue)));
}

.flow-wrapper .flowruntimeBody .slds-input-has-icon {
  max-width: var(--acc-c-input-max-width, 350px);
}

flowruntime-flow-screen-input .slds-input {
  border-color: var(--c-colorBlack);
}

flowruntime-lwc-body .slds-form-element__label {
  color: var(--c-colorBlack);
}

/* Selects */
.flow-wrapper .slds-select_container {
  max-width: var(--acc-c-select-max-width, 350px);
}

.flow-wrapper .flowruntimeBody select {
  --sds-c-select-text-color: var(--c-colorBlue);
  --sds-c-select-text-color-focus: var(--c-colorBlue);
  --sds-c-select-color-border: var(--c-colorBlue);
  --sds-c-select-color-border-focus: var(--c-colorBlue);
  padding: var(--acc-c-input-padding, var(--lwc-spacingXSmall)) var(--acc-c-input-padding, var(--lwc-spacingSmall));
  font-size: var(--acc-c-select-font-size, var(--lwc-fontSize4));
  height: fit-content !important;
}

/* Textarea */
.flow-wrapper .flowruntimeBody textarea {
  --sds-c-textarea-text-color: var(--c-colorBlue);
  --sds-c-textarea-text-color-focus: var(--c-colorBlue);
  --sds-c-textarea-color-border: var(--c-colorBlue);
  --sds-c-textarea-color-border-focus: var(--c-colorBlue);
}

/* Checkbox/Radio */
.flow-wrapper .flowruntimeBody .slds-checkbox_faux,
.flow-wrapper .flowruntimeBody .slds-checkbox--faux {
  --sds-c-checkbox-color-border: var(--c-colorBlue);
  --sds-c-checkbox-color-border-checked: var(--c-colorBlue);
  --sds-c-checkbox-color-border-focus: var(--c-colorBlue);
}

.flow-wrapper .flowruntimeBody .slds-radio_faux,
.flow-wrapper .flowruntimeBody .slds-radio--faux {
  border-color: var(--c-colorBlue) !important;
}

.flow-wrapper .flowruntimeBody .slds-radio_faux:after {
  background: var(--c-colorBlue) !important;
}

.flow-wrapper .flowruntimeBody .uiInputSelect {
  border-color: var(--c-colorBlue) !important;
}

/* Flow screen layouts */
.flow-wrapper .flowruntime-screen-field .slds-medium-size_8-of-12 {
  padding: 20px 36px 36px !important;
  border: 1px solid var(--c-colorBlue);
  border-radius: 0 10px 10px 0;
  background: var(--c-colorGreyLight);
  min-height: 274px;
}

.flow-wrapper .flowruntime-screen-field .slds-medium-size_4-of-12 {
  padding: 0 !important;
}

.flow-wrapper .forceCommunityFlowCommunity {
  border: 0 !important;
}

/* Progress/path */
.flow-wrapper lightning-progress-step {
  z-index: var(--lwc-zIndexDocked);
}

.slds-is-active .slds-path__title,
.slds-is-complete .slds-path__title {
  color: var(--c-colorWhite);
}

/* Remove extra hero spacing inside flows */
p.acc-hero_desc.slds-p-top_small {
  display: none;
}

/* ========================================================================
   Tab set styles
   ======================================================================== */

lightning-tab-bar a.slds-tabs_default__link {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 8px 24px;
  color: #000 !important;
  font-size: 16px !important;
  line-height: 125%;
}

lightning-tab-bar .slds-tabs_default__nav {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 0 var(--Standard-Grid-PagePaddings);
  background: var(--acc-blue-100) !important;
  border: 0;
}

lightning-tab-bar li.slds-tabs_default__item {
  margin: 0 !important;
  background: var(--acc-blue-200) !important;
}

lightning-tab-bar .slds-tabs_default__nav .slds-is-active {
  background: #fff !important;
  border: 0 !important;
}

lightning-tab-bar .slds-tabs_default__nav .slds-tabs_default__item:after {
  background-color: transparent !important;
}

/* ========================================================================
   Responsive paddings for hero / tabset / flows / flexcards / LWC
   ======================================================================== */
@media only screen and (max-width: 1440px) {
  .themeHeaderInner {
    padding: 0 20px;
  }
}

@media (max-width: 768px) {
  .footer-links {
    display: flex;
    flex-wrap: nowrap;
  }

  .footer-logos .right-logo {
    text-align: right;
  }

  .forceCommunityThemeNavTrigger {
    display: none !important;
  }
}

@media (min-width: 600px) and (max-width: 768px) {

  .footer-prefooter-inner {
    padding-top: 64px;
  }

  /* Logos side by side on tablet */
  .footer-logos {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .footer-acc-logo {
    padding-top: 2px;
  }

  .footer-govt-logo {
    padding-top: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 40px;
  }

  .footer-top {
    padding-bottom: 40px;
  }

  /* Menu: nav and mandatory side by side */
  .footer-menu {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }

  .footer-nav {
    flex: 1;
    max-width: 240px;
  }

  /* Show left-border divider */
  .footer-divider {
    display: block;
    width: 24px;
    background: transparent;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    align-self: stretch;
    flex-shrink: 0;
  }

  .footer-mandatory {
    flex-direction: column;
    gap: 8px;
    padding-left: 0;
  }

  /* Hide external link icons on tablet */
  .footer-ext-icon {
    display: none;
  }
}

/* ---- Desktop: 768px+ ---- */
@media (min-width: 768px) {

  .footer-prefooter-inner {
    padding-top: 80px;
  }

  /* Large logo on desktop */
  .footer-logo-lg {
    display: block;
  }

  .footer-logo-sm {
    display: none;
  }

  /* Logos */
  .footer-logos {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    min-height: 56px;
  }

  .footer-acc-logo {
    padding-top: 2px;
    padding-right: 40px;
  }

  .footer-govt-logo {
    padding-top: 0;
    padding-left: 40px;
  }

  .footer-top {
    padding-bottom: 40px;
  }

  /* Desktop menu: all inline in a single row */
  .footer-menu {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    flex-wrap: wrap;
    row-gap: 12px;
    min-height: 44px;
    overflow: hidden;
  }

  /* Nav links inline */
  .footer-nav {
    Display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;

  }

  .footer-nav .footer-nav-link {
    padding: 6px 0 8px;
  }

  /* Divider shown as thin vertical line inline */
  .footer-divider {
    display: block;
    width: 1px;
    min-height: 28px;
    align-self: stretch;
    background: rgba(255, 255, 255, 0.4);
    border-left: none;
    margin: 0 24px;
    padding: 0;
    flex-shrink: 0;
  }

  /* Mandatory links inline */
  .footer-mandatory {
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }

  /* Show external link icons on desktop */
  .footer-ext-icon {
    display: flex;
  }
}