/* Form container */
.tml form {
  background-color: #FFFFFF;   /* clean white background */
  border: 1px solid #CCC;
  border-radius: 6px;
  padding: 25px;
  max-width: 400px;
  margin: 0 auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Labels and text */
.tml form label {
  color: #3A3A3A;              /* STARS text gray */
  font-weight: 600;
  display: block;
  margin-bottom: 6px;
}

.tml form input[type="text"],
.tml form input[type="password"],
.tml form input[type="email"] {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 14px;
  color: #3A3A3A;
}

/* Submit button */
.tml .tml-button,
.tml input[type="submit"] {
  background-color: #FFBF00;   /* STARS gold */
  color: #000000;              /* black text */
  border: none;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.3s ease, color 0.3s ease;
  width: 100%;                 /* full-width button */
  display: block;
}

/* Hover/focus states */
.tml .tml-button:hover,
.tml input[type="submit"]:hover,
.tml .tml-button:focus,
.tml input[type="submit"]:focus {
  background-color: #0958A1;   /* accent blue */
  color: #FFFFFF;              /* white text */
  outline: none;
  box-shadow: 0 0 0 3px rgba(9, 88, 161, 0.3);
}

/* Links inside the form (forgot password, register, etc.) */
.tml a {
  color: #0958A1;              /* accent blue links */
  text-decoration: none;
  font-weight: 500;
}

.tml a:hover {
  text-decoration: underline;
}


@media (min-width: 1024px) {
	.no-sidebar .entry-content .alignfull {
		margin: 20px calc(50% - 50vw);
		max-width: 100vw;
		width: 100vw;	
	}
	.no-sidebar .entry-content .alignwide {
		margin: 20px calc(25% - 25vw);
		width: auto;
	}	
}
.wp-block-group.has-background {
	padding: 20px 30px;
}
#mainnav-mobi.syd-hidden {
	display: none;
}
#mainnav-mobi.toggled {
	display: block;
}
.btn-submenu.toggled ~ .sub-menu {
	display: block !important;
	position: relative !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.sub-menu.toggled {
	display: block !important;
}
@media (min-width: 991px) {
	.content-area.sidebar-left {
		padding-right: 15px;
		padding-left: 60px;
		float: right;
	}
}

/* Universal styling for all company portal product cards */
.stars-portal ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  margin: 0 !important;
}

.stars-portal ul.products li.product {
  flex: 0 0 auto;
  width: 220px;            /* shrink card */
  margin: 0;               /* handled by gap */
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.stars-portal .woocommerce-loop-product__title {
  font-size: 16px;
  line-height: 1.3;
  margin: 8px 0;
}

.stars-portal ul.products li.product img {
  max-height: 150px;
  width: auto;
  margin: 0 auto 10px;
  display: block;
  object-fit: contain;
}

.stars-portal .price { font-size: 14px; }
.stars-portal .button { font-size: 13px; padding: 6px 10px; }

/* Scope to the enroll-students page; adjust if your slug/body class differs */
body.page-enroll-students #add-product-button,
body.page-enroll-students #bp-delete-cohort,
body.page-enroll-students .eb-enroll-student-tab[data-section="eb_group_info"] {
  display: none !important;
}

/* If the body class is not page-enroll-students, also try the page ID variant: */
body.page-id-259 #add-product-button,
body.page-id-259 #bp-delete-cohort,
body.page-id-259 .eb-enroll-student-tab[data-section="eb_group_info"] {
  display: none !important;
}

/* Extra specificity in case parent styles are aggressive */
body.page-enroll-students li.enroll-button-grid #add-product-button,
body.page-enroll-students li.enroll-button-grid #bp-delete-cohort {
  display: none !important;
}


.order-success-banner {
  background: #e6ffed;
  border: 1px solid #2ecc71;
  padding: 12px 16px;
  margin: 16px auto;
  max-width: 800px;
  text-align: center;
  font-weight: 600;
  border-radius: 4px;
}