/**
 * Header 1 and Footer 2 (register W-20). Loaded only while one of them is
 * chosen (inc/header-footer.php). Colours follow W-03: #BF1951 pink text and
 * buttons, #E91E63 decoration, gold #C9A227 ornament only, text #1A1A1A,
 * secondary #4A4A4A. Calm effects only; all off under reduced motion.
 */
:root {
	--hf-ink: #1A1A1A;
	--hf-muted: #4A4A4A;
	--hf-pink: #BF1951;
	--hf-pink-dark: #8E1240;
	--hf-gold: #C9A227;
	--hf-blush: #FCEEF3;
	--hf-cream: #FDF8F4;
	--hf-tint: #F8F8F8;
	--hf-line: #EEEEEE;
}

/* ---------------------------------------------------------------- Header 1 */
.dd-h1-wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
.site-header.dd-h1 { background: #FFFFFF; box-shadow: none; font-family: var(--font-primary, 'Poppins', sans-serif); }
body.dd-hf-h1 .site-main { margin-top: 123px; }

.dd-h1-strip { background: #1A1A1A; color: #E2E2E2; font-size: 13px; max-height: 36px; overflow: hidden; transition: max-height .25s ease; }
.dd-h1-strip__inner { height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.dd-h1-strip__contact { display: flex; gap: 20px; }
.dd-h1-strip a { color: #E2E2E2; text-decoration: none; }
.dd-h1-strip a:hover { color: #FFFFFF; text-decoration: underline; text-decoration-color: var(--hf-gold); text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.site-header.dd-h1.scrolled .dd-h1-strip { max-height: 0; }

.dd-h1-bar { background: #FFFFFF; box-shadow: 0 2px 16px rgba(0, 0, 0, .06); position: relative; z-index: 2; }
.dd-h1-bar__inner { height: 84px; display: flex; align-items: center; gap: 32px; transition: height .25s ease; }
.site-header.dd-h1.scrolled .dd-h1-bar__inner { height: 72px; }
.dd-h1-stitch { height: 0; border-top: 2px dashed var(--hf-gold); max-width: 1216px; margin: 0 auto; }

.dd-h1-logo { flex-shrink: 0; }
.dd-h1-logo .custom-logo-link img, .dd-h1-logo img { max-height: 60px; width: auto; display: block; }
.site-header.dd-h1.scrolled .dd-h1-logo img { max-height: 50px; }
.dd-h1-logo__text { display: flex; flex-direction: column; line-height: 1; text-decoration: none; }
.dd-h1-logo__est { font-size: 9px; letter-spacing: .2em; color: var(--hf-muted); }
.dd-h1-logo__name { font-family: var(--font-secondary, 'Playfair Display', serif); font-weight: 700; font-size: 26px; color: #E91E63; }
.dd-h1-logo__tag { font-family: var(--font-secondary, 'Playfair Display', serif); font-size: 15px; color: var(--hf-ink); margin-top: 2px; }

.dd-h1-nav { flex-grow: 1; display: flex; justify-content: center; }
.dd-h1-menu { list-style: none; margin: 0; padding: 0; display: flex; gap: 28px; }
/* Menu names never break onto two lines ("Our Story"); a little less space between them on smaller laptops (21 Oct 2026, 8 menu items) */
.dd-h1-menu__link { white-space: nowrap; }
@media (max-width: 1279px) { .dd-h1-menu { gap: 18px; } }
.dd-h1-menu__link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-size: 14px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: var(--hf-ink); text-decoration: none; position: relative; }
.dd-h1-menu__link::after { content: ''; position: absolute; left: 0; right: 0; bottom: 8px; height: 2px; background: var(--hf-gold); transform: scaleX(0); transition: transform .2s ease; }
.dd-h1-menu__link:hover::after, .dd-h1-menu__link:focus-visible::after { transform: scaleX(1); }
.dd-h1-menu__item.is-current > .dd-h1-menu__link { color: var(--hf-pink); }
.dd-h1-menu__toggle i { font-size: 11px; transition: transform .2s ease; }
.dd-h1-menu__item.is-open .dd-h1-menu__toggle i { transform: rotate(180deg); }

/* Services drop-down: one wide panel under the bar */
.dd-h1-menu__item.has-panel { position: static; }
.dd-h1-panel { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 100%; width: min(1216px, calc(100vw - 64px)); box-sizing: border-box; padding: 24px; background: #FFFFFF; border-radius: 0 0 14px 14px; box-shadow: 0 20px 40px rgba(0, 0, 0, .12); z-index: 5; }
.dd-h1-menu__item.is-open .dd-h1-panel { display: block; }
@media (hover: hover) and (pointer: fine) {
	.dd-h1-menu__item.has-panel:hover .dd-h1-panel { display: block; }
}
.dd-h1-panel__grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.dd-h1-card { padding: 18px; border-radius: 10px; background: var(--hf-tint); display: flex; flex-direction: column; gap: 8px; text-decoration: none !important; color: var(--hf-ink) !important; transition: transform .2s ease, box-shadow .2s ease; }
.dd-h1-card:hover, .dd-h1-card:focus-visible { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, .06); }
.dd-h1-card--hl { background: var(--hf-blush); }
.dd-h1-card__icon { width: 44px; height: 44px; border-radius: 50%; background: var(--hf-blush); display: flex; align-items: center; justify-content: center; color: var(--hf-pink); font-size: 18px; }
.dd-h1-card--hl .dd-h1-card__icon { background: #FFFFFF; }
.dd-h1-card__name { font-family: var(--font-secondary, 'Playfair Display', serif); font-weight: 700; font-size: 18px; }
.dd-h1-card__line { font-size: 13px; line-height: 1.45; color: var(--hf-muted); }
.dd-h1-panel__all { display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 600; color: var(--hf-pink) !important; text-decoration: underline; text-decoration-color: var(--hf-gold); text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }

.dd-h1-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.dd-h1-icon { width: 44px; height: 44px; border: 0; background: transparent; color: var(--hf-ink); font-size: 18px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; }
.dd-h1-icon:hover { background: var(--hf-tint); }
.dd-h1-book { display: inline-flex; align-items: center; min-height: 44px; padding: 0 22px; border-radius: 999px; background: var(--hf-pink); color: #FFFFFF !important; font-weight: 600; font-size: 14px; text-decoration: none !important; transition: background-color .2s ease, transform .2s ease; }
.dd-h1-book:hover { background: var(--hf-pink-dark); transform: translateY(-1px); }
.dd-h1-burger { display: none; }
.dd-h1 :focus-visible { outline: 3px solid var(--hf-gold); outline-offset: 2px; }

/* Phone menu (slides in; run by main.js) */
.dd-h1-mobile .mobile-menu { margin: 0; padding: 0; }
.dd-h1-mobile .mobile-menu > li > a { font-family: var(--font-secondary, 'Playfair Display', serif); font-size: 21px; min-height: 52px; display: flex; align-items: center; padding: 0; border-bottom: 1px solid var(--hf-line); }
.dd-h1-mobile .mobile-menu .current-menu-item > a, .dd-h1-mobile .mobile-menu .current-menu-ancestor > a { color: var(--hf-pink); }
.dd-h1-mobile .mobile-menu .sub-menu { display: none; list-style: none; margin: 6px 0; padding: 4px 0 8px 14px; border-left: 2px dashed var(--hf-gold); }
.dd-h1-mobile .mobile-menu .sub-menu a { font-size: 15px; min-height: 44px; display: flex; align-items: center; padding: 0; border: 0; }
.dd-h1-mobile .menu-item-has-children > a::after { content: '+'; margin-left: auto; color: var(--hf-pink); font-family: var(--font-primary, 'Poppins', sans-serif); }
.dd-h1-mobile .menu-item-has-children.open > a::after { content: '−'; }
.dd-h1-mobile__foot { margin-top: 20px; font-size: 13px; line-height: 1.6; color: var(--hf-muted); }
.dd-h1-mobile__foot p { margin: 0; }
.dd-h1-mobile__foot a { color: var(--hf-pink); }

@media (max-width: 1099px) {
	.dd-h1-nav, .dd-h1-book { display: none; }
	.dd-h1-burger { display: inline-flex; }
	.dd-h1-bar__inner { height: 72px; justify-content: space-between; }
	body.dd-hf-h1 .site-main { margin-top: 111px; }
}
@media (max-width: 767px) {
	.dd-h1-wrap { padding: 0 16px; }
	.dd-h1-strip { display: none; }
	.dd-h1-bar__inner { height: 64px; gap: 8px; }
	.site-header.dd-h1.scrolled .dd-h1-bar__inner { height: 64px; }
	.dd-h1-logo .custom-logo-link img, .dd-h1-logo img, .site-header.dd-h1.scrolled .dd-h1-logo img { max-height: 46px; }
	.dd-h1-stitch { margin: 0 16px; }
	body.dd-hf-h1 .site-main { margin-top: 67px; }
}

/* ---------------------------------------------------------------- Footer 2 */
.site-footer.dd-f2 { background: #FFFFFF; color: var(--hf-ink); padding: 48px 0 0; font-family: var(--font-primary, 'Poppins', sans-serif); }
.dd-f2-wrap { max-width: 1280px; margin: 0 auto; padding: 0 32px; box-sizing: border-box; }
.dd-f2 p { margin: 0; }
.dd-f2-band { padding: 32px 40px; border-radius: 16px; background: var(--hf-pink); color: #FFFFFF; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 24px; }
.dd-f2-band__title { font-family: var(--font-secondary, 'Playfair Display', serif); font-size: clamp(24px, 2.4vw, 32px); line-height: 1.2; }
.dd-f2-band__line { margin-top: 6px !important; font-size: 15px; color: #FBE3EC; }
.dd-f2-band__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.dd-f2-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 24px; border-radius: 999px; font-weight: 600; font-size: 15px; text-decoration: none !important; border: 2px solid #FFFFFF; transition: background-color .2s ease, transform .2s ease; }
.dd-f2-btn:hover { transform: translateY(-1px); }
.dd-f2-btn--white { background: #FFFFFF; color: var(--hf-pink) !important; }
.dd-f2-btn--white:hover { background: var(--hf-blush); }
.dd-f2-btn--ghost { background: transparent; color: #FFFFFF !important; }
.dd-f2-btn--ghost:hover { background: rgba(255, 255, 255, .14); }

.dd-f2-grid { padding: 40px 0 28px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 32px 40px; align-items: start; }
.dd-f2-visit { padding: 24px; border-radius: 14px; background: var(--hf-cream); display: flex; gap: 20px; align-items: flex-start; font-size: 14px; line-height: 1.6; }
.dd-f2-visit__icon { width: 52px; height: 52px; flex-shrink: 0; border-radius: 50%; background: var(--hf-blush); color: var(--hf-pink); display: flex; align-items: center; justify-content: center; font-size: 20px; }
.dd-f2-visit__title { font-family: var(--font-secondary, 'Playfair Display', serif); font-size: 20px; font-weight: 700; margin-bottom: 6px !important; }
.dd-f2-visit__address p { margin: 0; }
.dd-f2-visit__hours { color: var(--hf-muted); margin: 6px 0 !important; }
.dd-f2-link { font-weight: 600; color: var(--hf-pink) !important; text-decoration: none; }
.dd-f2-link:hover { text-decoration: underline; text-decoration-color: var(--hf-gold); text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }

.dd-f2-col summary { list-style: none; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--hf-muted); margin-bottom: 10px; cursor: default; }
.dd-f2-col summary::-webkit-details-marker { display: none; }
.dd-f2-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 14px; }
.dd-f2-col a { color: var(--hf-ink) !important; text-decoration: none; }
.dd-f2-col a:hover { color: var(--hf-pink) !important; text-decoration: underline; text-decoration-color: var(--hf-gold); text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }

.dd-f2-bottom { padding: 16px 0 20px; border-top: 2px dashed var(--hf-gold); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; font-size: 13px; color: var(--hf-muted); }
.dd-f2-bottom a { color: var(--hf-muted) !important; text-decoration: none; }
.dd-f2-bottom a:hover { color: var(--hf-pink) !important; }
.dd-f2-legal { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.dd-f2-social .social-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.dd-f2-social .social-links a { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #DDDDDD; background: #FFFFFF !important; color: var(--hf-ink) !important; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; transition: border-color .2s ease, color .2s ease; }
.dd-f2-social .social-links a:hover { border-color: var(--hf-pink); color: var(--hf-pink) !important; }
.dd-f2 :focus-visible { outline: 3px solid var(--hf-gold); outline-offset: 2px; }

.dd-f2-bar { display: none; }

@media (max-width: 1023px) {
	.dd-f2-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.dd-f2-visit { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.site-footer.dd-f2 { padding-top: 24px; }
	.dd-f2-wrap { padding: 0 16px; }
	.dd-f2-band { padding: 22px 20px; }
	.dd-f2-band__actions, .dd-f2-band__actions .dd-f2-btn { width: 100%; }
	.dd-f2-grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 20px 0 12px; }
	.dd-f2-visit { margin-bottom: 12px; padding: 18px; }
	.dd-f2-col { border-bottom: 1px solid var(--hf-line); }
	.dd-f2-col summary { min-height: 52px; display: flex; align-items: center; justify-content: space-between; margin: 0; cursor: pointer; font-size: 14px; color: var(--hf-ink); }
	.dd-f2-col summary::after { content: '+'; color: var(--hf-gold); font-size: 20px; }
	.dd-f2-col[open] summary::after { content: '−'; }
	.dd-f2-col ul { padding-bottom: 14px; }
	.dd-f2-col a { display: flex; align-items: center; min-height: 40px; }
	.dd-f2-bottom { flex-direction: column; align-items: flex-start; padding-right: 76px; } /* clear of the floating chat and back-to-top buttons */

	/* Call / WhatsApp / Book pinned on every page that doesn't pin its own buttons */
	body.dd-hf-f2:not(.dd-has-svc-bar) .dd-f2-bar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: #FFFFFF; border-top: 1px solid var(--hf-line); box-shadow: 0 -4px 16px rgba(0, 0, 0, .06); }
	.dd-f2-bar a { min-height: 48px; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; text-decoration: none !important; box-sizing: border-box; }
	.dd-f2-bar__call { background: #F3F3F3; color: var(--hf-ink) !important; }
	.dd-f2-bar__wa { border: 2px solid var(--hf-pink); color: var(--hf-pink) !important; }
	.dd-f2-bar__book { background: var(--hf-pink); color: #FFFFFF !important; }
	body.dd-hf-f2:not(.dd-has-svc-bar) { padding-bottom: 72px; }
	body.dd-hf-f2:not(.dd-has-svc-bar) .dd-chat-toggle { bottom: 88px; }
	body.dd-hf-f2:not(.dd-has-svc-bar) .dd-chat-panel { bottom: 156px; height: calc(100vh - 220px); }
	body.dd-hf-f2:not(.dd-has-svc-bar) .scroll-to-top { bottom: 152px; right: 20px; }
}

@media (prefers-reduced-motion: reduce) {
	.dd-h1 *, .dd-f2 * { transition: none !important; animation: none !important; }
	.dd-h1-card:hover, .dd-h1-book:hover, .dd-f2-btn:hover { transform: none; }
}

/* Footer 3 – tidy columns (template-parts/footer/f3.php); band and phone bar come from Footer 2 */
.dd-f3-grid { padding: 44px 0 32px; display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 2fr) minmax(0, 3fr) minmax(0, 2fr); gap: 32px 40px; align-items: start; }
.dd-f3 .dd-f3-title { display: block; list-style: none; margin: 0 0 16px !important; font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--hf-muted); cursor: default; }
.dd-f3 .dd-f3-title::-webkit-details-marker { display: none; }
.dd-f3-rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; font-size: 14px; line-height: 1.55; }
.dd-f3-rows li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; }
.dd-f3-rows i { color: var(--hf-pink); font-size: 15px; margin-top: 3px; text-align: center; }
.dd-f3-rows a { color: var(--hf-ink) !important; text-decoration: none; overflow-wrap: anywhere; }
.dd-f3-rows a:hover { color: var(--hf-pink) !important; text-decoration: underline; text-decoration-color: var(--hf-gold); text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.dd-f3-rows .dd-f2-link { display: inline-block; margin-top: 4px; color: var(--hf-pink) !important; }
.dd-f3-col ul { gap: 10px; }
.dd-f3-col--two ul { display: block; columns: 2; column-gap: 24px; }
.dd-f3-col--two li { break-inside: avoid; margin-bottom: 10px; }
.dd-f3-follow .social-links { display: flex; flex-wrap: wrap; gap: 8px; max-width: 152px; }
.dd-f3-bottom { padding: 18px 0 22px; border-top: 2px dashed var(--hf-gold); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; font-size: 13px; color: var(--hf-muted); }
/* Venture line after the copyright (inc/our-story-content.php) */
.dd-venture a { color: inherit !important; text-decoration: underline !important; text-underline-offset: 3px; }
.dd-venture a:hover { color: var(--hf-pink) !important; }
.dd-f3-legal { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.dd-f3-legal a { color: var(--hf-muted) !important; text-decoration: none; }
.dd-f3-legal a:hover { color: var(--hf-pink) !important; text-decoration: underline; text-decoration-color: var(--hf-gold); text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }
@media (max-width: 1023px) {
	.dd-f3-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.dd-f3-follow .social-links { max-width: none; }
	.dd-f3-bottom { padding-right: 84px; } /* clear of the floating chat and back-to-top buttons */
}
@media (max-width: 767px) {
	.dd-f3-grid { grid-template-columns: minmax(0, 1fr); gap: 0; padding: 22px 0 8px; }
	.dd-f3-visit { padding-bottom: 18px; }
	.dd-f3 .dd-f3-col .dd-f3-title { margin: 0 !important; min-height: 52px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; font-size: 14px; color: var(--hf-ink); }
	.dd-f3-follow { padding-top: 22px; text-align: center; }
	.dd-f3-follow .dd-f3-title { margin-bottom: 12px !important; }
	.dd-f3-follow .social-links { justify-content: center; }
	.dd-f3-bottom { flex-direction: column-reverse; align-items: center; text-align: center; gap: 10px; padding: 18px 0 150px; } /* last lines stay above the floating back-to-top and chat buttons */
	.dd-f3-legal { justify-content: center; }
}

/* News posts: category label and breadcrumb links in the readable pink (site check 6 Oct 2026; #E91E63 on white is 4.0:1) */
.meta-category, .meta-category a, .breadcrumbs a { color: var(--hf-pink) !important; }
/* ...but on a dark page band the light pink, as on the article pages (site check 19 Oct 2026: #BF1951 on dark was 2.9:1) */
.section-dark .breadcrumbs a { color: #F7B9CF !important; }

/* Look 2 (preview ?dd_look=v2): the booking band runs the full width of the screen */
.dd-look-v2 .dd-f3-bandwrap { max-width: none; padding: 0; }
.dd-look-v2 .dd-f3-bandwrap .dd-f2-band { border-radius: 0; padding: 40px max(32px, calc((100% - 1216px) / 2)); }
@media (max-width: 767px) { .dd-look-v2 .dd-f3-bandwrap .dd-f2-band { padding: 28px 16px; } }

/* ---------- Look 2: header and footer gold lines run edge to edge ----------
   (The running-stitch drawing was tried and reverted, 6 Oct 2026; the plain dashed line stays.) */
.dd-f3-stitch { display: none; }
.dd-look-v2 .dd-h1-stitch { max-width: none; margin: 0; }
.dd-look-v2 .dd-f3-stitch { display: block; border-top: 2px dashed var(--hf-gold); }
.dd-look-v2 .dd-f3-bottom { border-top: 0; }

/* Look 2: the floating chat and back-to-top buttons in a soft 50% grey at 95% opacity
   (Poornima, 6 Oct 2026) so they cover the page less; pink returns on hover. White icon
   on #808080 is 3.9:1, above the 3:1 needed for icons. */
.dd-look-v2 .dd-chat-toggle, .dd-look-v2 #scroll-to-top { background: rgba(128, 128, 128, .95) !important; color: #FFFFFF !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); transition: background-color .25s ease, transform .2s ease; }
.dd-look-v2 .dd-chat-toggle:hover, .dd-look-v2 .dd-chat-toggle:focus-visible, .dd-look-v2 #scroll-to-top:hover, .dd-look-v2 #scroll-to-top:focus-visible { background: var(--hf-pink) !important; }

/* Signed in (Poornima, 21 Oct 2026): sit the fixed header below WordPress's admin bar instead of under it,
   so the hours strip shows and no empty band opens above the announcement bar. Visitors never have the admin bar. */
body.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; } }

/* Search box in the header overlay (29 Oct 2026): the search button sits inside the box, on the right */
.search-overlay .search-form-inner { display: flex; align-items: center; border-bottom: 3px solid var(--color-primary, #BF1951); }
.search-overlay .search-form-inner input[type="search"] { flex: 1 1 auto; min-width: 0; border-bottom: 0; }
.search-overlay .search-submit { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #FFFFFF; font-size: 1.5rem; cursor: pointer; transition: background-color .2s ease; }
.search-overlay .search-submit:hover, .search-overlay .search-submit:focus-visible { background: rgba(255, 255, 255, .12); }
.dd-srch-answers { margin-bottom: 18px; }
@media (prefers-reduced-motion: reduce) { .search-overlay .search-submit { transition: none; } }
/* No gold box around the search field (Poornima, 29 Oct 2026): while typing, the line under it turns brighter and thicker instead */
.dd-h1 .search-overlay input[type="search"]:focus-visible, .search-overlay input[type="search"]:focus { outline: none; box-shadow: none; }
.search-overlay .search-form-inner:focus-within { border-bottom-color: #F06292; box-shadow: 0 2px 0 #F06292; }
.dd-h1 .search-overlay .search-submit:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
.search-overlay input[type="search"]::-webkit-search-cancel-button { filter: grayscale(1) brightness(4); cursor: pointer; }