/* Minimal structural CSS to support pixel-accurate layout. 
   Extend/override in theme for exact visuals. */

.wc-custom-container { max-width: 1200px; margin: 0 auto; padding: 24px 16px; }

.wc-custom-checkout {
	display: grid;
	grid-template-columns: 1fr 380px;
	grid-gap: 32px;
}

@media (max-width: 992px) {
	.wc-custom-checkout {
		grid-template-columns: 1fr;
	}
}

.wc-custom-checkout__main {}
.wc-custom-checkout__sidebar {}
.wc-custom-checkout__customer { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 24px; }
@media (max-width: 768px) { .wc-custom-checkout__customer { grid-template-columns: 1fr; } }

/* Ensure payment section sits at bottom of the order review */
#order_review .woocommerce-checkout-payment { margin-top: 24px; }

/* Sidebar benefits card */
.wc-custom-checkout__benefits { background: #f7f7fb; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
.wc-custom-checkout__benefits-title { margin: 0 0 8px; font-size: 16px; }
.wc-custom-checkout__benefits-list { margin: 0; padding-left: 18px; }
.wc-custom-checkout__benefits-list li { margin: 6px 0; font-size: 13px; }

/* Remove default heading/coupon row to match reference */
.woocommerce-form-coupon-toggle, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3 { display: none; }
.woocommerce-additional-fields > h3 { display:none; }

/* Optional: hide page title from many themes for a cleaner look */
.woocommerce-checkout .entry-title, .woocommerce-checkout .page-title { display:none; }

/* Inputs */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select {
	border: 1px solid #e3e6ef;
	border-radius: 10px;
	padding: 10px 12px;
}

/* Order Review card */
.woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
	border-color: #e6e8f0 !important;
}
.woocommerce-checkout-review-order-table {
	border-radius: 10px;
	overflow: hidden;
}

/* Payment box as card */
.woocommerce-checkout-payment {
	background: #f1eef9;
	border-radius: 12px;
	padding: 12px;
}
.woocommerce-checkout-payment .place-order { margin-top: 12px; }

/* Primary button */
.woocommerce #place_order, .woocommerce a.button.alt, .woocommerce button.button.alt {
	background: #ec982b;
	border-radius: 10px;
	border: none;
	color: #fff;
	padding: 10px 16px;
}
.woocommerce #place_order:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover { background:#d4841f; }

/* Order notes */
#order_comments_field label { display:none; }
#order_comments_field textarea { min-height: 54px; }

/* Align order card width closer to reference */
.wc-custom-checkout__sidebar { max-width: 380px; margin-left: auto; }
.wc-custom-checkout__benefits { font-size: 13px; }
.wc-custom-checkout__benefits-list { list-style: none; }
.wc-custom-checkout__benefits-list li { position: relative; padding-left: 18px; }
.wc-custom-checkout__benefits-list li:before { content: '•'; position: absolute; left: 0; color: #6e5ae6; }

/* Custom sections (cards) */
.cc-section { margin-bottom: 28px; }
.cc-section__title { font-size: 22px; font-weight: 700; color: #1b1642; margin: 0 0 14px; }
.cc-grid { display: grid; gap: 20px; }
.cc-grid--2 { grid-template-columns: 1fr 1fr; }
.cc-radio { position: absolute; opacity: 0; pointer-events: none; }
.cc-card { border: 2px solid #e0e4f2; border-radius: 18px; padding: 26px; display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; transition: box-shadow .2s,border-color .2s; min-height: 110px; }
.cc-card--media { justify-content: flex-start; text-align: left; gap: 16px; }
.cc-card--row { justify-content: flex-start; text-align: left; gap: 12px; }
.cc-card__icon { font-size: 32px; margin-bottom: 8px; }
.cc-card__text { font-weight: 700; color: #1b1642; }
.cc-card__title { font-weight: 700; color: #1b1642; margin-bottom: 4px; }
.cc-card__desc { font-size: 13px; color: #6b6f80; }
.cc-card__media { width: 88px; height: 64px; background: #f3f5fb; border-radius: 12px; }
.cc-dot { width: 18px; height: 18px; border: 2px solid #d8dcf0; border-radius: 50%; display: inline-block; }
.cc-radio:checked + .cc-card, .cc-radio:checked + label.cc-card { border-color: #ec982b; box-shadow: 0 0 0 4px rgba(236,152,43,.08); }

@media (max-width: 992px){ .cc-grid--2 { grid-template-columns: 1fr; } }