/*
Theme Name: WoodMart Child
Theme URI: https://themeforest.net/
Description: WoodMart Child Theme
Author: XTemos
Template: woodmart
Version: 1.0.0
*/

/* Your existing CSS continues below */

/* ==================================================
   PREUO ACCOUNT SIDEBAR (scoped to My Account only)
   ================================================== */

/* Card container */
body.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #fff;
  border: 1px solid #ECEAF0;
  border-radius: 16px;
  padding: 12px;
  box-sizing: border-box;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background: transparent;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  background: transparent;
  margin: 0 0 4px;
  padding: 0;
  border: 0;
}

/* Each clickable row */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  background: transparent;
  color: #24232B;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}

/* Icon (uses the text color, so it changes with hover/active) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask: var(--preuo-icon) center / contain no-repeat;
          mask: var(--preuo-icon) center / contain no-repeat;
  font-family: inherit;
  margin: 0;
}

/* Hover and keyboard focus */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: #FCE8EF;
  color: #C90050;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:focus-visible {
  outline: 2px solid #C90050;
  outline-offset: 2px;
}

/* Active row: fills the whole row */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: #FCE8EF;
  color: #C90050;
  font-weight: 600;
}

/* Icons */
.woocommerce-MyAccount-navigation-link--dashboard {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 22V12h6v10'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--orders {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--downloads {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3Cpath d='M12 15V3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-address {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-account {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation li[class*="--wishlist"] {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--customer-logout {
  --preuo-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E");
}

body.woocommerce-account .elementor-1855 .elementor-element.elementor-element-61866296,
body.woocommerce-account .elementor-1855 .elementor-element.elementor-element-61866296 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
  background-color: transparent;
  padding: 0;
}

/* PREUO ACCOUNT SIDEBAR - DESKTOP WIDTH */

@media (min-width: 1025px) {
    body.woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
        max-width: 320px !important;
        flex: 0 0 320px !important;
        box-sizing: border-box;
    }
}