.elementor-56 .elementor-element.elementor-element-ec7e74c{--display:flex;--border-radius:16px 16px 16px 16px;box-shadow:0px 10px 30px 10px rgba(0,0,0,0.5);}.elementor-56 .elementor-element.elementor-element-ec7e74c:not(.elementor-motion-effects-element-type-background), .elementor-56 .elementor-element.elementor-element-ec7e74c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-56 .elementor-element.elementor-element-4bc2f96 .woocommerce-MyAccount-navigation ul li:not(.is-active) a{background-color:#F7F7F9;}.elementor-56 .elementor-element.elementor-element-4bc2f96 .MyAccount-user-info{justify-content:center;}.elementor-56 .elementor-element.elementor-element-4bc2f96 .woocommerce-MyAccount-navigation ul li a{font-family:var( --e-global-typography-2a0afe0-font-family ), Sans-serif;border-radius:16px 0px 0px 16px;padding:30px 30px 30px 30px;}.elementor-56 .elementor-element.elementor-element-4bc2f96.etheme-account-page-tabs-vertical .woocommerce-MyAccount-navigation ul li:not(:last-child){margin-bottom:12px;}.elementor-56 .elementor-element.elementor-element-4bc2f96.etheme-account-page-tabs-horizontal .woocommerce-MyAccount-navigation ul li:not(:last-child){margin-inline-end:12px;}@media(min-width:768px){.elementor-56 .elementor-element.elementor-element-ec7e74c{--content-width:1100px;}}/* Start custom CSS for container, class: .elementor-element-ec7e74c *//* ===== Pataka Project - My Account (WooCommerce/XStore) Premium UI ===== */

/* Page spacing */
.woocommerce-account .site-content,
.woocommerce-account .content-area {
  padding-top: 30px;
  padding-bottom: 60px;
}

/* Main layout: sidebar + content */
.woocommerce-account .woocommerce {
  max-width: 1100px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 35px rgba(0,0,0,.08);
  overflow: hidden;
}

/* Sidebar (navigation) */
.woocommerce-account .woocommerce-MyAccount-navigation {
  padding: 26px 18px;
  background: #f7f7fb;
  border-right: 1px solid rgba(0,0,0,.06);
}

/* User avatar/name block spacing (if theme shows it) */
.woocommerce-account .woocommerce-MyAccount-navigation .avatar,
.woocommerce-account .woocommerce-MyAccount-navigation img {
  border-radius: 999px;
}

/* Navigation items */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin: 8px 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: #222;
  background: transparent;
  transition: all .15s ease;
}

/* Hover */
.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
  background: rgba(0,0,0,.04);
}

/* Active tab */
.woocommerce-account .woocommerce-MyAccount-navigation .is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
  background: rgba(107,75,191,.12);
  color: #6b4bbf;
  font-weight: 600;
}

/* Right content */
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 30px 28px;
}

/* Headings */
.woocommerce-account .woocommerce-MyAccount-content h1,
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
  margin-top: 0;
  letter-spacing: -0.3px;
}

/* Dashboard paragraph */
.woocommerce-account .woocommerce-MyAccount-content p {
  color: rgba(0,0,0,.75);
}

/* Buttons */
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce #respond input#submit,
.woocommerce-account .woocommerce a.button.alt,
.woocommerce-account .woocommerce button.button.alt,
.woocommerce-account .woocommerce input.button.alt {
  border-radius: 12px !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Primary buttons (use your purple) */
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce a.button.alt,
.woocommerce-account .woocommerce button.button.alt,
.woocommerce-account .woocommerce input.button.alt {
  background: #6b4bbf !important;
  color: #fff !important;
}

.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover {
  opacity: .92;
}

/* Secondary links (like View/Pay) */
.woocommerce-account .woocommerce a {
  text-underline-offset: 2px;
}

/* Tables (Orders) */
.woocommerce-account .woocommerce table.shop_table {
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

.woocommerce-account .woocommerce table.shop_table th {
  background: #fafafe;
  font-weight: 600;
}

.woocommerce-account .woocommerce table.shop_table th,
.woocommerce-account .woocommerce table.shop_table td {
  padding: 14px 12px;
  border-top: 1px solid rgba(0,0,0,.06);
}

.woocommerce-account .woocommerce table.shop_table tr:first-child th,
.woocommerce-account .woocommerce table.shop_table tr:first-child td {
  border-top: none;
}

/* Forms (login/account details) */
.woocommerce-account .woocommerce form {
  background: #fff;
}

.woocommerce-account .woocommerce input[type="text"],
.woocommerce-account .woocommerce input[type="email"],
.woocommerce-account .woocommerce input[type="password"],
.woocommerce-account .woocommerce input[type="tel"],
.woocommerce-account .woocommerce select,
.woocommerce-account .woocommerce textarea {
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 12px 12px;
  outline: none;
}

.woocommerce-account .woocommerce input:focus,
.woocommerce-account .woocommerce select:focus,
.woocommerce-account .woocommerce textarea:focus {
  border-color: rgba(107,75,191,.55);
  box-shadow: 0 0 0 4px rgba(107,75,191,.12);
}

/* Mobile: stack sidebar */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce {
    border-radius: 12px;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 22px 16px;
  }
}

/* ===== Mobile upgrade for My Account (under 768px) ===== */
@media (max-width: 768px) {

  /* Reduce outer padding */
  .woocommerce-account .site-content,
  .woocommerce-account .content-area {
    padding-top: 16px;
    padding-bottom: 30px;
  }

  /* Card tighter on mobile */
  .woocommerce-account .woocommerce {
    margin: 0 12px;
    border-radius: 14px;
  }

  /* Make nav look like mobile tabs */
  .woocommerce-account .woocommerce-MyAccount-navigation {
    padding: 12px 12px 10px;
    background: #f7f7fb;
    border-bottom: 1px solid rgba(0,0,0,.06);
    border-right: none;
  }

  /* Horizontal scroll menu */
  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 6px 2px 10px;
    margin: 0;
    scroll-snap-type: x mandatory;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  /* Make each item a pill */
  .woocommerce-account .woocommerce-MyAccount-navigation a {
    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,.04);
    white-space: nowrap;
    font-size: 14px;
    line-height: 1;
    min-height: 40px;
  }

  /* Active pill */
  .woocommerce-account .woocommerce-MyAccount-navigation .is-active > a,
  .woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
    background: rgba(107,75,191,.16);
    color: #6b4bbf;
    font-weight: 700;
  }

  /* Hide avatar block on mobile if it looks bulky (optional) */
  .woocommerce-account .woocommerce-MyAccount-navigation .avatar,
  .woocommerce-account .woocommerce-MyAccount-navigation img {
    display: none !important;
  }

  /* Content padding */
  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 16px 12px 18px;
  }

  /* Make buttons full width (better tapping) */
  .woocommerce-account .woocommerce a.button,
  .woocommerce-account .woocommerce button.button,
  .woocommerce-account .woocommerce input.button {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 14px 16px !important;
  }

  /* Tables -> card-like list (simple approach) */
  .woocommerce-account .woocommerce table.shop_table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  /* Slightly larger form fields */
  .woocommerce-account .woocommerce input[type="text"],
  .woocommerce-account .woocommerce input[type="email"],
  .woocommerce-account .woocommerce input[type="password"],
  .woocommerce-account .woocommerce input[type="tel"],
  .woocommerce-account .woocommerce select,
  .woocommerce-account .woocommerce textarea {
    font-size: 16px; /* prevents iOS zoom */
  }
}

.pp-dashboard-message {
  padding: 20px 0 10px;
}

.pp-dashboard-message h2 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 10px;
}

.pp-dashboard-message p {
  font-size: 16px;
  color: rgba(0,0,0,0.75);
  margin-bottom: 8px;
}/* End custom CSS */