/* =========================================================================
   SAU Alumni — WooCommerce presentation fixes (saualumni.com)

   1. The theme enqueues Bootstrap 4 globally, and Bootstrap's grid classes
      .col-1 / .col-2 (8.33% / 16.67% widths) collide with WooCommerce's
      checkout columns of the same name, collapsing the billing form.
   2. Brand: SAU navy buttons (Woo ships purple), Nunito body inherited.
   ========================================================================= */

/* --- undo the Bootstrap grid collision on Woo's column classes ---------- */

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
	float: left;
	width: 48%;
	max-width: 48%;
	flex: none;
	padding: 0;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
	float: right;
	width: 48%;
	max-width: 48%;
	flex: none;
	padding: 0;
}

@media (max-width: 768px) {
	.woocommerce .col2-set .col-1,
	.woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2,
	.woocommerce-page .col2-set .col-2 {
		float: none;
		width: 100%;
		max-width: 100%;
	}
}

/* form rows collapsed with the columns — restore Woo's intended layout */
.woocommerce form .form-row {
	width: 100%;
}

.woocommerce form .form-row-first {
	width: 47%;
	float: left;
}

.woocommerce form .form-row-last {
	width: 47%;
	float: right;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .form-row .select2-container {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #d7dfeb;
	border-radius: 6px;
	font-size: 15px;
	background: #fff;
}

.woocommerce form .form-row label {
	display: block;
	white-space: normal;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 4px;
}

/* --- SAU navy buttons ---------------------------------------------------- */

.woocommerce #place_order,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce input.button,
.woocommerce-page #place_order,
.woocommerce-page button.button,
.woocommerce-page a.button,
.tribe-common .tribe-common-c-btn,
.event-tickets .tribe-common-c-btn {
	background-color: #003da5 !important;
	color: #fff !important;
	border: 0;
	border-radius: 30px;
	padding: 12px 28px;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: none;
}

.woocommerce #place_order:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #place_order:hover,
.tribe-common .tribe-common-c-btn:hover,
.event-tickets .tribe-common-c-btn:hover {
	background-color: #002d7a !important;
	color: #fff !important;
}

/* keep disabled state readable */
.woocommerce #place_order:disabled,
.woocommerce button.button:disabled {
	background-color: #7f93bd !important;
	color: #fff !important;
}

/* form-row renders as flex; let the input wrapper fill it */
.woocommerce form .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
	flex: 1 1 auto;
}