/* Macklee global colors (from Breakdance global-settings.css)
 *
 * --bde-brand-primary-color: #fd5108
 * --bde-brand-primary-color-hover: #fd5108
 * --bde-body-text-color: var(--bde-palette-color-7-ada10e55-cb0f-47d6-aab3-aa23fa539653)
 * --bde-headings-color: var(--bde-palette-color-7-ada10e55-cb0f-47d6-aab3-aa23fa539653)
 * --bde-background-color: var(--bde-palette-color-6-b4e62e38-1309-460d-883f-ef98052f0f6c)
 * --bde-palette-color-1-9ad3b2d2-e17a-4976-bb72-2049b3715e62: #fff5ed
 * --bde-palette-color-4-7923a542-82a9-49a7-ba8d-1d57f6bcf6fe: #ffe8d4
 * --bde-palette-color-5-ac74613b-b7b1-4348-9807-b91507d34464: #c52b09
 * --bde-palette-color-6-b4e62e38-1309-460d-883f-ef98052f0f6c: #fff
 * --bde-palette-color-7-ada10e55-cb0f-47d6-aab3-aa23fa539653: #000
 * --bde-palette-color-8-b10d9036-d000-4a5f-9a44-3a095e61444a: #cbd1d6
 * --bde-palette-color-9-52532485-fb06-4202-b130-0aedde6a23a9: #787e8a
 * --bde-palette-color-2-03276616-91d1-4f5c-8620-c1820f7acc8b: #F3F6F7
 */

/* Macklee: Accordion theme overrides */     
:root {
  --foleo-acc-bg: var(--bde-palette-color-1-9ad3b2d2-e17a-4976-bb72-2049b3715e62);
  --foleo-acc-open-bg: var(--bde-palette-color-2-03276616-91d1-4f5c-8620-c1820f7acc8b);
  --foleo-acc-line: var(--white);
  --foleo-acc-title-color: var(--bde-palette-color-7-ada10e55-cb0f-47d6-aab3-aa23fa539653);
  --foleo-acc-body-color: var(--bde-palette-color-7-ada10e55-cb0f-47d6-aab3-aa23fa539653);
  --foleo-acc-title-size: 16px;
  --foleo-acc-body-size: 14px;
  --foleo-acc-line-weight: 4px;
  --foleo-acc-chevron: var(--bde-palette-color-7-ada10e55-cb0f-47d6-aab3-aa23fa539653);
}

@media (max-width: 768px) {  

  .foleo-accordion-mobile--light .foleo-accordion-block,
  .foleo-accordion-block.foleo-accordion-mobile--light {
    --accordion-line-color: var(--foleo-acc-line)!important;
    --accordion-closed-bg: var(--foleo-acc-bg)!important;
    --accordion-open-bg: var(--foleo-acc-open-bg)!important;
    --accordion-closed-text: var(--foleo-acc-title-color);
    --accordion-open-text: var(--foleo-acc-body-color);
  }

  .foleo-accordion-block .bde-column {
    border-bottom-width: var(--foleo-acc-line-weight) !important;
  }

  .foleo-accordion-block .foleo-accordion-first {
    border-top-width: var(--foleo-acc-line-weight) !important;
  }

  .foleo-accordion-mobile--dark .foleo-accordion-block,
  .foleo-accordion-block.foleo-accordion-mobile--dark {
    --accordion-line-color: color-mix(in srgb, var(--foleo-acc-bg) 50%, transparent) !important;
    --accordion-closed-bg: transparent!important;
    --accordion-closed-text: #ffffff;
    --accordion-open-bg: #ffffff;
    --accordion-open-text: var(--foleo-acc-body-color);
    --foleo-acc-chevron: var(--bde-links-color);
  }
  .foleo-accordion-block .foleo-accordion__header {
    color: var(--foleo-acc-title-color);
    font-size: var(--foleo-acc-title-size);
    letter-spacing: -.001em!important;
    line-height: 1.1em!important;
    font-weight: 300!important;
  }

  .foleo-accordion-block .foleo-accordion__content {
    color: var(--foleo-acc-body-color);
    font-size: var(--foleo-acc-body-size);
  }
}

/* Macklee: hide logo notch when tray is open on mobile */
@media (max-width: 768px) {
  html.foleo-tray-opened .foleo-logo-notch,
  html.drawer-scroll-locked .foleo-logo-notch,
  body.drawer-scroll-locked .foleo-logo-notch {
    display: none !important;
  }
}

/* Macklee: hide logo notch when mobile slide drawer is open */
@supports selector(:has(*)) {
  @media (max-width: 768px) {
    html:has(.mobile-slide-panel.is-open) .foleo-logo-notch {
      display: none !important;
    }
  }
}