.product__content {
  display: none;
}
.product__button {
  display: none;
}
.product.background-dark {
  background-color: transparent !important;
}

/* ===== LIBRARY CARD COLUMN SIZE ===== */
.ss-product-col {
  width: 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
  padding: 0 8px 16px 8px !important;
}

@media (max-width: 767px) {
  .ss-product-col {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/* ===== LIBRARY CARD STYLES ===== */
.ss-lib-card {
  display: block;
  text-decoration: none;
  border-radius: 14px;
  overflow: hidden;
  border: 3px solid #111111;
  box-shadow: 6px 8px 0 rgba(0,0,0,0.3);
  background: #0e8fd4;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ss-lib-card:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 8px 14px 0 rgba(0,0,0,0.3);
}

.ss-lib-card__thumb {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}

.ss-lib-card__thumb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ss-lib-card__bar {
  background: #ff00a8;
  padding: 10px 14px;
  border-top: 3px solid #111111;
}

.ss-lib-card__title {
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.3;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ss-lib-card__progress {
  height: 5px;
  background: rgba(0,0,0,0.2);
  width: 100%;
}

.ss-lib-card__progress-fill {
  height: 100%;
  background: #fff200;
  transition: width 0.3s ease;
}

/* ===== HIDE social icons ===== */
.header__block--social-icons {
  display: none !important;
}

/* Hide Login when logged in */
html.is-member a.link-list__link[href="https://alex-highton.mykajabi.com/login"] {
  display: none !important;
}

html.is-member-area .ss-member-nav {
  margin-left: auto !important;
}

/* Public pages - pink header */
html:not(.is-member-area) .header {
  background: #ff00a8 !important;
  min-height: 120px !important;
}

/* Hub and favourites - pink header */
html.is-member-area .header {
  background: #ff00a8 !important;
  min-height: 120px !important;
}

.header__content--desktop {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.header__block--logo .logo__image {
  width: 100px !important;
}

.ss-member-nav a {
  font-size: 28px !important;
  font-weight: 400 !important;
}

/* ===== AVATAR POSITION ON HUB/FAVOURITES ===== */
html.is-member-area .header__block--user {
  order: 999 !important;
  margin-left: 16px !important;
}

.ss-search-btn {
  display: none !important;
}

.header__content--desktop {
  padding-top: 8px !important;
  padding-bottom: 0 !important;
}

html.is-member-area .products .sizer {
  padding-top: 24px !important;
}

.ss-hub__welcome {
  margin-bottom: 32px !important;
}

.ss-favpage__title {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ===== SILLY SCHOOL FONTS ===== */
body, p, a, li, button, input, textarea, select {
  font-family: 'Silly Education Heading', sans-serif !important;
  font-size: 1.4rem;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Silly Education Heading', sans-serif !important;
  font-weight: 400;
}

/* ===== MOBILE OVERRIDES ===== */
@media (max-width: 767px) {
  html:not(.is-member-area) .header,
  html.is-member-area .header {
    min-height: 70px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .header__block--logo .logo__image {
    width: 60px !important;
  }

  .ss-member-nav a {
    font-size: 18px !important;
  }

  .ss-hub__welcome {
    margin-bottom: 16px !important;
  }

  html.is-member-area .products .sizer {
    padding-top: 12px !important;
  }

  .ss-product-col {
    padding: 0 6px 12px 6px !important;
  }
}

@media (max-width: 480px) {
  .ss-product-col {
    padding: 0 4px 10px 4px !important;
  }
}

html:not(.is-member-area) .header a.link-list__link {
  font-size: 24px !important;
}

/* ===== START A FREE TRIAL - YELLOW PILL ===== */
html:not(.is-member-area) a.link-list__link--cta {
  background-color: #fff200 !important;
  color: #111111 !important;
  border: 3px solid #111111 !important;
  border-radius: 999px !important;
  padding: 8px 20px !important;
  box-shadow: 4px 5px 0 rgba(0,0,0,0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  align-self: center !important;
  transition: transform 0.1s ease, box-shadow 0.1s ease !important;
}

html:not(.is-member-area) a.link-list__link--cta:hover {
  background-color: #e6da00 !important;
  color: #111111 !important;
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 3px 0 rgba(0,0,0,0.3) !important;
}

html.is-member a.link-list__link--cta {
  display: none !important;
}

html:not(.is-member-area) a.link-list__link--cta,
html:not(.is-member-area) a.link-list__link--cta:hover,
html:not(.is-member-area) a.link-list__link--cta:visited,
html:not(.is-member-area) a.link-list__link--cta:active,
html:not(.is-member-area) a.link-list__link--cta:focus {
  color: #111111 !important;
}

.header a.link-list__link.link-list__link--cta {
  -webkit-text-fill-color: #111111 !important;
}

/* ===== BLOG POST HEADER TITLE CARD ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  width: fit-content !important;
  max-width: 94% !important;
  padding: 24px 44px !important;
}

/* Blog post title */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info h1,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info h2,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info h1 span,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info h2 span {
  font-size: clamp(2.4rem, 3.8vw, 4.2rem) !important;
  margin: 0 !important;
  letter-spacing: 0.03em !important;
}

/* Tag/category wrapper */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info [class*="tag"]:not(a):not(span),
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info [class*="category"]:not(a):not(span) {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Yellow tag/category label */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info a,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info a[rel="tag"],
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info [class*="tag"] a,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info [class*="category"] a {
  font-size: 1.5rem !important;
  line-height: 1 !important;
  padding: 7px 18px 9px !important;
  min-height: 0 !important;
  border-radius: 10px !important;
  box-shadow: 5px 6px 0 #111111 !important;
  transform: rotate(-2deg) translateY(10px) !important;
}

/* ===== BLOG POST BODY WIDTH MATCH VIDEO ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content {
  max-width: 1180px !important;
  width: 100% !important;
}

/* ===== BLOG POST BACK TO BLOG BUTTON ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__back-wrap {
  max-width: 1180px !important;
  width: 100% !important;
  margin: 24px auto 18px !important;
  text-align: left !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__back-link {
  display: inline-flex !important;
  align-items: center !important;
  background-color: #fff200 !important;
  color: #111111 !important;
  border: 3px solid #111111 !important;
  border-radius: 999px !important;
  box-shadow: 5px 6px 0 #111111 !important;
  padding: 10px 22px 12px !important;
  text-decoration: none !important;
  line-height: 1 !important;
  transform: rotate(-1deg) !important;
  transition: transform 100ms ease, box-shadow 100ms ease !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__back-link:hover {
  color: #111111 !important;
  transform: rotate(-1deg) translate(3px, 3px) !important;
  box-shadow: 2px 3px 0 #111111 !important;
}

/* ===== BLOG POST FEATURED INTRO BANNER ===== */
body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type {
  background: #1ea7f2 !important;
  border: 3px solid #111111 !important;
  border-radius: 24px !important;
  box-shadow: 7px 8px 0 #111111 !important;
  padding: 26px 34px !important;
  margin: 0 0 38px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type,
body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type span {
  color: #ffffff !important;
  -webkit-text-stroke: 1.5px #111111 !important;
  paint-order: stroke fill !important;
  font-size: clamp(2rem, 3vw, 3rem) !important;
  line-height: 1.36 !important;
  font-weight: 900 !important;
  text-align: left !important;
  letter-spacing: 0.06em !important;
  word-spacing: 0.14em !important;
text-shadow: 2px 3px 0 #111111 !important;
}

@media (max-width: 767px) {
  body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type {
    padding: 20px 22px !important;
    border-radius: 20px !important;
    margin-bottom: 30px !important;
  }

  body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type,
  body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type span {
    font-size: clamp(1.55rem, 7vw, 2.1rem) !important;
    line-height: 1.28 !important;
    letter-spacing: 0.035em !important;
    word-spacing: 0.08em !important;
    -webkit-text-stroke: 1.2px #111111 !important;
    text-shadow: 3px 4px 0 #111111 !important;
  }
}

/* ===== BLOG POST TYPOGRAPHY BALANCE ===== */
body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type,
body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type span {
  font-size: clamp(1.85rem, 2.5vw, 2.5rem) !important;
}

body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h2.isSelectedEnd:first-of-type {
  padding: 22px 30px !important;
}

body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content h3 {
  font-size: clamp(1.35rem, 1.75vw, 1.7rem) !important;
}

body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content p,
body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__content li {
  font-size: 20px !important;
  line-height: 1.68 !important;
}

/* ===== BLOG POST TITLE CARD WITH BACK BUTTON ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info {
  justify-content: flex-start !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-wrap {
  margin: 0 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link {
  font-size: 1.15rem !important;
  padding: 8px 18px 10px !important;
  white-space: nowrap !important;
}

/* ===== BLOG POST TITLE ROW ORDER ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info {
  flex-direction: row-reverse !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__top-row {
  display: contents !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__back-wrap {
  order: -1 !important;
  margin-left: 12px !important;
}


/* ===== BLOG POST BACK BUTTON PINK VARIANT ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link {
  background-color: #ff00a8 !important;
  color: #ffffff !important;
  font-size: 1.5rem !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link:hover,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link:visited,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link:active,
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link:focus {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* ===== BLOG POST BACK BUTTON VERTICAL ALIGNMENT ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link {
  transform: rotate(-2deg) translateY(-2px) !important;
}

/* ===== BLOG INDEX HERO TITLE MATCH BLOG POST H1 ===== */
body#encore-theme main .sse-blog-index-hero__title {
  max-width: 100% !important;
  width: auto !important;
  display: inline-block !important;
  white-space: nowrap !important;
  overflow: visible !important;
  font-size: clamp(2.4rem, 4vw, 4.2rem) !important;
  line-height: 1.18 !important;
  padding-bottom: 0.12em !important;
  color: #ffffff !important;
  -webkit-text-stroke: 1.5px #111111 !important;
  paint-order: stroke fill !important;
  text-shadow: 2px 3px 0 #111111 !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 767px) {
  body#encore-theme main .sse-blog-index-hero__title {
    white-space: normal !important;
    font-size: clamp(2rem, 8vw, 3rem) !important;
    line-height: 1.16 !important;
  }
}

/* ===== BLOG INDEX HERO BOX HUG CONTENT ===== */
body#encore-theme main .sse-blog-index-hero__inner {
  width: fit-content !important;
  max-width: 94% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 28px 64px 32px !important;
}


/* ===== BLOG INDEX CARD COMPACT STACK ===== */
body#encore-theme main [data-dynamic-sections="blog"] .blog-listing__panel .blog-listing__data {
  padding: 10px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

body#encore-theme main [data-dynamic-sections="blog"] .blog-listing__panel .blog-listing__title {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}

body#encore-theme main [data-dynamic-sections="blog"] .blog-listing__panel .blog-listing__content {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

body#encore-theme main [data-dynamic-sections="blog"] .blog-listing__panel .blog-listing__content p {
  margin: 0 !important;
  padding: 0 !important;
}

body#encore-theme main [data-dynamic-sections="blog"] .blog-listing__panel .blog-listing__more {
  margin: 0 !important;
}

/* ===== BLOG POST HEADER — TITLE + BACK BUTTON ONLY (tag hidden) ===== */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  width: fit-content !important;
  max-width: 94% !important;
}

/* Title on top, centred */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info h1.blog-post-body__title {
  order: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
}

/* Hide the tag in the header (stays in HTML for SEO + index cards) */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__top-row {
  display: none !important;
}

/* Back button centred below the title */
html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-wrap {
  order: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

html body#encore-theme main [data-dynamic-sections="blog_post"] .blog-post-body__info .blog-post-body__back-link {
  transform: rotate(-2deg) !important;
}

/* ======================================================
   SSE CLEAN HAMBURGER FIX
   Tablet/mobile hamburger + solid full-screen scrollable menu
====================================================== */

@media (max-width: 1199px) {
  /* Show hamburger and make it white */
  html #section-header .hamburger.hidden--desktop,
  html #section-header .hamburger {
    display: block !important;
    margin-left: auto !important;
    color: #ffffff !important;
  }

  html #section-header .hamburger__slice {
    background: #ffffff !important;
  }

  /* Keep header row neat */
  html #section-header .header__content--desktop .header__container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  /* Keep the pink header/close area above the blue menu panel */
  html #section-header .header__content--desktop {
    position: relative !important;
    z-index: 1000000 !important;
  }

  /* Mobile/tablet menu panel */
  html #section-header .header__content--mobile {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 999998 !important;

    background: #1ea7f2 !important;
    opacity: 1 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;

    padding: 50px 0 150px !important;
    border-top: 0 !important;
  }

  html #section-header .header__content--mobile,
  html #section-header .header__content--mobile .header__wrap,
  html #section-header .header__content--mobile .header__container {
    min-height: 100vh !important;
    background: #1ea7f2 !important;
  }

  /* Menu link styling */
  html #section-header .header__content--mobile a.link-list__link,
  html #section-header .header__content--mobile .link-list__link--cta,
  html #section-header .header__content--mobile .dropdown__item a,
  html #section-header .header__content--mobile .header__block--user a,
  html #section-header .header__content--mobile a[href*="/login"],
  html #section-header .header__content--mobile a[href*="/logout"],
  html #section-header .header__content--mobile a[href*="/settings"] {
    display: block !important;
    margin: 0 0 32px 56px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: 'Silly Education Heading', sans-serif !important;
    font-size: 2rem !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-decoration: none !important;

    -webkit-text-stroke: 0.8px #111111 !important;
    paint-order: stroke fill !important;
    text-shadow: 1.5px 1.5px 0 #111111 !important;
  }

  /* Remove desktop dropdown behaviour inside hamburger */
  html #section-header .header__content--mobile .dropdown__trigger {
    display: none !important;
  }

  html #section-header .header__content--mobile .dropdown__menu {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }

  html #section-header .header__content--mobile .dropdown__item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide What's Inside dropdown submenu in hamburger */
  html #section-header .sse-whats-dropdown__menu,
  html #section-header .sse-whats-dropdown > a.link-list__link::after {
    display: none !important;
  }
}


/* Hide logo only when hamburger menu is open */
@media (max-width: 1199px) {
  html #section-header header:has(.hamburger--opened) .header__content--desktop .header__block--logo {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* ======================================================
   SSE HAMBURGER ACCOUNT ALIGNMENT FIX
   Lines Settings / Log Out up with main hamburger links
====================================================== */

@media (max-width: 1199px) {
  html #section-header .header__content--mobile .header__block--user,
  html #section-header .header__content--mobile .user,
  html #section-header .header__content--mobile .dropdown,
  html #section-header .header__content--mobile .dropdown__menu,
  html #section-header .header__content--mobile .dropdown__menu--text-right,
  html #section-header .header__content--mobile .dropdown__item {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    width: 100% !important;
  }

  html #section-header .header__content--mobile .dropdown__item a {
    margin-left: 56px !important;
  }
}

/* ======================================================
   SSE HAMBURGER HOVER BAR
   Full-width hot pink highlight behind menu item
====================================================== */

@media (max-width: 1199px) {
  html #section-header .header__content--mobile a.link-list__link,
  html #section-header .header__content--mobile .link-list__link--cta,
  html #section-header .header__content--mobile .dropdown__item a,
  html #section-header .header__content--mobile .header__block--user a,
  html #section-header .header__content--mobile a[href*="/login"],
  html #section-header .header__content--mobile a[href*="/logout"],
  html #section-header .header__content--mobile a[href*="/settings"] {
    position: relative !important;
    z-index: 1 !important;
    background: transparent !important;
  }

  html #section-header .header__content--mobile a.link-list__link::before,
  html #section-header .header__content--mobile .link-list__link--cta::before,
  html #section-header .header__content--mobile .dropdown__item a::before,
  html #section-header .header__content--mobile .header__block--user a::before,
  html #section-header .header__content--mobile a[href*="/login"]::before,
  html #section-header .header__content--mobile a[href*="/logout"]::before,
  html #section-header .header__content--mobile a[href*="/settings"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -56px;
    width: 100vw;
    height: 1.45em;
    transform: translateY(-50%);
    background: #ff00a8;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.15s ease;
  }

  html #section-header .header__content--mobile a.link-list__link:hover::before,
  html #section-header .header__content--mobile .link-list__link--cta:hover::before,
  html #section-header .header__content--mobile .dropdown__item a:hover::before,
  html #section-header .header__content--mobile .header__block--user a:hover::before,
  html #section-header .header__content--mobile a[href*="/login"]:hover::before,
  html #section-header .header__content--mobile a[href*="/logout"]:hover::before,
  html #section-header .header__content--mobile a[href*="/settings"]:hover::before,
  html #section-header .header__content--mobile a.link-list__link:focus::before,
  html #section-header .header__content--mobile .link-list__link--cta:focus::before,
  html #section-header .header__content--mobile .dropdown__item a:focus::before,
  html #section-header .header__content--mobile .header__block--user a:focus::before,
  html #section-header .header__content--mobile a[href*="/login"]:focus::before,
  html #section-header .header__content--mobile a[href*="/logout"]:focus::before,
  html #section-header .header__content--mobile a[href*="/settings"]:focus::before,
  html #section-header .header__content--mobile a.link-list__link:active::before,
  html #section-header .header__content--mobile .link-list__link--cta:active::before,
  html #section-header .header__content--mobile .dropdown__item a:active::before,
  html #section-header .header__content--mobile .header__block--user a:active::before,
  html #section-header .header__content--mobile a[href*="/login"]:active::before,
  html #section-header .header__content--mobile a[href*="/logout"]:active::before,
  html #section-header .header__content--mobile a[href*="/settings"]:active::before {
    opacity: 1;
  }
}

/* ======================================================
   SSE HAMBURGER SPACING POLISH
   Tightens the menu spacing without changing the working layout
====================================================== */

@media (max-width: 1199px) {
  html #section-header .header__content--mobile {
    padding-top: 118px !important;
    padding-bottom: 140px !important;
  }

  html #section-header .header__content--mobile a.link-list__link,
  html #section-header .header__content--mobile .link-list__link--cta,
  html #section-header .header__content--mobile .dropdown__item a,
  html #section-header .header__content--mobile .header__block--user a,
  html #section-header .header__content--mobile a[href*="/login"],
  html #section-header .header__content--mobile a[href*="/logout"],
  html #section-header .header__content--mobile a[href*="/settings"] {
    margin-left: 48px !important;
    margin-bottom: 24px !important;
    font-size: 1.9rem !important;
    line-height: 1.08 !important;
  }

  html #section-header .header__content--mobile a.link-list__link::before,
  html #section-header .header__content--mobile .link-list__link--cta::before,
  html #section-header .header__content--mobile .dropdown__item a::before,
  html #section-header .header__content--mobile .header__block--user a::before,
  html #section-header .header__content--mobile a[href*="/login"]::before,
  html #section-header .header__content--mobile a[href*="/logout"]::before,
  html #section-header .header__content--mobile a[href*="/settings"]::before {
    left: -48px !important;
    height: 1.55em !important;
  }
}

@media (max-width: 767px) {
  html #section-header .header__content--mobile {
    padding-top: 96px !important;
  }

  html #section-header .header__content--mobile a.link-list__link,
  html #section-header .header__content--mobile .link-list__link--cta,
  html #section-header .header__content--mobile .dropdown__item a,
  html #section-header .header__content--mobile .header__block--user a,
  html #section-header .header__content--mobile a[href*="/login"],
  html #section-header .header__content--mobile a[href*="/logout"],
  html #section-header .header__content--mobile a[href*="/settings"] {
    margin-left: 34px !important;
    margin-bottom: 22px !important;
    font-size: 1.65rem !important;
  }

  html #section-header .header__content--mobile a.link-list__link::before,
  html #section-header .header__content--mobile .link-list__link--cta::before,
  html #section-header .header__content--mobile .dropdown__item a::before,
  html #section-header .header__content--mobile .header__block--user a::before,
  html #section-header .header__content--mobile a[href*="/login"]::before,
  html #section-header .header__content--mobile a[href*="/logout"]::before,
  html #section-header .header__content--mobile a[href*="/settings"]::before {
    left: -34px !important;
  }
}


/* ======================================================
   SSE DESKTOP ACCOUNT / AVATAR FONT FIX
   Fixes Log In, Settings and Log Out in the header user area
   Desktop only — does not touch the mobile/tablet hamburger menu
====================================================== */

@media (min-width: 1200px) {

  /* Logged-out Log In link */
  html body #section-header .header .header__content--desktop .header__block--user .user__login a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: 'Silly Education Heading', sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    -webkit-text-stroke: 0.8px #111111 !important;
    paint-order: stroke fill !important;
    text-shadow: 1.5px 1.5px 0 #111111 !important;
    letter-spacing: 0.01em !important;
  }

  html body #section-header .header .header__content--desktop .header__block--user .user__login a:hover {
    color: #fff200 !important;
    -webkit-text-fill-color: #fff200 !important;
    text-decoration: none !important;
  }

  /* Avatar dropdown box */
  html body #section-header .header .header__content--desktop .header__block--user .dropdown__menu {
    background: #ff00a8 !important;
    border: 3px solid #111111 !important;
    border-radius: 18px !important;
    box-shadow: 6px 7px 0 #111111 !important;
    padding: 14px 0 !important;
    min-width: 180px !important;
    width: auto !important;
    text-align: center !important;
  }

  /* Hide empty library item in avatar dropdown */
  html body #section-header .header .header__content--desktop .header__block--user .dropdown__item[kjb-settings-id*="language_library"] {
    display: none !important;
  }

  html body #section-header .header .header__content--desktop .header__block--user .dropdown__item {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Settings / Log Out */
  html body #section-header .header .header__content--desktop .header__block--user .dropdown__item a,
  html body #section-header .header .header__content--desktop .header__block--user .dropdown__item span {
    display: block !important;
    margin: 0 !important;
    padding: 13px 24px !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-family: 'Silly Education Heading', sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    -webkit-text-stroke: 0.8px #111111 !important;
    paint-order: stroke fill !important;
    text-shadow: 1.5px 1.5px 0 #111111 !important;
    letter-spacing: 0.01em !important;
    height: auto !important;
  }

  html body #section-header .header .header__content--desktop .header__block--user .dropdown__item a:hover,
  html body #section-header .header .header__content--desktop .header__block--user .dropdown__item a:focus {
    color: #fff200 !important;
    -webkit-text-fill-color: #fff200 !important;
    background: transparent !important;
    text-decoration: none !important;
    outline: none !important;
  }
}