/*
 * [ata_where_to_buy] tiles. Same kit globals and fallbacks as the finder (stockists.css):
 * A_Orange button, A_Yellow hover, flavour chips in the brand flavour colours, Ivory C2 cards with rounded corners,
 * Poppins for text and Courier Prime for the button and meta line.
 */
.ata-wtb {
	--ata-wtb-columns: 3;
	--ata-wtb-accent: var(--e-global-color-2ca130c, #E24B25);
	--ata-wtb-accent-hover: var(--e-global-color-ae226ec, #EC8723);
	--ata-wtb-ink: var(--e-global-color-044b931, #222222);
	--ata-wtb-muted: #5c5650;
	--ata-wtb-line: var(--e-global-color-4d462f5, #DCDCDE);
	--ata-wtb-soft: var(--e-global-color-964c6f8, #FFE5C1);
	--ata-wtb-card-bg: #FEF8E4; /* brand Ivory C2 */
	--ata-wtb-radius: 14px;
	--ata-wtb-font-ui: var(--e-global-typography-accent-font-family, "Poppins"), sans-serif;
	--ata-wtb-font-text: var(--e-global-typography-text-font-family, "Courier Prime"), monospace;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	/* Fixed-width cards that wrap and centre: at most --ata-wtb-columns per row, a short last row sits in the
	   middle (five retailers read 3 + 2), and on a phone each card takes the full width. */
	--ata-wtb-card: 280px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	width: 100%;
	max-width: calc(var(--ata-wtb-columns) * var(--ata-wtb-card) + (var(--ata-wtb-columns) - 1) * 12px);
	font-family: var(--ata-wtb-font-ui);
	color: var(--ata-wtb-ink);
}
.ata-wtb li { margin: 0; padding: 0; display: flex; min-width: 0; flex: 0 1 var(--ata-wtb-card); }
.ata-wtb__tile {
	flex: 1;
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	gap: 8px;
	padding: 14px 16px 16px;
	background: var(--ata-wtb-card-bg);
	border: 1px solid var(--ata-wtb-line);
	border-radius: var(--ata-wtb-radius);
	color: inherit;
	text-decoration: none;
	transition: border-color .15s ease, transform .15s ease;
}
.ata-wtb__tile:hover, .ata-wtb__tile:focus-visible { border-color: var(--ata-wtb-accent); transform: translateY(-2px); color: inherit; }
.ata-wtb__tile:focus-visible { outline: 3px solid var(--ata-wtb-soft); outline-offset: 2px; }
.ata-wtb__logo { height: 52px; display: flex; align-items: center; justify-content: center; }
.ata-wtb__logo img { max-height: 44px; max-width: 70%; width: auto; height: auto; object-fit: contain; }
.ata-wtb__name { font-weight: 700; font-size: 22px; }
.ata-wtb__meta { font-family: var(--ata-wtb-font-text); font-size: 14px; color: var(--ata-wtb-muted); text-align: center; }
.ata-wtb__flavours { display: flex; flex-wrap: wrap; justify-content: center; align-content: start; gap: 6px; }
/* Flavour chips in the brand flavour colours: Original Pink C1, Cumin Chilli Turmeric Yellow C1, Garlic & Herb
   Orange C1. Text is Black Plum C67, the brand colour that passes 4.5:1 on all three (white does not at 12px). */
.ata-wtb__flavour { font-size: 12px; font-weight: 600; line-height: 1.5; padding: 2px 10px; border-radius: 999px; color: var(--ata-wtb-flavour-ink, #16060D); background: var(--ata-wtb-flavour, var(--ata-wtb-soft)); }
.ata-wtb__flavour--original { --ata-wtb-flavour: #F0457A; }
.ata-wtb__flavour--cumin-chilli-turmeric { --ata-wtb-flavour: #E37C00; }
.ata-wtb__flavour--garlic-herb { --ata-wtb-flavour: #E0430D; }
.ata-wtb__button {
	display: block;
	background: var(--ata-wtb-accent);
	color: #fff;
	font-family: var(--ata-wtb-font-text);
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	padding: 10px;
	border-radius: calc(var(--ata-wtb-radius) / 2);
	transition: background-color .15s ease;
}
.ata-wtb__tile:hover .ata-wtb__button, .ata-wtb__tile:focus-visible .ata-wtb__button { background: var(--ata-wtb-accent-hover); }
/* The store map tile: the Aunty pin beside the title, in the same card. */
.ata-wtb__tile--map .ata-wtb__logo { gap: 10px; }
.ata-wtb__tile--map .ata-wtb__logo img { max-height: 44px; max-width: 40px; }
.ata-wtb__tile--map .ata-wtb__name { font-size: 20px; }
@media (prefers-reduced-motion: reduce) {
	.ata-wtb__tile, .ata-wtb__button { transition: none; }
	.ata-wtb__tile:hover, .ata-wtb__tile:focus-visible { transform: none; }
}

/*
 * layout="grouped": the Where to buy page cards (Riya's design, 4 Nov 2026). Brand palette: Black Plum #16060D,
 * Plum #370617, Purple #4D1F6F, Ivory #FEF8E4, Pink #F0457A, Pastel Pink #FBD0DC. Shrikhand headings,
 * Courier Prime for everything else, buttons included. Each retailer's own colour sits behind its logo disc.
 */
.ata-wtb-groups { display: flex; flex-direction: column; gap: 32px; width: 100%; font-family: "Courier Prime", "Courier New", monospace; color: #16060D; }
.ata-wtb-group { display: flex; flex-direction: column; gap: 24px; }
.ata-wtb-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ata-wtb-h3 { margin: 8px 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-family: "Shrikhand", Georgia, serif !important; font-style: italic; font-weight: 400 !important; font-size: 26px !important; line-height: 32px !important; letter-spacing: 0 !important; text-transform: none !important; color: #370617; }
.ata-wtb-h3__pill { display: inline-block; background: #F0457A; color: #FEF8E4; padding: 10px 28px 14px; border-radius: 24px 34px 26px 36px / 30px 24px 34px 26px; }
.ata-wtb-h3__hi { display: inline-block; background: #FBD0DC; color: #370617; line-height: 1; padding: 3px 10px 7px; border-radius: 10px; }
.ata-wtb-h3__icon { flex: none; }
.ata-wtb-cards { --ata-wtb-cols: 3; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(var(--ata-wtb-cols), minmax(0, 1fr)); gap: 24px; }
.ata-wtb-card { --ata-wtb-brand: #370617; position: relative; margin: 0; padding: 0; background: #FEF8E4; border: 3px solid #4D1F6F; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; }
.ata-wtb-card[data-retailer^="tesco"] { --ata-wtb-brand: #00539F; }
.ata-wtb-card[data-retailer^="sainsbury"] { --ata-wtb-brand: #F06C00; }
.ata-wtb-card[data-retailer^="ocado"] { --ata-wtb-brand: #4D1F6F; }
.ata-wtb-card[data-retailer^="zoom"] { --ata-wtb-brand: #C8007A; }
.ata-wtb-card[data-retailer^="zapp"] { --ata-wtb-brand: #16060D; }
.ata-wtb-card__band { background: var(--ata-wtb-brand); height: 136px; display: flex; align-items: center; justify-content: center; padding: 0 16px; }
.ata-wtb-group--store .ata-wtb-card__band { height: 160px; }
.ata-wtb-card__disc { background: #FEF8E4; border-radius: 999px; padding: 10px 26px; display: flex; align-items: center; justify-content: center; max-width: 100%; box-sizing: border-box; }
.ata-wtb-group--store .ata-wtb-card__disc { padding: 18px 44px; }
.ata-wtb-card__disc img { display: block; height: 66px; width: auto; max-width: 100%; object-fit: contain; }
.ata-wtb-group--store .ata-wtb-card__disc img { height: 76px; }
.ata-wtb-card__name { font-weight: 700; font-size: 24px; color: #16060D; }
.ata-wtb-card__body { padding: 24px; display: flex; flex-direction: column; gap: 16px; flex-grow: 1; }
.ata-wtb-card__flavours { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; line-height: 1.5; }
.ata-wtb-fl { margin: 0; padding: 4px 10px; border-radius: 6px; font-weight: 700; color: #16060D; }
.ata-wtb-fl--original.is-yes { background: #F0457A; }
.ata-wtb-fl--cumin-chilli-turmeric.is-yes { background: #FAB250; }
.ata-wtb-fl--garlic-herb.is-yes { background: #E0430D; color: #FEF8E4; }
.ata-wtb-fl.is-no { padding: 2px 8px; border: 2px dashed #8A777C; color: #5E4C51; font-weight: 400; text-decoration: line-through; }
.ata-wtb-card__compact, .ata-wtb-card__short { display: none; }
.ata-wtb .ata-wtb-card__button, a.ata-wtb-card__button { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 8px 12px; background: #370617; color: #FEF8E4; font-family: "Courier Prime", "Courier New", monospace; font-weight: 700; font-size: 16px; text-decoration: none; text-align: center; transition: background-color .15s ease; }
a.ata-wtb-card__button:hover, a.ata-wtb-card__button:focus-visible { background: #AE2818; color: #FEF8E4; }
a.ata-wtb-card__button:focus-visible { outline: 3px solid #370617; outline-offset: 3px; }
/* The Ocado voucher widget adds this while the offer runs. */
.ata-wtb-card__badge { position: absolute; top: 120px; right: 16px; background: #F0457A; color: #16060D; font-weight: 700; font-size: 13px; padding: 4px 10px; border-radius: 6px; transform: rotate(-3deg); }
@media (max-width: 1024px) {
	.ata-wtb-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ata-wtb-group--online .ata-wtb-card:first-child { grid-column: 1 / -1; }
}
@media (max-width: 600px) {
	.ata-wtb-groups { gap: 24px; }
	.ata-wtb-group { gap: 16px; }
	.ata-wtb-h3 { font-size: 21px !important; line-height: 27px !important; }
	.ata-wtb-h3__pill { padding: 8px 18px 11px; }
	.ata-wtb-h3 { flex-wrap: nowrap; }
	.ata-wtb-h3__icon { width: 28px; height: 28px; }
	.ata-wtb-cards { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.ata-wtb-card__band, .ata-wtb-group--store .ata-wtb-card__band { height: 104px; }
	.ata-wtb-card__disc, .ata-wtb-group--store .ata-wtb-card__disc { padding: 10px 26px; }
	.ata-wtb-card__disc img, .ata-wtb-group--store .ata-wtb-card__disc img { height: 52px; }
	.ata-wtb-card__body { padding: 16px; gap: 12px; }
	.ata-wtb-card__badge { top: 88px; }
	/* Zoom and Zapp as compact rows under the Ocado card: logo, what they sell, Shop. */
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) { flex-direction: row; align-items: center; gap: 12px; padding: 10px 12px; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__band { height: auto; padding: 0; background: none; flex: 0 0 auto; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__disc { width: 100px; padding: 6px 10px; border: 2px solid var(--ata-wtb-brand); }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__disc img { height: auto; max-height: 30px; max-width: 76px; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__long { display: none; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__short { display: inline; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__body { padding: 0; flex-direction: row; align-items: center; gap: 10px; flex: 1; min-width: 0; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__flavours { display: none; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__compact { display: block; flex: 1; min-width: 0; font-size: 14px; line-height: 1.3; }
	.ata-wtb-group--online .ata-wtb-card:not(:first-child) .ata-wtb-card__button { margin: 0; min-height: 44px; font-size: 16px; padding: 6px 12px; flex: none; }
}
@media (prefers-reduced-motion: reduce) { a.ata-wtb-card__button { transition: none; } }