.elementor-kit-14{--e-global-color-primary:#1A1A1A;--e-global-color-secondary:#1A1A1A;--e-global-color-text:#7A7A7A;--e-global-color-accent:#1C0344;--e-global-typography-primary-font-family:"Cairo";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cairo";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Cairo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Cairo";--e-global-typography-accent-font-weight:500;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* ===============================
   WooCommerce My Account - Modern UI
   =============================== */



/* ===============================
   SIDEBAR NAVIGATION
   =============================== */
.woocommerce-MyAccount-navigation {
    width: 300px;
    background: #fff;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.06);
    position: sticky;
    top: 30px;
}

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

.woocommerce-MyAccount-navigation li {
    margin-bottom: 6px;
}

.woocommerce-MyAccount-navigation a {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-radius: 10px;
    text-decoration: none;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    transition: all .25s ease;
}

/* Hover */
.woocommerce-MyAccount-navigation a:hover {
    background: #f5f1fa;
    color: #4b0d79;
    transform: translateX(-3px);
}

/* Active item */
.woocommerce-MyAccount-navigation .is-active a {
    background: #4b0d79;
    color: #fff;
}

/* Logout highlight */
.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #d72638;
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #ffe9ec;
}

/* ===============================
   CONTENT AREA
   =============================== */
.woocommerce-MyAccount-content {
    flex: 1;
    background: #fff;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.05);
    min-height: 400px;
}

/* Welcome text */
.woocommerce-MyAccount-content p {
    font-size: 16px;
    line-height: 1.9;
    color: #333;
    margin-bottom: 18px;
}

.woocommerce-MyAccount-content strong {
    color: #4b0d79;
}

/* Links inside content */
.woocommerce-MyAccount-content a {
    color: #4b0d79;
    font-weight: 600;
    text-decoration: none;
}

.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}

/* ===============================
   MOBILE RESPONSIVE
   =============================== */
@media (max-width: 991px){

    .woocommerce {
        flex-direction: column;
    }

    .woocommerce-MyAccount-navigation {
        width: 100%;
        position: static;
        overflow-x: auto;
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        gap: 8px;
        flex-wrap: nowrap;
    }

    .woocommerce-MyAccount-navigation li {
        margin: 0;
        white-space: nowrap;
    }

    .woocommerce-MyAccount-navigation a {
        padding: 10px 14px;
        font-size: 14px;
    }

    .woocommerce-MyAccount-content {
        padding: 20px;
    }
}
/* ===== FORCE TABLE COLOR CONSISTENCY ===== */

/* Main tables */
.reorder-table,
.reorder-subtable,
.reorder-table tbody,
.reorder-subtable tbody,
.reorder-table tr,
.reorder-subtable tr,
.reorder-table td,
.reorder-subtable td {
  background: #ffffff !important;
}

/* Header */
.reorder-table thead,
.reorder-table thead tr,
.reorder-table thead th {
  background: #0f172a !important;
  color: #ffffff !important;
  border-color: #0f172a !important;
}

/* Remove random plugin row colors */
.reorder-list,
.reorder-list.active,
.reorder-table tbody tr,
.reorder-subtable tbody tr {
  background: #ffffff !important;
}

/* Optional soft zebra (keeps consistency) */
.reorder-table > tbody > tr:nth-child(even) td {
  background: #f8fafc !important;
}

/* Product table inside rows */
.wc-product,
.order_col_table {
  background: transparent !important;
}

/* Borders */
.reorder-table td,
.reorder-table th,
.reorder-subtable td {
  border-color: #e2e8f0 !important;
}

/* Prevent hover overriding colors */
.reorder-table tr:hover td,
.reorder-subtable tr:hover td {
  background: #f1f5f9 !important;
}

/* ===== Quantity Box FIX ===== */

.quantity {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  direction: ltr !important; /* prevents RTL breaking layout */
}

/* +/- buttons */
.quantity .wt-minus,
.quantity .wt-plus {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border: none !important;
  border-radius: 10px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 0 !important;
  position: static !important;
}

.quantity .wt-minus:hover,
.quantity .wt-plus:hover {
  background: #1e293b !important;
}

/* Input */
.quantity input.qty {
  width: 56px !important;
  height: 38px !important;
  text-align: center !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #fff !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove browser arrows */
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

.quantity input[type=number] {
  -moz-appearance: textfield !important;
}

/* Mobile fix */
@media (max-width: 768px) {
  .quantity {
    gap: 6px !important;
  }

  .quantity .wt-minus,
  .quantity .wt-plus {
    width: 34px !important;
    height: 34px !important;
  }

  .quantity input.qty {
    width: 50px !important;
    height: 34px !important;
  }
}/* End custom CSS */