/* ===============================
   GENERAL / EXISTING STYLES
================================*/
table img { margin-inline: auto; }
img.custom-logo { margin-bottom: -30px; }
.unclickable > a { pointer-events: none; }

.wp-block-table.mytablestyle tbody tr { background-color: #BCBCBC; }
.wp-block-table.mytablestyle td,
.wp-block-table.mytablestyle th { border: 0; }

.entry-content-wrap { padding-bottom: 1.5rem; }

.home .wp-block-embed__wrapper:before,
.page-id-6559 .wp-block-embed__wrapper:before { padding-top: 36.85%; }

@media (max-width: 600px) { .wp-block-column { padding-bottom: 10px; } }

.header-navigation .header-menu-container ul ul li.menu-item > a {
  width: auto !important;
  white-space: nowrap;
}

.search-results .content-container.site-container,
.archive .content-container.site-container {
  background: #fff;
  box-shadow: 0 0 0 4px var(--global-palette2);
  border-radius: 13px;
  padding: 220px 5.96rem 5.96rem;
}

.custom-cell { width: 100px; height: 50px; }

/* Scrollbar */
::-webkit-scrollbar { width: 14px; }
::-webkit-scrollbar-track { background: #808080; }
::-webkit-scrollbar-thumb { background: #F3F3F4; }
::-webkit-scrollbar-thumb:hover { background: #f789e6; }

/* ===============================
   TABLE ROW HEIGHT LOCK (FINAL)
================================*/
table { table-layout: fixed; width: 100%; }

table td,
table th {
  height: 70px !important;
  max-height: 70px !important;
  padding: 12px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle !important;
}

table td img {
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* ===============================
   DESKTOP DROPDOWNS
================================*/
.header-navigation .wp-block-navigation-item,
.entry-content .wp-block-navigation-item { position: relative; }

.header-navigation .wp-block-navigation__submenu-container,
.entry-content .wp-block-navigation__submenu-container {
  left: 50% !important;
  transform: translateX(-50%);
  width: auto !important;
  min-width: fit-content !important;
  padding: 4px !important;
}

.entry-content .wp-block-navigation__submenu-container { right: auto !important; }

.wp-block-navigation__submenu-container li { padding: 0 !important; }
.wp-block-navigation__submenu-container a {
  padding: 5px 14px !important;
  white-space: nowrap;
}

/* ===============================
   MOBILE — WEEK DROPDOWN (FINAL)
================================*/
.week-dd.mobile-only { display: none; }

@media (max-width: 782px) {

  /* Show mobile Week dropdown + keep Week centered */
  .week-dd.mobile-only{
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    width: 100%;
    position: relative !important;
  }

  .week-dd__toggle{
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .week-dd.mobile-only .week-dd__btn{
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    font: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 auto;
    text-align: center;
    font-size: 22px !important;
    line-height: 1.25 !important;
  }

  /* Dropdown overlays content */
  .week-dd.mobile-only .week-dd__menu{
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    display: none;
    background: #fff;
    border: 1px solid rgba(0,0,0,.15);
    width: max-content;
    max-width: calc(100vw - 32px);
    z-index: 999999 !important;

    max-height: min(55vh, 360px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .week-dd__toggle:checked ~ .week-dd__menu { display: block; }

  .week-dd__menu a{
    display: block;
    padding: 5px 14px !important;
    color: #000 !important;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
  }

  /* Thin outline chevron + sized for mobile */
  .week-dd.mobile-only .week-dd__btn::after{
    content: "" !important;
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    margin-left: 10px !important;
    border-right: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    transform: rotate(45deg);
    position: relative;
    top: -1px;
  }

  .week-dd__toggle:checked + .week-dd__btn::after{
    transform: rotate(-135deg);
    top: 1px;
  }

  /* Kill WP nav artifacts */
  .entry-content .wp-block-navigation,
  .entry-content .wp-block-navigation-submenu__toggle,
  .entry-content .wp-block-navigation__submenu-icon,
  .entry-content .wp-block-navigation__responsive-container-open,
  .entry-content .wp-block-navigation__responsive-container-close,
  .week-dd.mobile-only svg {
    display: none !important;
  }

  /* iOS bottom bar safety */
  .wp-block-navigation__responsive-container.is-menu-open {
    padding-bottom: calc(16px + env(safe-area-inset-bottom));
  }
}

/* ===============================
   TABLET / iPAD — FIX BIG GAP ABOVE FOOTER
================================*/
@media (max-width: 1366px) {
  html, body {
    height: auto !important;
    min-height: 0 !important;
  }

  #page,
  #inner-wrap,
  #content,
  #primary,
  .site,
  .site-container,
  .site-inner,
  main,
  .site-content,
  .content-area,
  .page,
  .page-content,
  .entry-content-wrap {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* ===============================
   SITE-WIDE — textured grey background
================================ */

/* Base background */
body {
  background-color: #808080 !important;
  position: relative;
}

/* Texture overlay */
body::before {
  content: "";
  position: fixed;
  inset: 0;

  background-image: url("https://laxextras.com/wp-content/uploads/2026/02/LE_Background_Overlay3.png");
  background-repeat: repeat;
  background-size: 700px auto;

  opacity: 0.3;
  pointer-events: none;

  z-index: 0;
}

/* Ensure site content stays above the texture */
#inner-wrap {
  position: relative;
  z-index: 1;
}


/* =========================================================
   GLOBAL — KADENCE TABS (AUTOMATIC SITE-WIDE)
   Grey base (#808080)
   Active: pink background + WHITE text
   Inactive: #F3F3F4 text, pink on hover
   Radius: top only (13px)
========================================================= */

/* Center the pill bar reliably */
.wp-block-kadence-tabs {
  text-align: center !important;
}

/* Remove Kadence underline / bar */
.wp-block-kadence-tabs .kt-tabs-title-list::before,
.wp-block-kadence-tabs .kt-tabs-title-list::after {
  display: none !important;
}

/* Base grey tab bar */
.wp-block-kadence-tabs .kt-tabs-title-list {
  display: inline-flex !important;
  gap: 0 !important;
  padding: 6px !important;
  background: #808080 !important;

  /* TOP rounded, BOTTOM square */
  border-radius: 13px 13px 0 0 !important;

  overflow: hidden !important;

  /* centering helpers */
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}

/* Each tab wrapper */
.wp-block-kadence-tabs .kt-tabs-title-list li {
  border-radius: 13px 13px 0 0 !important;
  overflow: hidden !important;
}

/* Tab text — INACTIVE default */
.wp-block-kadence-tabs .kt-tabs-title-list .kt-tab-title {
  background: transparent !important;
  border: 0 !important;

  /* TOP rounded, BOTTOM square */
  border-radius: 13px 13px 0 0 !important;

  padding: 10px 22px !important;
  margin: 0 !important;

  color: #ffffff !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

/* Hover — INACTIVE tabs only */
.wp-block-kadence-tabs
.kt-tabs-title-list
li:not(.kt-tab-title-active)
.kt-tab-title:hover {
  color: #f789e6 !important;
}

/* ACTIVE tab — pink background */
.wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active {
  background: #f789e6 !important;

  /* TOP rounded, BOTTOM square */
  border-radius: 13px 13px 0 0 !important;
}

/* ACTIVE tab text — WHITE and stable */
.wp-block-kadence-tabs
.kt-tabs-title-list
li.kt-tab-title-active
.kt-tab-title,
.wp-block-kadence-tabs
.kt-tabs-title-list
li.kt-tab-title-active
.kt-tab-title:hover {
  color: #ffffff !important;
}
/* =====================================================
   Kadence Off-Canvas (tablet/mobile)
   - Top-aligned white panel
   - Panel height fits content
   - Dim background preserved
===================================================== */

@media (max-width: 1024px) {

  .kb-off-canvas-popup {
    display: flex !important;
    align-items: flex-start !important;  /* top aligned */
    justify-content: center !important;
  }

  .kb-off-canvas-inner-wrap {
    height: auto !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: auto !important;

    flex: 0 1 auto !important;
    align-self: flex-start !important;
    margin-top: 0 !important;
  }

  .kb-off-canvas-inner {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* PHONE: add a controlled top gap above the first white section */
@media (max-width: 767px) {

  /* Keep wrappers from adding random extra spacing */
  body #inner-wrap .content-wrap,
  body #inner-wrap .content-container.site-container,
  body #inner-wrap #primary {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* Add the gap here (adjust 26px to taste) */
  body #inner-wrap .content-wrap {
    padding-top: 26px !important;
  }
}
@font-face {
  font-display: swap;
}
/* === Owl Carousel mobile stability fix (Blog Designer Pack) === */

.bdpp-wrap .owl-stage-outer {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.bdpp-wrap .owl-stage,
.bdpp-wrap .owl-item,
.bdpp-wrap img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bdpp-wrap img {
  opacity: 1 !important;
  visibility: visible !important;
}
/* Accessibility: label Blog Designer Pack (Owl Carousel) arrows */
.owl-prev::before,
.owl-next::before {
  position: absolute;
  left: -9999px;
}

.owl-prev::before {
  content: "Previous slide";
}

.owl-next::before {
  content: "Next slide";
}
/* Accessibility: label Owl Carousel pagination dots */
.owl-dot::before {
  position: absolute;
  left: -9999px;
  content: "Go to slide";
}

/* Optional: label active dot more clearly */
.owl-dot.active::before {
  content: "Current slide";
}
.le-spotify-wrap { max-width: 820px; margin: 0 auto; }

.le-spotify-btn{
  width:100%;
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:center;
  padding:14px 16px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  text-align:left;
}

.le-spotify-icon{
  font-size:20px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}

.le-spotify-text strong{ font-size:16px; }
.le-spotify-text{ font-size:13px; line-height:1.2; opacity:.85; }
.le-spotify-cover{
  max-height: 220px;
  overflow: hidden;
}

.le-spotify-cover img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}
.le-spotify-text strong{
  color: #000 !important;
}
.le-spotify-text{
  font-size: 17px;   /* default was ~13px */
  line-height: 1.5;
}
/* Align status text with team names instead of logos */
#le-scores .le-game-status,
#le-scores .le-status {
  margin-left: 36px;
}

#le-scores .le-score{
  font-variant-numeric: tabular-nums;
}

/* ===============================
   SCORES — FLASH PINK ON CHANGE
================================*/
@keyframes leScoreFlash {
  0%   { background-color: rgba(247, 137, 230, 0); }
  25%  { background-color: rgba(247, 137, 230, .55); }
  100% { background-color: rgba(247, 137, 230, 0); }
}

/* apply to the element your JS marks as changed */
#le-scores .le-flash{
  animation: leScoreFlash 650ms ease-out;
  border-radius: 10px;
}

/* Make the ranking "(#5)" not bold */
#le-scores .le-teamname .le-rank-inline{
  font-weight: 400;
  font-size: 0.90em;
  margin-right: 2px;
  color: #444444;
}
#le-scores .le-rank-hash{
  font-size: 0.75em;
}

/* ===============================
   BASE
================================*/
#le-scores,
#le-scores *{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

#le-scores{
  --le-border: rgba(0,0,0,.10);
  --le-muted: rgba(0,0,0,.65);
  --le-bg: #f2f2f2;
  --le-chip: rgba(0,0,0,.06);
  --le-logo-bg: #808080; /* keep your grey */
  max-width: 920px;
  margin: 0 auto;
}

/* ===============================
   TOOLBAR
================================*/
#le-scores .le-toolbar{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:center;
  margin:12px 0 10px;
}

/* ===============================
   DATE STRIP
================================*/
#le-scores .le-datebar{
  width:100%;
  display:flex;
  justify-content:center;
}

#le-scores .le-date-strip{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 2px;
  max-width:min(760px,100%);
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

#le-scores .le-date-strip::-webkit-scrollbar{ height:6px; }
#le-scores .le-date-strip::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.10);
  border-radius:999px;
}

/* date pills */
#le-scores .le-date-pill{
  scroll-snap-align:start;
  border:1px solid var(--le-border);
  background:var(--le-bg);
  padding:8px 10px;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:64px;
  line-height:1.05;
  user-select:none;
  -webkit-tap-highlight-color: transparent;
}

#le-scores .le-date-pill .dow{
  font-size:12px;
  color:var(--le-muted);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
}

#le-scores .le-date-pill .md{
  font-size:14px;
  font-weight:800;
}

#le-scores .le-date-pill.is-active{
  background:var(--le-chip);
  border-color:rgba(0,0,0,.18);
}

/* ===============================
   DATE HOVER: pink text, no shadow, no flash
================================*/

/* Hard-lock base states to beat theme button styles */
.le-live-scores #le-scores .le-date-strip .le-date-pill,
.le-live-scores #le-scores .le-date-strip .le-date-pill:hover,
.le-live-scores #le-scores .le-date-strip .le-date-pill:focus,
.le-live-scores #le-scores .le-date-strip .le-date-pill:focus-visible,
.le-live-scores #le-scores .le-date-strip .le-date-pill:active{
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Inactive pills: keep background consistent (prevents white flash) */
.le-live-scores #le-scores .le-date-strip .le-date-pill{
  background-color: var(--le-bg) !important;
}

/* Hover: keep background same, only border + text change */
.le-live-scores #le-scores .le-date-strip .le-date-pill:hover{
  background-color: var(--le-bg) !important;
  border-color: rgba(232,90,203,.45) !important;
}

/* Hover text pink */
.le-live-scores #le-scores .le-date-strip .le-date-pill:hover .dow,
.le-live-scores #le-scores .le-date-strip .le-date-pill:hover .md{
  color: #f789e6 !important;
}

/* Active pill stays locked (no hover change) */
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active,
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active:hover,
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active:focus,
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active:focus-visible,
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active:active{
  background-color: var(--le-chip) !important;
  border-color: rgba(0,0,0,.18) !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

/* Active pill text stays normal (not pink) */
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active .dow,
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active:hover .dow{
  color: var(--le-muted) !important;
}
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active .md,
.le-live-scores #le-scores .le-date-strip .le-date-pill.is-active:hover .md{
  color: #111 !important;
}

/* ===============================
   DIVISION TABS (your final styling)
================================*/
.le-live-scores #le-scores .le-group-div{
  position: relative;
  display:flex;
  justify-content:center;
  gap: 16px;
  padding-bottom: 8px;
}

.le-live-scores #le-scores .le-group-div::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 2px;
  background: rgba(0,0,0,.18);
  border-radius: 999px;
  z-index: 0;
}

.le-live-scores #le-scores .le-btn.le-div{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  border-radius: 0 !important;

  padding: 6px 2px !important;
  cursor: pointer;

  font-family: "Livermore Script ATF","Livermore Script","LivermoreScriptATF","Livermore Script ATF Regular","Livermore ATF",cursive !important;
  font-weight: 900 !important;
  font-size: 24px !important;
  color: #808080 !important;

  position: relative;
  z-index: 1;
}

.le-live-scores #le-scores .le-btn.le-div:hover{
  color: #f789e6 !important;
}

.le-live-scores #le-scores .le-btn.le-div.is-active{
  color: #f789e6 !important;
}

.le-live-scores #le-scores .le-btn.le-div.is-active::after{
  content:"";
  position:absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 2px;
  border-radius: 999px;
  background: #f789e6;
  z-index: 2;
}

/* ===============================
   META
================================*/
#le-scores .le-meta{
  text-align:center;
  color:var(--le-muted);
  font-size:13px;
  margin-bottom: 14px;
}

/* ===============================
   GRID
================================*/
#le-scores .le-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

@media(max-width:700px){
  #le-scores .le-list{ grid-template-columns:1fr; }
  #le-scores .le-date-strip{ max-width:100%; }
}

/* ===============================
   CARDS / ROWS
================================*/
#le-scores .le-card{
  border:1px solid var(--le-border);
  border-radius:14px;
  padding:12px 14px;
}

/* LIVE card subtle highlight */
#le-scores .le-card.is-live {
  background: rgba(247,137,230,.06);
  animation: none;
}

#le-scores .le-status{
  font-size:13px;
  padding:0;
  border-radius:0;
  background:transparent;
  display:inline-block;
  margin-bottom:8px;
  font-weight:600;
}

/* LIVE badge */
#le-scores .le-status.is-live{
  background:transparent;
  padding:0;
  font-weight:625;
  color:#f789e6;

  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* Pulsing LIVE dot */
#le-scores .le-status.is-live::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f789e6;
  display:inline-block;
  animation: leLiveDot 1.7s ease-out infinite;
}

/* Dot animation */
@keyframes leLiveDot{
  0% { box-shadow:0 0 0 0 rgba(247,137,230,.6); }
  70% { box-shadow:0 0 0 6px rgba(247,137,230,0); }
  100% { box-shadow:0 0 0 0 rgba(247,137,230,0); }
}

#le-scores .le-rows{ display:grid; gap:8px; }

#le-scores .le-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:center;
}

#le-scores .le-team{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

#le-scores .le-logo{
  width:26px; height:26px;
  border-radius:6px;
  background:var(--le-logo-bg);
  padding:4px;
  object-fit:contain;
  flex:0 0 auto;
}

#le-scores .le-teamtext{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

#le-scores .le-rank{
  font-size:12px;
  font-weight:900;
  padding:3px 7px;
  border-radius:999px;
  border:1px solid var(--le-border);
  background: var(--le-chip);
  line-height:1;
  flex:0 0 auto;
}

#le-scores .le-score{
  font-size:18px;
  font-weight:700;
  min-width:22px;
  text-align:right;
}

/* FINAL styling */
#le-scores .le-row.is-winner .le-score{ font-weight:900; }
#le-scores .le-row.is-loser .le-teamtext,
#le-scores .le-row.is-loser .le-score{ opacity:.55; }

/* ===============================
   TEAM NAME + RECORD + ELLIPSIS (FINAL, NO-CONFLICT)
================================*/

/* team + record on one line */
#le-scores .le-teamname{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-width:0;
}

/* record never shrinks + matches loser fade */
#le-scores .le-record{
  flex:0 0 auto;
  white-space:nowrap;
  font-size:0.78em;
  color:currentColor;
  opacity:.75;
  font-weight:500;
  letter-spacing:.02em;
}
#le-scores .le-row.is-loser .le-record{
  opacity:1; /* because parent already has opacity */
}

/* ellipsis: make ONLY the name shrink (works without changing markup) */
#le-scores .le-teamname > :first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
/* Keep winning/normal team name bold */
#le-scores .le-teamname{
  font-weight: 600; /* restores bold */
}

/* But keep the record lighter */
#le-scores .le-record{
  font-weight: 500;
}

/* If the score page wraps the text in a span/link inside le-teamname, keep it bold too */
#le-scores .le-teamname > :first-child{
  font-weight: 600;
}
/* Remove form shadow */
.user-registration,
.ur-frontend-form,
.ur-frontend-form .ur-form-container {
    box-shadow: none !important;
}

/* Tighten spacing */
.user-registration form,
.ur-frontend-form form {
    margin-bottom: 0 !important;
}

.user-registration .ur-form-row,
.ur-frontend-form .ur-form-row {
    margin-bottom: 10px !important;
}

/* Form typography */
.user-registration label,
.ur-frontend-form label {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.user-registration input,
.ur-frontend-form input {
    font-size: 18px !important;
}

/* Create Account / Log In button size */
.user-registration button,
.ur-frontend-form button {
    font-size: 20px !important;
}

/* Hide plugin password strength messages */
.user-registration .user-registration-password-strength,
.ur-frontend-form .user-registration-password-strength,
.user-registration .password-strength,
.ur-frontend-form .password-strength {
    display: none !important;
}

/* Username hint */
.user-registration .ur-field-item.field-user_login::after,
.ur-frontend-form .ur-field-item.field-user_login::after {
    content: "Username must be at least 4 characters.";
    display: block;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #808080 !important;
    margin-top: 8px !important;
}

/* Password hint */
.user-registration .ur-field-item.field-user_pass::after,
.ur-frontend-form .ur-field-item.field-user_pass::after {
    content: "Must be at least 9 characters and include one uppercase letter, one number, two special characters, and no repetitive words.";
    display: block;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #808080 !important;
    margin-top: 8px !important;
}

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

    .user-registration .ur-form-row,
    .ur-frontend-form .ur-form-row {
        display: flex !important;
        align-items: stretch !important;
    }

    .user-registration .ur-form-row .ur-field-item,
    .ur-frontend-form .ur-form-row .ur-field-item {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        flex: 1 1 50% !important;
    }

    .user-registration .ur-field-item.field-user_login::after,
    .ur-frontend-form .ur-field-item.field-user_login::after,
    .user-registration .ur-field-item.field-user_pass::after,
    .ur-frontend-form .ur-field-item.field-user_pass::after {
        min-height: 118px !important;
    }

    .user-registration .ur-button-container,
    .ur-frontend-form .ur-button-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* Remove extra space below form */
.user-registration,
.ur-frontend-form,
.ur-frontend-form .ur-form-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.user-registration form,
.ur-frontend-form form {
    margin-bottom: 0 !important;
}

.user-registration .ur-submit-button,
.ur-frontend-form .ur-submit-button {
    margin-bottom: 0 !important;
}

.user-registration .ur-form-row:last-child,
.ur-frontend-form .ur-form-row:last-child {
    margin-bottom: 0 !important;
}

/* Remove space above form */
.user-registration,
.ur-frontend-form,
.ur-frontend-form .ur-form-container {
    padding-top: 0 !important;
}

.user-registration .ur-form-row:first-child,
.ur-frontend-form .ur-form-row:first-child {
    margin-top: 0 !important;
}

/* Branded registration error alert */
.user-registration .user-registration-error,
.ur-frontend-form .user-registration-error {
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #CE2029 !important;
    background: #FFF5F6 !important;
    border: 1px solid #F2B8BC !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 14px 0 !important;
    text-align: left !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: block !important;
}
/* Keep User Registration error messages in sentence case */
.user-registration-error,
.user-registration .user-registration-error,
.ur-frontend-form .user-registration-error {
    text-transform: none !important;
}
/* Remove plugin icon */
.user-registration .user-registration-error::before,
.ur-frontend-form .user-registration-error::before {
    display: none !important;
}

/* Password invalid border only */
.user-registration .ur-field-item.field-user_pass.ur-error input,
.ur-frontend-form .ur-field-item.field-user_pass.ur-error input {
    border: 2px solid #CE2029 !important;
}

/* Password error spacing */
.user-registration .user-registration-error[for="user_pass"],
.ur-frontend-form .user-registration-error[for="user_pass"] {
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}

/* Add space above Create Account / Log In button */
.user-registration .ur-button-container,
.ur-frontend-form .ur-button-container {
    margin-top: 36px !important;
}

/* Smaller font for Remember Me */
.user-registration .ur-checkbox-label,
.ur-frontend-form .ur-checkbox-label,
.user-registration label[for*="remember"],
.ur-frontend-form label[for*="remember"],
.user-registration .remember-me label,
.ur-frontend-form .remember-me label,
.user-registration .ur-remember-me label,
.ur-frontend-form .ur-remember-me label {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

/* Log In page only — remove top margin on first field label */
.page-id-24111 .ur-form-grid label:first-of-type {
    margin-top: 0 !important;
}

/* -------- LOGIN LINK STYLING ONLY -------- */

.page-id-24111 .user-registration a,
.page-id-24111 .ur-frontend-form a {
    color: #808080 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.page-id-24111 .user-registration a:hover,
.page-id-24111 .ur-frontend-form a:hover {
    color: #f789e6 !important;
}

.page-id-24111 .user-registration-before-login-btn label,
.page-id-24111 .user-registration-before-login-btn a,
.page-id-24111 .ur-checkbox-label {
    line-height: 1.2 !important;
}

@media (max-width: 768px) {
    .page-id-24111 .user-registration-before-login-btn label,
    .page-id-24111 .user-registration-before-login-btn a,
    .page-id-24111 .ur-checkbox-label {
        font-size: 14px !important;
    }
}

.menu-account img {
  width: 1em;
  height: 1em;
  border-radius: 50%;
  vertical-align: middle;
}

/* My Account page only — remove "Profile Details" heading */
.page-id-24113 .user-registration-MyAccount-content h1 {
    display: none !important;
}

/* My Account page only — center header buttons */
.page-id-24113 .user-registration-MyAccount-content__header-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
}

/* Remove any float/right alignment on the links */
.page-id-24113 .user-registration-MyAccount-content__header-buttons a {
    float: none !important;
}

/* Remove divider line but keep spacing under sidebar avatar */
.page-id-24113 .user-registration-profile-header-nav {
    border-bottom: none !important;
    box-shadow: none !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
}

/* Sidebar links default state */
.page-id-24113 .user-registration-MyAccount-navigation a {
    background: transparent !important;
}

/* Hover state */
.page-id-24113 .user-registration-MyAccount-navigation a:hover {
    background: transparent !important;
    color: #f58ad8 !important;
}

/* Header avatar sizing */
.link-avatar-icon-wrap img,
.header-user-avatar {
    width: 1em !important;
    height: 1em !important;
    border-radius: 50% !important;
    display: block !important;
    object-fit: cover !important;
}

/* Log In page only — stronger logged-in mobile menu fix */
@media (max-width: 1024px) {
  .page-id-24111 .kb-off-canvas-inner-wrap {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  .page-id-24111 .kb-off-canvas-inner {
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 30px !important;
  }
}

/* Remove the big Edit Profile avatar outline/ring */
#user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container,
#user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container .profile-preview,
#user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container img,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container .profile-preview,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container img {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

/* Keep only the photo itself, perfectly circular */
#user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container {
    width: 100px !important;
    height: 100px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
    border-radius: 0 !important;
}

#user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container .profile-preview,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container .profile-preview {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 auto !important;
    overflow: hidden !important;
    border-radius: 50% !important;
}

#user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container img,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container img {
    display: block !important;
    width: 100px !important;
    height: 100px !important;
    margin: 0 !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* Desktop only: pull Email field closer to Username hint */
@media (min-width: 1025px) {
  #user-registration #user_registration_user_email_field {
    margin-top: -90px !important;
  }
}

/* Edit Profile — center button row, add space above only */
#user-registration .user-registration-profile-fields > p {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

#user-registration .user-registration-profile-fields > p .user-registration-Button {
    display: inline-block !important;
    width: fit-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
}

/* Remove Edit Profile header area (back arrow + title + line/space) */
#user-registration .ur-edit-profile .user-registration-MyAccount-content__header {
    display: none !important;
}

/* Stop the left My Account sidebar box from stretching full height */
#user-registration .user-registration-MyAccount-navigation--wrapper {
    height: fit-content !important;
    min-height: 0 !important;
    align-self: flex-start !important;
}

/* Make sure the inner nav content also only wraps its content */
#user-registration .user-registration-MyAccount-navigation {
    height: auto !important;
    min-height: 0 !important;
}

/* If the parent layout is flex/grid, keep the sidebar from stretching */
#user-registration .user-registration-MyAccount-navigation {
    align-self: flex-start !important;
}

/* Remove small avatar + username from sidebar (Edit Profile page only) */
#user-registration .ur-edit-profile .user-registration-profile-header-nav {
    display: none !important;
}

/* Pull the Edit Profile content up (Edit Profile page only) */
#user-registration .ur-edit-profile .user-registration-profile-fields {
    margin-top: -35px !important;
}

/* Add space between sidebar and avatar on mobile only */
@media (max-width: 768px) {
  #user-registration .ur-edit-profile .user-registration-profile-fields {
    margin-top: 25px !important;
  }
}

/* Profile picture edit icon background (grey) */
#user-registration .user_registration_profile_picture_upload {
    background-color: #eeeeee !important;
    border: none !important;
}

/* Make the entire pencil icon pink */
#user-registration .user_registration_profile_picture_upload svg {
    fill: #f789e6 !important;
    stroke: #f789e6 !important;
}
/* Remove Edit Profile / Change Password buttons above avatar */
#user-registration .user-registration-MyAccount-content__header-buttons {
    display: none !important;
}
#user-registration .user-registration-MyAccount-content__header::after,
#user-registration .user-registration-MyAccount-content__header::before {
    display: none !important;
}
/* Remove the full top header area line on My Account/Edit Profile */
#user-registration .user-registration-MyAccount-content__header {
    display: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* Remove any line coming from the content wrapper itself */
#user-registration .user-registration-MyAccount-content,
#user-registration .user-registration-profile-fields {
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Kill pseudo-element divider lines */
#user-registration .user-registration-MyAccount-content__header::before,
#user-registration .user-registration-MyAccount-content__header::after,
#user-registration .user-registration-MyAccount-content::before,
#user-registration .user-registration-MyAccount-content::after,
#user-registration .user-registration-profile-fields::before,
#user-registration .user-registration-profile-fields::after {
    content: none !important;
    display: none !important;
}
/* Align account nav left */
.user-registration-MyAccount-navigation ul {
    padding-left: 0 !important;
}

.user-registration-MyAccount-navigation-link,
.user-registration-MyAccount-navigation-link a {
    padding-left: 0 !important;
}

/* Default state */
.user-registration-MyAccount-navigation-link a {
    color: #000 !important;
    border-left: none !important;
    background: none !important;
}

/* Hover */
.user-registration-MyAccount-navigation-link a:hover {
    color: #f789e6 !important;
}

/* Active state */
.user-registration-MyAccount-navigation-link.is-active a {
    color: #f789e6 !important;
}

/* Root /my-account page: remove active highlight */
.le-my-account-root .user-registration-MyAccount-navigation-link.is-active a {
    color: #000 !important;
}
.le-my-account-root .user-registration-MyAccount-navigation-link.is-active a:hover {
    color: #f789e6 !important;
}
#user-registration .user-registration-profile-header-nav {
    display: none !important;
}
/* Increase My Account menu link font size */
.user-registration-MyAccount-navigation-link,
.user-registration-MyAccount-navigation-link a {
    font-size: 16px !important;
}
/* Control the actual gray card wrapper */
.user-registration-MyAccount-navigation--wrapper {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    height: auto !important;
    min-height: 0 !important;
}

/* Keep the nav itself tight */
.user-registration-MyAccount-navigation {
    padding: 0 !important;
    margin: 0 !important;
}

/* Keep the list tight without changing link spacing too much */
.user-registration-MyAccount-navigation ul {
    margin: 0 !important;
    padding: 0 !important;
}
/* Capitalize password label words */
.user-registration label,
.ur-frontend-form label {
    text-transform: capitalize;
}
/* Stronger Edit Password button centering */
#user-registration .ur-frontend-form .ur-button-container {
    width: 100% !important;
    text-align: center !important;
}

#user-registration .ur-frontend-form .ur-submit-button,
#user-registration .ur-frontend-form button[type="submit"],
#user-registration .ur-frontend-form input[type="submit"] {
    display: inline-block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Edit Password page — balance spacing above/below Save Changes */
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid {
    padding-bottom: 0 !important;
}

.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid > p:last-of-type {
    text-align: center !important;
    width: 100% !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
}

.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid > p:last-of-type button,
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid > p:last-of-type input[type="submit"],
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid > p:last-of-type .button,
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid > p:last-of-type .user-registration-Button {
    display: inline-block !important;
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}

/* Remove extra space below the forms */
#user-registration .user-registration-profile-fields,
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password,
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-grid {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
/* Match label-to-field spacing on Edit Password page to Edit Profile page */
.page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-row label {
    margin-bottom: 12px !important;
}
/* Align right column vertically with the sidebar card */
#user-registration .user-registration-MyAccount-content {
    padding-top: 0 !important;
    margin-top: 0px !important;
}
/* Lost Password page only */
.page-id-24112 .ur-lost-password-title {
    display: none !important;
}

.page-id-24112 .ur-lost-password-message {
    font-size: 0 !important;
    line-height: 1.5 !important;
}

.page-id-24112 .ur-lost-password-message::before {
    content: "Enter your username or email below, and we’ll send you a password reset link.";
    font-size: 20px !important;
    line-height: 1.5 !important;
    display: block !important;
}

.page-id-24112 label[for="user_login"] {
    font-size: 0 !important;
}

.page-id-24112 label[for="user_login"]::before {
    content: "Username / Email";
    font-size: 20px !important;
    font-weight: 400 !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

.page-id-24112 label[for="user_login"] .required {
    font-size: 20px !important;
    vertical-align: middle !important;
}

.page-id-24112 input#user_login {
    height: 48px !important;
    padding: 12px 16px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
}
/* Center User Registration error messages */
.user-registration-error {
    text-align: center !important;
}

.user-registration-error li {
    text-align: center !important;
    list-style: none !important;
}
/* Mobile — add space above first password field */
@media (max-width: 768px) {
  .page-id-24113 #user-registration .user-registration-EditAccountForm.edit-password .ur-form-row:first-of-type {
    margin-top: 25px !important;
  }
}
/* Push right column down on My Account / Edit Profile only */
.page-id-24113:not(.user-registration-edit-password) .user-registration-MyAccount-content__body {
    margin-top: 14px !important;
}

/* Keep Change Password aligned at the top */
.page-id-24113.user-registration-edit-password .user-registration-MyAccount-content__body {
    margin-top: 0 !important;
}
/* Edit Profile — add space below the custom avatar picker */
.page-id-24113.user-registration-edit-profile #le-avatar-picker {
    margin-bottom: 30px !important;
}
/* Change Password page — password hint */
.page-id-24113.user-registration-edit-password .le-password-hint {
    display: block;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #808080 !important;
    margin-top: 8px !important;
}
/* Change Password page — match registration page spacing exactly */
.page-id-24113.user-registration-edit-password 
.user-registration-form-row .user-registration-error.custom-password-error,
.page-id-24113.user-registration-edit-password 
.user-registration-form-row .user-registration-error.custom-confirm-password-error {
    display: block !important;
    margin-top: 10px !important;
    margin-bottom: 28px !important;
}

/* Password hint styling only (no bottom spacing) */
.page-id-24113.user-registration-edit-password .le-password-hint {
    display: block !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    color: #808080 !important;
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}
/* Make password dots smaller on mobile */
@media (max-width: 600px) {
  .user-registration input[type="password"],
  .ur-frontend-form input[type="password"] {
    font-size: 16px !important;
  }
}