/*
 * EXL community chrome  -  TEMP visual parity for macallan-en hub
 * =============================================================
 * Source: Adobe CC third-party / header / footer paste (EXL community).
 * Purpose: temporary "Adobe look" on hub without rebuilding IMS / Coveo /
 *          header loaders / footer module / PX / Qualtrics / OneTrust JS.
 *
 * WHAT THIS INCLUDES (CSS only)
 * - Typekit @import links (kits juo3vym + csa7wef)
 * - Adobe Clean @font-face faces (S3) + body { font-family: AdobeClean }
 * - Header overflow / z-index / dropdown clipping guards
 * - Header skeleton shimmer (needs .header-skeleton markup to show)
 * - Footer CSS variables + footer#community-footer rules (needs markup)
 * - Coveo searchbox visual styles (.coveo-search-* from Gainsight Search
 *   Replacement injectStyles)  -  needs matching markup to render
 *
 * WHAT THIS DOES NOT INCLUDE
 * - Header JS / exl-header custom element / IMS auth
 * - Footer module import / community-footer HTML
 * - Coveo redirect / Algolia intercept logic
 * - Gainsight PX, Qualtrics, privacy / OneTrust scripts
 * - Typekit kit loaders lvd8gyh / ymk8jvr (JS kits; CSS kits imported below)
 *
 * HOW TO USE ON HUB
 * 1. Prefer loading this stylesheet asset from the registry (placement: head),
 *    OR paste this file into CC Custom CSS / Styles.
 * 2. Load after (or with) fonts: @imports below pull Typekit; @font-face
 *    pulls AdobeClean from S3. If CSP blocks S3/Typekit, fonts will fall back.
 * 3. Optional Typekit JS kits (if you need the exact kit script path instead
 *    of @import): kitId "lvd8gyh" and "ymk8jvr" (see Adobe third-party paste).
 *
 * HONEST LIMIT
 * Fonts + body font-family alone get most of the "Adobe look" on existing hub
 * UI. Skeleton / header overflow / footer rules do nothing useful without
 * header#community-header / footer#community-footer markup (+ EXL header JS).
 * Coveo pill styles only apply if you add .coveo-searchbox markup.
 */

/* -------------------------------------------------------------------------- */
/* 0. Typekit (CSS kits from third-party paste)                               */
/* -------------------------------------------------------------------------- */
@import url("https://use.typekit.net/juo3vym.css");
@import url("https://use.typekit.net/csa7wef.css");

/* -------------------------------------------------------------------------- */
/* 1. Adobe Clean @font-face + body font                                       */
/* -------------------------------------------------------------------------- */
/* Adobe Clean Regular */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Regular.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Adobe Clean Italic */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-It.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-It.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

/* Adobe Clean Light */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Light.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* Adobe Clean Light Italic */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-LightIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-LightIt.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

/* Adobe Clean Medium */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}

/* Adobe Clean SemiLight */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiLight.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiLight.ttf") format("truetype");
    font-weight: 350;
    font-style: normal;
}

/* Adobe Clean SemiLight Italic */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiLightIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiLightIt.ttf") format("truetype");
    font-weight: 350;
    font-style: italic;
}

/* Adobe Clean Bold */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Bold.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* Adobe Clean Bold Italic */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldIt.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

/* Adobe Clean ExtraBold */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
}

/* Adobe Clean ExtraBold Italic */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-ExtraBoldIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-ExtraBoldIt.ttf") format("truetype");
    font-weight: 800;
    font-style: italic;
}

/* Adobe Clean Black */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Black.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}

/* Adobe Clean Black Italic */
@font-face {
    font-family: "AdobeClean";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BlackIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BlackIt.ttf") format("truetype");
    font-weight: 900;
    font-style: italic;
}

/* Adobe Clean Condensed */
@font-face {
    font-family: "AdobeClean Condensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Cond.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-Cond.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Adobe Clean Condensed Italic */
@font-face {
    font-family: "AdobeClean Condensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-CondIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-CondIt.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

/* Adobe Clean SemiCondensed */
@font-face {
    font-family: "AdobeClean SemiCondensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiCn.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiCn.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Adobe Clean SemiCondensed Italic */
@font-face {
    font-family: "AdobeClean SemiCondensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiCnIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-SemiCnIt.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}

/* Adobe Clean Bold Condensed */
@font-face {
    font-family: "AdobeClean Condensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldCond.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldCond.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* Adobe Clean Bold Condensed Italic */
@font-face {
    font-family: "AdobeClean Condensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldCondIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldCondIt.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

/* Adobe Clean Bold SemiCondensed */
@font-face {
    font-family: "AdobeClean SemiCondensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldSemiCn.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldSemiCn.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* Adobe Clean Bold SemiCondensed Italic */
@font-face {
    font-family: "AdobeClean SemiCondensed";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldSemiCnIt.otf") format("opentype"),
      url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean-BoldSemiCnIt.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}

/* Adobe Clean 5pt */
@font-face {
    font-family: "AdobeClean 5pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean5pt-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

/* Adobe Clean 5pt Italic */
@font-face {
    font-family: "AdobeClean 5pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean5pt-It.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}

/* Adobe Clean 5pt Bold */
@font-face {
    font-family: "AdobeClean 5pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean5pt-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

/* Adobe Clean 5pt Bold Italic */
@font-face {
    font-family: "AdobeClean 5pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean5pt-BoldIt.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}

/* Adobe Clean 7pt */
@font-face {
    font-family: "AdobeClean 7pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean7pt-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

/* Adobe Clean 7pt Italic */
@font-face {
    font-family: "AdobeClean 7pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean7pt-It.otf") format("opentype");
    font-weight: 400;
    font-style: italic;
}

/* Adobe Clean 7pt Bold */
@font-face {
    font-family: "AdobeClean 7pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean7pt-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

/* Adobe Clean 7pt Bold Italic */
@font-face {
    font-family: "AdobeClean 7pt";
    src: url("https://s3.eu-west-1.amazonaws.com/shared-packages.insidedtest.com/adobefonts/AdobeClean7pt-BoldIt.otf") format("opentype");
    font-weight: 700;
    font-style: italic;
}

body {
    font-family: "AdobeClean", sans-serif;
}

/* -------------------------------------------------------------------------- */
/* 2. Header overflow / z-index / dropdown clipping                            */
/*     (no-op without header#community-header markup)                          */
/* -------------------------------------------------------------------------- */
/* Fix for profile dropdown being cut off */
html {
    overflow-x: visible !important;
    overflow-y: auto !important;
}

body {
    overflow-x: visible !important;
    overflow-y: auto !important;
}

/* Header positioning */
header#community-header {
    z-index: 9999 !important;
    position: relative !important;
}

header#community-header exl-header {
    z-index: 9999 !important;
    overflow: visible !important;
}

/* Allow all parent containers to show overflow */
header#community-header *,
header#community-header exl-header * {
    overflow: visible !important;
}

/* Dropdown menus with maximum z-index */
header#community-header [role="menu"],
header#community-header [class*="menu"],
header#community-header [class*="dropdown"],
header#community-header [class*="popover"],
header#community-header ul[role="menu"],
header#community-header div[role="menu"] {
    z-index: 999999 !important;
    position: absolute !important;
    overflow: visible !important;
}

/* Main container should not clip */
main,
.main-content,
#main-content,
[role="main"],
.lia-page,
.lia-body {
    overflow: visible !important;
}

/* Remove any clipping from containers for the header only */
header#community-header .container,
header#community-header [class*="container"],
header#community-header [class*="wrapper"] {
overflow: visible !important;
}

/* -------------------------------------------------------------------------- */
/* 3. Header skeleton shimmer                                                  */
/*     Needs .header-skeleton markup inside header#community-header            */
/* -------------------------------------------------------------------------- */
/* Header Skeleton Shimmer */
.header-skeleton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
    box-sizing: border-box;
}

.header-skeleton__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-skeleton__nav {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: 32px;
}

.header-skeleton__right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.skeleton-block {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite ease-in-out;
    border-radius: 4px;
}

.skeleton-logo {
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

.skeleton-brand {
    width: 140px;
    height: 16px;
}

.skeleton-nav-item {
    width: 80px;
    height: 14px;
}

.skeleton-nav-item--wide {
    width: 110px;
}

.skeleton-signin {
    width: 70px;
    height: 32px;
    border-radius: 16px;
}

.skeleton-search {
    width: 200px;
    height: 32px;
    border-radius: 4px;
}

.skeleton-globe {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

@keyframes shimmer {
    0% {
      background-position: 200% 0;
    }

    100% {
      background-position: -200% 0;
    }
}

/* Hide skeleton when header is loaded */
header#community-header:has(exl-header) .header-skeleton {
    display: none;
}

/* Responsive: hide some nav items on smaller screens */
@media (max-width: 1024px) {
    .header-skeleton__nav {
      display: none;
    }

    .skeleton-search {
      width: 150px;
    }
}

/* -------------------------------------------------------------------------- */
/* 4. Footer variables + footer#community-footer                               */
/*     Needs footer#community-footer markup                                    */
/* -------------------------------------------------------------------------- */
:root {
    --non-spectrurm-whisper-gray: #eaeaea;
    --footer-background-color: #fafafa;
    --footer-border-color: #e1e1e1;
    --non-spectrum-charcoal-gray: #505050;
    --non-spectrum-dark-gray: #2c2c2c;
    --non-spectrum-graphite-gray: #4b4b4b;
    --non-spectrum-navy-blue: #1473e6;
    --non-spectrum-dark-charcoal: #323232;
    --spectrum-gray-900: #000;
    --background-color: #fff;
    --spectrum-font-size-75: 12px;
    --spectrum-font-size-100: 14px;
    --spectrum-font-size-200: 16px;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --default-max-width: 1280px;
    --box-shadow-1: 0 0.5em 1em -0.125em #0a0a0a1a, 0 0 0 1px #0a0a0a05;
}
footer#community-footer {
    min-height: 200px;
    background-color: #fafafa;
    border-top: 2px solid #e1e1e1;
    margin-top: 40px;
    padding: 20px 32px;
}
footer#community-footer .icon img {
    height: 100%;
    width: 100%;
}
footer#community-footer
    .footer-last-row
    .footer-copyrights-element
    span.icon {
    margin: 0;
    display: inline-block;
    height: 22px;
    width: 22px;
    position: relative;
    top: 8px;
}
@media (width>=900px) {
    footer#community-footer .footer-breadcrumb .icon {
      display: inline-block;
      height: 14px;
      width: 14px;
      top: 2px;
      position: relative;
    }
}
/* Hide duplicate OneTrust links created by privacy-standalone.js */
footer#community-footer > a[href="#onetrust"][aria-hidden="true"] {
    display: none !important;
}

/* -------------------------------------------------------------------------- */
/* 5. Coveo searchbox visuals (from injectStyles in search replacement script) */
/*     Needs .coveo-search-container / .coveo-searchbox markup                 */
/* -------------------------------------------------------------------------- */
.coveo-search-container {
  width: 100%;
}

.coveo-search-form {
  width: 100%;
}

.coveo-searchbox {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 50px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.coveo-searchbox:hover {
  border-color: #b0b0b0;
}

.coveo-searchbox:focus-within {
  border-color: #6e6e6e;
  box-shadow: 0 0 0 1px #6e6e6e;
}

.coveo-searchbox__submit {
  background: none !important;
  border: none !important;
  border-right: none !important;
  box-shadow: none !important;
  padding: 10px 0 10px 14px;
  margin-right: 8px;
  cursor: pointer;
  color: #6e6e6e;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.coveo-searchbox__submit svg {
  width: 18px;
  height: 18px;
  display: block;
}

.coveo-searchbox__input {
  flex: 1;
  border: none !important;
  border-left: none !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 14px;
  line-height: 20px;
  font-family: "AdobeClean", sans-serif;
  color: #323232;
  background: transparent !important;
  min-width: 0;
  padding: 10px 16px 10px 0;
}

.coveo-searchbox__input::placeholder {
  color: #6e6e6e;
}