/* =========================================================
   BABYCARE – WordPress block compatibility layer
   Makes content written with plain WordPress blocks look
   identical to the design in assets/css/main.css.
   ========================================================= */

/* ---------- 0. WordPress wraps group children in an extra div.
   Make that wrapper layoutally transparent so grid / flex layouts in
   main.css see the real children. This is what keeps the design intact. */
.wp-block-group__inner-container{display:contents}
/* WordPress applies its own gap between group children — cancel it so the
   spacing from main.css (headings, paragraphs) is the one that wins. */
.entry-content .is-layout-flow > *,
.entry-content .is-layout-constrained > *{margin-block-start:0}

/* ---------- 1. Neutralise WordPress defaults inside pages ---------- */
.bc-landing .entry-content > .wp-block-group,
.bc-landing .entry-content > .wp-block-group > .wp-block-group,
.entry-content .wp-block-group{margin-top:0;margin-bottom:0}
.entry-content .wp-block-image{margin:0}
.entry-content .wp-block-heading{margin-top:0}
.entry-content p.has-background{padding:0}
.entry-content .wp-block-buttons{margin:0;display:flex;flex-wrap:wrap;gap:12px}
.entry-content .wp-block-button{margin:0;width:auto}
.entry-content .wp-block-list{margin-top:0}

/* Buttons written as core Button blocks, styled by main.css .btn */
.wp-block-button .wp-block-button__link.wp-element-button{
	background:transparent;background-color:transparent;
	border:0;border-radius:0;padding:0;box-shadow:none;
	color:inherit;font:inherit;letter-spacing:inherit;
	text-decoration:none;
}
.wp-block-button .wp-block-button__link.wp-element-button:hover{
	background:transparent;transform:none;box-shadow:none;
}
.wp-block-button .wp-block-button__link.wp-element-button::after{content:none}
.wp-block-button.btn{display:inline-flex}
.wp-block-button.btn--block{display:flex;width:100%}

/* ---------- 2. Navigation menus ---------- */
.nav .nav-list,
.nav .menu,
.nav ul{
	display:flex;flex-wrap:wrap;gap:26px;align-items:center;
	list-style:none;margin:0;padding:0;
}
.nav .nav-list li,
.nav ul li{margin:0;padding:0}
.nav .nav-list li a,
.nav .menu li a{
	font-size:.95rem;font-weight:700;color:var(--navy-soft);text-decoration:none;
	padding:6px 0;border-bottom:2px solid transparent;display:inline-block;
}
.nav .nav-list li a:hover,
.nav .menu li a:hover{color:var(--navy);border-color:var(--sky-deep)}
.nav .current-menu-item > a{border-color:var(--sky-deep);color:var(--navy)}

.site-footer ul,
.site-footer .nav-list,
.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.site-footer .nav-list li a,
.footer-links li a{font-size:.92rem;font-weight:600}
.footer-links .current-menu-item > a{color:#fff}

/* ---------- 3. Icons (SVGs are added with CSS, so text stays editable) ---------- */
.tick,
.part-icon,
.value-item svg,
.note::before,
.includes li::before,
.hero-points li::before,
.benefit-list li::before,
.faq summary .plus,
.part-tag::before{flex-shrink:0}

/* check icon used by .tick */
.tick{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6B48' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
	background-size:13px 13px;background-repeat:no-repeat;background-position:center;
}
/* lists that carry their own tick */
.hero-points li,
.benefit-list li,
.includes li{position:relative;padding-left:0}
.hero-points li::before,
.benefit-list li::before,
.includes li::before{
	content:"";position:relative;
	width:22px;height:22px;border-radius:50%;flex:0 0 22px;
	background-color:var(--mint);
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6B48' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");
	background-size:12px 12px;background-repeat:no-repeat;background-position:center;
	margin-top:3px;
}
.includes li::before{width:18px;height:18px;flex:0 0 18px;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E7A57' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:18px 18px;margin-top:4px}
.benefit-list li::before{background-color:#fff;border:1px solid var(--line-strong);box-shadow:var(--sh-sm)}

/* decorative part icon */
.part-icon{
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6B48' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.6-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.4-7 10-7 10z'/%3E%3C/svg%3E");
	background-size:20px 20px;background-repeat:no-repeat;background-position:center;
}
.card--sky .part-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327567B' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M12 4v16M6.3 6.3l11.4 11.4M17.7 6.3L6.3 17.7'/%3E%3C/svg%3E")}
.card--peach .part-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395522F' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3l6 6-9.5 9.5-6-6z'/%3E%3Cpath d='M9 9l6 6'/%3E%3C/svg%3E")}
.card--cream .part-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A6A34' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 10h6M9 14h4'/%3E%3C/svg%3E")}
.card--mint .part-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F6B48' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.6-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.4-7 10-7 10z'/%3E%3C/svg%3E")}

/* value strip icons */
.value-item{position:relative;padding-left:31px}
.value-item::before{
	content:"";position:absolute;left:0;top:50%;translate:0 -50%;
	width:22px;height:22px;
	background-color:#9FC7E4;
	-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.6-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.4-7 10-7 10z'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-4.6-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.4-7 10-7 10z'/%3E%3C/svg%3E");
	-webkit-mask-size:contain;mask-size:contain;
	-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

/* info icon for the .note callout */
.note{position:relative;padding-left:44px}
.note::before{
	content:"";position:absolute;left:16px;top:16px;width:19px;height:19px;
	background-color:#C97A4B;
	-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16.5h.01'/%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8v5M12 16.5h.01'/%3E%3C/svg%3E");
	-webkit-mask-size:contain;mask-size:contain;
	-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}

/* ---------- 4. Preview gallery built with core blocks ---------- */
.shot .shot-cap{
	margin:0;padding:10px 13px;font-size:.8rem;font-weight:750;color:var(--navy);
	border-top:1px solid var(--line);background:#FFFDF9;
}
.shot .wp-block-image{margin:0}
.shot .wp-block-image img{aspect-ratio:3/4;object-fit:cover;object-position:top;width:100%}
.ph{margin:0}
.ph .wp-block-group__inner-container,
.ph > .wp-block-group{padding:0}
.ph p{margin:0;color:#98918A;font-size:.74rem;font-weight:600;line-height:1.4}
.ph strong,.ph p strong{display:block;color:#6C6459;font-size:.84rem;font-weight:800;margin-bottom:2px}

/* ---------- 5. FAQ (core Details block) ---------- */
.faq .wp-block-details{
	background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
	box-shadow:var(--sh-sm);overflow:hidden;margin:0;
	transition:box-shadow .2s ease,border-color .2s ease;
}
.faq .wp-block-details[open]{box-shadow:var(--sh-md);border-color:var(--line-strong)}
.faq .wp-block-details summary{
	cursor:pointer;display:list-item;
	padding:18px clamp(16px,2.6vw,22px);
	font-weight:750;font-size:1rem;color:var(--navy);
	background:none;border:0;
}
.faq .wp-block-details summary:hover{background:none}
.faq .wp-block-details > *:not(summary){
	padding:0 clamp(16px,2.6vw,22px) 20px;color:var(--ink-60);font-size:.95rem;
}
.faq .wp-block-details > p:last-child{margin-bottom:0}

/* ---------- 6. Cover mockup inside blocks ---------- */
.cover-stage .wp-block-image{margin:0;width:min(100%,380px);position:relative;z-index:2}
.cover-stage .wp-block-image img{width:100%;border-radius:6px 14px 14px 6px}
.cover-stage .wp-block-image.cover-book{transform:rotateY(-9deg) rotateX(1.5deg) rotate(-.6deg)}
.bc-cover-plain .wp-block-image img{border-radius:6px 12px 12px 6px;box-shadow:var(--sh-md)}
.final .wp-block-image img{margin-inline:auto;border-radius:4px 10px 10px 4px;box-shadow:-10px 18px 40px -22px rgba(0,0,0,.7)}

/* ---------- 7. Small helpers used in the imported pages ---------- */
.center-btns .wp-block-buttons{justify-content:center}
.gap-lg{margin-top:clamp(24px,4vw,36px)}
.part-tag{background:rgba(255,255,255,.7);border:1px dashed var(--line-strong);border-radius:12px;padding:10px 13px;font-size:.85rem;color:var(--ink-60);font-weight:600;margin:0}
.prose ul.wp-block-list{padding-left:1.35em;list-style:disc}
.prose .callout{margin-top:1.6em}
.wp-block-site-title a,.wp-block-post-title a{text-decoration:none}

/* ---------- 8. Mobile menu note ---------- */
@media (max-width:899px){
	.nav{display:none}
}

/* ---------- 9. Extra helpers for block-built sections ---------- */
.value-item p{margin:0}
.value-item small{display:block;font-size:.72rem;font-weight:600;color:rgba(244,239,230,.62);letter-spacing:.02em}
p.float-badge{margin:0}
p.eyebrow{margin-bottom:18px}
.price-row p{margin:0;flex:0 0 auto}
.price-row{align-items:center;row-gap:8px;column-gap:14px}
.price-row .price-note{white-space:nowrap}
.price-row .price{line-height:1}
.hero-copy .wp-block-buttons{margin-top:4px}
.wp-block-buttons.stack-btns{flex-direction:column;align-items:stretch;max-width:430px;gap:12px}
.wp-block-buttons.stack-btns .wp-block-button.btn{width:100%}
@media (min-width:600px){
	.wp-block-buttons.stack-btns{flex-direction:row;flex-wrap:wrap;align-items:center;max-width:600px}
	.wp-block-buttons.stack-btns .wp-block-button.btn{width:auto}
}
.wp-block-buttons.center-btns{justify-content:center}
.panel .benefit-list li{margin:0}
.steps .step p:last-child{margin-bottom:0}
.part-top .part-icon{width:40px;height:40px;border-radius:13px}
.part-top .part-icon.wp-block-group{margin:0}
.preview-shot .wp-block-image{margin:0}
.device-shadow.wp-block-group{min-height:26px}
.disclaimer p.label{margin-bottom:6px}

/* ---------- 10. Bilingual landing page sections (block-built) ---------- */
.shot .wp-block-image{margin:0}
.shot .wp-block-image.shot-img img{aspect-ratio:3/4;object-fit:cover;object-position:top;width:100%}
.ph .wp-block-paragraph{margin:0}
.ph .ph-title{color:#6C6459;font-size:.86rem;font-weight:800;margin-bottom:2px}
.ph .ph-note{color:#98918A;font-size:.72rem;font-weight:600;line-height:1.4}
.qcard .wp-block-paragraph{margin:0}
.qcard-no.wp-block-paragraph{margin:0;display:grid;place-items:center}
.bcard .wp-block-heading{margin-bottom:.4em}
.age-picker .wp-block-buttons{margin:0}
.age-notes .wp-block-heading{margin-bottom:6px}
.age-card .wp-block-list li{margin-bottom:0}
.card--part .topic-list .wp-block-list-item,
.card--part .topic-list li{margin-bottom:0}
.price-table .price-line .wp-block-paragraph{margin:0}
.pricing-card .wp-block-buttons{margin-top:4px}
.bonus-chips .wp-block-paragraph{margin:0}
.tgrid .wp-block-heading,.ucard .wp-block-heading{margin-bottom:.4em}
.business-box .wp-block-heading{margin-bottom:.4em}
.final-box .wp-block-image img{border-radius:4px 10px 10px 4px}
.owner-note .wp-block-paragraph{margin:0}

/* ---------- 11. v2 refinements ---------- */
.faq .wp-block-details summary{
	display:flex;align-items:center;justify-content:space-between;gap:16px;
	list-style:none;
}
.faq .wp-block-details summary::-webkit-details-marker{display:none}
.faq .wp-block-details summary::after{
	content:"+";flex:0 0 26px;width:26px;height:26px;border-radius:50%;
	display:grid;place-items:center;background:var(--sky);color:var(--navy-soft);
	font-weight:800;font-size:1.05rem;line-height:1;transition:transform .25s ease,background .25s ease;
}
.faq .wp-block-details[open] summary::after{content:"–";background:var(--mint);transform:rotate(180deg)}
.pricing-card .wp-block-buttons{justify-content:center}
.bonus-card .bonus-micro{margin-bottom:0}
.topic-list .wp-block-list-item{margin-bottom:0}
.pricing-card .wp-block-buttons.stack-btns{margin-inline:auto;justify-content:center}
.steps--4.step-grid{align-items:start}

/* ---------- 12. Hindi help on the checkout page ---------- */
.bc-checkout-hi{
	background:var(--cream);border:1px solid var(--line-strong);border-radius:16px;
	padding:16px 18px;margin:0 0 18px;font-size:.92rem;color:var(--navy-soft);
	line-height:1.6;
}
.bc-checkout-hi strong{display:block;color:var(--navy);margin-bottom:6px;font-size:.95rem}
.bc-checkout-hi ul{margin:0;padding-left:1.1em;list-style:disc}
.bc-checkout-hi li{margin-bottom:4px}
.bc-hi{color:#9A3B1B;font-weight:700}

/* ---------- 13. gallery tiles built from blocks ---------- */
.shot.wp-block-group{position:relative;padding:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.shot .wp-block-image{margin:0}
.shot .wp-block-image img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center}
.shot--cover .wp-block-image img{object-position:top}
.shot .shot-tag.wp-block-paragraph{
	position:absolute;top:10px;left:10px;z-index:2;margin:0;padding:4px 9px;border-radius:var(--r-pill);
	font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
	background:rgba(255,255,255,.92);color:var(--navy-soft);border:1px solid var(--line);
}
.shot .shot-tag--real.wp-block-paragraph{background:var(--mint);color:#2F6B48;border-color:rgba(47,107,72,.25)}
.shot .shot-cap.wp-block-paragraph{
	margin:0;padding:10px 13px;font-size:.8rem;font-weight:750;color:var(--navy);
	border-top:1px solid var(--line);background:#FFFDF9;
}

/* ---------- 14. five age-topic boxes: centred text, balanced grid ---------- */
.age-notes.wp-block-group{
	display:grid;gap:14px;margin-top:24px;grid-template-columns:1fr;
	counter-reset:agenote;align-items:stretch;
}
@media (min-width:560px){.age-notes.wp-block-group{grid-template-columns:repeat(2,1fr)}}
@media (min-width:560px) and (max-width:999px){
	.age-notes .age-note:last-child{grid-column:1 / -1;max-width:520px;width:100%;margin-inline:auto}
}
@media (min-width:1000px){.age-notes.wp-block-group{grid-template-columns:repeat(5,1fr)}}
.age-notes .age-note{
	background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:16px;
	padding:20px 14px;text-align:center;overflow-wrap:break-word;
}
.age-notes .age-note::before{
	counter-increment:agenote;content:counter(agenote);
	display:grid;place-items:center;width:28px;height:28px;margin:0 auto 10px;
	border-radius:50%;background:#E7F3EA;color:#2E6B4F;
	font-size:.78rem;font-weight:850;
}
.age-notes .age-note h4,
.age-notes .age-note p{text-align:center}
.age-notes .age-note h4{margin:0 0 6px;font-size:.92rem;line-height:1.35}

/* ---------- 15. launch offer bar inside block content ---------- */
.offer-bar.wp-block-group{position:relative;display:grid;gap:3px}
.offer-bar .offer-line{margin:0}
.offer-bar .offer-timer{margin:3px 0 0}
.offer-bar .offer-over{margin:0}