/* DSilc Product Notice for WooCommerce */

/* ==================================================================
 * 1. Notice box
 * ============================================================== */

.dsilc-notice {
	--dsilc-nt-bg: #FDF4EA;
	--dsilc-nt-border: #E6D2B5;
	--dsilc-nt-accent: #A81C2E;
	--dsilc-nt-heading: #A81C2E;
	--dsilc-nt-text: #4A3A32;
	--dsilc-nt-link: #5E1622;
	--dsilc-nt-radius: 6px;
	--dsilc-nt-mt: 18px;
	--dsilc-nt-mb: 20px;

	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin: var(--dsilc-nt-mt) 0 var(--dsilc-nt-mb) !important;
	padding: 16px 20px;
	background: var(--dsilc-nt-bg);
	border: 1px solid var(--dsilc-nt-border);
	border-radius: var(--dsilc-nt-radius);
	clear: both;
}

.dsilc-notice.has-bar {
	border-left: 4px solid var(--dsilc-nt-accent);
}

.dsilc-notice * {
	box-sizing: border-box;
}

.dsilc-notice .dsilc-notice__heading {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 8px !important;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
	color: var(--dsilc-nt-heading) !important;
}

.dsilc-notice .dsilc-notice__icon {
	flex: 0 0 auto;
	font-size: 15px;
	line-height: inherit;
}

.dsilc-notice.is-upper .dsilc-notice__title {
	letter-spacing: 0.04em;
}

.dsilc-notice .dsilc-notice__body {
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--dsilc-nt-text) !important;
}

.dsilc-notice .dsilc-notice__body p {
	margin: 0 0 10px !important;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	color: inherit !important;
}

.dsilc-notice .dsilc-notice__body p:last-child {
	margin-bottom: 0 !important;
}

.dsilc-notice .dsilc-notice__body strong,
.dsilc-notice .dsilc-notice__body b {
	font-weight: 700;
	color: inherit;
}

.dsilc-notice .dsilc-notice__body a {
	color: var(--dsilc-nt-link) !important;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
	transition: opacity 0.15s ease;
}

.dsilc-notice .dsilc-notice__body a:hover {
	opacity: 0.75;
}

.dsilc-notice .dsilc-notice__body ul,
.dsilc-notice .dsilc-notice__body ol {
	margin: 0 0 10px 20px !important;
	padding: 0;
}

.dsilc-notice .dsilc-notice__body li {
	margin-bottom: 4px;
	line-height: inherit;
}

/* ==================================================================
 * 2. WhatsApp button
 * ============================================================== */

.dsilc-wa-wrap {
	--dsilc-wa-bg: #25D366;
	--dsilc-wa-col: #FFFFFF;
	--dsilc-wa-radius: 4px;
	--dsilc-wa-mt: 14px;
	--dsilc-wa-mb: 6px;

	box-sizing: border-box;
	width: 100%;
	margin: var(--dsilc-wa-mt) 0 var(--dsilc-wa-mb) !important;
	clear: both;
}

.dsilc-wa-wrap .dsilc-wa-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 9px;
	box-sizing: border-box;
	padding: 14px 26px;
	min-height: 48px;
	background: var(--dsilc-wa-bg) !important;
	color: var(--dsilc-wa-col) !important;
	border: none !important;
	border-radius: var(--dsilc-wa-radius) !important;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	letter-spacing: 0.01em;
	cursor: pointer;
	transition: filter 0.15s ease, transform 0.08s ease;
}

.dsilc-wa-wrap .dsilc-wa-btn.is-full {
	display: flex !important;
	width: 100%;
}

.dsilc-wa-wrap .dsilc-wa-btn:hover,
.dsilc-wa-wrap .dsilc-wa-btn:focus {
	filter: brightness(0.92);
	color: var(--dsilc-wa-col) !important;
	text-decoration: none !important;
}

.dsilc-wa-wrap .dsilc-wa-btn:active {
	transform: translateY(1px);
}

.dsilc-wa-wrap .dsilc-wa-btn__icon {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.dsilc-wa-wrap .dsilc-wa-btn__label {
	display: inline-block;
}

/* ==================================================================
 * 3. Equal-width Add to Cart / Buy Now
 * ============================================================== */

body.dsilc-eq-buttons {
	--dsilc-eq-min: 140px;
	--dsilc-eq-gap: 10px;
}

body.dsilc-eq-buttons .product form.cart:not(.grouped_form):not(.variations_form),
body.dsilc-eq-buttons .product form.cart .woocommerce-variation-add-to-cart {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	gap: var(--dsilc-eq-gap);
}

/* Quantity keeps its natural size */
body.dsilc-eq-buttons .product form.cart .quantity,
body.dsilc-eq-buttons .product form.cart .wd-qty,
body.dsilc-eq-buttons .product form.cart .quantity input {
	flex: 0 0 auto;
	margin: 0 !important;
}

/* The buttons share the remaining space equally */
body.dsilc-eq-buttons .product form.cart .single_add_to_cart_button,
body.dsilc-eq-buttons .product form.cart .wd-buy-now-btn,
body.dsilc-eq-buttons .product form.cart .buy-now-btn,
body.dsilc-eq-buttons .product form.cart .wd-buy-now,
body.dsilc-eq-buttons .product form.cart .quick-buy-button,
body.dsilc-eq-buttons .product form.cart .ux-buy-now-button,
body.dsilc-eq-buttons .product form.cart .ast-buy-now-btn,
body.dsilc-eq-buttons .product form.cart .wc-direct-checkout-button,
body.dsilc-eq-buttons .product form.cart .xoo-wsc-buy-now {
	flex: 1 1 0 !important;
	min-width: var(--dsilc-eq-min) !important;
	width: auto !important;
	margin: 0 !important;
	text-align: center !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

/* Notice and WhatsApp button break onto their own full-width row
   when they sit inside a flex add-to-cart form. */
form.cart .dsilc-notice,
form.cart .dsilc-wa-wrap {
	flex: 1 0 100%;
}

/* ==================================================================
 * 4. Responsive
 * ============================================================== */

@media (max-width: 575px) {
	.dsilc-notice {
		padding: 14px 16px;
	}

	.dsilc-notice .dsilc-notice__heading {
		font-size: 14px;
	}

	.dsilc-notice .dsilc-notice__body {
		font-size: 13.5px;
		line-height: 1.7;
	}

	.dsilc-wa-wrap .dsilc-wa-btn {
		padding: 13px 20px;
		font-size: 14.5px;
	}

	body.dsilc-eq-buttons .product form.cart .single_add_to_cart_button,
	body.dsilc-eq-buttons .product form.cart .wd-buy-now-btn,
	body.dsilc-eq-buttons .product form.cart .buy-now-btn,
	body.dsilc-eq-buttons .product form.cart .wd-buy-now,
	body.dsilc-eq-buttons .product form.cart .quick-buy-button,
	body.dsilc-eq-buttons .product form.cart .ux-buy-now-button,
	body.dsilc-eq-buttons .product form.cart .ast-buy-now-btn,
	body.dsilc-eq-buttons .product form.cart .wc-direct-checkout-button,
	body.dsilc-eq-buttons .product form.cart .xoo-wsc-buy-now {
		min-width: 120px !important;
	}
}