/* Shared Home components (Bricks Untitled UI equivalents) */

/* Icons drawn from the same SVGs Bricks used, tinted via currentColor */
.subfort-ico { display: inline-block; width: 24px; height: 24px; flex: none; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }
.ico-chat { --ico: url(/wp-content/uploads/2024/10/message-chat-circle.svg); }
.ico-zap-fast { --ico: url(/wp-content/uploads/2024/10/zap-fast-new.svg); }
.ico-chart { --ico: url(/wp-content/uploads/2024/10/chart-breakout-square.svg); }
.ico-zap { --ico: url(/wp-content/uploads/2024/11/zap.svg); }
.ico-plus-circle { --ico: url(/wp-content/uploads/2024/10/Icon-wrap.svg); }
.ico-play-circle { --ico: url(/wp-content/uploads/2024/10/play-circle-2.svg); }
.ico-arrow-right { --ico: url(/wp-content/uploads/2024/10/arrow-right2.svg); }
.ico-check { --ico: url(/wp-content/uploads/2024/10/Check-icon.svg); }

/* Featured icon: 48px light circle */
.subfort-ficon { width: 48px; height: 48px; border-radius: 9999px; display: grid; place-items: center; background: var(--wp--preset--color--brand-100); color: var(--wp--preset--color--brand-600); }
.subfort-ficon--outline { border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--white); border: 1px solid var(--wp--preset--color--border-tertiary); box-shadow: var(--wp--preset--shadow--xs-skeuomorphic); color: var(--wp--preset--color--text-secondary); }

/* Check list */
ul.is-style-check { list-style: none; padding-left: 16px !important; margin: 0; }
ul.is-style-check li { position: relative; padding-left: 40px; margin: 0 0 20px; }
ul.is-style-check li:last-child { margin-bottom: 0; }
ul.is-style-check li::before { content: ""; position: absolute; left: 0; top: 0; width: 28px; height: 28px; background: var(--wp--preset--color--brand-600); -webkit-mask: url(/wp-content/uploads/2024/10/Check-icon.svg) center / contain no-repeat; mask: url(/wp-content/uploads/2024/10/Check-icon.svg) center / contain no-repeat; }

/* Badge group: "What's new?" pill + link with arrow */
p.subfort-badge-group { display: inline-flex; align-items: center; gap: 12px; padding: 4px 10px 4px 4px; border: 1px solid var(--wp--preset--color--brand-200); border-radius: 9999px; background: var(--wp--preset--color--brand-50); font-size: var(--wp--preset--font-size--text-sm); font-weight: 500; line-height: 1.42; color: var(--wp--preset--color--brand-700); max-width: none; }
.subfort-badge-group__tag { padding: 2px 10px; border: 1px solid var(--wp--preset--color--brand-200); border-radius: 9999px; background: var(--wp--preset--color--white); }
.subfort-badge-group a { display: inline-flex; align-items: center; gap: 4px; color: inherit; text-decoration: none; }
.subfort-badge-group a::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url(/wp-content/uploads/2024/10/arrow-right2.svg) center / contain no-repeat; mask: url(/wp-content/uploads/2024/10/arrow-right2.svg) center / contain no-repeat; }

/* Buttons: 2xl size and leading icons */
.subfort-btn-xl .wp-block-button__link { font-size: var(--wp--preset--font-size--text-lg); padding: 16px 22px; border-radius: var(--wp--custom--radius--md); }
.wp-block-button.is-style-secondary .wp-block-button__link { border-radius: var(--wp--custom--radius--lg); }
.wp-block-button[class*=" ico-"] .wp-block-button__link { display: inline-flex; align-items: center; gap: 12px; }
.wp-block-button[class*=" ico-"] .wp-block-button__link::before { content: ""; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--ico) center / contain no-repeat; mask: var(--ico) center / contain no-repeat; }

/* Section header (eyebrow + title + lead) */
.subfort-section-head .subfort-eyebrow { margin: 0; }

/* Feature rows: text then image in markup; reversed rows put the image left on desktop */
.subfort-feature-row { gap: 96px !important; align-items: center !important; }
@media (min-width: 782px) { .subfort-feature-row.is-reversed { flex-direction: row-reverse; } }
.subfort-feature-row .wp-block-image img { width: 100%; background: var(--wp--preset--color--bg-tertiary); }

@media (max-width: 599px) {
	.subfort-hero-buttons { flex-direction: column-reverse; align-items: stretch !important; width: 100%; }
	.subfort-hero-buttons .wp-block-button { width: 100%; }
	.subfort-hero-buttons .wp-block-button__link { width: 100%; justify-content: center; font-size: var(--wp--preset--font-size--text-md); padding: 12px 18px; }
	p.subfort-badge-group { font-size: 12px; }
	.subfort-feature-row { gap: 2.5rem !important; }
	.subfort-feature-rows { margin-top: 3rem !important; gap: 4rem !important; }
	.subfort-feature-row h3 { margin-top: 1rem !important; }
	.subfort-feature-row h3 + p { margin-top: 0.5rem !important; }
	.subfort-feature-row .is-style-check { margin-top: 1.5rem !important; }
}

/* Hero vertical rhythm (Bricks: image 125px from the top, 147px to the next section on desktop) */
@media (min-width: 782px) { .subfort-hero { padding-top: 125px !important; padding-bottom: 147px !important; } }

/* Integrations cards: logo tile overlapping the card top */
.subfort-integrations { max-width: 50rem; margin-inline: auto !important; }
.wp-block-columns .subfort-integration-card { position: relative; margin-top: 32px !important; padding: 56px 40px 32px !important; border-radius: var(--wp--custom--radius--2xl) !important; background: var(--wp--preset--color--bg-secondary); overflow: visible; }
.subfort-integration-card .subfort-logo-tile { position: absolute; top: -32px; left: 50%; transform: translateX(-50%); margin: 0; padding: 4px; border: 1px solid var(--wp--preset--color--border-secondary); border-radius: var(--wp--custom--radius--lg); background: var(--wp--preset--color--white); box-shadow: var(--wp--preset--shadow--xs); }
.subfort-integration-card .subfort-logo-tile img { display: block; }
.subfort-integration-card h3 { margin-top: 0 !important; }
.subfort-integration-card p a { color: inherit; font-weight: 600; text-decoration: none; }

/* Bunny band */
.subfort-btn-lg .wp-block-button__link { padding: 12px 18px; }
.subfort-stat-number { font-weight: 700; line-height: 1.4; letter-spacing: -0.02em; margin: 0; }
.subfort-stats .wp-block-column p:not(.subfort-stat-number) { margin-top: 0.5rem; }

/* Pill eyebrow (Analytics Features) */
p.subfort-pill { margin: 0; max-width: none; }
p.subfort-pill span { display: inline-block; padding: 2px 10px; border: 1px solid var(--wp--preset--color--brand-200); border-radius: 9999px; background: var(--wp--preset--color--brand-50); color: var(--wp--preset--color--brand-700); font-size: var(--wp--preset--font-size--text-sm); font-weight: 500; line-height: 1.42; }

/* Analytics stats */
.subfort-center { margin-inline: auto; }
.subfort-analytics-stats p { max-width: none; }

/* FAQ (core accordion) */
.subfort-faq { max-width: 48rem; margin-inline: auto !important; }
.subfort-faq .wp-block-accordion-item { border-bottom: 1px solid var(--wp--preset--color--border-secondary); padding: 25px 0; margin: 0; }
.subfort-faq .wp-block-accordion-item:first-child { padding-top: 0; }
.subfort-faq .wp-block-accordion-item:last-child { border-bottom: 0; }
.subfort-faq .wp-block-accordion-heading { margin: 0; font-size: var(--wp--preset--font-size--text-lg); font-weight: 500; line-height: 1.56; letter-spacing: normal; }
.subfort-faq .wp-block-accordion-heading__toggle { display: flex; width: 100%; gap: 24px; justify-content: space-between; align-items: flex-start; padding: 0; background: none; border: 0; color: var(--wp--preset--color--text-primary); font: inherit; text-align: left; cursor: pointer; }
.subfort-faq .wp-block-accordion-heading__toggle-title { flex: 1; }
.subfort-faq .wp-block-accordion-heading__toggle-icon { font-size: 0; width: 24px; height: 24px; flex: none; margin-top: 2px; background: var(--wp--preset--color--fg-quinary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v8m-4-4h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v8m-4-4h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E") center / contain no-repeat; transform: none !important; }
.subfort-faq .is-open .wp-block-accordion-heading__toggle-icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 12h8m6 0c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z'/%3E%3C/svg%3E"); }
.subfort-faq .wp-block-accordion-panel { padding: 4px 48px 0 0; }
.subfort-faq .wp-block-accordion-panel p { margin: 0; max-width: none; }
.subfort-faq .wp-block-accordion-panel a { color: inherit; text-decoration: none; }

/* Still have questions */
.subfort-avatars .wp-block-image { margin: 0 -6px; position: relative; }
.subfort-avatars .wp-block-image:nth-child(2) { z-index: 1; }
.subfort-avatars img { border-radius: 9999px; border: 1.5px solid var(--wp--preset--color--white); background: #DDC0CE; }
.subfort-avatars .wp-block-image:last-child img { background: #C6D0CB; }
.subfort-help-card p { max-width: none; }
.subfort-btn-md .wp-block-button__link { padding: 10px 16px; }

/* CTA */
.subfort-cta p { max-width: none; }
@media (max-width: 599px) {
	.subfort-cta-buttons, .subfort-bunny-buttons { flex-direction: column-reverse; align-items: stretch !important; width: 100%; }
	.subfort-cta-buttons .wp-block-button__link, .subfort-bunny-buttons .wp-block-button__link { width: 100%; }
}

/* Featured icon = Group + Image (editable core blocks) */
.subfort-ficon { flex: none; }
.subfort-ficon .wp-block-image { margin: 0; line-height: 0; }
.subfort-ficon .wp-block-image img { display: block; }
.subfort-analytics-stats .subfort-ficon, .subfort-ficon--outline.aligncenter { margin-inline: auto; }