/*!
 * FIRST-Network Store - button language.
 *
 * The site's .btn is: 100px radius, 2px transparent border, weight 700,
 * letter-spacing .2px, Plus Jakarta Sans, and two sizes -
 *   primary  15px 26px / .93rem
 *   compact  11px 20px / .82rem
 * WooCommerce buttons had the right colours but weight 800 and five
 * different sizes. This file maps them onto the site's scale.
 */

/* ---------- shared base ---------- */
.fnstore-card .add,
.fnpdp-relcard .add,
.fbtn,
.fncart-checkout,
.single_add_to_cart_button,
.fnmab-btn,
.fn-drawer-btn,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button,
.wc-block-components-notice-banner a.button{
	font-family:'Plus Jakarta Sans',sans-serif !important;
	font-weight:700 !important;
	letter-spacing:.2px !important;
	border-radius:100px !important;
	border:2px solid transparent !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	gap:10px !important;
	text-decoration:none !important;
	line-height:1.2 !important;
	transition:transform .25s cubic-bezier(.2,.8,0,1), filter .2s !important;
	text-transform:none !important;
}

.fnstore-card .add:hover,
.fnpdp-relcard .add:hover,
.fbtn:hover,
.single_add_to_cart_button:hover,
.fnmab-btn:hover,
.fn-drawer-btn:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
	transform:translateY(-2px) !important;
}

/* ---------- primary size ---------- */
.fbtn,
.fnmab-btn,
.fn-drawer-btn,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button{
	padding:15px 26px !important;
	font-size:.93rem !important;
}

/* the PDP button is height-locked to the 54px quantity pill, so only the
   type is normalised, not the box */
.single_add_to_cart_button{
	font-size:.93rem !important;
}

/* ---------- compact size ---------- */
.fnstore-card .add,
.fnpdp-relcard .add,
.wc-block-components-notice-banner a.button{
	padding:11px 20px !important;
	font-size:.82rem !important;
}

/* ---------- colour roles, matching the site palette ---------- */
.fnstore-card .add,
.fnpdp-relcard .add,
.wc-block-components-notice-banner a.button{
	background:#16253A !important;color:#F5F2EB !important;
}
.fnstore-card .add:hover,
.fnpdp-relcard .add:hover{background:#101D2E !important;color:#F5F2EB !important}

.fbtn,
.single_add_to_cart_button,
.fnmab-btn-gold,
.fn-drawer-btn-gold,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
	background:#D2A64A !important;color:#101D2E !important;
}

.fnmab-btn-ghost,
.fn-drawer-btn-ghost{
	background:transparent !important;
	color:#16253A !important;
	border:2px solid rgba(22,37,58,.18) !important;
}
.fnmab-btn-ghost:hover,
.fn-drawer-btn-ghost:hover{border-color:#16253A !important}

@media(prefers-reduced-motion:reduce){
	.fnstore-card .add:hover,.fbtn:hover,.single_add_to_cart_button:hover,
	.fnmab-btn:hover,.fn-drawer-btn:hover,.wc-block-cart__submit-button:hover{transform:none !important}
}
/* ----------------------------------------------------------------
 * Higher-specificity pass.
 * Three rules elsewhere in the plugin already used !important with a
 * page-scoped selector, so they beat the generic rules above:
 *   .single-product .single_add_to_cart_button   (weight 800, 16px)
 *   .woocommerce-checkout ...place-order-button  (weight 800, 16.8px)
 *   .fn-mab .fnmab-btn                           (weight 800, 14.4px)
 * ---------------------------------------------------------------- */

body.single-product .single_add_to_cart_button,
body.single-product form.cart button.button{
	font-weight:700 !important;
	font-size:.93rem !important;
	letter-spacing:.2px !important;
	font-family:'Plus Jakarta Sans',sans-serif !important;
	text-transform:none !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-checkout__actions .wc-block-components-button{
	font-weight:700 !important;
	font-size:.93rem !important;
	padding:15px 26px !important;
	letter-spacing:.2px !important;
	font-family:'Plus Jakarta Sans',sans-serif !important;
}

body.fn-mab .fnmab-btn,
body.fn-mab .fnmab-formactions .fnmab-btn{
	font-weight:700 !important;
	font-size:.93rem !important;
	padding:15px 26px !important;
	letter-spacing:.2px !important;
	border:2px solid transparent !important;
}
body.fn-mab .fnmab-btn-ghost{
	border:2px solid rgba(22,37,58,.18) !important;
}
body.fn-mab .fnmab-btn-ghost:hover{border-color:#16253A !important}
/* fn_pdp_qty_final emits .single-product .fnpdp-infocol form.cart
   .single_add_to_cart_button { font-size:1rem !important } - four classes,
   so it outranks the rule above. Match it and add one more. */
body.single-product .fnpdp-infocol form.cart .single_add_to_cart_button{
	font-size:.93rem !important;
	font-weight:700 !important;
	letter-spacing:.2px !important;
	font-family:'Plus Jakarta Sans',sans-serif !important;
}