/* =========================================================================
   Option C — one front door for everyone (phones), and the "which kind of
   medicine" chat pieces (all widths). Loaded after storefront.css.
   ========================================================================= */

/* Phone-only pieces stay out of sight on wider screens. */
.srp-hicons,
.srp-cmic,
.srp-heard,
.srp-cchips { display:none; }

/* "Understood as … Not right?" — shows what the assistant took the request for. */
.srp-kindbar {
	display:flex; align-items:center; gap:.6rem;
	padding:.55rem 1.1rem; background:#e3f0ed; border-bottom:1px solid var(--srp-line);
	font-size:.8rem; line-height:1.25;
}
.srp-kindbar--meds { background:#fbf0d9; }
.srp-kindbar__t { flex:1; min-width:0; color:var(--srp-muted); }
.srp-kindbar__t b { display:block; color:var(--srp-ink); font-weight:600; font-size:.86rem; }
.srp-kindbar__fix {
	flex:none; padding:.4rem .85rem; border:1px solid var(--srp-line-strong); border-radius:999px;
	background:#fff; color:var(--srp-primary-dark); font:inherit; font-size:.8rem; font-weight:600; cursor:pointer;
}
.srp-kindbar__fix:hover { border-color:var(--srp-primary); color:var(--srp-primary); }
.srp-assistant .srp-kindbar { padding:.5rem 1rem; }

/* The one plain question (regular medicine, or homeopathic help?). */
.srp-kindpicks { display:flex; flex-direction:column; gap:.5rem; }
.srp-kindpick {
	padding:.75rem 1rem; border-radius:12px; border:1.5px solid var(--srp-primary);
	background:#fff; color:var(--srp-primary-dark); font:inherit; font-size:.92rem; font-weight:600; cursor:pointer; text-align:center;
}
.srp-kindpick--meds { background:var(--srp-primary); color:#fff; }
.srp-kindpick:disabled { opacity:.55; cursor:default; }
.srp-kindpicks__note { margin:.5rem 0 0; font-size:.78rem; color:var(--srp-muted); }

/* The medicines list card: check the list -> where to deliver -> send. */
.srp-amsg.srp-mlist { align-self:stretch; max-width:100%; background:#fff; border:1px solid var(--srp-line-strong); padding:.9rem; }
.srp-mlist__title { margin:0 0 .5rem; font-weight:700; font-size:.98rem; color:var(--srp-ink); }
.srp-mlist__rows { display:flex; flex-direction:column; gap:.55rem; }
.srp-mlist__row { display:grid; grid-template-columns:minmax(0,1fr) 7.4rem; gap:.4rem; }
.srp-mlist input[type="text"],
.srp-mlist input[type="tel"],
.srp-mlist textarea { width:100%; box-sizing:border-box; min-width:0; padding:.65rem .75rem; border:1px solid var(--srp-line-strong); border-radius:9px; font:inherit; font-size:.92rem; background:#fff; color:var(--srp-ink); }
.srp-mlist input:focus, .srp-mlist textarea:focus { outline:2px solid var(--srp-primary); outline-offset:1px; }
.srp-mlist__row.is-flag input:first-child { border-color:#e0a13a; }
.srp-mlist__flag { grid-column:1 / -1; padding:.35rem .6rem; border-radius:8px; background:#fbf0d9; color:#7a5200; font-size:.78rem; }
.srp-mlist__add { margin-top:.5rem; padding:0; border:0; background:none; font:inherit; font-size:.86rem; cursor:pointer; }
.srp-mlist__note { margin:.7rem 0 0; font-size:.78rem; color:var(--srp-muted); }
.srp-mlist__actions { display:flex; flex-direction:column; gap:.5rem; margin-top:.8rem; }
.srp-mlist__actions .srp-btn { text-align:center; border:0; cursor:pointer; }
.srp-mlist__photo { display:flex !important; align-items:center; justify-content:center; gap:.45rem; background:#fff !important; color:var(--srp-primary-dark) !important; border:1.5px solid var(--srp-primary) !important; }
.srp-mlist__photo svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.srp-mlist__panel[hidden] { display:none; }
.srp-mlist__panel label { display:block; margin-top:.6rem; font-size:.8rem; font-weight:600; color:var(--srp-muted); }
.srp-mlist__panel label input, .srp-mlist__panel label textarea { margin-top:.25rem; font-weight:400; }
.srp-mlist__panel .srp-mlist__consent { display:flex; gap:.5rem; align-items:flex-start; font-weight:400; color:var(--srp-muted); }
.srp-mlist__consent input { width:auto; margin-top:.15rem; }
.srp-mlist__welcome { margin:0 0 .3rem; padding:.5rem .7rem; border-radius:9px; background:#e3f0ed; font-size:.82rem; color:var(--srp-primary-dark); }
.srp-mlist__welcome[hidden] { display:none; }
.srp-mlist__back { padding:0; border:0; background:none; font:inherit; font-size:.86rem; text-align:left; cursor:pointer; }

/* "We also have options from other companies — Yes, show me". */
.srp-morebrands { align-self:stretch; max-width:100%; }
.srp-morebtn {
	display:block; width:100%; margin-top:.5rem; padding:.75rem 1rem; border-radius:12px;
	border:1.5px solid var(--srp-primary); background:#fff; color:var(--srp-primary-dark);
	font:inherit; font-size:.95rem; font-weight:700; text-align:center; cursor:pointer;
}
.srp-morebtn:hover { background:var(--srp-primary); color:#fff; }
.srp-morebtn:disabled { opacity:.55; cursor:default; }

/* The assistant's reference to a tapped remedy ("would you like to select it?"). */
.srp-pick__q { margin:.4rem 0 .6rem !important; }

/* The assistant's "where is my order and what happens next" line on the order page. */
.srp-order__ai {
	margin:.6rem 0 1rem; padding:.8rem 1rem; border-radius:12px; background:#e3f0ed;
	border:1px solid #b9d3cd; color:var(--srp-primary-dark); font-size:1rem; line-height:1.5;
}
.srp-order__ai.is-new { background:#fff3d6; border-color:#e0a13a; }

/* No Ask button: the send arrow only appears once there is typed text to send. */
.srp-heroask__form .srp-send,
.srp-assistant__form .srp-send { display:none; align-items:center; justify-content:center; width:3rem; padding:0; }
.srp-heroask__form.has-text .srp-send,
.srp-assistant__form.has-text .srp-send { display:inline-flex; }
.srp-send svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }

/* "Listening… / Got it — sending in 3…" — bold, and unmistakable. */
.srp-listenbar {
	display:flex; flex-wrap:wrap; align-items:center; gap:.15rem .7rem;
	margin:0; padding:.75rem 1.1rem; background:#e2694c; color:#fff; line-height:1.25;
}
.srp-listenbar[hidden] { display:none; }
.srp-listenbar b { font-size:1.05rem; font-weight:800; }
.srp-listenbar small { flex-basis:100%; font-size:.8rem; opacity:.95; padding-left:1.5rem; }
.srp-listenbar__dot { width:.9rem; height:.9rem; border-radius:50%; background:#fff; flex:none; }
.srp-mic.is-recording { box-shadow:0 0 0 4px rgba(226,105,76,.35); }

/* "Thinking…" — a bold teal bubble with bouncing dots, plus a bar sweeping across the top of the chat. */
.srp-amsg.srp-think {
	display:flex; align-items:center; gap:.7rem; align-self:stretch; max-width:100%;
	padding:.9rem 1.1rem; background:#176b63; border-color:#176b63; color:#fff; font-size:1.02rem; letter-spacing:0;
}
.srp-think b { font-weight:800; }
.srp-think__dots { display:inline-flex; gap:.3rem; flex:none; }
.srp-think__dots i { width:.7rem; height:.7rem; border-radius:50%; background:#fff; display:block; }
.srp-heroask, .srp-assistant__panel { position:relative; }
.srp-heroask.is-thinking::before,
.srp-assistant__panel.is-thinking::before {
	content:""; position:absolute; top:0; left:0; right:0; height:6px; z-index:5;
	background:linear-gradient(90deg, rgba(23,107,99,.15) 0, #176b63 50%, rgba(23,107,99,.15) 100%);
	background-size:200% 100%;
}
.srp-cmic__auto { margin:.2rem 0 0; font-size:.82rem; line-height:1.35; color:var(--srp-muted); text-align:center; }
.srp-cmic__auto [lang="hi"] { display:block; }

@media (prefers-reduced-motion:no-preference) {
	.srp-listenbar__dot { animation:srp-blink .9s ease-in-out infinite; }
	.srp-mic.is-recording { animation:srp-micring 1s ease-in-out infinite; }
	.srp-think { animation:srp-thinkpulse 1.2s ease-in-out infinite; }
	.srp-think__dots i { animation:srp-bounce 1s ease-in-out infinite; }
	.srp-think__dots i:nth-child(2) { animation-delay:.15s; }
	.srp-think__dots i:nth-child(3) { animation-delay:.3s; }
	.srp-heroask.is-thinking::before,
	.srp-assistant__panel.is-thinking::before { animation:srp-sweep 1.1s linear infinite; }
	@keyframes srp-blink { 0%,100% { opacity:1; } 50% { opacity:.2; } }
	@keyframes srp-micring { 0%,100% { box-shadow:0 0 0 2px rgba(226,105,76,.5); } 50% { box-shadow:0 0 0 9px rgba(226,105,76,.15); } }
	@keyframes srp-thinkpulse { 0%,100% { opacity:1; } 50% { opacity:.78; } }
	@keyframes srp-bounce { 0%,80%,100% { transform:translateY(0); opacity:.6; } 40% { transform:translateY(-.45rem); opacity:1; } }
	@keyframes srp-sweep { 0% { background-position:200% 0; } 100% { background-position:-200% 0; } }
}

/* ---- The camera button and the prescription-photo card in the chat ---- */
.srp-heroask__form .srp-cam,
.srp-assistant__form .srp-cam {
	flex:none; width:3rem; padding:0; display:inline-flex; align-items:center; justify-content:center;
	background:#fff; color:var(--srp-primary-dark); border:1px solid var(--srp-line-strong);
}
.srp-heroask__form .srp-cam:hover,
.srp-assistant__form .srp-cam:hover { background:#fff; border-color:var(--srp-primary); color:var(--srp-primary); }
.srp-cam svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.srp-rxthumbs { display:flex; flex-wrap:wrap; gap:.5rem; margin:.3rem 0 .2rem; }
.srp-rxthumb { position:relative; width:5.4rem; height:6.8rem; border:1px solid var(--srp-line-strong); border-radius:10px; overflow:hidden; background:var(--srp-surface); }
.srp-rxthumb img { width:100%; height:100%; object-fit:cover; display:block; }
.srp-rxthumb__pdf { display:block; padding:.5rem; font-size:.7rem; line-height:1.25; word-break:break-all; color:var(--srp-muted); }
.srp-rxthumb__x { position:absolute; top:3px; right:3px; width:1.7rem; height:1.7rem; padding:0; border:0; border-radius:50%; background:rgba(20,49,61,.88); color:#fff; font-size:1.15rem; line-height:1; cursor:pointer; }
.srp-rx__add[hidden] { display:none; }
.srp-rx__where { margin-top:1rem !important; }
.srp-rx__send:disabled { opacity:.5; cursor:default; }

/* ---- The "Ask our AI assistant" bar (phones, every page except the homepage) ---- */
.srp-askbar { display:none; }
.srp-assistant__hello--phone { display:none; }

/* ---- Phones ----------------------------------------------------------- */
@media (max-width:600px) {
	body:not(.home) .srp-askbar {
		display:flex; align-items:stretch; gap:.5rem;
		position:sticky; top:0; z-index:9000;
		padding:.45rem 1rem; background:#176b63; box-shadow:0 2px 10px rgba(15,75,69,.3);
	}
	body.admin-bar:not(.home) .srp-askbar { top:46px; }
	.srp-askbar__main {
		flex:1; min-width:0; display:flex; align-items:center; gap:.65rem; padding:.2rem 0;
		border:0; background:transparent; color:#fff; text-align:left; font:inherit; cursor:pointer;
	}
	.srp-askbar__ic { flex:none; width:2.5rem; height:2.5rem; border-radius:50%; background:#fff; color:#176b63; display:flex; align-items:center; justify-content:center; }
	.srp-askbar__ic svg { width:1.4rem; height:1.4rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
	.srp-askbar__t b { display:block; font-size:1.05rem; font-weight:800; line-height:1.15; }
	.srp-askbar__t small { display:block; font-size:.8rem; opacity:.95; line-height:1.2; margin-top:.1rem; }
	.srp-askbar__mic {
		flex:none; width:3rem; border:0; border-radius:12px; background:#e2694c; color:#fff;
		display:flex; align-items:center; justify-content:center; cursor:pointer; padding:0;
	}
	.srp-askbar__mic[hidden] { display:none; }
	.srp-askbar__mic svg { width:1.5rem; height:1.5rem; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
	.srp-askbar__main:focus-visible, .srp-askbar__mic:focus-visible { outline:3px solid #fff; outline-offset:2px; }

	/* The old small unlabelled floating circle is replaced by the bar on phones. */
	.srp-fab { display:none !important; }

	/* Drawer greeting in plain words on phones. */
	.srp-assistant:not([data-mode="classical"]) .srp-assistant__hello--general { display:none; }
	.srp-assistant:not([data-mode="classical"]) .srp-assistant__hello--phone { display:block; }
	/* Slim header: name + call / WhatsApp / menu. Address, number and links
	   live in the menu, the footer and the schema, so nothing is lost. */
	.srp-header__bar { padding:.5rem var(--srp-gutter); gap:0; }
	.srp-brand { display:flex; align-items:center; gap:.5rem; width:100%; }
	.srp-brand__nm { flex:1; font-size:1.3rem; }
	.srp-brand__addr, .srp-brand__contact { display:none; }
	.srp-hicons { display:flex; align-items:center; gap:.4rem; }
	.srp-hic {
		display:inline-flex; align-items:center; justify-content:center; width:2.6rem; height:2.6rem; padding:0;
		border:1px solid var(--srp-line-strong); border-radius:50%; background:#fff; color:var(--srp-primary-dark); cursor:pointer;
	}
	.srp-hic svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
	.srp-header .srp-nav { display:none; width:100%; flex-direction:column; align-items:stretch; gap:0; margin-top:.5rem; border-top:1px solid var(--srp-line); }
	.srp-header.is-menu-open .srp-nav { display:flex; }
	.srp-nav a { padding:.8rem 0; font-size:1rem; border-bottom:1px solid var(--srp-line); }

	/* Hero: the assistant IS the page. Keep the keyword line, small. */
	.srp-hero__kicker, .srp-hero__sub, .srp-hero__meta { display:none; }
	.srp-hero__in { padding-block:.8rem 1.3rem; gap:.7rem; }
	.srp-hero__head { margin:0; font-family:var(--srp-font-body); font-size:.95rem; font-weight:600; line-height:1.3; letter-spacing:0; color:var(--srp-primary-dark); }
	.srp-heroask { border-radius:20px; }

	/* Home state: greeting, big microphone, typing as the backup. */
	.srp-heroask:not(.is-chatting) .srp-heroask__body,
	.srp-heroask:not(.is-chatting) .srp-heroask__alt { display:none; }
	.srp-heroask:not(.is-chatting) .srp-heroask__form .srp-mic { display:none; }
	.srp-cmic { display:flex; flex-direction:column; align-items:center; text-align:center; padding:1.1rem 1.1rem 0; }
	.srp-heroask.is-chatting .srp-cmic,
	.srp-heroask.has-heard .srp-cmic { display:none; }
	.srp-cmic__avatar { width:52px; height:52px; border-radius:50%; background:#e3f0ed; color:var(--srp-primary); display:flex; align-items:center; justify-content:center; }
	.srp-cmic__avatar svg { width:28px; height:28px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
	.srp-cmic__hi { margin:.4rem 0 0; font-family:var(--srp-font-display); font-weight:500; font-size:1.85rem; line-height:1.1; color:var(--srp-ink); }
	.srp-cmic__lead { margin:.35rem 0 0; font-size:1.05rem; line-height:1.4; color:var(--srp-ink); }
	.srp-cmic__hint { margin:.3rem 0 0; font-size:.92rem; line-height:1.4; color:var(--srp-muted); }
	.srp-cmic__mic { display:flex; flex-direction:column; align-items:center; margin-top:.9rem; }
	.srp-cmic__mic[hidden] { display:none; }
	.srp-cmic__btn {
		width:118px; height:118px; padding:0; border:0; border-radius:50%; background:var(--srp-primary); color:#fff;
		display:flex; align-items:center; justify-content:center; cursor:pointer;
		box-shadow:0 0 0 14px #e3f0ed;
	}
	.srp-cmic__btn svg { width:56px; height:56px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
	.srp-cmic__btn:focus-visible { outline:3px solid var(--srp-primary-dark); outline-offset:6px; }
	.srp-cmic__cap { margin:1.1rem 0 0; font-size:1.05rem; font-weight:600; color:var(--srp-ink); }
	.srp-cmic__cap [lang="hi"] { display:block; font-size:.9rem; font-weight:400; color:var(--srp-muted); }
	.srp-cmic__listen { display:none; }
	.srp-heroask.is-listening .srp-cmic__say { display:none; }
	.srp-heroask.is-listening .srp-cmic__listen { display:inline; }
	.srp-cmic__or { display:flex; align-items:center; gap:.7rem; width:100%; margin:.9rem 0 0; font-size:.85rem; color:var(--srp-faint); }
	.srp-cmic__or::before, .srp-cmic__or::after { content:""; flex:1; height:1px; background:var(--srp-line-strong); }

	/* "What we heard" — check the words before sending. */
	.srp-heard { display:block; padding:1.1rem 1.1rem 0; }
	.srp-heard[hidden] { display:none; }
	.srp-heard label { display:block; font-size:.8rem; color:var(--srp-muted); margin-bottom:.25rem; }
	.srp-heard textarea { width:100%; box-sizing:border-box; padding:.8rem .9rem; border:1.5px solid var(--srp-line-strong); border-radius:14px; font:inherit; font-size:1.2rem; font-weight:500; line-height:1.3; color:var(--srp-ink); resize:none; }
	.srp-heard textarea:focus { outline:2px solid var(--srp-primary); outline-offset:1px; }
	.srp-heard__btns { display:flex; gap:.6rem; margin-top:.7rem; }
	.srp-heard__btns button { flex:1; height:3.4rem; border-radius:14px; font:inherit; font-size:1.05rem; font-weight:600; cursor:pointer; }
	.srp-heard__again { background:#fff; color:var(--srp-primary-dark); border:1.5px solid var(--srp-primary); }
	.srp-heard__ask { background:var(--srp-primary); color:#fff; border:0; }
	.srp-heard__note { margin:.6rem 0 0; font-size:.8rem; color:var(--srp-muted); text-align:center; }
	.srp-heroask:not(.has-heard) .srp-heard, .srp-heroask.is-chatting .srp-heard { display:none; }

	/* Writing box, language and examples. */
	.srp-heroask__lang { justify-content:center; padding:.7rem 1.1rem .1rem; }
	.srp-heroask__lang .srp-langpick__label { display:none; }
	.srp-heroask:not(.is-chatting) .srp-heroask__form { border-top:0; padding-top:.6rem; }
	.srp-heroask__form input { font-size:1.05rem; padding:.85rem .9rem; }
	.srp-heroask__form button { padding:.85rem 1.1rem; }
	.srp-heroask__form .srp-mic { width:3rem; }
	.srp-heroask.has-heard .srp-heroask__form { display:none; }
	.srp-heroask.has-heard .srp-heroask__lang { display:none; }
	.srp-cchips { display:flex; flex-wrap:wrap; gap:.5rem; padding:.2rem 1.1rem 1.1rem; }
	.srp-heroask.is-chatting .srp-cchips, .srp-heroask.has-heard .srp-cchips { display:none; }
	.srp-cchip { padding:.65rem .95rem; border:1px solid #b9d3cd; border-radius:14px; background:#fff; color:var(--srp-primary-dark); font:inherit; font-size:.98rem; font-weight:500; cursor:pointer; }
	.srp-heroask.is-chatting .srp-heroask__body { max-height:62vh; min-height:12rem; }
	.srp-mlist__row { grid-template-columns:minmax(0,1fr) 7rem; }
	.srp-cmic__hint [lang="hi"] { display:block; margin-top:.15rem; }
}

@media (max-width:600px) and (prefers-reduced-motion:no-preference) {
	.srp-heroask.is-listening .srp-cmic__btn { animation:srp-listen 1.3s ease-in-out infinite; }
	@keyframes srp-listen { 0%,100% { box-shadow:0 0 0 14px #e3f0ed; } 50% { box-shadow:0 0 0 24px #e3f0ed; } }
}

/* ---- The guided journey: the assistant's banner on the list page --------------------------------------------- */
.srp-jbanner { display:flex; align-items:flex-start; gap:.7rem; margin:0 0 1rem; padding:.95rem 1.05rem; border-radius:14px;
	background:var(--srp-primary-dark, #0f4f57); color:#fff; font-size:1.05rem; line-height:1.5; font-weight:600;
	box-shadow:0 3px 14px rgba(0,0,0,.18); }
.srp-jbanner::before { content:""; flex:0 0 .8rem; height:.8rem; margin-top:.5rem; border-radius:50%; background:#8be3c4; }
@media (prefers-reduced-motion:no-preference) {
	.srp-jbanner::before { animation:srp-jpulse 1.6s ease-in-out infinite; }
	@keyframes srp-jpulse { 0%,100% { box-shadow:0 0 0 0 rgba(139,227,196,.7); } 50% { box-shadow:0 0 0 .5rem rgba(139,227,196,0); } }
}

/* ---- "View my list": the bar that appears after anything is added to the list ------------------------------ *
 * Fixed to the bottom of the screen on every page, so nobody has to hunt for the next step.                     */
.srp-listbar {
	position:fixed; left:12px; right:12px; bottom:12px; z-index:99997; box-sizing:border-box;
	max-width:640px; margin-inline:auto; padding:.85rem 1rem .95rem; border-radius:16px;
	background:var(--srp-primary-dark, #14313d); color:#fff; box-shadow:0 10px 30px rgba(20,49,61,.38);
}
.srp-listbar[hidden] { display:none; }
.srp-listbar__say { margin:0 0 .7rem; font-size:1rem; line-height:1.4; font-weight:600; }
.srp-listbar__row { display:flex; gap:.6rem; align-items:stretch; }
.srp-listbar__btn {
	flex:1 1 auto; display:flex; align-items:center; justify-content:center; min-height:3.3rem; padding:.55rem 1rem;
	border-radius:12px; background:#e2694c; color:#fff !important; font-size:1.2rem; font-weight:800; line-height:1.2;
	text-align:center; text-decoration:none !important;
}
.srp-listbar__ear {
	flex:0 0 3.3rem; display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer;
	border:1.5px solid rgba(255,255,255,.6); border-radius:12px; background:transparent; color:#fff;
}
.srp-listbar__ear svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body.has-listbar { padding-bottom:9rem; }
/* Just added: the button pulses. (No motion wanted: a solid white ring instead, still impossible to miss.) */
.srp-listbar.is-blinking .srp-listbar__btn { outline:3px solid #fff; outline-offset:2px; }
.srp-nav__cart.is-blinking { border-radius:8px; background:#e2694c; color:#fff !important; padding:.15rem .55rem; }
/* WooCommerce's own link next to an added remedy ("View cart" -> "View my list") gets the same pulse. */
.srp-arow a.added_to_cart, .woocommerce-message .wc-forward {
	display:inline-block; margin:.35rem 0 0 .5rem; padding:.5rem .85rem; border-radius:10px; background:#e2694c;
	color:#fff !important; font-weight:800; text-decoration:none !important;
}
@media (prefers-reduced-motion:no-preference) {
	.srp-listbar.is-blinking .srp-listbar__btn { outline:0; animation:srp-listblink 1.2s ease-in-out infinite; }
	.srp-nav__cart.is-blinking, .srp-arow a.added_to_cart, .woocommerce-message .wc-forward { animation:srp-listblink 1.2s ease-in-out infinite; }
	@keyframes srp-listblink {
		0%, 100% { background-color:#e2694c; box-shadow:0 0 0 0 rgba(226,105,76,.75); transform:scale(1); }
		50% { background-color:#f28a5e; box-shadow:0 0 0 12px rgba(226,105,76,0); transform:scale(1.04); }
	}
}

/* ---- The order page: "your list is sent", what happens next, and the chat with the pharmacist ------------------ */
.srp-order__status--sent { display:flex; align-items:center; gap:.7rem; }
.srp-order__status--sent::before {
	content:"\2713"; flex:0 0 2.4rem; height:2.4rem; display:flex; align-items:center; justify-content:center;
	border-radius:50%; background:var(--srp-primary); color:#fff; font-size:1.4rem; font-weight:800; line-height:1;
}
.srp-order__cta { display:flex; flex-wrap:wrap; gap:.6rem; margin:0 0 1.4rem; }
.srp-order__cta .srp-btn { flex:1 1 11rem; text-align:center; }
.srp-order__h { margin:0 0 .7rem; font-size:1.05rem; }
.srp-order__flow { list-style:none; margin:0 0 1.6rem; padding:0; }
.srp-order__flow li { position:relative; padding:0 0 1.15rem 2.5rem; }
.srp-order__flow li::before { content:""; position:absolute; left:.72rem; top:1.6rem; bottom:.15rem; width:2px; background:var(--srp-line-strong, #c7d2d5); }
.srp-order__flow li:last-child { padding-bottom:0; }
.srp-order__flow li:last-child::before { display:none; }
.srp-order__flow li.is-done::before { background:var(--srp-primary); }
.srp-order__dot {
	position:absolute; left:0; top:.1rem; width:1.55rem; height:1.55rem; box-sizing:border-box; border-radius:50%;
	border:2px solid var(--srp-line-strong, #c7d2d5); background:#fff; display:flex; align-items:center; justify-content:center;
}
.srp-order__flow li.is-done .srp-order__dot { background:var(--srp-primary); border-color:var(--srp-primary); }
.srp-order__flow li.is-done .srp-order__dot::after { content:"\2713"; color:#fff; font-size:.85rem; font-weight:800; line-height:1; }
.srp-order__flow li.is-now .srp-order__dot { border:3px solid var(--srp-primary); }
.srp-order__flow b { display:block; font-size:1rem; color:var(--srp-muted); }
.srp-order__flow li.is-now b, .srp-order__flow li.is-done b { color:var(--srp-primary-dark); }
.srp-order__flow li.is-now b::after {
	content:"You are here"; margin-left:.5rem; padding:.12rem .55rem; border-radius:999px; background:#e2694c; color:#fff;
	font-size:.72rem; font-weight:800; vertical-align:middle;
}
.srp-order__flow small { display:block; margin-top:.15rem; font-size:.92rem; line-height:1.4; color:var(--srp-muted); }
#messages.srp-order__box { border-color:var(--srp-primary); border-width:2px; }