.elementor-2024 .elementor-element.elementor-element-2912b761{--display:flex;}.elementor-2024 .elementor-element.elementor-element-8ae1fb5{--divider-border-style:solid;--divider-color:#00000000;--divider-border-width:1px;}.elementor-2024 .elementor-element.elementor-element-8ae1fb5 .elementor-divider-separator{width:100%;}.elementor-2024 .elementor-element.elementor-element-8ae1fb5 .elementor-divider{padding-block-start:50px;padding-block-end:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2024 .elementor-element.elementor-element-2912b761{--width:90%;}.elementor-2024 .elementor-element.elementor-element-8ae1fb5 .elementor-divider{padding-block-start:30px;padding-block-end:30px;}}/* Start custom CSS for container, class: .elementor-element-2912b761 *//* ============================================
     WOOCOMMERCE MY ACCOUNT - BRAND STYLING
     Colors: #FFB800 (Yellow), #FF4D00 (Orange), #3C1700 (Brown)
     Font: Poppins
     ============================================ */

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

  /* CONTAINER */
  .woocommerce-MyAccount-navigation,
  .woocommerce-MyAccount-content {
      font-family: 'Poppins', sans-serif;
  }

  /* ============================================
     NAVIGATION MENU (LEFT SIDEBAR)
     ============================================ */

  .woocommerce-MyAccount-navigation {
      background: #FFFFFF;
      border: 2px solid #f0f0f0;
      border-radius: 12px;
      padding: 0;
      overflow: hidden;
  }

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

  .woocommerce-MyAccount-navigation ul li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #f5f5f5;
  }

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

  .woocommerce-MyAccount-navigation ul li a {
      display: block;
      padding: 18px 25px;
      color: #3C1700;
      font-weight: 500;
      font-size: 15px;
      text-decoration: none;
      transition: all 0.3s ease;
      position: relative;
  }

  .woocommerce-MyAccount-navigation ul li a br {
      display: none;
  }

  .woocommerce-MyAccount-navigation ul li a:hover {
      background: #FFFBF5;
      color: #FFB800;
      padding-left: 30px;
  }

  .woocommerce-MyAccount-navigation ul li.is-active a {
      background: #FFB800;
      color: #FFFFFF;
      font-weight: 600;
      border-left: 4px solid #FF4D00;
  }

  .woocommerce-MyAccount-navigation ul li.is-active a:hover {
      background: #FFB800;
      color: #FFFFFF;
      padding-left: 25px;
  }

  /* Logout Link Special Styling */
  .woocommerce-MyAccount-navigation-link--customer-logout a {
      color: #FF4D00;
      font-weight: 600;
  }

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

  /* ============================================
     ORDERS TABLE
     ============================================ */

  .woocommerce-MyAccount-content {
      background: #FFFFFF;
      padding: 0;
  }

  .woocommerce-orders-table {
      width: 100%;
      border-collapse: collapse;
      background: #FFFFFF;
      border: 2px solid #f0f0f0;
      border-radius: 12px;
      overflow: hidden;
      font-family: 'Poppins', sans-serif;
  }

  /* TABLE HEADER */
  .woocommerce-orders-table thead {
      background: #FFB800;
  }

  .woocommerce-orders-table thead th {
      padding: 18px 20px;
      text-align: left;
      font-weight: 600;
      color: #FFFFFF;
      font-size: 14px;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      border: none;
  }

  /* TABLE BODY */
  .woocommerce-orders-table tbody tr {
      border-bottom: 1px solid #f5f5f5;
      transition: all 0.2s ease;
  }

  .woocommerce-orders-table tbody tr:hover {
      background: #FFFBF5;
  }

  .woocommerce-orders-table tbody tr:last-child {
      border-bottom: none;
  }

  .woocommerce-orders-table tbody th,
  .woocommerce-orders-table tbody td {
      padding: 20px;
      vertical-align: middle;
      color: #555555;
      font-size: 14px;
  }

  .woocommerce-orders-table tbody th p,
  .woocommerce-orders-table tbody td p {
      margin: 0;
  }

  /* Remove extra line breaks */
  .woocommerce-orders-table a br,
  .woocommerce-orders-table p br {
      display: none;
  }

  /* ORDER NUMBER */
  .woocommerce-orders-table__cell-order-number a {
      color: #3C1700;
      font-weight: 600;
      font-size: 15px;
      text-decoration: none;
      transition: color 0.3s ease;
  }

  .woocommerce-orders-table__cell-order-number a:hover {
      color: #FFB800;
  }

  /* DATE */
  .woocommerce-orders-table__cell-order-date time {
      color: #666666;
      font-size: 14px;
  }

  /* STATUS */
  .woocommerce-orders-table__cell-order-status {
      font-weight: 600;
  }

  /* Status Colors */
  .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
      color: #00B894;
  }

  .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
      color: #00B894;
  }

  .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
      color: #FF4D00;
  }

  .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
      color: #FFB800;
  }

  .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
      color: #999999;
  }

  /* TOTAL */
  .woocommerce-orders-table__cell-order-total {
      font-weight: 600;
      color: #3C1700;
  }

  .woocommerce-Price-amount {
      color: #FF4D00;
      font-weight: 600;
      font-size: 15px;
  }

  /* ============================================
     ACTION BUTTONS
     ============================================ */

  .woocommerce-button.button {
      font-family: 'Poppins', sans-serif;
      display: inline-block;
      padding: 10px 18px;
      margin: 0 5px 5px 0;
      border: none;
      border-radius: 6px;
      font-size: 13px;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      transition: all 0.3s ease;
      cursor: pointer;
  }

  /* VIEW Button */
  .woocommerce-button.button.view {
      background: #FFB800;
      color: #FFFFFF;
  }

  .woocommerce-button.button.view:hover {
      background: #FF4D00;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(255, 184, 0, 0.3);
  }

  /* PAY Button */
  .woocommerce-button.button.pay {
      background: #00B894;
      color: #FFFFFF;
  }

  .woocommerce-button.button.pay:hover {
      background: #00a080;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0, 184, 148, 0.3);
  }

  /* CANCEL Button */
  .woocommerce-button.button.cancel {
      background: #f5f5f5;
      color: #FF4D00;
  }

  .woocommerce-button.button.cancel:hover {
      background: #FF4D00;
      color: #FFFFFF;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(255, 77, 0, 0.3);
  }

  /* ============================================
     RESPONSIVE - MOBILE
     ============================================ */

  @media (max-width: 768px) {
      /* Stack navigation and content on mobile */
      .woocommerce-MyAccount-navigation {
          margin-bottom: 30px;
      }

      /* Make table responsive */
      .woocommerce-orders-table {
          border: none;
          border-radius: 0;
      }

      .woocommerce-orders-table thead {
          display: none;
      }

      .woocommerce-orders-table tbody tr {
          display: block;
          margin-bottom: 20px;
          border: 2px solid #f0f0f0;
          border-radius: 12px;
          overflow: hidden;
      }

      .woocommerce-orders-table tbody th,
      .woocommerce-orders-table tbody td {
          display: block;
          text-align: left;
          padding: 15px 20px;
          border-bottom: 1px solid #f5f5f5;
      }

      .woocommerce-orders-table tbody th:last-child,
      .woocommerce-orders-table tbody td:last-child {
          border-bottom: none;
      }

      /* Add labels on mobile */
      .woocommerce-orders-table tbody th::before,
      .woocommerce-orders-table tbody td::before {
          content: attr(data-title) ": ";
          font-weight: 600;
          color: #3C1700;
          display: inline-block;
          margin-right: 10px;
      }

      .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number::before {
          display: none;
      }

      /* Stack action buttons on mobile */
      .woocommerce-orders-table__cell-order-actions {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
      }

      .woocommerce-button.button {
          flex: 1;
          min-width: 100px;
          text-align: center;
          margin: 0;
      }
  }

  /* ============================================
     ACCOUNT DETAILS PAGE, ADDRESSES, ETC.
     ============================================ */

  .woocommerce-MyAccount-content h2,
  .woocommerce-MyAccount-content h3 {
      font-family: 'Poppins', sans-serif;
      color: #3C1700;
      font-weight: 600;
      margin-bottom: 20px;
  }

  .woocommerce-MyAccount-content p {
      font-family: 'Poppins', sans-serif;
      color: #555555;
      line-height: 1.7;
  }

  .woocommerce-MyAccount-content .woocommerce-form-row {
      margin-bottom: 20px;
  }

  .woocommerce-MyAccount-content label {
      font-family: 'Poppins', sans-serif;
      color: #3C1700;
      font-weight: 500;
      font-size: 14px;
      margin-bottom: 8px;
      display: block;
  }

  .woocommerce-MyAccount-content input[type="text"],
  .woocommerce-MyAccount-content input[type="email"],
  .woocommerce-MyAccount-content input[type="password"],
  .woocommerce-MyAccount-content input[type="tel"],
  .woocommerce-MyAccount-content textarea,
  .woocommerce-MyAccount-content select {
      font-family: 'Poppins', sans-serif;
      padding: 12px 15px;
      border: 2px solid #f0f0f0;
      border-radius: 6px;
      font-size: 14px;
      color: #3C1700;
      width: 100%;
      transition: all 0.3s ease;
  }

  .woocommerce-MyAccount-content input[type="text"]:focus,
  .woocommerce-MyAccount-content input[type="email"]:focus,
  .woocommerce-MyAccount-content input[type="password"]:focus,
  .woocommerce-MyAccount-content input[type="tel"]:focus,
  .woocommerce-MyAccount-content textarea:focus,
  .woocommerce-MyAccount-content select:focus {
      outline: none;
      border-color: #FFB800;
      box-shadow: 0 0 0 3px rgba(255, 184, 0, 0.1);
  }

  .woocommerce-MyAccount-content button[type="submit"],
  .woocommerce-MyAccount-content .button {
      font-family: 'Poppins', sans-serif;
      background: #FFB800;
      color: #FFFFFF;
      padding: 14px 30px;
      border: none;
      border-radius: 6px;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      cursor: pointer;
      transition: all 0.3s ease;
  }

  .woocommerce-MyAccount-content button[type="submit"]:hover,
  .woocommerce-MyAccount-content .button:hover {
      background: #FF4D00;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(255, 77, 0, 0.3);
  }

  /* ADDRESSES */
  .woocommerce-Address {
      background: #FFFFFF;
      border: 2px solid #f0f0f0;
      border-radius: 12px;
      padding: 25px;
      margin-bottom: 20px;
  }

  .woocommerce-Address-title h3 {
      color: #3C1700;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 15px;
  }

  .woocommerce-Address address {
      color: #555555;
      font-style: normal;
      line-height: 1.8;
  }

  /* DASHBOARD */
  .woocommerce-MyAccount-content .woocommerce-Message {
      background: #FFFBF5;
      border-left: 4px solid #FFB800;
      padding: 15px 20px;
      border-radius: 6px;
      color: #3C1700;
      margin-bottom: 20px;
  }

  /* NOTICES */
  .woocommerce-notices-wrapper .woocommerce-message,
  .woocommerce-notices-wrapper .woocommerce-info {
      background: #FFFBF5;
      border-left: 4px solid #FFB800;
      padding: 15px 20px;
      border-radius: 6px;
      color: #3C1700;
      margin-bottom: 20px;
  }

  .woocommerce-notices-wrapper .woocommerce-error {
      background: #FFF5F5;
      border-left: 4px solid #FF4D00;
      padding: 15px 20px;
      border-radius: 6px;
      color: #FF4D00;
      margin-bottom: 20px;
  }/* End custom CSS */