/* English (LTR) overrides on top of funnel.css.
   funnel.css is the source of truth for the palette; no new colors here. */
html[dir="ltr"] body { text-align: left; }
html[dir="ltr"] .faq-question { text-align: left; }
html[dir="ltr"] .about-card { text-align: left; }
html[dir="ltr"] .purchase-gate { text-align: left; }

/* Free-chapter reading page */
.read-wrap { max-width: 720px; margin: 0 auto; padding: 40px 22px 70px; }
.read-wrap h1 { font-size: 1.9rem; color: var(--clr-primary-dark, #3D5361); line-height: 1.3; margin: 0 0 6px; }
.read-kicker { font-size: .85rem; letter-spacing: .06em; text-transform: uppercase; color: var(--clr-brand, #7B6D8E); font-weight: 700; margin: 0 0 10px; }
.read-meta { font-size: .9rem; color: var(--clr-text-light, #6b7680); margin: 0 0 28px; }
.read-wrap h2 { font-size: 1.35rem; color: var(--clr-primary-dark, #3D5361); margin: 40px 0 14px; line-height: 1.35; }
.read-wrap h3 { font-size: 1.1rem; color: var(--clr-brand, #7B6D8E); margin: 32px 0 10px; }
.read-wrap p, .read-wrap li { font-size: 1.02rem; line-height: 1.85; color: var(--clr-text, #2e3a42); }
.read-fig { background: var(--clr-bg-alt, #EAE2DD); border-radius: 12px; padding: 14px 18px; margin: 22px 0; font-size: .92rem; line-height: 1.7; color: var(--clr-text-light, #5d6871); font-style: italic; }
.read-note { background: #7B6D8E12; border-radius: 12px; padding: 16px 18px; margin: 22px 0; font-size: .95rem; line-height: 1.75; }
.read-sig { font-weight: 700; margin-top: -8px; }
.read-divider { border: none; border-top: 1px solid var(--clr-border, #D4C6BD); margin: 36px 0; }
.read-cta { text-align: center; margin-top: 48px; padding-top: 34px; border-top: 1px solid var(--clr-border, #D4C6BD); }
.read-cta p { color: var(--clr-text-light, #5d6871); font-size: .95rem; }

/* Small interactive tastes inside the free chapter (stay on device, nothing is sent) */
.taste-slider { background: var(--clr-white, #fff); border: 1px solid var(--clr-border, #D4C6BD); border-radius: 14px; padding: 20px 22px; margin: 24px 0; }
.taste-slider label { display: block; font-size: .92rem; color: var(--clr-text-light, #5d6871); margin-bottom: 12px; }
.taste-slider input[type="range"] { width: 100%; accent-color: var(--clr-brand, #7B6D8E); }
.taste-slider .ts-val { font-weight: 700; color: var(--clr-brand, #7B6D8E); }
.taste-slider .ts-note { display: none; font-size: .88rem; color: var(--clr-text-light, #5d6871); margin-top: 10px; }
.taste-slider .ts-note.on { display: block; }
.taste-slider button { margin-top: 12px; background: var(--clr-primary, #3D5361); color: #fff; border: none; border-radius: 9px; padding: 9px 18px; font-family: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.cycle-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 6px; }
.cycle-chip { border: 1.5px solid var(--clr-border, #D4C6BD); background: var(--clr-white, #fff); border-radius: 999px; padding: 9px 16px; font-family: inherit; font-size: .9rem; color: var(--clr-text, #2e3a42); cursor: pointer; }
.cycle-chip.on { border-color: var(--clr-brand, #7B6D8E); background: #7B6D8E15; font-weight: 600; }
.cycle-echo { display: none; margin-top: 12px; border-radius: 10px; padding: 12px 14px; font-size: .92rem; background: #7B6D8E12; }
.cycle-echo.on { display: block; }

/* "Coming soon" state on English product pages */
.soon-badge { display: inline-block; background: var(--clr-bg-alt, #EAE2DD); color: var(--clr-primary-dark, #3D5361); font-size: .85rem; font-weight: 700; border-radius: 999px; padding: 6px 16px; margin: 4px 0 10px; }
.lang-link { font-size: .9rem; }


/* ===== Fixes 4.10: Etsy PDF offer, English images, Tola in LTR ===== */
/* Tola bubble tail and spacing, mirrored for LTR (funnel.css values are RTL) */
html[dir="ltr"] .hero-tola-bubble::before { right: auto; left: -7px; }
html[dir="ltr"] .guide-tola { margin-left: 0; margin-right: 10px; }
.tola-meet { max-width: 720px; margin: 0 auto; }
.tola-meet .guide-title, .tola-meet .guide-text, .tola-meet .guide-cta-link { text-align: left; }

/* PDF badge (replaces the old "coming soon" badge) */
.pdf-badge { display: inline-block; background: var(--clr-bg-alt, #EAE2DD); color: var(--clr-primary-dark, #3D5361); font-size: .85rem; font-weight: 700; border-radius: 999px; padding: 6px 16px; margin: 4px 0 10px; }

/* Home cards: square English mockups, Etsy button plus a quiet link to the page */
.workbook-card .workbook-cover.is-mock { aspect-ratio: 1 / 1; background: #F2EDE5; }
.workbook-card .workbook-cover.is-mock img { display: block; width: 100%; height: 100%; object-fit: contain; }
.workbook-card { cursor: default; }
.workbook-card > a.btn-primary::after, .workbook-card > a.btn-secondary::after { content: none; }
.workbook-card .card-link { display: block; text-align: center; margin-top: 12px; font-size: .95rem; color: var(--clr-primary-dark, #3D5361); text-decoration: underline; }
.bundle-row { display: flex; align-items: center; gap: 28px; max-width: 820px; margin: 36px auto 0; background: var(--clr-white, #fff); border: 1px solid var(--clr-border, #D4C6BD); border-radius: 18px; padding: 20px 24px; }
.bundle-row img { width: 220px; height: auto; border-radius: 10px; flex: 0 0 220px; }
.bundle-text h3 { margin: 0 0 6px; color: var(--clr-primary-dark, #3D5361); }
.bundle-text p { margin: 0 0 16px; color: var(--clr-text-light, #5d6871); line-height: 1.6; }
@media (max-width: 640px) { .bundle-row { flex-direction: column; text-align: center; padding: 18px; } .bundle-row img { width: 100%; max-width: 320px; flex: 0 0 auto; } }

/* Product pages: Etsy button area */
.hero-actions .btn-primary, .final-cta-actions .btn-primary { white-space: normal; text-align: center; }
.disclaimer-bar a { color: inherit; text-decoration: underline; }
.workbook-card .workbook-cover.is-mock .cover-badge { display: none; }

/* 4.10: hero in one centred column (funnel.css forces two columns with !important) */
.hero-solo .hero-inner { grid-template-columns: 1fr !important; }
.hero-solo .hero-tola { justify-content: center; margin-inline: auto; }
.disclaimer-bar { display: block; }