/*
Theme Name: SaasLauncher
Theme URI: https://cozythemes.com/saaslauncher-wordpress-theme/
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: SaasLauncher is a modern, block-based WordPress theme crafted specifically for SaaS products, startups, agencies, and businesses. Built with Full Site Editing (FSE), it gives you complete control to fully customize every corner of your site—from headers and footers to every page template. With 70+ ready-to-use pre-built sections and 50+ professionally designed starter templates, you can launch your site effortlessly and tailor it to your brand in minutes. Whether you're building a product landing page, SaaS landing page, agency portfolio, or corporate website, SaasLauncher offers a seamless, flexible, and fast design experience. It's WooCommerce-ready, responsive, and compatible with popular plugins like Contact Form 7, Rankmath, WPForms, Yoast SEO and more. Plus, it comes with Cozy Blocks’ 50+ advanced Gutenberg blocks, giving you all the tools you need to build stunning websites—your way. Explore features and demos at https://cozythemes.com/saaslauncher-wordpress-theme/.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, style-variations, featured-images, portfolio, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
Version: 1.3.3
Requires at least: 5.9
Tested up to: 6.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saaslauncher
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html {
  overscroll-behavior: none !important;
}

:root {
  --hn-zenith:      #050b1a;   /* almost-black blue          */
  --hn-sky:         #070e23;   /* deep navy                  */
  --hn-sky-mid:     #0c1635;   /* dark blue                  */
  --hn-dusk:        #101d42;   /* transitional indigo        */
  --hn-indigo:      #1a1040;   /* pre-dawn indigo            */
  --hn-purple:      #2a1854;   /* deep purple                */
  --hn-mauve:       #4a2872;   /* twilight mauve             */
  --hn-rose:        #7b4a8a;   /* dusky rose                 */
  --hn-amber:       #a06d5e;   /* warm amber                 */
  --hn-gold:        #c99265;   /* sunrise gold               */
  --hn-cream:       #e4c49a;   /* pale gold                  */
  --hn-shell:       #f0e0cc;   /* warm cream                 */
  --hn-mist:        #f8f0e8;   /* near-white warm            */
}

.wp-block-comments textarea#comment {
  border-radius: 4px;
}
input[type="submit"] {
  transition: all ease 0.23s;
  -o-transition: all ease 0.23s;
  -moz-transition: all ease 0.23s;
  -webkit-transition: all ease 0.23s;
}

header > div {
	z-index: 2 !important;
}
main {
	z-index: 1;
}

.wp-site-blocks {
	margin-top: -2px;
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select {
  border-radius: 5px;
  border: 1px solid #dad7d7;
  padding: 15px;
  width: 100%;
  margin-top: 10px;
  box-sizing: border-box;
}
.wpcf7-form-control.wpcf7-select {
  appearance: none;
  position: relative;
}
.wpcf7-form-control.wpcf7-select:after {
  content: ">";
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
}
form.wpcf7-form *::placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-moz-placeholder {
  font-size: 14px;
}
form.wpcf7-form *::-webkit-input-placeholder {
  font-size: 14px;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border-radius: 6px;
  border: 0;
  font-size: 16px;
  padding: 15px 40px;
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--light-color);
}
.wp-block-contact-form-7-contact-form-selector .wpcf7-form input,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form select,
.wp-block-contact-form-7-contact-form-selector .wpcf7-form textarea {
  border-radius: 6px;
  border: 1px solid var(--wp--preset--color--foreground);
  background: transparent;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter .wpcf7-form input {
  border-radius: 0;
  border: 0;
  border: 1px solid var(--wp--preset--color--light-color);
  background: transparent;
}
form.comment-form {
  border-radius: 20px;
  margin-top: 24px;
}
.wp-block-post-comments-form {
  border-radius: 20px;
}
form.comment-form input[type="email"],
form.comment-form input[type="text"],
form.comment-form input[type="url"],
form.comment-form textarea {
  border-radius: 5px;
  margin: 12px 0 25px;
}
form.comment-form .form-submit.wp-block-button {
  margin-top: 25px;
}
.wp-block-comment-author-name {
  font-weight: 600;
}

.wp-block-comment-date a {
  color: var(--wp--preset--color--foreground);
  font-size: 13px;
}
.wp-block-comment-template li {
  margin-top: 50px;
  border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li li {
  margin-top: 10px;
  padding-left: 60px;
  border-bottom: 0;
}
a.comment-reply-link {
  background: var(--wp--preset--color--background-alt);
  padding: 5px 12px;
  border-radius: 5px;
}
.wp-block-post-comments-form {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}
.woocommerce ul.products li.product a img {
  border-radius: 5px;
  height: 350px;
  object-fit: cover;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  margin: 0 2.5% 2.992em 0;
  width: 23.1%;
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
  margin-right: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
  display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  border: 0;
}
.woocommerce #reviews #comments ol.commentlist {
  padding: 0;
  margin-top: 20px !important;
}
.woocommerce-page .input-text {
  padding: 11px 30px;
  border: 1px solid #817e7e;
  border-radius: 5px;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a,
.wp-block-heading a {
  text-decoration: underline;
}
.entry-content.wp-block-post-content a:hover,
.wp-block-comment-content a:hover,
p a:hover,
.wp-block-heading a:hover {
  color: var(--wp--preset--color--secondary);
}
nav.wp-block-navigation ul li a:hover {
  color: var(--wp--preset--color--secondary) !important;
}
.wp-block-group.saaslauncher-product-image {
  position: relative;
  overflow: hidden;
}
.wp-block-group.saaslauncher-product-image .wc-block-components-product-image {
  margin: 0;
}
.wp-block-columns.saaslauncher-product-buttons {
  position: absolute;
  width: 80%;
  bottom: -40px;
  left: 10%;
  transition: all ease 0.23s;
  opacity: 0;
}
.wp-block-group.saaslauncher-product-box:hover .wp-block-columns.saaslauncher-product-buttons {
  opacity: 1;
  bottom: 24px;
}
.wp-block-group.saaslauncher-product-box .wc-block-components-product-sale-badge,
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale {
  font-size: 12px;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  border: 0;
  top: 12px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  border-radius: 50%;
  z-index: 1;
}
.wp-block-group.saaslauncher-product-box .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-left {
  left: 12px;
}
.wp-block-woocommerce-product-sale-badge.saaslauncher-sales-bade .wc-block-components-product-sale-badge {
  right: 12px;
  position: absolute;
}
.wp-block-group.saaslauncher-product-box .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right {
  right: 12px;
}
.wp-block-group.saaslauncher-product-box .wp-block-group.saaslauncher-product-image img {
  transition: all ease 0.23s;
}

.wp-block-group.saaslauncher-product-box:hover .wp-block-group.saaslauncher-product-image {
  transform: translateY(-7px);
}
.wp-block-group.saaslauncher-product-box .wc-block-components-product-price del {
  color: var(--wp--preset--color--primary);
}
.wp-block-group.saaslauncher-product-box .wc-block-components-product-price ins {
  text-decoration: none;
}
.wp-block-group.saaslauncher-product-box .wp-block-woocommerce-product-price {
  margin-block-start: 0;
}
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before {
  color: var(--wp--preset--color--meta-color);
}
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before,
.wc-block-grid__product-rating .star-rating span:before,
.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before {
  color: var(--wp--preset--color--star-color);
}
.wp-block-group.saaslauncher-product-box a.wp-block-read-more,
.wp-block-group.saaslauncher-product-box a.wp-block-button__link.wp-element-button.wc-block-components-product-button__button,
.wp-block-group.saaslauncher-product-box button.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button {
  width: 100%;
  text-align: center;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  padding: 12px 0;
  font-size: 14px;
  border-radius: 30px;
}
.wp-block-group.saaslauncher-product-box a.wp-block-read-more:hover,
.wp-block-group.saaslauncher-product-box a.wp-block-button__link.wp-element-button.wc-block-components-product-button__button:hover,
.wp-block-group.saaslauncher-product-box button.wp-block-button__link.wp-element-button.wc-block-components-product-button__button.add_to_cart_button:hover {
  background: var(--wp--preset--color--secondary);
}
figure.wp-block-gallery.saaslauncher-brands figure.wp-block-image {
  margin-bottom: 0 !important;
}
figure.wp-block-gallery.saaslauncher-brands figure.wp-block-image img {
  max-height: 84px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  transition: all ease 0.23s;
}
figure.wp-block-gallery.saaslauncher-brands figure.wp-block-image img:hover {
  transform: scale(1.1);
}
.wp-block-cover.saaslauncher-cover-hover {
  background: #000;
}
.wp-block-cover.saaslauncher-cover-hover:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  opacity: 0.35;
  -webkit-opacity: 0.35;
  -moz-opacity: 0.35;
}
.wp-block-cover.saaslauncher-cover-hover.opacity-none:hover img {
  opacity: 1;
  -webkit-opacity: 1;
  -moz-opacity: 1;
}
.wp-block-group.saaslauncher-product-cats {
  transition: all ease 0.23s;
}
.wp-block-group.saaslauncher-product-cats:hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter form.wpcf7-form {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter span.wpcf7-form-control-wrap {
  width: 100%;
  float: left;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter input.wpcf7-form-control.wpcf7-submit:hover {
  background: var(--wp--preset--color--secondary);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter input.wpcf7-form-control.wpcf7-submit {
  margin-top: 10px;
  background: var(--wp--preset--color--primary);
  height: 50px;
  position: absolute;
  right: 8px;
  padding: 0 30px;
  color: #fff;
  top: 8px;
  color: #fff;
  font-size: 18px;
  border: 0;
  border-radius: 0;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter span.wpcf7-form-control-wrap input {
  height: 65px;
  padding: 0 20px;
  color: #fff;
  transition: all ease 0.23s;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter span.wpcf7-form-control-wrap input:focus {
  padding-left: 20px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter span.wpcf7-form-control-wrap input::placeholder {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
}
.saaslauncher-nav-search.wp-block-search .wp-block-search__inside-wrapper {
  justify-content: end;
}
.saaslauncher-nav-search.wp-block-search .wp-block-search__inside-wrapper svg {
  height: 34px;
  width: 34px;
}

.saaslauncher-nav-search.wp-block-search .wp-block-search__button {
  width: 100%;
  max-width: 60px;
}
.wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon {
  width: 21px;
  height: 21px;
}
.saaslauncher-navigation.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  padding: 0;
  border: 0;
  transition: all ease 0.23s;
  transform: translateY(40px);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.23);
}
.saaslauncher-navigation.wp-block-navigation li:hover ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
  transform: translateY(0px);
}
.wp-block-navigation.saaslauncher-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
  line-height: 50px;
}
.saaslauncher-navigation.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content {
  line-height: 30px;
  transition: all ease 0.23s;
}
.saaslauncher-navigation.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
  background-color: #ededed;
}
.woocommerce.wc-block-catalog-sorting select.orderby {
  height: 30px;
  border: 0;
}
.wc-block-product-categories.saaslauncher-products-category-filter ul.wc-block-product-categories-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wc-block-product-categories.saaslauncher-products-category-filter ul.wc-block-product-categories-list li {
  margin-bottom: 7px;
}
.wc-block-product-categories.saaslauncher-products-category-filter ul.wc-block-product-categories-list li a:hover span.wc-block-product-categories-list-item__name {
  color: var(--wp--preset--color--primary);
}
.woocommerce .wp-block-woocommerce-product-image-gallery {
  max-width: 100%;
}
.woocommerce .wp-block-woocommerce-product-image-gallery span.onsale {
  left: 10px;
  right: unset;
  z-index: 1;
  top: 10px;
  background: var(--wp--preset--color--primary);
  font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: transparent;
  border: 0;
  margin: 0 24px 0 0 !important;
  padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
  display: none;
}
html body .wp-block-woocommerce-product-details.is-style-minimal ul.tabs.wc-tabs {
  border-bottom: 1px solid;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0;
  border-width: 0;
  position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--wp--preset--color--primary) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  padding: 6px 0 !important;
  font-weight: 400;
  position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:after {
  content: "";
  width: 100%;
  height: 3px;
  left: 0;
  bottom: -3px;
  position: absolute;
  background: var(--wp--preset--color--primary);
}
.woocommerce div.product .woocommerce-tabs ul.tabs:after {
  background-color: var(--wp--preset--color--border-color);
}
.woocommerce-tabs.wc-tabs-wrapper h2 {
  font-size: 24px;
  font-weight: 600;
}
button.single_add_to_cart_button.button.alt.wp-element-button,
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block a.components-button.wc-block-components-button,
a.components-button.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained {
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--light-color);
  padding: 15px 60px;
}
button.single_add_to_cart_button.button.alt.wp-element-button:hover,
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block a.components-button.wc-block-components-button:hover,
a.components-button.wc-block-components-button.wp-element-button.wp-block-woocommerce-mini-cart-checkout-button-block.wc-block-mini-cart__footer-checkout.contained:hover {
  background: var(--wp--preset--color--secondary);
}
.woocommerce div.product form.cart div.quantity .qty {
  background: #f3f3f3;
  border: 0;
  padding: 2px 20px;
  font-size: 20px;
}
.wp-block-woocommerce-cart-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--wp--preset--color--light-shade);
  padding: 24px;
  border-radius: 20px;
}
.wc-block-cart__submit.wp-block-woocommerce-proceed-to-checkout-block {
  margin-top: 24px;
}
.wc-block-cart-item__wrap a.wc-block-components-product-name:hover {
  color: var(--wp--preset--color--secondary);
}
.wc-block-components-totals-wrapper {
  border-top: 0;
}
figure.wp-block-image.saaslauncher-app-image img {
  margin-top: -105px;
}
.wp-block-button.saaslauncher-more-products a.wp-element-button:hover {
  border-bottom-color: var(--wp--preset--color--secondary) !important;
}
button.components-button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
  color: #fff;
}
form.comment-form .form-submit.wp-block-button input#submit {
  color: #fff;
  padding: 16px 30px;
}
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
  border-color: var(--wp--preset--color--foreground);
}
.wp-block-button.saaslauncher-cat-more a.wp-block-button__link {
  width: 40px;
  height: 40px;
  text-indent: -5000px;
  padding: 0;
  position: relative;
  opacity: 0;
  transform: translateY(20px);
}

.wp-block-button.saaslauncher-cat-more a.wp-block-button__link:after {
  content: "";
  width: 10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 7px 0 7px 11px;
  border-color: transparent transparent transparent var(--wp--preset--color--primary);
  transform: rotate(0deg);
  position: absolute;
  left: 16px;
  top: 14px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
  border: 0 !important;
}
.wp-block-button.saaslauncher-cat-more a.wp-block-button__link:hover:after {
  border-color: transparent transparent transparent var(--wp--preset--color--light-color);
}
.wp-block-cover.saaslauncher-category-box:hover .wp-block-button.saaslauncher-cat-more a.wp-block-button__link {
  opacity: 1;
  transform: translateY(-5px);
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block td.wc-block-cart-item__image {
  padding: 16px 0 !important;
}
.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block td.wc-block-cart-item__image img {
  border-radius: 12px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image img {
  border-radius: 4px;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #00a0d2;
}
.wp-block-group.saaslauncher-sticky-menu {
  transition: all ease 0.23s;
}
.wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled {
  position: fixed;
  width: 100%;
  top: 0px;
  padding: 5px 30px;
  border-radius: 0;
  z-index: 999;
  max-width: 100%;
  left: 0;
  right: 0;
}
.wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled:before {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  background: var(--wp--preset--color--dark-shade);
  top: 0;
  z-index: 1;
  opacity: 0.8;
}
body.logged-in .wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled {
  top: 30px;
}
.wp-block-group.saaslauncher-sticky-menu.sticky-menu-enabled .saaslauncher-sticky-navigation {
  z-index: 2;
  position: relative;
}
.wp-block-button.saaslauncher-scrollto-top .wp-block-button__link.wp-element-button {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: inline-block;
  z-index: 999;
  text-indent: -5000px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.089);
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;

  &.show {
    opacity: 1;
    visibility: visible;
  }
}
.wp-block-button.saaslauncher-scrollto-top .wp-block-button__link.wp-element-button:after {
  content: "";
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-mask-image: url(assets/images/up-arrow.svg);
  mask-image: url(assets/images/up-arrow.svg);
  mask-repeat: no-repeat;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  position: absolute;
  display: inline-block;
  left: 0;
  top: 0;
}
.wp-block-button.saaslauncher-scrollto-top .wp-block-button__link.wp-element-button:hover:after {
  background-color: var(--wp--preset--color--light-color) !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 68px;
  padding: 0;
  border: 0;
  border-radius: 50%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
  border: 0;
  background: var(--wp--preset--color--light-shade);
  margin-left: 80px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid.wp-block-product-new.wc-block-product-new {
  margin-top: 20px;
}
.wp-block-woocommerce-empty-cart-block h2.wp-block-heading.has-text-align-center {
  font-size: 30px;
}
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before {
  background-color: var(--wp--preset--color--primary);
}
.wp-block-woocommerce-empty-cart-block img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  height: 340px;
  border-radius: 20px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products {
  margin: 0;
  padding: 0;
  grid-gap: 32px;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products li.wc-block-grid__product {
  max-width: 23% !important;
  border: 0 !important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  font-size: 16px;
  color: var(--wp--preset--color--heading-color);
}
.wp-block-woocommerce-empty-cart-block a:hover .wc-block-grid__product-title {
  color: var(--wp--preset--color--secondary);
}
.wp-block-woocommerce-empty-cart-block a.wp-block-button__link.wp-element-button.add_to_cart_button {
  color: #fff;
  padding: 12px 40px;
  font-size: 16px;
  border-radius: 5px;
}
.wc-block-mini-cart__empty-cart-wrapper a.components-button.wc-block-components-button.wc-block-mini-cart__shopping-button {
  color: #fff;
  padding: 14px 30px;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: var(--wp--preset--color--light-shade);
  padding: 24px;
  box-sizing: border-box;
  border-radius: 20px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  list-style: none;
  padding: 10px 0;
  border-bottom: 1px solid #ebefef;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  color: var(--wp--preset--color--secondary);
}
.woocommerce-account button.woocommerce-Button.button.wp-element-button,
.wp-element-button,
.wp-block-button__link {
  color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-content {
  width: 65%;
}
header.woocommerce-Address-title.title h3 {
  font-size: 20px;
}

header > div.has-background-background-color {
	background-color: transparent !important;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: left;
  width: 100%;
}
span.wc-block-mini-cart__badge {
  color: #fff;
}
h2.wc-block-mini-cart__title {
  font-size: 24px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter.minimal-footer-layout span.wpcf7-form-control-wrap input {
  height: 52px;
  padding: 0 16px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter.minimal-footer-layout span.wpcf7-form-control-wrap input::placeholder {
  font-size: 14px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter.minimal-footer-layout input.wpcf7-form-control.wpcf7-submit {
  height: 39px;
  right: 7px;
  padding: 0 12px;
  top: 7px;
  font-size: 14px;
}
.wp-block-social-links.saaslauncher-header-socials .wp-social-link a {
  padding: 5px;
}
.wp-block-social-links.saaslauncher-header-socials .wp-social-link a svg {
  height: 20px;
  width: 20px;
}
form.saaslauncher-header-product-search.wp-block-search {
  width: 670px;
  max-width: 100%;
}
form.saaslauncher-header-product-search.wp-block-search .wp-block-search__input {
  padding: 0 20px;
}
form.saaslauncher-header-product-search.wp-block-search .wp-block-search__button {
  margin-left: 0;
  border-radius: 0;
  border: 0;
  height: 52px;
  padding: 0 20px;
}
form.saaslauncher-header-product-search.wp-block-search .wp-block-search__button:hover {
  background: var(--wp--preset--color--secondary) !important;
}
figure.wp-block-image.size-full.is-resized.saaslauncher-overlap-bottom {
  margin-bottom: -100px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2 {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2 input.wpcf7-form-control.wpcf7-email {
  background: #fff;
  border-radius: 50px;
  height: 60px;
  padding: 0 24px;
  position: relative;
  margin-bottom: 20px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2 .wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2 input.wpcf7-form-control.wpcf7-submit {
  background: var(--wp--preset--color--primary) url(assets/images/btn-arrow.svg) no-repeat center center;

  color: #fff;
  border-radius: 50px;
  position: absolute;
  right: 6px;
  top: 15px;
  text-indent: -5000px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-style-2 input.wpcf7-form-control.wpcf7-submit:hover {
  background-color: var(--wp--preset--color--secondary);
}
.wp-block-group.saaslauncher-header.saaslauncher-overlap-nav {
  position: fixed;
  z-index: 99;
  width: 100%;
}
.cozy-block-product-carousel .wp-block-post {
  overflow: visible !important;
  padding-top: 7px;
}
.swiper-wrapper {
  z-index: inherit;
}
.woocommerce .comment-form-comment textarea {
  padding: 16px;
}
.wp-block-group.saaslauncher-service-box:hover,
.wp-block-group.saaslauncher-hover-box:hover {
  transform: scale(1.015) translateY(-7px);
  -webkit-transform: scale(1.015) translateY(-7px);
  -moz-transform: scale(1.015) translateY(-7px);
}
.wp-block-cover.saaslauncher-portfolio-box {
  background: #000;
}
.wp-block-cover.saaslauncher-portfolio-box:hover .wp-block-cover__image-background {
  transform: scale(1.1);
  opacity: 0.5;
}
.wp-block-cover.saaslauncher-portfolio-box .wp-block-cover__inner-container {
  height: 100%;
  width: 100%;
}
.wp-block-group.saaslauncher-portfolio-content {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: -25%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.wp-block-cover.saaslauncher-portfolio-box:hover .wp-block-group.saaslauncher-portfolio-content {
  bottom: 0;
  opacity: 1;
}
ul.wp-block-list.saaslauncher-category-list li {
  text-align: center;
  margin: 10px 0;
}
form.saaslauncher-banner-search.wp-block-search {
  max-width: 100% !important;
}
.wp-block-group.saaslauncher-search-box.is-style-saaslauncher-boxshadow {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.6);
}
figure.wp-block-gallery.saaslauncher-gallery figure.wp-block-image {
  height: 280px;
}
.wp-block-group.saaslauncher-section-slant-wrapper {
  overflow: hidden;
}
.wp-block-group.saaslauncher-header-slant:after {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 52px 0 0 20px;
  border-color: transparent transparent transparent var(--wp--preset--color--primary);
  transform: rotate(0deg);
  position: absolute;
  right: -20px;
  top: 0;
}
@media (max-width: 768px) {
  .wp-block-heading.saaslauncher-big-title {
    font-size: 44px !important;
  }
	.buttsss {
		padding-top: 0 !important;
	}
}
@media (max-width: 600px) {
  .wp-block-navigation.saaslauncher-navigation ul {
    grid-gap: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
  }
  .wp-block-navigation.saaslauncher-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
    line-height: 30px;
    padding: 0;
  }
  .saaslauncher-navigation.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    transform: translateY(0);
    box-shadow: none;
  }
  .saaslauncher-navigation.wp-block-navigation ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    background-color: transparent;
  }
}
@media (max-width: 480px) {
  .wp-block-heading.saaslauncher-big-title {
    font-size: 28px !important;
  }
}
.wp-block-buttons a.wp-block-button__link.has-gradient-twelve-gradient-background:hover,
a.wp-block-read-more.has-gradient-twelve-gradient-background:hover {
  background: #fff !important;
  color: var(--wp--preset--color--primary) !important;
}
.wp-block-buttons .wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.wp-block-button__link.has-gradient-twelve-gradient-background:hover:after {
  background-color: var(--wp--preset--color--primary);
}
.wp-block-buttons a.wp-block-button__link.has-gradient-thirteen-gradient-background:hover,
a.wp-block-read-more.has-gradient-thirteen-gradient-background:hover {
  background: #fff !important;
  color: var(--wp--preset--color--secondary) !important;
}
.wp-block-buttons .wp-block-button.is-style-button-with-uparrow-icon a.wp-element-button.wp-block-button__link.has-gradient-thirteen-gradient-background:hover:after {
  background-color: var(--wp--preset--color--secondary);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-1 input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  margin-top: 10px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-1.white-border input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2.white-border input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3.white-border input.wpcf7-form-control.wpcf7-email {
  border-color: #fff;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-1.primary-border input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2.primary-border input.wpcf7-form-control.wpcf7-email,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3.primary-border input.wpcf7-form-control.wpcf7-email {
  border-color: var(--wp--preset--color--primary);
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3 {
  position: relative;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2 span.wpcf7-form-control-wrap {
  width: 70%;
  float: left;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3 span.wpcf7-form-control-wrap {
  width: 100%;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-2 input.wpcf7-form-control.wpcf7-submit {
  float: left;
  width: 28%;
  margin-left: 2%;
  margin-top: 9px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-newsletter-3 input.wpcf7-form-control.wpcf7-submit {
  position: absolute;
  right: 5px;
  top: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1 input.wpcf7-form-control.wpcf7-text,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1 select.wpcf7-form-control.wpcf7-select,
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1 textarea.wpcf7-form-control.wpcf7-textarea {
  border-color: #0000002e;
  height: 56px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1 textarea.wpcf7-form-control.wpcf7-textarea {
  height: 120px;
}
.wp-block-contact-form-7-contact-form-selector.saaslauncher-form-1 input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  border-radius: 0;
  margin-top: 5px;
  height: 56px;
}


/*





Start of custom styling






*/

h1 {
	font-family: "Inter Tight", Sans-serif !important;
    font-size: 88px;
    font-weight: 400;
    line-height: 1.1em;
    letter-spacing: -1.76px;
    color: #FFFFFF;
}
.signin-button, .item-1 {
	margin-left: auto !important;
}
  .signup-button a {                                                           
    background-color: #bf185d;                                                  
    color: #fff !important;                                                     
    padding: 10px 22px;
    border-radius: 12px;                                                         
    transition: background-color 0.2s ease;
  }

.signup-button a {
	z-index: 11 !important;
}

  .signup-button a:hover {
    background-color: #a11550;
  }

.wp-block-navigation__responsive-container-open {
	margin-left: auto !important;
}

.wp-block-site-logo-small {
	display: none;
}

.hero-subheading mark {
	font-size: 18px;
	color: white !important;
}

#wp--skip-link--target .hero-subheading mark {
	font-size: 18px;
	color: white !important;
}

header {
  min-height: 81px !important;
}

/* Responsive Mobile Header */
@media (max-width: 600px) {
	.saaslauncher-header {
		padding: 10px !important;
	}
	.is-style-saaslauncher-boxshadow {
		background-color: transparent !important;
		padding-left: 0px !important;
		box-shadow: none !important;
		border-bottom: 1px gray;
	}
	.wp-block-navigation__responsive-container-open {
		color: black;
	}
	.wp-block-site-logo {
		display: none;
	}
	.wp-block-site-logo-small {
		display: block;
	}
}

.mobile-expand-width {
	padding-left: var(--wp--preset--spacing--40);
	padding-right: var(--wp--preset--spacing--40);
}

/* Responsive Cards */
@media (max-width: 768) {
	.mobile-expand-width {
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		border-radius: 0px !important;
	}
}

/* Global Buttons */
  /* ── Global buttons — blue pill ─────────────────────────── */               
  .wp-block-button__link.wp-element-button {                                    
    display: inline-flex;                                   
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 9px 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
   sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: #ffffff;
    background: #0071c2;
    border: none;
    border-radius: 999px;
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    transition: background 0.2s ease;
  }

  .wp-block-button__link.wp-element-button:hover {
    background: #070e23;
    color: #ffffff;
  }

  .wp-block-button__link.wp-element-button:focus-visible {
    outline: 2px solid rgba(0, 113, 194, 0.5);
    outline-offset: 2px;
  }

  /* arrow inside the button (svg or img) nudges right on hover */
  .wp-block-button__link.wp-element-button svg,
  .wp-block-button__link.wp-element-button img {
    transition: transform 0.2s ease;
  }

  .wp-block-button__link.wp-element-button:hover svg,
  .wp-block-button__link.wp-element-button:hover img {
    transform: translateX(3px);
  }

  @media (max-width: 768px) {
    .wp-block-button__link.wp-element-button {
      font-size: 15px;
      padding: 11px 22px;
    }
  }

/* Site-Wide Widget CSS Override */
/* ============================================================
   CloseBot Widget — Atlas-style Light Mode Overrides

   HOW TO USE: Paste into WordPress → Appearance → Customize
   → Additional CSS.  Or load via a custom CSS plugin / snippet.

   Uses #cb-widget-container ancestor + !important to beat the
   widget's dynamically-injected <style> tag.

   LAYOUT CONCEPT (Atlas Agent pattern):
   ─ Idle: footer fills the entire panel as a big input zone.
     Input at top-left, circular send button at bottom-right,
     animated placeholder overlay fades on focus.
   ─ Conversation: panel grows, messages expand, footer shrinks
     to a compact input bar.
   ============================================================ */

footer {
	background: #f3f3f3;
}
footer .footer-master {
	margin-bottom: -2px !important;
}

footer .saaslauncher-footer {
	border-top: 0px !important;
}

/* ── Container — aurora glow border ────────────────────────── */
#cb-widget-container {
  position: relative !important;
  max-width: 680px !important;
  min-height: 216px !important;
  height: 216px !important;
  margin: 48px auto 28px !important;
  border-radius: 22px !important;
  padding: 3px !important;
  background: linear-gradient(
    135deg,
    rgba(56, 189, 248, 0.5),
    rgba(139, 92, 246, 0.45),
    rgba(236, 72, 153, 0.4),
    rgba(56, 189, 248, 0.5)
  ) !important;
  box-shadow:
    0 0 20px rgba(56, 189, 248, 0.18),
    0 0 50px rgba(139, 92, 246, 0.12),
    0 0 80px rgba(236, 72, 153, 0.0),
    0 4px 24px rgba(0, 0, 0, 0.06) !important;
  animation: cb-aurora-shift 8s ease-in-out infinite alternate !important;
  overflow: visible !important;
  transition: box-shadow 0.4s ease, height 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Intensify glow on focus */
#cb-widget-container:focus-within {
  box-shadow:
    0 0 30px rgba(56, 189, 248, 0.28),
    0 0 60px rgba(139, 92, 246, 0.2),
    0 0 90px rgba(236, 72, 153, 0.14),
    0 4px 30px rgba(0, 0, 0, 0.08) !important;
}

@keyframes cb-aurora-shift {
  0% {
    box-shadow:
      0 0 20px rgba(56, 189, 248, 0.20),
      0 0 50px rgba(139, 92, 246, 0.14),
      0 0 80px rgba(236, 72, 153, 0.08),
      0 4px 24px rgba(0, 0, 0, 0.06);
  }
  50% {
    box-shadow:
      0 0 25px rgba(139, 92, 246, 0.22),
      0 0 55px rgba(236, 72, 153, 0.14),
      0 0 80px rgba(56, 189, 248, 0.10),
      0 4px 24px rgba(0, 0, 0, 0.06);
  }
  100% {
    box-shadow:
      0 0 20px rgba(236, 72, 153, 0.18),
      0 0 50px rgba(56, 189, 248, 0.14),
      0 0 80px rgba(139, 92, 246, 0.10),
      0 4px 24px rgba(0, 0, 0, 0.06);
  }
}

/* ── Panel — frosted glass ─────────────────────────────────── */
#cb-widget-container [data-cb].cb-panel {
  --cb-bg: rgba(255, 255, 255, 0.92) !important;
  --cb-border: rgba(0, 0, 0, 0.06) !important;
  --cb-text: #1a1d23 !important;
  --cb-muted: #8892a4 !important;
  --cb-soft-bg: rgba(244, 246, 250, 0.85) !important;
  --cb-input-bg: rgba(255, 255, 255, 0.8) !important;
  --cb-input-disabled: #f3f4f6 !important;
  --cb-scrollbar-thumb: rgba(0, 0, 0, 0.1) !important;
  --cb-scrollbar-thumb-hover: rgba(0, 0, 0, 0.18) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  border-radius: 19px !important;
  backdrop-filter: blur(20px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

#cb-widget-container [data-cb].cb-panel.cb-container-mode {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
  border-radius: 19px !important;
}

/* Container grows when conversation starts */
#cb-widget-container:has(.cb-msg-item.lead) {
  height: 486px !important;
}

/* ── Header — white, blends into panel ────────────────────── */
#cb-widget-container .cb-header {
  background: transparent !important;
  color: #1a1d23 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

#cb-widget-container .cb-header-top {
  display: none !important;
}

#cb-widget-container .cb-header-close {
  color: #1a1d23 !important;
  background: rgba(0, 0, 0, 0.05) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
  cursor: pointer !important;
}

#cb-widget-container .cb-header-close:hover {
  background: rgba(0, 0, 0, 0.1) !important;
  transform: scale(1.05) !important;
}

#cb-widget-container .cb-header-close:active {
  background: transparent !important;
  transform: scale(0.95) !important;
}

#cb-widget-container .cb-header-chatter,
#cb-widget-container .cb-powered-by,
#cb-widget-container .cb-header-title {
  display: none !important;
}

/* =============================================================
   MESSAGES — collapsed until user sends first message
   ============================================================= */
#cb-widget-container .cb-messages {
  flex: 0 0 0px !important;
  max-height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  padding: 0 16px !important;
  overflow: hidden !important;
  background: transparent !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  gap: 8px !important;
  transition:
    flex 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.4s ease 0.15s,
    padding 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Messages expand ONLY when user has sent a message — NOT on focus */
#cb-widget-container [data-cb].cb-panel:has(.cb-msg-item.lead) .cb-messages {
  flex: 1 1 0% !important;
  max-height: 600px !important;
  opacity: 1 !important;
  padding: 14px 16px 6px !important;
  overflow-y: auto !important;
  scroll-behavior: smooth !important;
  mask-image: linear-gradient(
    to bottom, transparent 0%, black 20px, black 100%
  ) !important;
  -webkit-mask-image: linear-gradient(
    to bottom, transparent 0%, black 20px, black 100%
  ) !important;
}

/* =============================================================
   FOOTER — the primary "big input zone" (idle)
   Shrinks to compact input bar once conversation starts.
   ============================================================= */
#cb-widget-container .cb-footer {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: flex-start !important;
  padding: 18px 20px !important;
  border-top: none !important;
  background: transparent !important;
  position: relative !important;
  gap: 0 !important;
  border-radius: 0 0 19px 19px !important;
  cursor: text !important;
  transition:
    flex 0.5s cubic-bezier(0.4, 0, 0.2, 1),
    padding 0.4s ease,
    gap 0.3s ease,
    min-height 0.4s ease !important;
}

/* Footer shrinks to compact bar in conversation mode */
#cb-widget-container [data-cb].cb-panel:has(.cb-msg-item.lead) .cb-footer {
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  align-content: center !important;
  align-items: center !important;
  padding: 8px 14px !important;
  gap: 8px !important;
  border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
}

/* =============================================================
   INPUT — transparent at top-left (idle) / bordered bar (active)
   ============================================================= */
#cb-widget-container .cb-input {
  flex: 1 1 100% !important;
  align-self: flex-start !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 4px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  color: var(--cb-text, #1a1d23) !important;
  box-shadow: none !important;
  cursor: text !important;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    padding 0.3s ease,
    border-radius 0.3s ease,
    box-shadow 0.3s ease !important;
}

#cb-widget-container .cb-input:focus {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border: none !important;
}

/* Input transitions to bordered bar in conversation mode */
#cb-widget-container [data-cb].cb-panel:has(.cb-msg-item.lead) .cb-footer .cb-input {
  flex: 1 1 auto !important;
  background: rgba(255, 255, 255, 0.75) !important;
  border: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-radius: 12px !important;
  padding: 10px 68px 10px 14px !important;
}

#cb-widget-container [data-cb].cb-panel:has(.cb-msg-item.lead) .cb-footer .cb-input:focus {
  border-color: transparent !important;
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow:
    0 0 0 2px rgba(56, 189, 248, 0.3),
    0 0 0 4px rgba(139, 92, 246, 0.15),
    0 0 16px rgba(139, 92, 246, 0.08) !important;
}

#cb-widget-container .cb-input:disabled {
  opacity: 0.6 !important;
}

/* Hide native placeholder in idle state */
#cb-widget-container .cb-input::placeholder {
  color: transparent !important;
}

/* Restore placeholder in conversation mode */
#cb-widget-container [data-cb].cb-panel:has(.cb-msg-item.lead) .cb-input::placeholder {
  color: var(--cb-muted, #8892a4) !important;
}

/* =============================================================
   SEND BUTTON — circle, always pinned to bottom-right
   ============================================================= */
#cb-widget-container .cb-send {
  position: absolute !important;
  bottom: 16px !important;
  right: 20px !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(
    135deg, #38bdf8 0%, #8b5cf6 50%, #ec4899 100%
  ) !important;
  background-size: 200% 200% !important;
  animation: cb-send-gradient 4s ease infinite !important;
  box-shadow:
    0 2px 10px rgba(139, 92, 246, 0.3),
    0 0 20px rgba(56, 189, 248, 0.15) !important;
  transition:
    transform 0.15s ease,
    box-shadow 0.2s ease,
    width 0.3s ease,
    height 0.3s ease,
    bottom 0.3s ease,
    right 0.3s ease !important;
}

/* Shrink and center within the input bar in conversation mode */
#cb-widget-container [data-cb].cb-panel:has(.cb-msg-item.lead) .cb-footer .cb-send {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  bottom: 11px !important;
  right: 20px !important;
}

@keyframes cb-send-gradient {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

#cb-widget-container .cb-send:hover {
  opacity: 1 !important;
  transform: translateY(-1px) scale(1.04) !important;
  box-shadow:
    0 4px 16px rgba(139, 92, 246, 0.35),
    0 0 28px rgba(56, 189, 248, 0.2) !important;
}

#cb-widget-container .cb-send:active {
  transform: translateY(0) scale(0.98) !important;
}

#cb-widget-container .cb-send:disabled {
  opacity: 0.45 !important;
  transform: none !important;
  box-shadow: none !important;
  animation: none !important;
}

/* =============================================================
   PLACEHOLDER — DOM overlay created by JS
   Two <span>s flow as inline text so they wrap naturally.
   pointer-events: none lets clicks pass through to the input.
   ============================================================= */

/* Kill any leftover pseudo-element placeholders */
#cb-widget-container .cb-footer::before,
#cb-widget-container .cb-footer::after {
  display: none !important;
}

/* Overlay container */
.cb-placeholder-overlay {
  position: absolute !important;
  left: 24px !important;
  right: 64px !important;
  top: 19px !important;
  pointer-events: none !important;
  z-index: 1 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  transition: opacity 0.2s ease !important;
}

/* Gray prefix */
.cb-placeholder-overlay .cb-ph-prefix {
  font-weight: 400 !important;
  color: var(--cb-muted, #8892a4) !important;
}

/* Gradient cycling text — stays together as one unit, wraps below only when needed */
.cb-placeholder-overlay .cb-ph-cycle {
  display: inline-block !important;
  margin-left: 6px !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #7c3aed, #a855f7, #ec4899) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  transition: opacity 0.3s ease !important;
}

/* Powered by badge — bottom-right of idle footer */
.cb-powered-badge {
  position: absolute !important;
  bottom: 18px !important;
  right: 72px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: var(--cb-muted, #8892a4) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  pointer-events: none !important;
  z-index: 1 !important;
  white-space: nowrap !important;
  transition: opacity 0.2s ease !important;
}

/* =============================================================
   BOT MESSAGES
   ============================================================= */
#cb-widget-container .cb-msg.bot {
  background: rgba(0, 0, 0, 0.03) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--cb-text) !important;
  border-radius: 14px 14px 14px 4px !important;
  padding: 8px 14px !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  box-shadow: none !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  max-width: 80% !important;
}

/* First bot message — same style as all other bot messages */

/* =============================================================
   USER (LEAD) MESSAGES
   ============================================================= */
#cb-widget-container .cb-msg.lead {
  background: linear-gradient(
    135deg,
    var(--cb-color) 0%,
    color-mix(in srgb, var(--cb-color), #8b5cf6 30%) 100%
  ) !important;
  color: #fff !important;
  border-radius: 14px 14px 4px 14px !important;
  padding: 8px 14px !important;
  box-shadow:
    0 2px 8px color-mix(in srgb, var(--cb-color), transparent 70%) !important;
  line-height: 1.45 !important;
  font-size: 14px !important;
  max-width: 75% !important;
}

#cb-widget-container .cb-msg-item.lead {
  max-width: 100% !important;
}

/* ── Avatar — hidden ───────────────────────────────────────── */
#cb-widget-container .cb-msg-avatar {
  display: none !important;
}

/* ── Message items — compact ───────────────────────────────── */
#cb-widget-container .cb-msg-item {
  max-width: 100% !important;
}

#cb-widget-container .cb-msg-item.bot {
  gap: 0 !important;
}

/* ── Typing indicator ──────────────────────────────────────── */
#cb-widget-container .cb-typing-dots {
  background: rgba(244, 246, 250, 0.9) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 18px 18px 18px 6px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
}

#cb-widget-container .cb-typing-dots span {
  width: 7px !important;
  height: 7px !important;
  background: var(--cb-muted) !important;
}

/* =============================================================
   LEAD CAPTURE FORM
   ============================================================= */
#cb-widget-container .cb-form-card {
  background: rgba(244, 246, 250, 0.88) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  border-radius: 18px 18px 18px 6px !important;
  padding: 16px !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04) !important;
}

#cb-widget-container .cb-form-input {
  border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 10px !important;
  padding: 9px 12px !important;
  font-size: 13.5px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  color: var(--cb-text) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#cb-widget-container .cb-form-input:focus {
  border-color: transparent !important;
  box-shadow:
    0 0 0 2px rgba(56, 189, 248, 0.3),
    0 0 0 4px rgba(139, 92, 246, 0.12) !important;
}

#cb-widget-container .cb-phone-wrapper {
  border: 1.5px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

#cb-widget-container .cb-phone-wrapper:focus-within {
  border-color: transparent !important;
  box-shadow:
    0 0 0 2px rgba(56, 189, 248, 0.3),
    0 0 0 4px rgba(139, 92, 246, 0.12) !important;
}

#cb-widget-container .cb-phone-country {
  background: rgba(244, 246, 250, 0.9) !important;
  border-right: 1.5px solid rgba(0, 0, 0, 0.06) !important;
  font-size: 12px !important;
  padding: 8px 10px !important;
}

/* ── Form submit button ────────────────────────────────────── */
#cb-widget-container .cb-form-submit {
  border-radius: 12px !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  background: linear-gradient(
    135deg,
    var(--cb-color) 0%,
    color-mix(in srgb, var(--cb-color), #8b5cf6 30%) 100%
  ) !important;
  transition: transform 0.15s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--cb-color), transparent 60%) !important;
}

#cb-widget-container .cb-form-submit:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 4px 16px color-mix(in srgb, var(--cb-color), transparent 45%),
    0 0 20px rgba(139, 92, 246, 0.12) !important;
}

#cb-widget-container .cb-form-submit:active {
  transform: translateY(0) !important;
}

/* ── Form submitted state ──────────────────────────────────── */
#cb-widget-container .cb-form-submitted {
  padding: 10px 6px !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

#cb-widget-container .cb-form-submitted-icon {
  width: 22px !important;
  height: 22px !important;
  background: linear-gradient(135deg, #38bdf8, #8b5cf6) !important;
  box-shadow: 0 2px 8px rgba(139, 92, 246, 0.3) !important;
}

/* ── Status bar ────────────────────────────────────────────── */
#cb-widget-container .cb-status {
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
  font-size: 12.5px !important;
  padding: 10px 16px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

#cb-widget-container .cb-status-btn {
  border-radius: 8px !important;
  padding: 5px 10px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  transition: background 0.15s ease !important;
}

/* ── Scrollbar ─────────────────────────────────────────────── */
#cb-widget-container .cb-messages::-webkit-scrollbar {
  width: 5px !important;
}

#cb-widget-container .cb-messages::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 9999px !important;
}

#cb-widget-container .cb-messages::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.18) !important;
}

/* ── Skeleton loading ──────────────────────────────────────── */
#cb-widget-container .cb-skeleton-line {
  border-radius: 6px !important;
  background: rgba(0, 0, 0, 0.07) !important;
  animation: cb-skeleton-pulse 2s ease-in-out infinite !important;
}

#cb-widget-container .cb-msg.lead .cb-skeleton-line {
  background: rgba(255, 255, 255, 0.35) !important;
}

@keyframes cb-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* ── Form notice / errors ──────────────────────────────────── */
#cb-widget-container .cb-form-notice {
  color: var(--cb-muted) !important;
}

#cb-widget-container .cb-field-error {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #dc2626 !important;
}

#cb-widget-container .cb-form-error {
  font-size: 12.5px !important;
  color: #dc2626 !important;
}

/* ── Skip link ─────────────────────────────────────────────── */
#cb-widget-container .cb-form-skip {
  font-size: 13px !important;
  font-weight: 500 !important;
  transition: color 0.15s ease !important;
}

/* =============================================================
   MOBILE — fullscreen chat with persistent ✕ close button

   Driven by a .cb-mobile-fs class toggled via a small JS snippet
   (see index.html). This lets fullscreen PERSIST after the input
   blurs, and the ✕ stays visible the entire time.

   UX flow:
   1. User taps input → JS adds .cb-mobile-fs → fullscreen.
   2. User chats, reads responses — fullscreen persists even
      when keyboard closes or input blurs.
   3. User taps ✕ → JS removes .cb-mobile-fs → inline mode.
   ============================================================= */

/* ── ✕ close button (real DOM element on document.body) ─────── */
.cb-mobile-close {
  display: none !important;
}

@media (max-width: 768px) {

  /* ── Fullscreen container (both active + has-messages) ───── */
  #cb-widget-container.cb-mobile-fs,
  #cb-widget-container.cb-mobile-active {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    animation: none !important;
    z-index: 99999 !important;
    overflow: hidden !important;
  }

  /* ── Panel fills viewport ────────────────────────────────── */
  #cb-widget-container.cb-mobile-fs [data-cb].cb-panel.cb-container-mode,
  #cb-widget-container.cb-mobile-active [data-cb].cb-panel.cb-container-mode {
    border-radius: 0 !important;
    height: 100% !important;
    background: #ffffff !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* ── Header — safe-area padding in fullscreen ────────────── */
  #cb-widget-container.cb-mobile-fs .cb-header,
  #cb-widget-container.cb-mobile-active .cb-header {
    padding-top: calc(14px + env(safe-area-inset-top, 0px)) !important;
  }

  /* ── ✕ close button — prominent, top-right over header ──── */
  .cb-mobile-close.cb-mobile-close-visible {
    display: flex !important;
    position: fixed !important;
    top: calc(10px + env(safe-area-inset-top, 0px)) !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, 0.08) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    border: none !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #1a1d23 !important;
    z-index: 2147483647 !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    pointer-events: auto !important;
    padding: 0 !important;
    line-height: 1 !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
  }

  .cb-mobile-close.cb-mobile-close-visible:active {
    background: rgba(0, 0, 0, 0.18) !important;
    transform: scale(0.9) !important;
  }

  /* ── Messages fill the screen ────────────────────────────── */
  #cb-widget-container.cb-mobile-fs .cb-messages,
  #cb-widget-container.cb-mobile-active .cb-messages {
    flex: 1 1 0% !important;
    max-height: none !important;
    opacity: 1 !important;
    padding: 14px 16px 6px !important;
    overflow-y: auto !important;
    scroll-behavior: smooth !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
  }

  /* ── Footer — compact input bar at bottom ────────────────── */
  #cb-widget-container.cb-mobile-fs .cb-footer,
  #cb-widget-container.cb-mobile-active .cb-footer {
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    align-items: center !important;
    padding: 8px 14px !important;
    gap: 8px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
  }

  /* Safe-area bottom padding only when keyboard is up */
  #cb-widget-container.cb-mobile-fs .cb-footer:focus-within,
  #cb-widget-container.cb-mobile-active .cb-footer:focus-within {
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* ── Hide placeholder overlay in fullscreen ────────────────── */
  #cb-widget-container.cb-mobile-fs .cb-placeholder-overlay,
  #cb-widget-container.cb-mobile-active .cb-placeholder-overlay,
  #cb-widget-container.cb-mobile-active .cb-powered-badge {
    display: none !important;
  }

  /* ── Input — pill-shaped, native feel ────────────────────── */
  #cb-widget-container.cb-mobile-fs .cb-input,
  #cb-widget-container.cb-mobile-active .cb-input {
    flex: 1 1 auto !important;
    background: rgba(245, 246, 250, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 22px !important;
    padding: 12px 52px 12px 16px !important;
    font-size: 16px !important;
  }

  #cb-widget-container.cb-mobile-fs .cb-input::placeholder,
  #cb-widget-container.cb-mobile-active .cb-input::placeholder {
    color: var(--cb-muted, #8892a4) !important;
  }

  /* ── Send button — compact, inside input ─────────────────── */
  #cb-widget-container.cb-mobile-fs .cb-send,
  #cb-widget-container.cb-mobile-active .cb-send {
    bottom: 12px !important;
    right: 20px !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
  }

  /* Shift send button when keyboard is up */
  #cb-widget-container.cb-mobile-fs .cb-footer:focus-within .cb-send,
  #cb-widget-container.cb-mobile-active .cb-footer:focus-within .cb-send {
    bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* ── Status bar — hide in fullscreen ─────────────────────── */
  #cb-widget-container.cb-mobile-fs .cb-status,
  #cb-widget-container.cb-mobile-active .cb-status {
    display: none !important;
  }
}

/* Improve scroll behavior */
.wp-site-blocks {
	overflow: hidden;
}

.saaslauncher-footer {
	z-index: 11;
}

.wp-block-cover.is-light {
	overflow: visible;
}


/* ═══════════════════════════════════════════════════════════════
   CloseBot Blog — Stripe-Inspired Single Post Styles

   Paste into: Appearance → Additional CSS
   or append to theme style.css after existing custom styles.

   Targets the rendered HTML at closebotrevamp.kinsta.cloud.
   All rules scoped to body.single-post so other pages are untouched.
   ═══════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────
   1. VERTICAL GRID LINES on .wp-site-blocks

   5 lines centered across a 1100px span:
   solid | dashed (277px in) | dashed (center) | dashed (277px in) | solid
   ───────────────────────────────────────────────────────────── */

   body.single-post .wp-site-blocks::after,
   body:is(.archive, .blog) .wp-site-blocks::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 10;
    background-image:
      /* Line 1 — solid (left edge) */
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.10),
        rgba(0, 0, 0, 0.10)
      ),
      /* Line 2 — dashed (277px from left solid) */
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.08) 0px, rgba(0, 0, 0, 0.08) 8px,
        transparent 8px, transparent 16px
      ),
      /* Line 3 — dashed (center) */
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.08) 0px, rgba(0, 0, 0, 0.08) 8px,
        transparent 8px, transparent 16px
      ),
      /* Line 4 — dashed (277px from right solid) */
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.08) 0px, rgba(0, 0, 0, 0.08) 8px,
        transparent 8px, transparent 16px
      ),
      /* Line 5 — solid (right edge) */
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.10),
        rgba(0, 0, 0, 0.10)
      );
    background-size:
      1px 100%,
      1px 16px,
      1px 16px,
      1px 16px,
      1px 100%;
    background-position:
      calc(50% - 550px) 0,
      calc(50% - 273px) 0,
      50% 0,
      calc(50% + 273px) 0,
      calc(50% + 550px) 0;
    background-repeat: repeat-y;
  }
  
  
  /* ─────────────────────────────────────────────────────────────
     2. PAGE BACKGROUND
     ───────────────────────────────────────────────────────────── */
  
  body.single-post main#wp--skip-link--target,
  body:is(.archive, .blog) main#wp--skip-link--target {
    background-color: #ffffff !important;
    position: relative;
    padding-top: 32px !important;
  }

  /* Kill side padding on /blog/ so the streak spans full width */
  body.blog main#wp--skip-link--target {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: clip !important;
  }

  /* On /blog/ breadcrumbs + featured post sit inside nested <main>
     elements not present on category pages. Strip the extra padding
     and kill alignfull negative margins so the layout matches. */
  body.blog main#wp--skip-link--target > main {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
  }

  /* Override WordPress alignfull negative margins on the inner mains */
  body.blog main#wp--skip-link--target > main > .alignfull.column-no-wrap {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  
  /* ─────────────────────────────────────────────────────────────
     3. BREADCRUMB + POST TITLE
  
     The last breadcrumb <li> contains the post title as a <span>.
     We break it onto its own line and style it as a large heading,
     offset to align with the content column below.
     ───────────────────────────────────────────────────────────── */
  
  body.single-post .wp-block-breadcrumbs {
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-block-start: 0 !important;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  /* ── YouTube link — absolutely positioned on the breadcrumb row ── */
  body.single-post main#wp--skip-link--target > p.wp-block-paragraph:first-child {
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1100px;
    text-align: right;
    padding: 0 24px;
    box-sizing: border-box;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.4;
    color: #bf185d !important;
  }

  body.single-post main#wp--skip-link--target > p.wp-block-paragraph:first-child a {
    color: #bf185d !important;
    text-decoration: none !important;
    transition: color 0.15s ease;
  }

  body.single-post main#wp--skip-link--target > p.wp-block-paragraph:first-child a:hover {
    text-decoration: underline !important;
  }
  
  body.single-post .wp-block-breadcrumbs ol {
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: 0;
  }
  
  /* Breadcrumb link items */
  body.single-post .wp-block-breadcrumbs ol li {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
  }
  
  body.single-post .wp-block-breadcrumbs ol li a {
    color: #bf185d !important;
    text-decoration: none !important;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.15s ease;
  }
  
  body.single-post .wp-block-breadcrumbs ol li a:hover {
    text-decoration: underline !important;
  }
  
  /* Breadcrumb separators — soften them */
  body.single-post .wp-block-breadcrumbs ol li:not(:last-child)::after {
    content: "/" !important;
    display: inline !important;
    margin: 0 8px !important;
    color: #8898aa !important;
    opacity: 0.6 !important;
    font-weight: 400 !important;
  }

  body.single-post .wp-block-breadcrumbs ol li:last-child {
    margin-top: 0px !important;
  }

  /* ─────────────────────────────────────────────────────────────
     4. MAIN COLUMNS (Author Sidebar + Content)
     ───────────────────────────────────────────────────────────── */
  
  body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type {
    max-width: 1100px !important;
    margin: 52px auto 0 !important;
    gap: 40px !important;
    align-items: flex-start !important;
    padding-left: 24px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  /* ── Author column — narrow fixed sidebar ──────────────────── */
  body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type > .wp-block-column:first-child {
    flex-basis: 200px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    max-width: 200px !important;
  }

  /* ── Content column — flexible, fills remaining width ──────── */
  body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type > .wp-block-column:last-child {
    flex-basis: 0 !important;
    flex-grow: 1 !important;
    min-width: 0;
  }
  
  
  /* ─────────────────────────────────────────────────────────────
     5. AUTHOR SECTION
     ───────────────────────────────────────────────────────────── */
  
  /* Inner columns (avatar | name) — compact row, sticky on scroll */
  body.single-post main > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns {
    gap: 14px !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    position: sticky;
    top: 100px;
    margin-bottom: 0 !important;
  }
  
  /* Avatar sub-column — shrink to fit */
  body.single-post main > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column:first-child {
    flex-basis: auto !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    max-width: none !important;
  }
  
  /* Name sub-column */
  body.single-post main > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns > .wp-block-column:last-child {
    flex-basis: auto !important;
    flex-grow: 1 !important;
    max-width: none !important;
  }
  
  /* Avatar image — 48px circle */
  body.single-post .wp-block-avatar img {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
  }
  
  /* Author name */
  body.single-post .wp-block-post-author-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0a2540 !important;
    line-height: 1.35 !important;
    white-space: nowrap;
  }
  
  body.single-post .wp-block-post-author-name a {
    color: #0a2540 !important;
    text-decoration: none !important;
  }
  
  /* Author biography / tagline */
  body.single-post .wp-block-post-author-biography {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #8898aa !important;
    line-height: 1.4 !important;
    margin-top: 2px !important;
    letter-spacing: 0.01em;
  }
  
  
  /* ─────────────────────────────────────────────────────────────
     6. POST DATE — Stripe-style accent bar
  
     Rendered as: <div class="wp-block-post-date">
                    <time datetime="...">June 15, 2026</time>
                  </div>
     Sits inside the right/content column, above the post content.
     ───────────────────────────────────────────────────────────── */
  
  body.single-post .wp-block-post-date {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #425466 !important;
    border-left: 3px solid #bf185d !important;
    padding-left: 14px !important;
    margin-bottom: 4px !important;
    display: inline-block !important;
    line-height: 1.4 !important;
  }
  
  body.single-post .wp-block-post-date time {
    color: inherit !important;
  }
  
  
  /* ─────────────────────────────────────────────────────────────
     7. CONTENT TYPOGRAPHY
     ───────────────────────────────────────────────────────────── */
  
  body.single-post .wp-block-post-content {
    font-size: 17px !important;
    line-height: 1.75 !important;
    color: #425466 !important;
  }
  
  /* Paragraphs */
  body.single-post .wp-block-post-content p {
    color: #425466 !important;
    margin-bottom: 1.5em !important;
  }
  
  /* Override theme inline color classes */
  body.single-post .wp-block-post-content .has-heading-color-color,
  body.single-post .wp-block-post-content .has-text-color,
  body.single-post .wp-block-post-content .has-link-color {
    color: #425466 !important;
  }
  
  /* ── Headings ──────────────────────────────────────────────── */
  body.single-post .wp-block-post-content .wp-block-heading {
    font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
    color: #0a2540 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin-top: 2.5em !important;
    margin-bottom: 0.6em !important;
  }
  
  body.single-post .wp-block-post-content h2.wp-block-heading {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  
  body.single-post .wp-block-post-content h3.wp-block-heading {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }
  
  body.single-post .wp-block-post-content h4.wp-block-heading {
    font-size: 20px !important;
    line-height: 1.4 !important;
  }
  
  /* First heading after the opening paragraph — less top margin */
  body.single-post .wp-block-post-content > p:first-child + .wp-block-heading {
    margin-top: 1.75em !important;
  }
  
  /* ── Links ─────────────────────────────────────────────────── */
  body.single-post .wp-block-post-content a {
    color: #bf185d !important;
    text-decoration: none !important;
    font-weight: 500;
    transition: color 0.15s ease;
  }
  
  body.single-post .wp-block-post-content a:hover {
    text-decoration: underline !important;
  }
  
  /* Override link color classes set by theme */
  body.single-post .wp-block-post-content [class*="wp-elements-"] a:where(:not(.wp-element-button)) {
    color: #bf185d !important;
  }
  
  /* ── Images ────────────────────────────────────────────────── */
  body.single-post .wp-block-post-content .wp-block-image {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }
  
  body.single-post .wp-block-post-content .wp-block-image img {
    border-radius: 8px !important;
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* Centered images — constrain width for cleaner look */
  body.single-post .wp-block-post-content .wp-block-image.aligncenter {
    max-width: 100%;
  }
  
  /* ── Embeds / iframes (YouTube, etc.) ─────────────────────── */
body.single-post .wp-block-post-content iframe {
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
}

/* ── Bold / strong text ────────────────────────────────────── */
  body.single-post .wp-block-post-content strong {
    color: #0a2540 !important;
    font-weight: 600;
  }
  
  /* ── Lists ─────────────────────────────────────────────────── */
  body.single-post .wp-block-post-content ul,
  body.single-post .wp-block-post-content ol {
    color: #425466;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
  }
  
  body.single-post .wp-block-post-content li {
    margin-bottom: 0.5em;
  }
  
  /* ── Blockquotes ───────────────────────────────────────────── */
  body.single-post .wp-block-post-content blockquote {
    border-left: 3px solid #bf185d !important;
    padding-left: 20px !important;
    margin: 2em 0 !important;
    font-style: italic;
    color: #0a2540 !important;
  }
  
  /* ── Code blocks ───────────────────────────────────────────── */
  body.single-post .wp-block-post-content pre,
  body.single-post .wp-block-post-content code {
    background: #f6f9fc !important;
    border: 1px solid #e3e8ee !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #0a2540 !important;
  }
  
  body.single-post .wp-block-post-content pre {
    padding: 20px !important;
    overflow-x: auto;
  }
  
  body.single-post .wp-block-post-content :not(pre) > code {
    padding: 2px 6px !important;
    border-radius: 4px !important;
  }
  
  
  
  /* ─────────────────────────────────────────────────────────────
     9. SELECTION HIGHLIGHT
     ───────────────────────────────────────────────────────────── */
  
  body.single-post main#wp--skip-link--target ::selection {
    background: rgba(99, 91, 255, 0.12);
    color: #0a2540;
  }
  
  
  /* ─────────────────────────────────────────────────────────────
     10. RESPONSIVE
     ───────────────────────────────────────────────────────────── */
  
  @media (max-width: 900px) {
  
    /* Remove vertical grid lines */
    body.single-post .wp-site-blocks::after {
      display: none !important;
    }
  
    /* Remove title offset — full width on smaller screens */
    body.single-post .wp-block-breadcrumbs ol li:last-child {
      padding-left: 0 !important;
      margin-top: 0px;
    }
  
    body.single-post .wp-block-breadcrumbs ol li:last-child span {
      font-size: 36px !important;
      letter-spacing: -0.02em;
    }
  
    /* Stack author/content columns vertically */
    body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type {
      flex-direction: column !important;
      flex-wrap: wrap !important;
      gap: 28px !important;
      margin-top: 36px !important;
    }

    body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type > .wp-block-column:first-child {
      flex-basis: auto !important;
      max-width: 100% !important;
    }

    body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type > .wp-block-column:last-child {
      flex-basis: auto !important;
    }
  
    /* Unstick author on mobile */
    body.single-post main > .wp-block-columns > .wp-block-column:first-child > .wp-block-columns {
      position: static !important;
    }
  }
  
  @media (max-width: 600px) {
  
    body.single-post main#wp--skip-link--target {
      padding-top: 20px !important;
      padding-left: var(--wp--preset--spacing--30) !important;
      padding-right: var(--wp--preset--spacing--30) !important;
    }
  
    body.single-post .wp-block-breadcrumbs {
      padding-left: 0;
      padding-right: 0;
    }
  
    body.single-post .wp-block-breadcrumbs ol li:last-child {
      margin-top: 0px;
    }
  
    body.single-post .wp-block-breadcrumbs ol li:last-child span {
      font-size: 28px !important;
      letter-spacing: -0.015em;
    }
  
    body.single-post main#wp--skip-link--target > .wp-block-columns:first-of-type {
      padding-left: 0;
      padding-right: 0;
      gap: 24px !important;
      margin-top: 28px !important;
    }
  
    body.single-post .wp-block-post-content h2.wp-block-heading {
      font-size: 26px !important;
    }
  
    body.single-post .wp-block-post-content h3.wp-block-heading {
      font-size: 21px !important;
    }
  
    /* CTA section — mobile */
    .blog-cta-join {
      margin-top: 48px !important;
    }

    .blog-cta-join__heading {
      font-size: 22px !important;
    }
  }
  
  
/* ── HubSpot error messages (not in footer-signup.css) ────── */
.wp-block-leadin-hubspot-form-block .hs-error-msgs {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 20px !important;
}

.wp-block-leadin-hubspot-form-block .hs-error-msg {
  font-size: 13px !important;
  color: #e25c6e !important;
  font-weight: 400 !important;
}

/* ── HubSpot success message ─────────────────────────────── */
.submitted-message {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #0a2540 !important;
  background: rgba(191, 24, 93, 0.06) !important;
  border: 1.5px solid rgba(191, 24, 93, 0.2) !important;
  border-radius: 24px !important;
  padding: 12px 24px !important;
  max-width: 480px;
  line-height: 1.4 !important;
}

/* ── Signup footer centering ─────────────────────────────── */
.wp-block-columns {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* ── Responsive (non-footer-signup rules only) ───────────── */
@media (max-width: 600px) {
  .blog-title-main {
    padding-top: 0px !important;
  }

  .blog-main-info-section {
    padding-top: 0px !important;
  }

  #wp--skip-link--target > div.column-no-wrap > div > div.wp-block-column {
    flex-basis: 0 !important;
    margin-top: auto !important;
  }
}

/* ── Check us out on Youtube Blog link ───────────────────── */
#wp--skip-link--target > div.wp-block-group div:nth-child(2) > p > a {
  text-decoration: none !important;
  color: #bf185d !important;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.15s ease;
}

#wp--skip-link--target > div.wp-block-group div:nth-child(2) > p > a:hover {
  text-decoration: underline !important;
}



/* ═══════════════════════════════════════════════════════════════
   ARCHIVE / CATEGORY PAGE STYLES

   Extends the Stripe-inspired blog design to archive & category
   listing pages. Targets body.archive (category pages) and body.blog (blog index).

   Key Stripe patterns implemented:
   • Vertical accent line to the left of category labels
   • Date positioned above the author area (right column)
   • Author avatar inline-left with name + role via CSS Grid
   • Large drop shadows on featured images
   • Whitespace separation (no horizontal rules)
   • Pagination with numbered page links
   ═══════════════════════════════════════════════════════════════ */


/* ─────────────────────────────────────────────────────────────
   A1. ARCHIVE — HEADER ROW (Breadcrumbs + YouTube link)

   Structure on archive pages:
   main > div.column-no-wrap > div.wp-block-columns
     > div.wp-block-column (breadcrumbs)
     > div.wp-block-column (YouTube link, right-aligned)
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) .wp-block-group.column-no-wrap,
body.blog main .wp-block-group.column-no-wrap {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
  width: 100% !important;
}

/* ── Breadcrumb links ─────────────────────────────────────── */
body:is(.archive, .blog) .wp-block-breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 0;
}

body:is(.archive, .blog) .wp-block-breadcrumbs ol li {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.4;
  color: #425466 !important;
}

body:is(.archive, .blog) .wp-block-breadcrumbs ol li a {
  color: #bf185d !important;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 500;
  transition: color 0.15s ease;
}

body:is(.archive, .blog) .wp-block-breadcrumbs ol li a:hover {
  text-decoration: underline !important;
}

body:is(.archive, .blog) .wp-block-breadcrumbs ol li:not(:last-child)::after {
  content: "/" !important;
  margin: 0 8px !important;
  color: #8898aa !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

/* Current page label — muted */
body:is(.archive, .blog) .wp-block-breadcrumbs ol li:last-child span {
  color: #425466 !important;
  font-weight: 400;
}

/* ── YouTube link (right side of header row) ─────────────── */
body:is(.archive, .blog) .wp-block-group.column-no-wrap .wp-block-column:last-child {
  margin-left: auto !important;
}

body:is(.archive, .blog) .wp-block-group.column-no-wrap .wp-block-column:last-child p {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

body:is(.archive, .blog) .wp-block-group.column-no-wrap .wp-block-column:last-child p a {
  color: #bf185d !important;
  text-decoration: none !important;
  transition: opacity 0.15s ease;
}

body:is(.archive, .blog) .wp-block-group.column-no-wrap .wp-block-column:last-child p a:hover {
  opacity: 0.65;
}


/* ─────────────────────────────────────────────────────────────
   A1b. ARCHIVE — CATEGORY HERO (Term Name + Description)

   WordPress outputs:
     <p class="wp-block-term-name">New Features</p>
     <div class="wp-block-term-description"><p>…</p></div>

   Styled to match Stripe's BlogCategoryHero: large bold title,
   muted descriptive paragraph constrained to ~75% width.
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) .wp-block-term-name {
  max-width: 1100px !important;
  margin: 80px auto 0 !important;
  padding: 0 0 0 16px !important;
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  color: #0a2540 !important;
  box-sizing: border-box;
}

body:is(.archive, .blog) .wp-block-term-description {
  max-width: 1100px !important;
  margin: 20px auto 80px !important;
  padding: 0 0 0 16px !important;
  box-sizing: border-box;
}

body:is(.archive, .blog) .wp-block-term-description p {
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #425466 !important;
  letter-spacing: 0.02em !important;
  max-width: 50%;
  margin: 0 !important;
}


/* ─────────────────────────────────────────────────────────────
   A2. ARCHIVE — POST LISTING

   Structure per post card (inside ul.wp-block-post-template):
   li.wp-block-post
     > div.wp-block-columns  (header row: 75% | 25%)
         > col1: .wp-block-post-terms + h2.wp-block-post-title
         > col2: .wp-block-post-date + avatar + author-name + bio
     > div.wp-block-columns  (content row: 50% | 50%)
         > col1: .wp-block-post-excerpt
         > col2: .wp-block-post-featured-image
   ───────────────────────────────────────────────────────────── */

/* Query wrapper — spacing below hero description */
body:is(.archive, .blog) .wp-block-query {
  margin-top: 16px;
}

/* Post list — reset */
body:is(.archive, .blog) ul.wp-block-post-template {
  list-style: none !important;
}

/* ── Individual post entry — whitespace separation only ───── */
body:is(.archive, .blog) .wp-block-post-template > .wp-block-post {
  padding: 52px 0;
}

body:is(.archive, .blog) .wp-block-post-template > .wp-block-post:first-child {
  padding-top: 24px;
}

/* ── Column split — 75 / 25 to align right col with dashed guide line ─
   The 3rd dashed line sits at calc(50% + 273px) = 823px from content left.
   75% of 1100px = 825px, so the right column's left edge lands on it. ── */
body:is(.archive, .blog) .wp-block-post-template > li > .wp-block-columns:first-child > .wp-block-column:first-child {
  flex-basis: 75% !important;
}
body:is(.archive, .blog) .wp-block-post-template > li > .wp-block-columns:first-child > .wp-block-column:last-child {
  flex-basis: 25% !important;
}


/* ─────────────────────────────────────────────────────────────
   A2a. Category label — vertical accent line (Stripe pattern)

   A 2px accent line sits to the left of the category term,
   implemented via a ::before pseudo-element, matching how
   Stripe's CopyTitle--variantDetail works.
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) .wp-block-post-terms {
  position: relative;
  padding-left: 16px !important;
  margin-bottom: 12px !important;
}

body:is(.archive, .blog) .wp-block-post-terms::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1em;
  background-color: #bf185d;
  border-radius: 1px;
}

body:is(.archive, .blog) .wp-block-post-terms a {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-decoration: none !important;
  transition: opacity 0.15s ease;
}

body:is(.archive, .blog) .wp-block-post-terms div.taxonomy-post_tag > a {
  color: gray !important;
}

body:is(.archive, .blog) .wp-block-post-terms a:hover {
  opacity: 0.6 !important;
  text-decoration: none !important;
}


/* ─────────────────────────────────────────────────────────────
   A2b. Post title
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) h2.wp-block-post-title {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 38px !important;
  font-weight: 425 !important;
  line-height: 1.26 !important;
  letter-spacing: -0.02em !important;
  color: #0a2540 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 16px !important;
}

body:is(.archive, .blog) .wp-block-post-title a {
  color: #0a2540 !important;
  text-decoration: none !important;
  transition: color 0.15s ease;
}

body:is(.archive, .blog) .wp-block-post-title a:hover {
  color: #bf185d !important;
}


/* ─────────────────────────────────────────────────────────────
   A2c. Right column — Date above Author (CSS Grid layout)

   The right column of the header row contains:
   1. .wp-block-post-date      → spans full width, top
   2. .wp-block-avatar          → grid col 1, rows 2-3
   3. .wp-block-post-author-name → grid col 2, row 2
   4. .wp-block-post-author-biography → grid col 2, row 3

   This creates the Stripe-style layout:
   ┌───────────────────────────┐
   │ | June 11, 2026           │  ← date with accent line
   │                           │
   │ [avatar] Author Name      │  ← inline flex row
   │          Role / Title     │
   └───────────────────────────┘
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) .wp-block-post-template > li > .wp-block-columns:first-child > .wp-block-column:last-child {
  display: grid !important;
  grid-template-columns: 48px 1fr;
  grid-template-rows: auto 10px auto auto;
  gap: 0 14px;
  align-content: start;
}

/* Date — spans both columns, sits at top with accent line */
body:is(.archive, .blog) .wp-block-post-template .wp-block-post-date {
  grid-column: 1 / -1;
  grid-row: 1;
  position: relative;
  padding-left: 12px !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #425466 !important;
  line-height: 1.6 !important;
  display: block !important;
  border: none !important;
}

/* Accent line on date via ::before (Stripe BlogPostDate pattern) */
body:is(.archive, .blog) .wp-block-post-template .wp-block-post-date::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1em;
  background-color: #bf185d;
}

body:is(.archive, .blog) .wp-block-post-template .wp-block-post-date time {
  color: inherit !important;
}

/* Spacer row (row 2) — provides gap between date and author */

/* Avatar — left column, spanning name and bio rows */
body:is(.archive, .blog) .wp-block-post-template .wp-block-avatar {
  grid-column: 1;
  grid-row: 3 / 5;
  align-self: start;
  padding-top: 2px;
}

body:is(.archive, .blog) .wp-block-avatar img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #e3e8ee !important;
  margin-bottom: 0 !important;
}

/* Author name — right of avatar */
body:is(.archive, .blog) .wp-block-post-template .wp-block-post-author-name {
  grid-column: 2;
  grid-row: 3;
  align-self: end;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #0a2540 !important;
  line-height: 1.6 !important;
}

body:is(.archive, .blog) .wp-block-post-author-name a {
  color: #0a2540 !important;
  text-decoration: none !important;
  transition: opacity 0.15s ease;
}

body:is(.archive, .blog) .wp-block-post-author-name a:hover {
  opacity: 0.6 !important;
}

/* Author biography / role — right of avatar, below name */
body:is(.archive, .blog) .wp-block-post-template .wp-block-post-author-biography {
  grid-column: 2;
  grid-row: 4;
  align-self: start;
  font-size: 15px !important;
  font-weight: 400 !important;
  color: #425466 !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
  letter-spacing: 0.02em;
}


/* ─────────────────────────────────────────────────────────────
   A2d. Content row — excerpt + featured image
   ───────────────────────────────────────────────────────────── */

/* Gap between header row and content row */
body:is(.archive, .blog) .wp-block-post-template > .wp-block-post > .wp-block-columns + .wp-block-columns {
  margin-top: 24px !important;
}

/* ── Post excerpt ────────────────────────────────────────── */
body:is(.archive, .blog) .wp-block-post-excerpt {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 16px !important;
  padding-right: 32px !important;
}

body:is(.archive, .blog) .wp-block-post-excerpt__excerpt {
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #425466 !important;
  letter-spacing: 0.02em !important;
  margin-bottom: 16px !important;
}

/* ── Read More link ──────────────────────────────────────── */
body:is(.archive, .blog) .wp-block-post-excerpt__more-link {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #bf185d !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  transition: opacity 0.15s ease;
}

body:is(.archive, .blog) .wp-block-post-excerpt__more-link:hover {
  opacity: 0.6 !important;
  text-decoration: none !important;
}


/* ─────────────────────────────────────────────────────────────
   A2e. Featured image — Stripe-style card shadow

   Stripe uses large layered box-shadows on blog images:
   --cardShadowSmall: 0 6px 12px -2px rgba(50,50,93,.25),
                      0 3px 7px -3px rgba(0,0,0,.3)
   --cardShadowLarge: 0 30px 60px -12px rgba(50,50,93,.25),
                      0 18px 36px -18px rgba(0,0,0,.3)
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) .wp-block-post-featured-image {
  margin: 8px 0 !important;
  overflow: hidden;
  border-radius: 8px;
  box-shadow:
    0 30px 60px -12px rgba(50, 50, 93, 0.25),
    0 18px 36px -18px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 11;
}

body:is(.archive, .blog) .wp-block-post-featured-image img {
  border-radius: 8px !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  display: block;
}


/* ─────────────────────────────────────────────────────────────
   A3. ARCHIVE — PAGINATION

   WordPress uses .wp-block-query-pagination with child blocks:
   .wp-block-query-pagination-numbers (page links)
   .wp-block-query-pagination-previous / -next (direction)

   Styled to match Stripe's BlogCategoryPagination:
   simple flex row, 15px font, subtle active state.
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) .wp-block-query-pagination {
  display: flex !important;
  align-items: center;
  gap: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #425466;
  margin-top: 48px !important;
  padding: 0 !important;
}

body:is(.archive, .blog) .wp-block-query-pagination-numbers {
  display: flex;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

body:is(.archive, .blog) .wp-block-query-pagination-numbers .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  font-size: 15px;
  font-weight: 400;
  color: #bf185d;
  text-decoration: none;
  border-radius: 6px;
  transition: background 0.15s ease, opacity 0.15s ease;
}

body:is(.archive, .blog) .wp-block-query-pagination-numbers .page-numbers:hover {
  background: rgba(191, 24, 93, 0.06);
}

body:is(.archive, .blog) .wp-block-query-pagination-numbers .page-numbers.current {
  color: #0a2540;
  font-weight: 600;
  background: none;
  cursor: default;
}

body:is(.archive, .blog) .wp-block-query-pagination-previous,
body:is(.archive, .blog) .wp-block-query-pagination-next {
  font-size: 15px;
  font-weight: 500;
  color: #bf185d !important;
  text-decoration: none !important;
  padding: 0 8px;
  transition: opacity 0.15s ease;
}

body:is(.archive, .blog) .wp-block-query-pagination-previous:hover,
body:is(.archive, .blog) .wp-block-query-pagination-next:hover {
  opacity: 0.6;
}


/* ─────────────────────────────────────────────────────────────
   A4. ARCHIVE — SELECTION HIGHLIGHT
   ───────────────────────────────────────────────────────────── */

body:is(.archive, .blog) main#wp--skip-link--target ::selection {
  background: rgba(99, 91, 255, 0.12);
  color: #0a2540;
}


/* ─────────────────────────────────────────────────────────────
   A4b. BLOG INDEX — HIDE DUPLICATE ELEMENTS

   On /blog/ the second breadcrumbs + YouTube link row appears
   below the category-list; hide it. Also hide term-name/
   term-description which only belong on category archive pages.
   ───────────────────────────────────────────────────────────── */

body.blog .category-list ~ main .column-no-wrap {
  display: none !important;
}

body.blog .wp-block-term-name,
body.blog .wp-block-term-description {
  display: none !important;
}


/* ─────────────────────────────────────────────────────────────
   A4c. BLOG INDEX — CATEGORY FILTER PILLS

   Horizontal row of category links styled like Stripe's
   SegmentedControl. "All" pill added via ::before pseudo-
   element (active state: purple background, white text).
   ───────────────────────────────────────────────────────────── */

body.blog ul.category-list {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  list-style: none !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 40px 0 40px 16px !important;
  max-width: 1100px;
  gap: 0;
  box-sizing: border-box;
}

/* "All" pill — prepended via pseudo-element */
body.blog ul.category-list::before {
  content: "All";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 18px;
  background-color: #bf185d;
  color: #fff;
  border-radius: 16px;
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin-right: 4px;
  cursor: default;
}

body.blog ul.category-list li {
  margin: 0 !important;
  padding: 0 !important;
}

body.blog ul.category-list li::marker {
  content: none;
}

body.blog ul.category-list li a {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 16px;
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #0a2540;
  text-decoration: none !important;
  border-radius: 16px;
  transition: opacity 0.15s ease;
}

body.blog ul.category-list li a:hover {
  opacity: 0.65;
}


/* ─────────────────────────────────────────────────────────────
   A4d. BLOG INDEX — FEATURED POST HERO CARD

   Stripe's BlogIndexPost--variantFeatured:
   CSS Grid card (text left, image right), XLarge shadow,
   rounded corners, generous padding.
   ───────────────────────────────────────────────────────────── */

/* Query wrapper — let it span full width so featured-post can center */
body.blog .only-show-one-featured,
body.blog .wp-block-query:has(.featured-post) {
  max-width: none !important;
  width: 100% !important;
  margin: 48px auto 64px !important;
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}


/* ── Night-sky flowing streak behind featured card ──────── */

/* Main streak — tapers from ~160px left to ~320px right via clip-path */
body.blog .only-show-one-featured::before,
body.blog .wp-block-query:has(.featured-post)::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  right: 0;
  height: 320px;
  margin-top: -160px;
  background:
    linear-gradient(
      90deg,
      #060d1a 0%,
      #0a2540 8%,
      #12103a 20%,
      #1a1452 32%,
      #2d1b69 42%,
      #3B038F 52%,
      #6F79FF 64%,
      #9b51e0 78%,
      #bf185d 92%,
      #6b0f35 100%
    );
  transform-origin: 20% center;
  transform: rotate(-8deg) scaleX(1.15);
  z-index: 1;
  pointer-events: none;
  clip-path: polygon(
    0% 25%,   3% 25%,   6% 24.5%, 9% 24%,  12% 23.5%,
    15% 23%,  18% 22%,  21% 21%,  24% 20%,  27% 19%,
    30% 18%,  34% 16.5%, 38% 15%, 42% 13%,  46% 11.5%,
    50% 10%,  55% 8%,   60% 6%,   65% 4.5%, 70% 3%,
    75% 2%,   80% 1%,   85% 0.5%, 90% 0%,   100% 0%,
    100% 100%, 90% 100%, 85% 99.5%, 80% 99%, 75% 98%,
    70% 97%,  65% 95.5%, 60% 94%, 55% 92%,  50% 90%,
    46% 88.5%, 42% 87%, 38% 85%,  34% 83.5%, 30% 82%,
    27% 81%,  24% 80%,  21% 79%,  18% 78%,  15% 77%,
    12% 76.5%, 9% 76%,  6% 75.5%, 3% 75%,   0% 75%
  );
  animation: featuredStreakWave 16s ease-in-out infinite;
}

/* Stars — crisp dots via box-shadow on the dark left side */
body.blog .only-show-one-featured::after,
body.blog .wp-block-query:has(.featured-post)::after {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -20px;
  transform-origin: 20% center;
  transform: rotate(-8deg);
  z-index: 2;
  pointer-events: none;
  box-shadow:
    /* Bright stars — crisp core with subtle glow */
    3vw   -60px  0 0.8px #fff,
    3vw   -60px  3px 0.5px rgba(200,220,255,0.5),
    1.5vw  40px  0 0.8px #fff,
    1.5vw  40px  3px 0.5px rgba(200,220,255,0.45),
    7vw   -20px  0 0.7px #fff,
    7vw   -20px  3px 0.5px rgba(200,220,255,0.4),
    11vw  -80px  0 0.7px #fff,
    11vw  -80px  3px 0.5px rgba(200,220,255,0.35),
    5vw    80px  0 0.8px #fff,
    5vw    80px  3px 0.5px rgba(200,220,255,0.45),
    /* Medium stars */
    2vw    100px 0 0.5px rgba(255,255,255,0.9),
    2vw    100px 2px 0.3px rgba(200,220,255,0.3),
    9vw    55px  0 0.5px rgba(255,255,255,0.9),
    9vw    55px  2px 0.3px rgba(200,220,255,0.3),
    14vw  -50px  0 0.5px rgba(255,255,255,0.85),
    14vw  -50px  2px 0.3px rgba(200,220,255,0.25),
    4vw   -100px 0 0.5px rgba(255,255,255,0.85),
    6vw    110px 0 0.5px rgba(255,255,255,0.85),
    13vw   70px  0 0.5px rgba(255,255,255,0.8),
    /* Small dim stars */
    8vw    90px  0 0.3px rgba(255,255,255,0.7),
    16vw  -30px  0 0.3px rgba(255,255,255,0.65),
    10vw   105px 0 0.3px rgba(255,255,255,0.65),
    3.5vw -90px  0 0.3px rgba(255,255,255,0.6),
    12vw   115px 0 0.3px rgba(255,255,255,0.6),
    17vw   20px  0 0.3px rgba(255,255,255,0.55),
    0.8vw  65px  0 0.3px rgba(255,255,255,0.65),
    15vw   95px  0 0.3px rgba(255,255,255,0.55);
  animation: starTwinkle 4s ease-in-out infinite;
}

@keyframes featuredStreakWave {
  0%, 100% {
    clip-path: polygon(
      0% 25%,   3% 25%,   6% 24.5%, 9% 24%,  12% 23.5%,
      15% 23%,  18% 22%,  21% 21%,  24% 20%,  27% 19%,
      30% 18%,  34% 16.5%, 38% 15%, 42% 13%,  46% 11.5%,
      50% 10%,  55% 8%,   60% 6%,   65% 4.5%, 70% 3%,
      75% 2%,   80% 1%,   85% 0.5%, 90% 0%,   100% 0%,
      100% 100%, 90% 100%, 85% 99.5%, 80% 99%, 75% 98%,
      70% 97%,  65% 95.5%, 60% 94%, 55% 92%,  50% 90%,
      46% 88.5%, 42% 87%, 38% 85%,  34% 83.5%, 30% 82%,
      27% 81%,  24% 80%,  21% 79%,  18% 78%,  15% 77%,
      12% 76.5%, 9% 76%,  6% 75.5%, 3% 75%,   0% 75%
    );
    transform: rotate(-8deg) scaleX(1.15) translateX(0);
  }
  50% {
    clip-path: polygon(
      0% 26%,   3% 25.5%, 6% 25%,  9% 24.5%, 12% 24%,
      15% 23%,  18% 22%,  21% 21%, 24% 19.5%, 27% 18.5%,
      30% 17%,  34% 15.5%, 38% 14%, 42% 12.5%, 46% 11%,
      50% 9.5%, 55% 7.5%, 60% 5.5%, 65% 4%,  70% 2.5%,
      75% 1.5%, 80% 0.5%, 85% 0%,  90% 0%,   100% 0%,
      100% 100%, 90% 100%, 85% 99.5%, 80% 99%, 75% 98.5%,
      70% 97.5%, 65% 96%, 60% 94.5%, 55% 92.5%, 50% 90.5%,
      46% 89%,  42% 87.5%, 38% 86%, 34% 84%,  30% 82.5%,
      27% 81.5%, 24% 80.5%, 21% 79.5%, 18% 78.5%, 15% 77.5%,
      12% 77%,  9% 76.5%, 6% 76%,  3% 75.5%, 0% 74%
    );
    transform: rotate(-7.5deg) scaleX(1.15) translateX(8px) translateY(-3px);
  }
}

@keyframes starTwinkle {
  0%, 100% {
    opacity: 1;
    filter: brightness(1);
  }
  50% {
    opacity: 0.6;
    filter: brightness(1.4);
  }
}

/* Featured post list — centered at 1100px */
body.blog .featured-post {
  max-width: 1100px !important;
  margin: 100px auto !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Only show the first post in featured section */
body.blog .featured-post > li:not(:first-child) {
  display: none !important;
}

/* The card itself */
body.blog .featured-post > li {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto 56px auto auto;
  gap: 0 40px;
  align-content: start;
  padding: 48px 40px 48px 48px !important;
  background: #fff;
  border-radius: 12px;
  box-shadow:
    0 50px 100px -20px rgba(50, 50, 93, 0.25),
    0 30px 60px -30px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  z-index: 11;
}

/* All children default to left column */
body.blog .featured-post > li > * {
  grid-column: 1;
  min-width: 0;
}

/* ── Featured post category label (above title, no accent line) ── */
body.blog .featured-post .wp-block-post-terms {
  grid-row: 1;
  grid-column: 1;
  margin-bottom: 12px !important;
  padding-left: 0 !important;
}

body.blog .featured-post .wp-block-post-terms::before {
  display: none !important;
}

body.blog .featured-post .wp-block-post-terms a {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #bf185d !important;
  text-decoration: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* ── Featured post title ─────────────────────────────────── */
body.blog .featured-post h2.wp-block-post-title {
  grid-row: 2;
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.26 !important;
  letter-spacing: -0.02em !important;
  color: #0a2540 !important;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}

body.blog .featured-post .wp-block-post-title a {
  color: inherit !important;
  text-decoration: none !important;
}

body.blog .featured-post .wp-block-post-title a:hover {
  color: #bf185d !important;
}

/* ── Featured post date ──────────────────────────────────── */
body.blog .featured-post .wp-block-post-date {
  grid-row: 3;
  position: relative;
  padding-left: 12px;
  margin-bottom: 16px;
}

body.blog .featured-post .wp-block-post-date::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1em;
  background-color: #bf185d;
}

body.blog .featured-post .wp-block-post-date time {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #425466;
  letter-spacing: 0.02em;
}

/* ── Featured post author area (avatar + name + bio in row 4) */
body.blog .featured-post .wp-block-avatar {
  grid-row: 4;
  grid-column: 1;
  width: 48px;
  align-self: center;
  justify-self: start;
}

body.blog .featured-post .wp-block-avatar img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  object-fit: cover;
}

body.blog .featured-post .wp-block-post-author-name {
  grid-row: 4;
  grid-column: 1;
  margin-left: 62px;
  align-self: start;
  padding-top: 8px;
}

body.blog .featured-post .wp-block-post-author-name,
body.blog .featured-post .wp-block-post-author-name a {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #0a2540 !important;
  text-decoration: none !important;
}

body.blog .featured-post .wp-block-post-author-biography {
  grid-row: 4;
  grid-column: 1;
  margin-left: 62px;
  align-self: end;
  padding-bottom: 6px;
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif;
  font-size: 13px;
  color: #425466;
  line-height: 1.4;
}

/* ── Featured post excerpt ───────────────────────────────── */
body.blog .featured-post .wp-block-post-excerpt {
  grid-row: 5;
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

body.blog .featured-post .wp-block-post-excerpt__excerpt {
  font-family: "Inter Tight", -apple-system, system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #425466;
}

/* ── Featured image — spans full right column ────────────── */
body.blog .featured-post .wp-block-post-featured-image {
  grid-column: 2 !important;
  grid-row: 1 / -1;
  align-self: stretch;
  margin: 0 !important;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: none !important;
}

body.blog .featured-post .wp-block-post-featured-image a {
  display: block;
  height: 100%;
}

body.blog .featured-post .wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}


/* (A5 & A6 removed — signup/CTA/HubSpot rules are now global in section 11/12 above) */


/* ─────────────────────────────────────────────────────────────
   A7. ARCHIVE — RESPONSIVE
   ───────────────────────────────────────────────────────────── */

@media (max-width: 900px) {

  /* Hide vertical grid lines */
  body:is(.archive, .blog) .wp-site-blocks::after {
    display: none !important;
  }

  /* Stack the post card columns vertically */
  body:is(.archive, .blog) .wp-block-post-template .wp-block-columns {
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  body:is(.archive, .blog) .wp-block-post-template .wp-block-column {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }

  body:is(.archive, .blog) h2.wp-block-post-title {
    font-size: 30px !important;
  }

  /* Right column — keep grid, just shrink avatar column */
  body:is(.archive, .blog) .wp-block-post-template > li > .wp-block-columns:first-child > .wp-block-column:last-child {
    grid-template-columns: 40px 1fr !important;
    grid-template-rows: auto 8px auto auto !important;
    gap: 0 12px !important;
    margin-top: 16px;
  }

  body:is(.archive, .blog) .wp-block-avatar img {
    width: 40px !important;
    height: 40px !important;
  }

  body:is(.archive, .blog) .wp-block-post-template .wp-block-post-author-name,
  body:is(.archive, .blog) .wp-block-post-template .wp-block-post-author-biography {
    font-size: 14px !important;
  }

  /* Featured image — use smaller shadow on mobile */
  body:is(.archive, .blog) .wp-block-post-featured-image {
    box-shadow:
      0 6px 12px -2px rgba(50, 50, 93, 0.25),
      0 3px 7px -3px rgba(0, 0, 0, 0.3) !important;
  }

  /* Put featured image before excerpt on stack */
  body:is(.archive, .blog) .wp-block-post-template > .wp-block-post > .wp-block-columns:last-child {
    flex-direction: column-reverse !important;
  }

  body:is(.archive, .blog) .wp-block-post-template > .wp-block-post > .wp-block-columns + .wp-block-columns {
    margin-top: 20px !important;
  }

  /* Tone down streak on tablet */
  body.blog .only-show-one-featured::before,
  body.blog .wp-block-query:has(.featured-post)::before {
    height: 200px;
    margin-top: -100px;
    opacity: 0.75;
    transform: rotate(-8deg) scaleX(1.1);
  }

  body.blog .only-show-one-featured::after,
  body.blog .wp-block-query:has(.featured-post)::after {
    opacity: 0.5;
  }

  /* Featured post card — stack vertically on tablet */
  body.blog .featured-post > li {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 0 !important;
    padding: 24px 24px 32px !important;
  }

  body.blog .featured-post > li > * {
    grid-column: 1 !important;
    grid-row: auto !important;
  }

  body.blog .featured-post .wp-block-post-featured-image {
    grid-column: 1 !important;
    grid-row: auto !important;
    margin-top: 24px !important;
    border-radius: 8px;
  }

  body.blog .featured-post h2.wp-block-post-title {
    font-size: 30px !important;
  }

  body.blog .featured-post .wp-block-avatar {
    grid-row: auto !important;
    width: 40px;
  }

  body.blog .featured-post .wp-block-avatar img {
    width: 40px !important;
    height: 40px !important;
  }

  body.blog .featured-post .wp-block-post-author-name {
    grid-row: auto !important;
    margin-left: 54px;
    margin-top: -40px;
  }

  body.blog .featured-post .wp-block-post-author-biography {
    grid-row: auto !important;
    margin-left: 54px;
    margin-top: 0;
  }

  /* Category pills — scroll on small screens */
  body.blog ul.category-list {
    padding: 24px 0 24px 16px !important;
    overflow-x: auto;
    flex-wrap: nowrap;
  }
}

@media (max-width: 600px) {

  body:is(.archive, .blog) main#wp--skip-link--target {
    padding-top: 20px !important;
    padding-left: var(--wp--preset--spacing--30) !important;
    padding-right: var(--wp--preset--spacing--30) !important;
  }

  body:is(.archive, .blog) .wp-block-group.column-no-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Stack breadcrumb row */
  body:is(.archive, .blog) .wp-block-group.column-no-wrap .wp-block-columns {
    flex-direction: column !important;
    gap: 4px !important;
  }

  body:is(.archive, .blog) .wp-block-group.column-no-wrap .wp-block-columns .wp-block-column:last-child p {
    text-align: left !important;
  }

  body:is(.archive, .blog) .wp-block-post-template > .wp-block-post {
    padding: 36px 0;
  }

  /* Hero title + description responsive */
  body:is(.archive, .blog) .wp-block-term-name {
    font-size: 22px !important;
    margin-top: 32px !important;
    padding: 0 !important;
  }

  body:is(.archive, .blog) .wp-block-term-description {
    padding: 0 !important;
  }

  body:is(.archive, .blog) .wp-block-term-description p {
    font-size: 15px !important;
    max-width: 100%;
  }

  body:is(.archive, .blog) h2.wp-block-post-title {
    font-size: 26px !important;
  }

  body:is(.archive, .blog) .wp-block-post-excerpt__excerpt {
    font-size: 14px !important;
  }

  body:is(.archive, .blog) .wp-block-post-excerpt {
    padding-right: 0 !important;
  }

  /* Featured post — smaller title on phone */
  body.blog .featured-post h2.wp-block-post-title {
    font-size: 26px !important;
  }

  body.blog .featured-post > li {
    padding: 20px 20px 28px !important;
    box-shadow:
      0 13px 27px -5px rgba(50, 50, 93, 0.25),
      0 8px 16px -8px rgba(0, 0, 0, 0.3) !important;
  }

  /* Category pills — smaller padding */
  body.blog ul.category-list {
    padding: 20px 0 20px 0 !important;
  }

  /* Pagination — wrap on small screens */
  body:is(.archive, .blog) .wp-block-query-pagination {
    flex-wrap: wrap;
    margin-top: 32px !important;
  }

  /* (Archive HubSpot responsive removed — now global in section 12 responsive) */
}

/* ═══════════════════════════════════════════════════════════════
   .primary-industry-content — Featured card style
   Matches the featured blog post card on /blog/
   ═══════════════════════════════════════════════════════════════ */

.primary-industry-content {
  background: #fff;
  border-radius: 12px;
  box-shadow:
    0 50px 100px -20px rgba(50, 50, 93, 0.25),
    0 30px 60px -30px rgba(0, 0, 0, 0.3);
  padding: 48px;
  position: relative;
  z-index: 1;
}

@media (max-width: 900px) {
  .primary-industry-content {
    padding: 32px 28px;
  }
}

@media (max-width: 600px) {
  .primary-industry-content {
    padding: 24px 20px;
    box-shadow:
      0 13px 27px -5px rgba(50, 50, 93, 0.25),
      0 8px 16px -8px rgba(0, 0, 0, 0.3);
  }
}




/* ── Tags — pill row ───────────────────────────────────────── */
.type-industry .taxonomy-post_tag.wp-block-post-terms,
.primary-industry-content .taxonomy-post_tag.wp-block-post-terms {
  display: flex !important;
  flex-wrap: wrap;
  gap: 6px;
  margin: 16px 0 0 !important;
}

/* Hide comma separators */
.wp-block-post-terms__separator,
.primary-content .wp-block-post-terms__separator {
  display: none !important;
}

/* Each tag — pill */
.wp-block-post-terms a,
.primary-content .wp-block-post-terms a {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  padding: 4px 10px 4px 7px;
  font-size: 11.5px !important;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: #4b5563 !important;
  background: #f7f8fa;
  border: 1px solid #e8eaef;
  border-radius: 999px;
  white-space: nowrap;
  text-decoration: none !important;
  line-height: 1.4;
  transition: border-color 0.2s ease;
}

.wp-block-post-terms a:hover,
.primary-content .wp-block-post-terms a:hover {
  border-color: #c5c9d0;
}

/* Logo icon slot */
.wp-block-post-terms a::before,
.primary-content .wp-block-post-terms a::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}


/* ═══════════════════════════════════════════════════════════════
   TAG → LOGO KEY

   Native tools get a navy tint.
   HIPAA gets a green trust-badge tint.
   All others get the default gray pill.

   Slugs match WordPress tag URLs: /blog/tag/<slug>/
   Add new entries here as new integration tags are created.
   ═══════════════════════════════════════════════════════════════ */

/* ── Native tools (navy tint) ──────────────────────────────── */
.wp-block-post-terms a[href*="/tag/property-data/"],
.wp-block-post-terms a[href*="/tag/check-distance/"],
.primary-content .wp-block-post-terms a[href*="/tag/property-data/"],
.primary-content .wp-block-post-terms a[href*="/tag/check-distance/"] {
  color: #3e4f7d !important;
  background: rgba(62, 79, 125, 0.07);
  border-color: rgba(62, 79, 125, 0.18);
}

.wp-block-post-terms a[href*="/tag/property-data/"]::before,
.wp-block-post-terms a[href*="/tag/check-distance/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/property-data/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/check-distance/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233e4f7d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 5 13.5h6L11 21l8-10.5h-6Z'/%3E%3C/svg%3E");
}

/* ── HIPAA (green trust tint) ──────────────────────────────── */
.wp-block-post-terms a[href*="/tag/hipaa"],
.primary-content .wp-block-post-terms a[href*="/tag/hipaa"] {
  color: #047857 !important;
  background: rgba(5, 150, 105, 0.07);
  border-color: rgba(5, 150, 105, 0.22);
}

.wp-block-post-terms a[href*="/tag/hipaa"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/hipaa"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 5.8v5.4c0 4.4 3 8 7 9.8 4-1.8 7-5.4 7-9.8V5.8Z'/%3E%3Cpath d='m8.8 12 2.2 2.2 4.2-4.4'/%3E%3C/svg%3E");
}

/* ── HighLevel ─────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/highlevel/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/highlevel/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFBC00' d='M5.5 2.5L8.5 7H6.7v14.5H4.3V7H2.5Z'/%3E%3Cpath fill='%23188BF6' d='M12 7.5L15 12h-1.8v9.5h-2.4V12H9Z'/%3E%3Cpath fill='%2337CA37' d='M18.5 2.5L21.5 7h-1.8v14.5h-2.4V7h-1.8Z'/%3E%3C/svg%3E");
	color: #3e4f7d !important;
}

/* ── HubSpot ───────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/hubspot/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/hubspot/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7a59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='14' r='4.5'/%3E%3Cpath d='M13.5 9.5V5'/%3E%3Ccircle cx='13.5' cy='3.6' r='1.4' fill='%23ff7a59' stroke='none'/%3E%3Cpath d='M10.3 10.9L6.4 7'/%3E%3Ccircle cx='5.3' cy='5.9' r='1.4' fill='%23ff7a59' stroke='none'/%3E%3Cpath d='M10.1 17.4l-3.2 3.2'/%3E%3C/svg%3E");
}

/* ── Calendly ──────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/calendly/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/calendly/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='%23006BFF'/%3E%3Crect x='6' y='7.5' width='12' height='10.5' rx='2' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3Cpath d='M6 11h12M9.5 7.5V5.5M14.5 7.5V5.5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ── ServiceTitan ──────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/servicetitan/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/servicetitan/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='%2310204C'/%3E%3Cpath fill='%23fff' d='M6.2 7h11.6v3.3h-4V17h-3.6v-6.7h-4Z'/%3E%3C/svg%3E");
}

/* ── Stripe ─────────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/stripe/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/stripe/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='%23635BFF'/%3E%3Cpath fill='%23fff' d='M13.3 8.4c-1.2 0-2 .4-2.5.9l-.1-.7H8.8v8.5l2.1-.4v-2.4c.4.3 1 .6 1.8.6 1.9 0 3.5-1.5 3.5-4.3s-1.5-4.2-2.9-4.2zm-.5 6.2c-.6 0-1-.2-1.2-.5v-3.3c.3-.3.7-.6 1.3-.6 1 0 1.7 1 1.7 2.2 0 1.3-.7 2.2-1.8 2.2z'/%3E%3C/svg%3E");
}

/* ── Shopify ───────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/shopify/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/shopify/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2395BF47' d='M7.8 7h8.4l2.3.8 1.2 12.7-7.7 1.7-7.5-1.7L5.7 7.8Z'/%3E%3Cpath d='M9.3 8.5V6.8a2.7 2.7 0 0 1 5.4 0v1.7' stroke='%235E8E3E' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ── Zapier ─────────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/zapier/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/zapier/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF4F00' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 4.5v15M4.5 12h15M6.7 6.7l10.6 10.6M17.3 6.7L6.7 17.3'/%3E%3C/svg%3E");
}

/* ── Cal.com ───────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/cal-com/"]::before,
.wp-block-post-terms a[href*="/tag/calcom/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/cal-com/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/calcom/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='%23111827'/%3E%3C/svg%3E");
}

/* ── Make ───────────────────────────────────────────────────── */
.wp-block-post-terms a[href*="/tag/make/"]::before,
.primary-content .wp-block-post-terms a[href*="/tag/make/"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' fill='%236E21CE'/%3E%3Cpath fill='%23fff' d='M6.3 16.5 7.9 7.5h2.5l-1.6 9zM10.8 16.5l3.4-9h2.5l-3.4 9zM15.6 16.5l1.6-9h2.5l-1.6 9z'/%3E%3C/svg%3E");
}

.taxonomy-category a {
    color: #bf185d !important;
    background: none !important;
    border: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.taxonomy-category a::before {
    content: none !important;
}




/* Dropdown Menu */
ul.wp-block-navigation__submenu-container {
	z-index: 99 !important;
}
body.home .wp-block-navigation a {
	color: black;
}













/* =============================================================
   header-dropdowns.css — Stripe-inspired mega menu dropdowns
   ============================================================= */

/* --- Ensure parent li is the positioning anchor so dropdown
       sits flush at its bottom edge — NO gap in hover chain --- */
.wp-block-navigation__container > .wp-block-navigation-submenu {
  position: relative !important;
  overflow: visible !important;
}

/* Overflow must not clip the wide dropdown */
.wp-block-navigation,
.wp-block-navigation__container {
  overflow: visible !important;
}

/* --- Dropdown panel --- */
.wp-block-navigation__submenu-container.mega-dropdown-container {
  /* Flush against the parent li bottom — zero hover gap */
  position: absolute !important;
  top: 100% !important;
  margin: 0 !important;

  /* Visual breathing room is padding INSIDE the panel (still hoverable) */
  padding-top: 0px !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  background: #ffffff !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08),
              0 2px 8px rgba(0, 0, 0, 0.04) !important;
  gap: 0 !important;
  list-style: none !important;
  overflow: hidden !important;
  z-index: 9999 !important;
}

/* Wide panels — aligned to left edge of responsive-container */
.mega-dropdown-container.mega-wide {
  transform: none !important;
  width: clamp(600px, 70vw, 900px) !important;
  min-width: unset !important;
  /* left is set dynamically by JS to align with the first nav item */
}

/* Narrow panels (Pricing) — centered under nav item */
.mega-dropdown-container.mega-narrow {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 440px !important;
  min-width: unset !important;
}

/* --- Wrapper li (valid HTML: ul > li > div) --- */
.mega-dropdown-wrapper {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* --- The flexbox column container --- */
.mega-dropdown {
  display: flex !important;
  align-items: stretch !important;
}

/* --- Individual columns --- */
.mega-col {
  flex: 1;
  padding: 20px 6px;
  border-right: 1px solid #ebebeb;
  min-width: 0;
}

.mega-col:last-child {
  border-right: none;
}

/* --- Contact column — gray sidebar, compact --- */
.mega-col-contact {
  background: #f7f8fa;
  flex: 0 0 120px;
  display: flex;
  flex-direction: column;
  border-radius: 0 12px 12px 0;
}

.mega-col-contact .mega-item-desc {
  display: none !important;
}

/* --- Column headers --- */
.mega-col-header {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 14px;
  padding: 0 8px;
}

/* --- Link list inside columns --- */
.mega-col-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mega-col-list li {
  margin: 0 !important;
  padding: 0 !important;
}

/* --- Links --- */
.mega-col-list a {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  padding: 8px 8px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
}

.mega-col-list a:hover {
  background: transparent !important;
}

/* --- Link title --- */
.mega-item-title {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #be195d;
  line-height: 1.4;
  transition: color 0.12s ease;
}

.mega-col-list a:hover .mega-item-title {
  color: #8c1145;
}

/* --- Link description --- */
.mega-item-desc {
  font-family: "Inter", sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  color: #6b7280;
  line-height: 1.4;
}

/* --- Dropdown caret --- */
.wp-block-navigation-submenu__toggle svg {
  width: 10px !important;
  height: 10px !important;
  opacity: 0.5;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.wp-block-navigation-submenu:hover > .wp-block-navigation-submenu__toggle svg {
  transform: rotate(180deg);
  opacity: 1;
}

/* =============================================================
   Mobile — Stripe-style full-screen overlay navigation
   ============================================================= */

/* --- Mega-dropdown fallback inside WP responsive container --- */
@media (max-width: 781px) {
  .mega-dropdown-container.mega-wide,
  .mega-dropdown-container.mega-narrow {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    width: 100% !important;
    min-width: unset !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }

  .mega-dropdown {
    flex-direction: column !important;
  }

  .mega-col {
    padding: 12px 8px !important;
    border-right: none !important;
  }

  .mega-col-contact {
    display: none !important;
  }
}

/* =============================================================
   Mobile nav overlay — full-screen panel
   ============================================================= */

/* --- Overlay container --- */
.mobile-nav-overlay {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(8px);
  transition:
    opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s linear 0.32s;
}

.mobile-nav-overlay.is-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition:
    opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.32s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0s linear 0s;
}

/* --- Header row (close button) --- */
.mobile-nav-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 16px;
  flex-shrink: 0;
  min-height: 56px;
}

/* --- Close (X) button — circular, thin-stroke --- */
.mobile-nav-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 1.5px solid #e3e8ee;
  border-radius: 50%;
  cursor: pointer;
  color: #0a2540;
  transition: background 0.15s ease, border-color 0.15s ease;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.mobile-nav-close:hover,
.mobile-nav-close:active {
  background: #f6f9fc;
  border-color: #c4cdd5;
}

.mobile-nav-close:focus-visible {
  box-shadow: 0 0 0 3px rgba(190, 25, 93, 0.18);
}

.mobile-nav-close svg {
  width: 15px;
  height: 15px;
  display: block;
}

/* --- Scrollable body --- */
.mobile-nav-body {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 24px 32px;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}

/* --- Accordion section --- */
.mobile-nav-section {
  border-bottom: 1.5px solid rgba(190, 25, 93, 0.10);
}

.mobile-nav-section:last-child {
  border-bottom: none;
}

/* --- Accordion trigger --- */
.mobile-nav-section-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 20px 0;
  margin: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: "Inter", -apple-system, system-ui, sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #0a2540;
  line-height: 1.3;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.15s ease;
  outline: none;
}

.mobile-nav-section.is-expanded .mobile-nav-section-trigger {
  color: #be195d;
  border-left: 3px solid #be195d;
  padding-left: 12px;
  margin-left: -4px;
}

.mobile-nav-section-trigger:focus-visible {
  color: #be195d;
}

.mobile-nav-section-trigger:active {
  color: #425466;
}

/* --- Chevron icon --- */
.mobile-nav-chevron {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-left: 12px;
  color: #8898aa;
  transition:
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.2s ease;
}

.mobile-nav-section.is-expanded .mobile-nav-chevron {
  transform: rotate(180deg);
  color: #0a2540;
}

/* --- Expandable content --- */
.mobile-nav-section-content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.mobile-nav-section-content-inner {
  padding: 0 0 20px 12px;
}

/* --- Category group --- */
.mobile-nav-category {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 16px;
  margin-bottom: 20px;
}

.mobile-nav-category:last-child {
  margin-bottom: 0;
}

.mobile-nav-category-label {
  grid-column: 1 / -1;
  font-family: "Inter", -apple-system, system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #be195d;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 0 0 10px;
}

/* --- Individual nav item --- */
.mobile-nav-item {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  border-radius: 8px;
  -webkit-tap-highlight-color: transparent;
}

.mobile-nav-item:active {
  opacity: 0.7;
}

.mobile-nav-item-title {
  display: block;
  font-family: "Inter", -apple-system, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #0a2540;
  line-height: 1.4;
}

.mobile-nav-item-desc {
  display: block;
  font-family: "Inter", -apple-system, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #8898aa;
  line-height: 1.45;
  margin-top: 2px;
}

/* --- Simple link row (items without dropdown) --- */
.mobile-nav-link {
  display: block;
  padding: 20px 0;
  font-family: "Inter", -apple-system, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #425466;
  text-decoration: none;
  border-bottom: 1.5px solid rgba(190, 25, 93, 0.10);
  -webkit-tap-highlight-color: transparent;
}

.mobile-nav-link:active {
  color: #0a2540;
}

/* --- Fixed footer with Sign In / Sign Up --- */
.mobile-nav-footer {
  flex-shrink: 0;
  padding: 16px 24px;
  padding-bottom: max(16px, env(safe-area-inset-bottom, 16px));
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
  display: flex;
  gap: 12px;
}

.mobile-nav-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  font-family: "Inter", -apple-system, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 24px;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.15s ease, transform 0.1s ease;
}

.mobile-nav-btn:active {
  transform: scale(0.97);
}

/* Sign In — outlined ghost */
.mobile-nav-btn--signin {
  color: #0a2540;
  background: #ffffff;
  border: 1.5px solid #d3d8de;
}

.mobile-nav-btn--signin:active {
  background: #f6f9fc;
}

/* Sign Up — primary filled */
.mobile-nav-btn--signup {
  color: #ffffff;
  background: #be195d;
  border: 1.5px solid #be195d;
}

.mobile-nav-btn--signup:active {
  background: #a8144f;
  border-color: #a8144f;
}

/* --- Body scroll lock (toggled by JS) --- */
html.mobile-nav-locked {
  overflow: hidden !important;
}

html.mobile-nav-locked body {
  overflow: hidden !important;
}

/* --- Hide overlay on desktop (safety net) --- */
@media (min-width: 782px) {
  .mobile-nav-overlay {
    display: none !important;
  }
}

/* --- Respect reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  .mobile-nav-overlay,
  .mobile-nav-overlay.is-open,
  .mobile-nav-section-content,
  .mobile-nav-chevron {
    transition-duration: 0.01ms !important;
  }
}

/* --- Home page override --- */
body.home .mega-item-title { color: #be195d; }
body.home .mega-col-header { color: #6b7280; }
body.home .mega-item-desc { color: #6b7280; }
body.home .mega-col-list a:hover .mega-item-title { color: #8c1145; }