/* AW 1.3.61 — Cosmo Resort Series: fact-panel icons (At a glance + Before you book) and text-only badges
   (card / inline / seal; 1px tan hairline, 2px radius, no icons, no pills). Loaded on resort v2 singles and the series page. */
.cch3-resort-v2, .cch3-seriespage { --ic: 18px; --icg: 9px; --ccb-ink: var(--cch3-tan-dark); --ccb-line: var(--cch3-tan); }
@media (min-width: 700px) { .cch3-resort-v2 { --ic: 20px; --icg: 10px; } }

/* ---------- panel icons: hang left of the label, art bottom on the label baseline */
.cc-ic { display: inline-block; width: var(--ic); height: var(--ic); fill: none; stroke: currentColor; stroke-width: 1.4;
	stroke-linecap: round; stroke-linejoin: round; color: var(--cch3-tan); overflow: visible; flex: none; }
.cch3-resort-v2 .cc-guide--v2 .cc-glance-row,
.cch3-resort-v2 .cc-guide--v2 .cc-know-row { padding-left: calc(var(--ic) + var(--icg)) !important; }
.cch3-resort-v2 .cc-guide--v2 .cc-glance dt .cc-ic,
.cch3-resort-v2 .cc-guide--v2 .cc-know dt .cc-ic {
	/* art occupies y 3..21 of 24 -> drop the box by 3/24 so y=21 sits on the baseline; negative top margin keeps the line box from growing */
	vertical-align: calc(var(--ic) * -0.125); margin: calc(var(--ic) * -1) var(--icg) 0 calc(-1 * (var(--ic) + var(--icg)));
}

/* ---------- At a glance: short rows pair up, long rows span both columns (template sets .cc-glance-row--span) */
@media (min-width: 700px) {
	.cch3-resort-v2 .cc-guide--v2 .cc-glance-row--span { grid-column: 1 / -1; }
}
.cch3-resort-v2 .cc-guide--v2 .cc-glance-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin: 0 0 14px; }
.cch3-resort-v2 .cc-guide--v2 .cc-glance-head .cc-glance-title { margin: 0; }

/* ---------- badge family: tracked small caps in a 1px tan hairline */
.ccb { display: inline-flex; align-items: center; gap: 0; border-radius: 2px; box-sizing: border-box; border: 1px solid var(--ccb-line); color: var(--ccb-ink);
	font-family: var(--cch3-sans); font-weight: 600; text-transform: uppercase; letter-spacing: .15em; line-height: 1; white-space: nowrap;
	font-variation-settings: normal; background: transparent; }
.ccb__sep { color: var(--ccb-line); margin: 0 .55em; }
.ccb__yr { font-weight: 500; color: var(--cch3-muted); letter-spacing: .12em; }
.ccb--cc .ccb__lbl { color: var(--cch3-muted); }

/* inline row under the kicker (article head) */
.ccb-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 !important; padding: 0; list-style: none; }
.ccb--inline { height: 26px; padding: 0 11px; font-size: 9.5px; }
@media (min-width: 1100px) {
	.ccb-row { margin: calc(12 * var(--u)) 0 calc(2 * var(--u)) !important; gap: calc(5 * var(--u)); }
	.ccb--inline { height: calc(15.5 * var(--u)); padding: 0 calc(7 * var(--u)); font-size: max(9.5px, calc(5.8 * var(--u))); }
}

/* card badge (highest recognition only) — 2px radius like every badge size, no pill */
.ccb--card { height: 21px; padding: 0 9px; font-size: 8.5px; letter-spacing: .14em; }
.cch3-card__badge { margin: 10px 0 0 !important; line-height: 0; }
@media (min-width: 1100px) {
	.cch3-card__badge { margin-top: calc(6 * var(--u)) !important; }
	.ccb--card { height: calc(12.6 * var(--u)); font-size: max(8.5px, calc(5.1 * var(--u))); padding: 0 calc(5.6 * var(--u)); }
	}

/* seal tile (top of At a glance, top award only) */
.ccb--seal { flex-direction: column; justify-content: center; gap: 0; white-space: normal; text-align: center; width: 112px; min-height: 84px; border-radius: 2px;
	padding: 12px 8px 11px; outline: 1px solid rgba(159,131,91,.5); outline-offset: -5px; background: var(--cch3-page); }
.ccb__issuer { margin-top: 0; font-size: 7.5px; letter-spacing: .16em; font-weight: 500; color: var(--cch3-muted); line-height: 1.25; }
.ccb__dist { font-size: 10px; letter-spacing: .14em; margin-top: 4px; line-height: 1.2; }
.ccb__rule { width: 18px; height: 1px; background: var(--ccb-line); margin: 7px 0 6px; }
.ccb--seal .ccb__yr { font-size: 9px; letter-spacing: .16em; }
@media (max-width: 699px) { .ccb--seal { width: 100px; min-height: 78px; padding: 11px 6px 10px; } }
@media (min-width: 1100px) {
	.cch3-resort-v2 .cc-guide--v2 .cc-glance-head { margin-bottom: calc(9 * var(--u)); }
	.ccb--seal { width: calc(70 * var(--u)); min-height: calc(52 * var(--u)); }
	.ccb__issuer { font-size: max(7.5px, calc(4.6 * var(--u))); }
	.ccb__dist { font-size: max(10px, calc(6.2 * var(--u))); }
	.ccb--seal .ccb__yr { font-size: max(9px, calc(5.5 * var(--u))); }
}

/* featured lead on the series page */
.cch3-featured__copy .cch3-card__badge { display: block; margin: 0 0 12px !important; line-height: 0; }
/* 1.3.63: eyebrow, then badge on its own line, then headline. At >=1100 the kicker's line-height (8.3px) is smaller than its
   font-size (13.5px) and the old negative top margin pulled the badge onto the eyebrow glyphs. Normal line box + 14px steps. */
@media (min-width: 1100px) {
	.cch3-featured__copy .cch3-kicker { line-height: 1.25 !important; }
	.cch3-featured__copy .cch3-card__badge { margin: 14px 0 0 !important; }
	.cch3-featured__copy .cch3-card__badge + .cch3-featured__title { margin-top: 14px !important; }
	.cch3-seriespage .cch3-card .cch3-card__cat { line-height: 1.25 !important; }
	.cch3-seriespage .cch3-card__cat + .cch3-card__badge { margin-top: 10px !important; }
}