/* -----------------------------------------------------------------------------
File:    02-product-warning-texts.css
Path:    /woocommerce/product-archives/02-product-warning-texts.css
Version: V1.2
Purpose: Single Product – 1 row / 2 columns notices block before tabs
Fix:     Clear gallery/summary floats so the row sits under BOTH columns
Update:  Make WARNING render as compact 1–2 lines (no broken fragments)
----------------------------------------------------------------------------- */

.single-product .rg-notices-row{
	/* ✅ IMPORTANT: prevents the row from wrapping beside the gallery */
	clear: both;

	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(10px, 1.2vw, 18px);
	margin: clamp(14px, 1.4vw, 22px) 0;
	align-items: start;
	width: 100%;
}

@media (max-width: 720px){
	.single-product .rg-notices-row{
		grid-template-columns: 1fr;
	}
}

/* Left column (Disclaimer) */
.single-product .rg-notices-row__col--left{
	color: var(--contrast);
	line-height: 1.45;
	font-size: clamp(0.95rem, 0.92rem + 0.2vw, 1.02rem);
}

.single-product .rg-notices-row__label{
	color: var(--accent);
	font-weight: 900;
	margin-right: 6px;
}

.single-product .rg-notices-row__text{
	color: var(--contrast);
	font-weight: 600;
}

/* Right column (Warning) – compact single-line style */
.single-product .rg-notices-row__col--right{
	color: var(--accent);
	line-height: 1.25;
	font-size: clamp(0.95rem, 0.92rem + 0.2vw, 1.02rem);
}

/* Keep everything in one flow like the screenshot */
.single-product .rg-notices-row__warnline{
	display: flex;
	align-items: baseline;
	gap: 8px;
	flex-wrap: nowrap; /* ✅ stop breaking into many small lines */
}

.single-product .rg-notices-row__icon{
	color: var(--accent);
	flex: 0 0 auto;
}

/* Make the text behave like one sentence */
.single-product .rg-notices-row__warntext{
	display: inline;
	white-space: normal;     /* ✅ allow natural wrap (1–2 lines) */
	word-break: normal;
	overflow-wrap: anywhere; /* ✅ safety for small screens */
	color: var(--accent);
	font-weight: 800;
}

.single-product .rg-notices-row__label--warn{
	color: var(--accent);
	font-weight: 900;
	margin-right: 6px;
}

.single-product .rg-notices-row__link{
	color: var(--accent);
	text-decoration: underline;
	font-weight: 900;
	white-space: nowrap;     /* ✅ keep URL together */
}

.single-product .rg-notices-row__sub{
	margin-top: 6px;
	color: var(--accent);
	font-weight: 900;
}