/* =============================================================================
   Dentrument — My Account theme (WoodMart-friendly).
   Loaded only on account pages, after the theme, so these rules win the cascade.
   We keep WoodMart's own icons (they are distinct and on-brand) and simply apply
   the blue Dentrument accent to colours, hover and active states.
   ============================================================================= */

/* ── Side navigation: comfortable width so labels never wrap; stack on mobile ── */
.woocommerce-account .woocommerce-MyAccount-navigation{width:32%;min-width:212px;box-sizing:border-box;}
.woocommerce-account .woocommerce-MyAccount-content{width:64%;box-sizing:border-box;}
@media (max-width:768px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{width:100%;min-width:0;float:none;}
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:22px;}
}

/* ── Side navigation items: themed; WoodMart icon recolours via inherited colour ── */
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border:0;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{
  white-space:nowrap;
  border-radius:10px;
  color:#334155 !important;
  font-weight:600;
  transition:background .15s ease,color .15s ease;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before{color:inherit !important;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{
  background:#f1f5f9 !important;color:#1d4ed8 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{
  background:#eaf1ff !important;color:#1d4ed8 !important;box-shadow:inset 3px 0 0 #2563eb;
}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a{color:#b91c1c !important;}
.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background:#fef2f2 !important;color:#b91c1c !important;
}

/* ── WoodMart "My account links" grid → themed cards ── */
.wd-my-account-links > div{margin:0;}
.wd-my-account-links > div a{
  display:flex !important;align-items:center !important;justify-content:flex-start;gap:12px;
  padding:15px 16px !important;
  border:1px solid #e8edf3;border-radius:12px;background:#fff;
  color:#334155 !important;font-weight:600;font-size:14px;line-height:1.3;
  text-decoration:none !important;box-shadow:none;
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
/* Pull WoodMart's (absolutely-positioned) icon back into the flex flow so it
   sits on the same line as the label and centres vertically. */
.wd-my-account-links > div a::before{
  position:static !important;
  margin:0 !important;top:auto !important;left:auto !important;right:auto !important;
  transform:none !important;
  width:auto !important;height:auto !important;
  line-height:1 !important;
  color:inherit !important;font-size:18px !important;opacity:.9;
  flex:0 0 auto;align-self:center;
}
.wd-my-account-links > div a:hover{
  border-color:#bcd0f7;background:#f6f9ff;color:#1d4ed8 !important;
  box-shadow:0 4px 14px rgba(37,99,235,.10);transform:translateY(-1px);
}
.wd-my-account-links .customer-logout-link a{color:#b91c1c !important;}
.wd-my-account-links .customer-logout-link a:hover{
  border-color:#f6b8b8;background:#fef2f2;color:#b91c1c !important;
}