/* ==========================================================================
   Resource page sections (block patterns in inc/resources-patterns.php).
   Loaded on the site and inside the block editor. Every style hangs off a
   "bmr-" class that the patterns set in Advanced > Additional CSS class(es).
   ========================================================================== */

/* Jump links ("On this page") */
.bmr-jump{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 32px}
.bmr-jump a{display:inline-flex;align-items:center;gap:8px;border:1px solid #A59586;border-radius:999px;padding:8px 16px;font-size:13px;line-height:1.4;color:#000;text-decoration:none;white-space:nowrap}
.bmr-jump a strong{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;color:#6e6052}
.bmr-jump a:hover,.bmr-jump a:focus{background:#DDD3C5;text-decoration:none}

/* Intro paragraph directly above the jump links: text on the left, buttons on the right */
:is(.entry-content,.is-root-container)>p:has(+.bmr-jump){float:left;width:min(560px,55%);margin:0 0 32px!important}
:is(.entry-content,.is-root-container)>p:has(+.bmr-jump)+.bmr-jump{justify-content:flex-end;padding-left:32px}
:is(.entry-content,.is-root-container)>.bmr-jump+*{clear:both}

/* Sections */
.bmr-section{padding:72px 0;scroll-margin-top:24px}
.bmr-band{background:#DDD3C5;box-shadow:0 0 0 100vmax #DDD3C5;clip-path:inset(0 -100vmax)}

/* Section header: big number + label + heading + intro */
.bmr-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;align-items:start;margin:0 0 40px;max-width:820px}
.bmr-head>*{margin:0}
.bmr-num{font-family:'Libre Baskerville',Georgia,serif;font-size:64px!important;line-height:1!important;color:#B2BDA0;margin:0!important}
.bmr-band .bmr-num{color:#A59586}
.bmr-eyebrow{font-size:11px!important;font-weight:600;text-transform:uppercase;letter-spacing:.2em;line-height:1.7;margin:4px 0 12px!important}
.bmr-eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:#B2BDA0;margin:0 12px 4px 0}
.bmr-head h2{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:clamp(26px,3vw,36px);line-height:1.25;margin:0 0 12px}
.bmr-head p:not(.bmr-num):not(.bmr-eyebrow){margin:0;max-width:620px}

/* Card grids */
.bmr-grid{display:grid;gap:28px}
.bmr-grid>*{margin:0!important}
.bmr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bmr-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bmr-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Shared card text */
.bmr-tag{font-size:11px!important;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#6e6052;margin:0 0 10px!important}
.bmr-card h3,.bmr-tool h3,.bmr-product h3,.bmr-store h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;margin:0 0 10px}

/* Expert / voice cards */
.bmr-card{background:#fff;border-top:3px solid #B2BDA0;padding:28px 26px;border-radius:3px}
.bmr-card h3{font-size:21px;line-height:1.35}
.bmr-card p{font-size:15px;line-height:1.7;margin:0 0 16px}
.bmr-card>*:last-child{margin-bottom:0}
.bmr-links a,.bmr-product-link a{font-size:13px;font-weight:600;color:#000;text-decoration:underline;text-underline-offset:4px;margin-right:18px}

/* Free tool cards */
.bmr-tool{background:#FAF8F3;padding:36px;border-radius:3px;display:flex;flex-direction:column;align-items:flex-start}
.bmr-badge{display:inline-block;background:#B2BDA0;font-size:11px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;padding:6px 12px;border-radius:999px;margin:0 0 18px!important}
.bmr-tool h3{font-size:26px;line-height:1.3}
.bmr-tool p:not(.bmr-badge){font-size:15px;margin:0 0 24px}
.bmr-tool .wp-block-buttons{margin-top:auto}

/* Buttons */
.bmr-btn .wp-block-button__link{display:inline-block;background:#A59586;color:#000;border:0;padding:13px 22px;border-radius:3px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}
.bmr-btn .wp-block-button__link:hover,.bmr-btn .wp-block-button__link:focus{background:#000;color:#fff;text-decoration:none}

/* Product cards */
.bmr-product .wp-block-image{margin:0 0 16px}
.bmr-product .wp-block-image img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px}
.bmr-product h3{font-size:18px;line-height:1.4}
.bmr-product p{font-size:14px;margin:0 0 10px}

/* Storefront banner + disclosure */
.bmr-store{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#B2BDA0;padding:32px 36px;border-radius:3px;margin-top:48px}
.bmr-store h3{font-size:24px;margin:0 0 4px}
.bmr-store p{margin:0}
.bmr-store .wp-block-buttons{margin:0;flex-shrink:0}
.bmr-disclosure{font-size:12px!important;line-height:1.6;opacity:.75;margin:20px 0 24px!important;max-width:820px}
.bmr-section>.bmr-disclosure:last-child{margin-bottom:0!important}
/* A note placed directly above the storefront banner sits with the banner, well clear of the products */
.bmr-section>p:has(+.bmr-store){margin:48px 0 14px!important;max-width:820px}
.bmr-section>p:has(+.bmr-store)+.bmr-store{margin-top:0}
/* A note placed directly above the product grid */
.bmr-section>p:has(+.bmr-grid){margin:0 0 24px!important}

@media(max-width:900px){
	:is(.entry-content,.is-root-container)>p:has(+.bmr-jump){float:none;width:auto;margin:0 0 20px!important}
	:is(.entry-content,.is-root-container)>p:has(+.bmr-jump)+.bmr-jump{justify-content:flex-start;padding-left:0}
	.bmr-grid-3{grid-template-columns:1fr}
	.bmr-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
	.bmr-grid-2{grid-template-columns:1fr}
	.bmr-head{grid-template-columns:1fr;gap:8px}
	.bmr-num{font-size:44px!important}
	.bmr-section{padding:48px 0}
	.bmr-store{flex-direction:column;align-items:flex-start;padding:28px 24px}
	.bmr-tool{padding:28px 24px}
}

/* ==========================================================================
   Link-in-bio page (pattern "Link in bio page" in inc/resources-patterns.php)
   ========================================================================== */
.bmb{max-width:570px;margin:0 auto;padding:64px 0 72px;text-align:center}
.bmb>*{margin-left:auto;margin-right:auto}
.bmb-mark{width:68px;height:68px;border-radius:50%;display:grid;place-content:center;background:#B2BDA0;font-family:'Libre Baskerville',Georgia,serif;font-size:24px!important;line-height:1!important;margin:0 auto 28px!important}
/* An image block at the top of the link-in-bio page (avatar or logo) becomes a 96px circle */
.bmb>.wp-block-image:first-child{margin:0 auto 24px!important;text-align:center}
.bmb>.wp-block-image:first-child img{width:96px!important;height:96px!important;object-fit:cover;border-radius:50%;display:inline-block}
.bmb .bm-eyebrow{margin:0 0 14px!important}
.bmb h1{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:clamp(30px,5vw,38px);line-height:1.25;margin:0 0 12px}
.bmb-tagline{margin:0 0 32px!important}
.bmb>p:has(>.bm-bio-link){margin:0 0 14px!important}
.bmb .bm-bio-link{margin:0;padding:20px 24px;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none}
.bmb .wp-block-buttons{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:0 0 32px}
.bmb .bmb-link{width:100%;margin:0!important}
.bmb .bmb-link .wp-block-button__link{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;padding:20px 24px;background:#DDD3C5;border:1px solid #A59586;border-radius:3px;color:#000;font-size:16px;font-weight:500;line-height:1.4;text-decoration:none}
.bmb .bmb-link .wp-block-button__link:after{content:"\2197";flex-shrink:0}
.bmb .bmb-link .wp-block-button__link:hover,.bmb .bmb-link .wp-block-button__link:focus{background:#A59586;color:#000;text-decoration:none}
.bmb-note{font-size:14px!important}
.bmb-note a{color:#000;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.bmb{padding:44px 0 56px}.bmb .bmb-link .wp-block-button__link,.bmb .bm-bio-link{padding:18px 20px}}
/* Profile image from Appearance > Customize > Link in Bio Page */
.bmb>.bmb-avatar{margin:0 auto 24px;text-align:center}
.bmb>.bmb-avatar img{width:96px;height:96px;object-fit:cover;border-radius:50%;display:inline-block}
.bmb-avatar~.bmb-mark{display:none}
.bmb>p:empty{display:none}
.bmb>.bm-bio-link{margin:0 0 14px!important}