/* Price cards, members-only join card, thank-you next steps, and WooCommerce checkout / account in the site's look. */

.il-price-card { max-width: 420px; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; padding: 28px; box-shadow: 0 8px 24px rgba(9, 9, 11, .06); }
.il-price-card__title { margin: 0 0 8px; font-size: 20px; font-weight: 700; color: var(--c-ink); }
.il-price-card__price { margin: 0 0 20px; font-size: 36px; font-weight: 800; line-height: 1.1; color: var(--c-ink); }
.il-price-card__lines { margin: 0 0 20px; color: var(--c-body); }
.il-price-card__fine { margin: 12px 0 0; font-size: 13px; color: var(--c-subtle); text-align: center; }
.il-price-card.is-owned { background: var(--type-banking-bg); border-color: transparent; box-shadow: none; }

.il-join { margin: 32px 0; padding: 28px; border-radius: 16px; background: var(--c-navy); color: #fff; font-family: Arial, Helvetica, sans-serif; }
.il-join p { color: rgba(255, 255, 255, .85); margin: 0 0 16px; }
.il-join__title { font-size: 22px; font-weight: 700; color: #fff !important; }
.il-join .il-btn--primary { background: #fff; color: var(--c-navy); }
.il-join .il-btn--primary:hover { background: var(--c-wash); color: var(--c-navy); }
.il-join a:not(.il-btn) { color: #fff; margin-left: 12px; }

.il-next { margin: 0 0 32px; padding: 24px 28px; border-radius: 16px; background: var(--c-wash); }
.il-next h2 { margin: 0 0 12px; font-size: 22px; }
.il-next ol { margin: 0; padding-left: 20px; }
.il-next li { margin: 0 0 12px; line-height: 1.55; }
.il-next .il-btn { margin: 0 8px; padding: 8px 16px; }
.il-next__form { list-style: none; margin-left: -20px; }

/* ---------------------------------------------------------------- WooCommerce (block checkout, cart, account) */

body.woocommerce-checkout, body.woocommerce-cart, body.woocommerce-account {
	--c-navy: var(--fl-global-navy, #304059);
	--c-border: var(--fl-global-border, #e4e4e7);
}
.wc-block-components-button:not(.is-link),
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.woocommerce-account .woocommerce-Button,
.woocommerce-account .button {
	background: var(--c-navy) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 12px !important;
	font-weight: 600 !important;
	min-height: 52px;
}
.wc-block-components-button:not(.is-link):hover,
.woocommerce-account .button:hover { background: var(--fl-global-navy-dark, #243347) !important; }
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-blocks-components-select__select,
.woocommerce-account input.input-text {
	border-radius: 10px !important;
	border-color: var(--c-border) !important;
}
.wc-block-components-text-input input:focus,
.woocommerce-account input.input-text:focus {
	border-color: var(--c-navy) !important;
	box-shadow: 0 0 0 1px var(--c-navy) !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--c-navy); border-color: var(--c-navy); }
.wc-block-components-title.wc-block-components-title,
.wc-block-components-checkout-step__title { font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #09090b; }
.wc-block-components-sidebar .wc-block-components-panel,
.wp-block-woocommerce-checkout-order-summary-block { border-radius: 16px; }
.wp-block-woocommerce-checkout-order-summary-block { border: 1px solid var(--c-border); padding: 8px 16px; }

/* My Account navigation as a simple vertical menu */
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden; }
.woocommerce-MyAccount-navigation li + li { border-top: 1px solid var(--c-border); }
.woocommerce-MyAccount-navigation a { display: block; padding: 12px 16px; color: #09090b; text-decoration: none; }
.woocommerce-MyAccount-navigation a:hover { background: #f4f4f5; }
.woocommerce-MyAccount-navigation .is-active a { background: var(--c-navy); color: #fff; font-weight: 600; }

.il-countries h2.il-price-card__title { font-size: 20px; line-height: 1.3; margin: 0 0 8px; letter-spacing: 0; }
.il-countries .il-price-card__lines p { margin: 0 0 8px; }
.il-countries .il-next h2 { font-size: 22px; line-height: 1.3; }