.elementor-4955 .elementor-element.elementor-element-f97c090{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-4955 .elementor-element.elementor-element-f97c090:not(.elementor-motion-effects-element-type-background), .elementor-4955 .elementor-element.elementor-element-f97c090 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nwjc.com.au/wp-content/uploads/2026/04/nwjc-my-account-tickets-banner-wide-race-day.webp");background-position:0px -174px;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4955 .elementor-element.elementor-element-6a32ec6 > .elementor-widget-container{padding:20px 0px 5px 0px;}.elementor-4955 .elementor-element.elementor-element-6a32ec6.elementor-element{--align-self:flex-start;}.elementor-4955 .elementor-element.elementor-element-6a32ec6{text-align:center;}.elementor-4955 .elementor-element.elementor-element-6a32ec6 .elementor-heading-title{font-family:"Playlist Script";font-size:96px;font-weight:200;color:var( --e-global-color-primary );}.elementor-4955 .elementor-element.elementor-element-e9f264b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-4955 .elementor-element.elementor-element-f97c090:not(.elementor-motion-effects-element-type-background), .elementor-4955 .elementor-element.elementor-element-f97c090 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-4955 .elementor-element.elementor-element-f97c090:not(.elementor-motion-effects-element-type-background), .elementor-4955 .elementor-element.elementor-element-f97c090 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS */<style>
.nwjc-account-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: inherit;
  color: #1f1f1f;
}

.nwjc-account-hero {
  background: linear-gradient(135deg, #0f3b2e 0%, #1d5b47 100%);
  color: #ffffff;
  border-radius: 16px;
  padding: 36px 30px;
  margin-bottom: 30px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.nwjc-account-hero h1 {
  margin: 0 0 12px 0;
  font-size: 38px;
  line-height: 1.1;
  color: #ffffff;
}

.nwjc-account-hero p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #f4f4f4;
}

.nwjc-account-intro {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  padding: 28px;
  margin-bottom: 24px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
}

.nwjc-account-intro h2 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 28px;
  color: #0f3b2e;
}

.nwjc-account-intro p {
  margin-bottom: 14px;
  line-height: 1.7;
}

.nwjc-account-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 24px 0 10px;
}

.nwjc-account-feature {
  background: #f8faf9;
  border: 1px solid #dfe9e4;
  border-radius: 14px;
  padding: 18px;
}

.nwjc-account-feature h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
  color: #0f3b2e;
}

.nwjc-account-feature p {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

.nwjc-account-note {
  background: #fff8e8;
  border-left: 4px solid #c89b3c;
  padding: 16px 18px;
  border-radius: 10px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.6;
}

.nwjc-account-login-area {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.05);
  margin-top: 24px;
}

.nwjc-account-login-area h2 {
  margin-top: 0;
  font-size: 26px;
  color: #0f3b2e;
}

.nwjc-account-login-area p {
  margin-bottom: 18px;
  line-height: 1.7;
}

/* Optional WooCommerce tidy-up */
.woocommerce-account .woocommerce {
  margin-top: 10px;
}

.woocommerce form.login,
.woocommerce form.register {
  border-radius: 14px;
  border: 1px solid #dddddd;
  padding: 24px;
}

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

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

.woocommerce-MyAccount-navigation ul li a {
  display: block;
  padding: 12px 14px;
  background: #f6f8f7;
  border-radius: 10px;
  text-decoration: none;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  background: #0f3b2e;
  color: #ffffff;
}

@media (max-width: 767px) {
  .nwjc-account-page {
    padding: 25px 15px;
  }

  .nwjc-account-hero {
    padding: 26px 22px;
  }

  .nwjc-account-hero h1 {
    font-size: 30px;
  }

  .nwjc-account-intro,
  .nwjc-account-login-area {
    padding: 22px;
  }
}
</style>

<div class="nwjc-account-page">

  <section class="nwjc-account-hero">
    <h1>My Tickets &amp; Account</h1>
    <p>
      Welcome to your Nor West Jockey Club account area. Log in below to view your ticket purchases,
      check your order history, and manage your account details. There’s nothing like a day at the Roebourne Races.
    </p>
  </section>

  <section class="nwjc-account-intro">
    <h2>Everything in one place</h2>
    <p>
      Once you are logged in, you will be able to access your recent orders, review your event purchases,
      and update your account information from one simple dashboard.
    </p>
    <p>
      If you purchased tickets using the same email address linked to your account, your orders will appear here once you log in.
    </p>

    <div class="nwjc-account-features">
      <div class="nwjc-account-feature">
        <h3>View Purchases</h3>
        <p>See your past ticket and event-related orders in one easy place.</p>
      </div>
      <div class="nwjc-account-feature">
        <h3>Manage Details</h3>
        <p>Update your name, email address, password, and account information.</p>
      </div>
      <div class="nwjc-account-feature">
        <h3>Check Order Status</h3>
        <p>Review your recent purchases and confirm your ticket order details.</p>
      </div>
    </div>

    <div class="nwjc-account-note">
      <strong>Need help?</strong><br>
      If you cannot see your order, first make sure you are logging in with the same email address used at checkout.
      If you still need assistance, please contact the club and we will help you sort it out.
    </div>
  </section>

  <section class="nwjc-account-login-area">
    <h2>Log in or create your account</h2>
    <p>
      Returning customers can log in below. New customers can create an account to keep track of their
      ticket purchases and account details.
    </p>

    [woocommerce_my_account]
  </section>

</div>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Playlist Script';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://nwjc.com.au/wp-content/uploads/2025/01/Playlist-Script.ttf') format('truetype');
}
/* End Custom Fonts CSS */