/* Front-end form layout adjustments for EHG Player Manager */
.ehg-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 20px;
}

.ehg-flex.two-cols .form-row-half {
  flex: 1 1 260px;
  min-width: 260px;
}

/* Support native WooCommerce <p class="form-row"> elements */
.ehg-flex.two-cols p.form-row-half {
  flex: 1 1 260px;
  min-width: 260px;
}

.ehg-flex.two-cols p.form-row-wide {
  flex: 1 1 100%;
}

.ehg-flex .form-row-wide {
  flex: 1 1 100%;
}

.ehg-pm-profile-form .form-row {
  display: flex;
  flex-direction: column;
}

.ehg-pm-profile-form label {
  font-weight: 600;
  margin-bottom: 4px;
}

.ehg-pm-profile-form input[type=text],
.ehg-pm-profile-form select,
.ehg-pm-profile-form textarea {
  width: 100%;
  max-width: 100%;
}

.ehg-pm-profile-form .required {
  color: #d00;
}

/* Checkout specific grouping */
.ehg-parent-fields,
.ehg-player-fields,
.ehg-team-fields {
  margin-bottom: 20px;
}

.ehg-parent-fields h3,
.ehg-player-fields h3,
.ehg-team-fields h3 {
  margin-bottom: 16px;
}

.ehg-pm-profile-form .form-row, .ehg-flex.two-cols p.form-row {
  margin-bottom: 4px;
}
.woocommerce-account .woocommerce-MyAccount-content{
  padding-bottom: 15px;
}

/* Primary button styling for profile forms */
/* Increase specificity using body.woocommerce-account to override core button styles */
body.woocommerce-account .ehg-pm-profile-form .woocommerce-Button.ehg-pm-button--primary,
body.woocommerce-account .ehg-pm-profile-form .button.ehg-pm-button--primary,
body.woocommerce-account .ehg-pm-profile-form button.ehg-pm-button--primary {
  background: linear-gradient(135deg,#006ab5,#004a7d) !important;
  color:#fff !important;
  border:1px solid #004a7d !important;
  padding:.7em 1.6em !important;
  font-size:16px !important;
  line-height:1.2 !important;
  border-radius:4px !important;
  cursor:pointer;
  transition:background .25s, box-shadow .25s, transform .1s;
  box-shadow:0 2px 4px rgba(0,0,0,.12) !important;
  text-transform:none !important;
}
body.woocommerce-account .ehg-pm-profile-form .woocommerce-Button.ehg-pm-button--primary:hover,
body.woocommerce-account .ehg-pm-profile-form .woocommerce-Button.ehg-pm-button--primary:focus,
body.woocommerce-account .ehg-pm-profile-form .button.ehg-pm-button--primary:hover,
body.woocommerce-account .ehg-pm-profile-form .button.ehg-pm-button--primary:focus,
body.woocommerce-account .ehg-pm-profile-form button.ehg-pm-button--primary:hover,
body.woocommerce-account .ehg-pm-profile-form button.ehg-pm-button--primary:focus {
  background: linear-gradient(135deg,#007bd1,#005a91) !important;
  outline:none !important;
  box-shadow:0 4px 10px rgba(0,0,0,.18) !important;
  color:#fff !important;
}
body.woocommerce-account .ehg-pm-profile-form .woocommerce-Button.ehg-pm-button--primary:active,
body.woocommerce-account .ehg-pm-profile-form .button.ehg-pm-button--primary:active,
body.woocommerce-account .ehg-pm-profile-form button.ehg-pm-button--primary:active {
  transform:translateY(1px);
  box-shadow:0 2px 6px rgba(0,0,0,.2) !important;
}
body.woocommerce-account .ehg-pm-profile-form .woocommerce-Button.ehg-pm-button--primary:focus-visible,
body.woocommerce-account .ehg-pm-profile-form .button.ehg-pm-button--primary:focus-visible,
body.woocommerce-account .ehg-pm-profile-form button.ehg-pm-button--primary:focus-visible {
  outline:2px solid #fff !important;
  outline-offset:2px;
  box-shadow:0 0 0 3px rgba(0,106,181,.55) !important;
}

/* My Account navigation styling */
.woocommerce-account .woocommerce-MyAccount-navigation {
  background:#f7f9fc;
  border:1px solid #dfe6ef;
  padding:18px 14px;
  border-radius:6px;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  margin-bottom:24px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  display:block;
  padding:10px 12px;
  border-radius:4px;
  text-decoration:none;
  color:#1f2d3d;
  font-weight:500;
  background:#fff;
  border:1px solid #e4e9ef;
  transition:background .2s, color .2s, box-shadow .2s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li a:focus {
  background:#006ab5;
  color:#fff;
  border-color:#006ab5;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
@media (min-width:800px){
  .woocommerce-account .woocommerce-MyAccount-navigation ul { gap:6px; }
}