.cshs-hosting-urls {
	display: block;
	font-size: 0.9em;
	color: #666;
	font-weight: 400;
}

.cshs-hosting-url,
.cshs-hosting-subsite-url {
	display: block;
}

.woocommerce-orders-table .cshs-hosting-urls,
.woocommerce-MyAccount-subscriptions .cshs-hosting-urls {
	margin-top: 0.25em;
}

.cshs-cancel-confirm {
	background: var(--warm, #faf8f5);
	border: 1px solid var(--cream-dark, #d8d4c9);
	border-radius: 12px;
	padding: 24px;
	margin: 0 0 24px;
}

.cshs-cancel-confirm h3 {
	margin: 0 0 12px;
	color: var(--navy, #122c37);
}

.cshs-cancel-confirm__sites {
	background: var(--green-soft, rgba(88, 199, 122, 0.08));
	border-left: 3px solid var(--green, #58c77a);
	border-radius: 8px;
	padding: 12px 16px;
	margin: 16px 0;
}

.cshs-cancel-confirm__sites ul {
	margin: 8px 0 0;
	padding-left: 18px;
}

.cshs-cancel-confirm__form label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
}

.cshs-cancel-confirm__form select {
	width: 100%;
	max-width: 420px;
	padding: 10px 12px;
	border: 1px solid var(--cream-dark, #d8d4c9);
	border-radius: 6px;
	background: #fff;
}

.cshs-cancel-confirm__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 20px;
}

.cshs-cancel-confirm__submit {
	background: #b42318 !important;
	color: #fff !important;
	border: none !important;
}

.cshs-cancel-confirm__keep {
	background: transparent !important;
	color: var(--navy, #122c37) !important;
}

/* Tables in My Account: breathing room, readable headings, buttons apart (Paul, 27 Sep 2026). */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
	font-size: 1.25rem !important;
	font-weight: 700 !important;
	color: var(--navy, #122c37);
	margin: 32px 0 12px !important;
}
.woocommerce-MyAccount-content table.shop_table,
.woocommerce-MyAccount-content table.subscription_details {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--cream-dark, #d8d4c9);
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	margin: 0 0 24px;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td,
.woocommerce-MyAccount-content table.subscription_details td {
	/* Elementor's My Account widget zeroes padding-inline-start with a long selector. */
	padding: 12px 16px !important;
	padding-inline: 16px !important;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid var(--cream-dark, #e7e3da);
}
.woocommerce-MyAccount-content table.shop_table thead th,
.woocommerce-MyAccount-content table tr:first-child > * {
	border-top: 0;
}
.woocommerce-MyAccount-content table.shop_table tfoot th {
	font-weight: 600;
}
.woocommerce-MyAccount-content td .button,
.woocommerce-MyAccount-content td .woocommerce-button {
	margin: 2px 6px 2px 0;
}
.woocommerce-MyAccount-content .wc-item-meta {
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
.woocommerce-MyAccount-content .cshs-add-addon {
	background: #fff;
	border: 1px solid var(--cream-dark, #d8d4c9);
	border-radius: 12px;
	padding: 8px 20px 20px;
	margin: 0 0 24px;
}
.woocommerce-MyAccount-content .cshs-add-addon .form-row {
	max-width: 520px;
}

/* Plan names under the plan number in My Plans. */
.cshs-plan-summary { display: block; margin-top: 4px; }
.cshs-plan-summary__item { display: block; font-weight: 700; color: var(--navy, #122c37); }
.cshs-plan-summary__site { font-weight: 400; color: var(--muted-dark, #4d6068); }
.cshs-plan-summary__addons { display: block; font-size: 0.9em; color: var(--muted-dark, #4d6068); }

/* Links in the brand palette (the theme's default link blue is not ours). */
.woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button) {
	color: var(--navy, #122c37) !important;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--green, #58c77a);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.woocommerce-MyAccount-content a:not(.button):not(.woocommerce-button):hover {
	color: var(--green-dark, #45b568) !important;
}

/* Elementor wraps each My Account tab in its own bordered box, so our tables
   sat in a box inside a box. One box per table, as on the plan page. */
.woocommerce-MyAccount-content-wrapper {
	border: 0 !important;
	padding: 0 !important;
	background: none !important;
	box-shadow: none !important;
}
.woocommerce-MyAccount-content table.shop_table td,
.woocommerce-MyAccount-content table.shop_table th {
	vertical-align: middle !important;
}
.woocommerce-MyAccount-content .woocommerce-MyAccount-paymentMethods + .button,
.woocommerce-MyAccount-content a.button[href*="add-payment-method"],
.woocommerce-MyAccount-content .woocommerce-Message ~ .button {
	display: inline-block;
	margin-top: 20px !important;
	padding: 12px 24px !important;
}

/* Bank transfer payment details on an unpaid order. */
.woocommerce-MyAccount-content .cshs-due-date {
	border-left: 3px solid #58C77A;
	background: #F5F3EC;
	padding: 14px 18px;
	margin: 0 0 24px;
}

.woocommerce-MyAccount-content .cshs-due-date p {
	margin: 0;
}

/* Payment setup choice for clients moved across (CSHS_Payment_Setup). */
.woocommerce-MyAccount-content .cshs-setup {
	background: #F5F3EC;
	border-radius: 14px;
	padding: 24px !important;
	margin: 0 0 32px;
}

.woocommerce-MyAccount-content .cshs-setup h2 {
	margin: 0 0 8px !important;
}

.woocommerce-MyAccount-content .cshs-setup__plan {
	margin: 0 0 20px;
}

.woocommerce-MyAccount-content .cshs-setup__options {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 16px;
}

.woocommerce-MyAccount-content .cshs-setup__option {
	background: #FFFFFF;
	border: 1px solid #E3E0D6;
	border-radius: 12px;
	padding: 20px !important;
	display: flex;
	flex-direction: column;
}

.woocommerce-MyAccount-content .cshs-setup__option h3 {
	margin: 0 0 8px !important;
	font-size: 18px !important;
}

.woocommerce-MyAccount-content .cshs-setup__option p {
	flex: 1;
	margin: 0 0 16px;
}

.woocommerce-MyAccount-content .cshs-setup__option .button {
	align-self: flex-start;
}

.woocommerce-MyAccount-content .cshs-setup__option .cshs-setup__secondary {
	background: #FFFFFF !important;
	color: #122C37 !important;
	border: 2px solid #122C37 !important;
}

.woocommerce-MyAccount-content .cshs-setup__password {
	margin: 16px 0 0;
	font-size: 14px;
}

.woocommerce-MyAccount-content .cshs-setup__plans {
	margin: 0 0 20px 18px;
	padding: 0;
}

.woocommerce-MyAccount-content .cshs-setup__plans li {
	margin: 0 0 4px;
}