.elementor-583 .elementor-element.elementor-element-12870c03{--display:flex;}/* Start custom CSS for container, class: .elementor-element-12870c03 *//* =========================
   DIDJAKNOW — WOOCOMMERCE MY ACCOUNT (DARK MODE)
   ========================= */

/* Outer wrapper */
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 0 auto;
}

/* Kill any default white backgrounds on account blocks */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content > *,
.woocommerce-account .woocommerce-MyAccount-navigation > * {
  background: transparent !important;
}

/* Two-column layout spacing */
.woocommerce-account .woocommerce-MyAccount-navigation {
  width: 280px;
  margin-right: 40px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  overflow: hidden;
}

/* Navigation panel styling (left menu) */
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid rgba(242,240,232,0.18);
  border-radius: 14px;
  overflow: hidden;
  background: rgba(11,11,11,0.55);
}

/* Menu items */
.woocommerce-MyAccount-navigation ul li {
  margin: 0;
  border-bottom: 1px solid rgba(242,240,232,0.10);
}

.woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none;
}

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 14px 16px;
  color: rgba(242,240,232,0.92);
  text-decoration: none !important;
  font-size: 15px;
  letter-spacing: 0.2px;
}

/* Hover */
.woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(255,215,0,0.08);
  color: #F2F0E8;
}

/* Active tab */
.woocommerce-MyAccount-navigation ul li.is-active a {
  background: rgba(218,165,32,0.14);
  color: #FFD700;
}

/* Content area styling (right panel) */
.woocommerce-MyAccount-content {
  border: 1px solid rgba(242,240,232,0.18);
  border-radius: 14px;
  padding: 22px 24px;
  background: rgba(11,11,11,0.55);
  color: rgba(242,240,232,0.92);
}

/* Links inside content */
.woocommerce-MyAccount-content a {
  color: #DAA520;
  text-decoration: none;
}
.woocommerce-MyAccount-content a:hover {
  color: #FFD700;
  text-decoration: underline;
}

/* Headings inside account */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  color: #DAA520;
  letter-spacing: 0.3px;
}

/* Tables (Orders/Downloads) */
.woocommerce-account table.shop_table {
  background: transparent;
  border-collapse: collapse;
  border: 1px solid rgba(242,240,232,0.18);
  border-radius: 12px;
  overflow: hidden;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
  border-bottom: 1px solid rgba(242,240,232,0.10);
  color: rgba(242,240,232,0.92);
}

.woocommerce-account table.shop_table th {
  color: rgba(242,240,232,0.85);
  background: rgba(255,255,255,0.03);
}

/* Forms */
.woocommerce-account input.input-text,
.woocommerce-account textarea,
.woocommerce-account select {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(242,240,232,0.18);
  color: rgba(242,240,232,0.92);
  border-radius: 12px;
}

.woocommerce-account label {
  color: rgba(242,240,232,0.85);
}

/* Mobile stacking */
@media (max-width: 880px) {
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    margin: 0 0 18px 0 !important;
  }
}
/* DIDJAKNOW — Remove nav panel highlight/glow and match right panel */
.woocommerce-MyAccount-navigation ul{
  box-shadow: none !important;
  background: rgba(11,11,11,0.55) !important;
  border: 1px solid rgba(242,240,232,0.18) !important;
}

/* Soften internal divider lines slightly (optional but recommended) */
.woocommerce-MyAccount-navigation ul li{
  border-bottom: 1px solid rgba(242,240,232,0.10) !important;
}
/* =========================
   DIDJAKNOW — MY ACCOUNT: REMOVE GLOW/HIGHLIGHT + NO UNDERLINES
   ========================= */

/* 1) Kill ANY glow/highlight on the left menu panel and its wrappers */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation *,
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.woocommerce-account .woocommerce-MyAccount-navigation ul::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul::after {
  box-shadow: none !important;
  filter: none !important;
  background-image: none !important;
}

/* Ensure the panel edge is just a clean border (no shine) */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  border: 1px solid rgba(242,240,232,0.18) !important;
  border-radius: 14px !important;
  background: rgba(11,11,11,0.55) !important;
  overflow: hidden !important;
}

/* Dividers slightly softer (optional but matches right card better) */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid rgba(242,240,232,0.10) !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
  border-bottom: none !important;
}

/* 2) No underlines anywhere in My Account (including hover) */
.woocommerce-account .woocommerce a,
.woocommerce-account .woocommerce a:hover,
.woocommerce-account .woocommerce a:focus,
.woocommerce-account .woocommerce a:active,
.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-account .woocommerce-MyAccount-content a:hover {
  text-decoration: none !important;
}

/* Keep your gold hover without underline */
.woocommerce-account .woocommerce-MyAccount-content a:hover {
  color: #FFD700 !important;
}
/* =========================
   DIDJAKNOW — FORCE REMOVE ALL MENU LINES / SEPARATORS
   ========================= */

/* Remove any borders/separators on the list items AND the anchors */
.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:after {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Remove any divider rules created by pseudo elements on the UL */
.woocommerce-account .woocommerce-MyAccount-navigation ul:before,
.woocommerce-account .woocommerce-MyAccount-navigation ul:after {
  content: none !important;
  display: none !important;
}

/* Keep only the outer border */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  border: 1px solid rgba(242,240,232,0.18) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* OPTIONAL: add spacing so items don't look "stuck together" once lines are gone */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  padding: 16px 16px !important;
}
/* =========================
   DIDJAKNOW — Refined Menu Dividers (Match Outer Border)
   ========================= */

/* Add clean dividers between items */
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
  border-bottom: 1px solid rgba(242,240,232,0.18) !important;
}

/* Ensure anchor doesn't override */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  border: none !important;
}
/* =========================
   DIDJAKNOW — DOWNLOADS TABLE HEADER FIX
   ========================= */

/* Remove grey background from table header */
.woocommerce-account table.shop_table thead,
.woocommerce-account table.shop_table thead tr,
.woocommerce-account table.shop_table thead th {
  background: transparent !important;
}

/* Style header text properly */
.woocommerce-account table.shop_table th {
  color: rgba(242,240,232,0.75) !important;
  font-weight: 500 !important;
  border-bottom: 1px solid rgba(242,240,232,0.18) !important;
}

/* Ensure entire table matches dark system */
.woocommerce-account table.shop_table {
  background: transparent !important;
  border: 1px solid rgba(242,240,232,0.18) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}
/* =========================
   DIDJAKNOW — FIX DOWNLOAD BUTTON OVERFLOW (TABLET/MOBILE)
   ========================= */

/* Allow download table wrapper to breathe */
.woocommerce-account .woocommerce-MyAccount-content {
  overflow: visible !important;
}

/* Ensure download buttons wrap instead of overflow */
.woocommerce-account .woocommerce-MyAccount-content .button {
  white-space: normal !important;
  word-break: break-word !important;
  max-width: 100% !important;
}

/* Ensure table/card doesn’t clip content */
.woocommerce-account table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content table {
  overflow: visible !important;
}

/* On smaller screens make button full width */
@media (max-width: 1024px) {
  .woocommerce-account .woocommerce-MyAccount-content .button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }
}
/* DIDJAKNOW — Fix Password Change Heading */
.woocommerce-account .woocommerce-MyAccount-content h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend,
.woocommerce-account .woocommerce-MyAccount-content .password-change {
  color: #DAA520 !important;
  font-weight: 500 !important;
}

.woocommerce-account button.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: linear-gradient(135deg, #FFE55C, #E6B800, #C68E00) !important;
  color: #0B0B0B !important;
}

/* Hover = darker gold */
.woocommerce-account .woocommerce-EditAccountForm button.button:hover,
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"]:hover {
  background: #DAA520 !important;
  color: #0B0B0B !important;
}
/* =========================
   DIDJAKNOW — My Account Buttons (Standard Gold System)
   ========================= */

.woocommerce-account button.button,
.woocommerce-account .button,
.woocommerce-account input[type="submit"] {
  background: #DAA520 !important;  /* DidjaGold default */
  color: #0B0B0B !important;
  border: none !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  padding: 12px 22px !important;
}

/* Hover = darker bronze */
.woocommerce-account button.button:hover,
.woocommerce-account .button:hover,
.woocommerce-account input[type="submit"]:hover {
  background: #B8860B !important;
  color: #0B0B0B !important;
}
/* DIDJAKNOW — FORCE HOVER (My Account) */
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input[type="submit"]:hover,
.woocommerce-account .woocommerce-EditAccountForm button.button:hover,
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"]:hover {
  background-color: #B8860B !important;
  background-image: none !important;
  color: #0B0B0B !important;
  filter: none !important;
  opacity: 1 !important;
}
/* If Elementor wraps the text */
.woocommerce-account .woocommerce button.button:hover *,
.woocommerce-account .woocommerce a.button:hover *,
.woocommerce-account .woocommerce input[type="submit"]:hover * {
  color: #0B0B0B !important;
}
/* =========================
   DIDJAKNOW — Browser Autofill Fix
   ========================= */

/* Background colour */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px rgba(255,255,255,0.04) inset !important;
  box-shadow: 0 0 0px 1000px rgba(255,255,255,0.04) inset !important;
  -webkit-text-fill-color: #F2F0E8 !important;
  caret-color: #DAA520 !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* Selection highlight colour */
::selection {
  background: #DAA520 !important;
  color: #0B0B0B !important;
}

::-moz-selection {
  background: #DAA520 !important;
  color: #0B0B0B !important;
}/* End custom CSS */