/*
Theme Name: RCM (Mercury Atlas Child)
Theme URI:
Author: Pilot Digital
Author URI: https://pilotdigital.com
Description: RCM child theme for the Pilot Mercury Atlas parent theme. Figma-driven design system: neutrals + palette, Editor's Note / Gotham / Inter / Roboto fonts, block-style variations for buttons (secondary / outline / arrow / icon-email / icon-phone) and headings (eyebrow).
Template: pilot-mercury-atlas
Version: 1.0.0
Text Domain: rcm-ma-child
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ========================================================================
   TOKENS — CSS custom properties
   ------------------------------------------------------------------------
   Neutrals: semantic (--white, --black) + numeric scale (--neutral-*).
   Scale slots 500 / 600 / 700 intentionally vacant — reserved for mid-tones
   discovered during the base-color sweep (see FIGMA.md pre-launch notes).
   ======================================================================== */

:root {
	--white:        #FFFFFF;
	--black:        #1C1C1B;

	--neutral-100:  #FCFCFA; /* lightest — midpoint(--white, --neutral-200) */
	--neutral-200:  #F9F8F5; /* Lightest Cream */
	--neutral-300:  #F0EFEA; /* Light Cream */
	--neutral-400:  #E6E5DF; /* Medium Cream */
	--neutral-800:  #404042; /* Dark Gray */
	--neutral-900:  #2E2E2F; /* darkest — midpoint(--neutral-800, --black) */

	/* Links — on-light + on-dark color pairs (not palette entries, CSS-var-only) */
	--link-light:         #3F4F4F; /* Medium Green */
	--link-light-hover:   #A8894D; /* Dark Gold */
	--link-dark:          #F9F8F5; /* Lightest Cream */
	--link-dark-hover:    #E6E5DF; /* Medium Cream */
    --tag-blue:           #C4D8F2;

}

body{
	background-color: #F0F0F0;
}

body.wp-admin.post-type-rcm_mega_menu{
    background: linear-gradient(180deg, #17315A 12.98%, #122748 51.92%, #08162C 100%);
}

body.single-post {
    background: #fff;
}

body.archive.category {
    background: #fff;
}

footer.site-footer.wp-block-template-part {
    margin-top: 0;
}


/* ========================================================================
   INLINE EMPHASIS
   ======================================================================== */

strong,
em {
	font-weight: 700;
}


/* ========================================================================
   LINKS — default (on-light) + on-dark overrides via :is() mega-selector
   ======================================================================== */

a,
.wp-element-link {
	color: var(--wp--preset--color--rcm-blue);
	font-weight: 700;
}

a:hover,
a:active,
.wp-element-link:hover,
.wp-element-link:active {
	color: var(--link-light-hover);
}



/* Dark-context trigger: body class, custom section classes, palette bg classes, or Cover block */
:is(
	body.has-dark-background,
	.rcm-section-dark,
	.has-dark-green-background-color,
	.has-medium-green-background-color,
	.has-black-background-color,
	.wp-block-cover
) :is(a, .wp-element-link) {
	color: var(--link-dark);
}

:is(
	body.has-dark-background,
	.rcm-section-dark,
	.has-dark-green-background-color,
	.has-medium-green-background-color,
	.has-black-background-color,
	.wp-block-cover
) :is(a:hover, a:active, .wp-element-link:hover, .wp-element-link:active) {
	color: var(--link-dark-hover);
}


/* ========================================================================
   TESTIMONIAL SLIDER BLOCK
   ======================================================================== */

.rcm-testimonial-slider-block {
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
    padding: 60px 0;

    margin: 0 auto;
    position: relative;
}

.rcm-testimonial-slider-block {
}

.rcm-testimonial-slider {
    padding-bottom: 40px;
}

.testimonial-item {
    text-align: center;
}

.testimonial-quote-icon {
    margin-bottom: 30px;
}

.testimonial-quote-icon svg {
    display: block;
    margin: 0 auto;
}

.testimonial-content {
    font-size: 20px;
    line-height: 1.6;
    color: #414141;
    font-style: italic;
    margin-bottom: 30px;
	padding: 0 65px;
}

.testimonial-author {
    margin-top: 20px;
}

.testimonial-name {
    font-weight: 700;
    color: var(--wp--preset--color--rcm-blue);
    font-size: 18px;
    margin-bottom: 5px;
}

.testimonial-company {
    color: var(--wp--preset--color--rcm-blue);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Swiper Pagination */
.rcm-testimonial-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: transparent;
    border: 1px solid var(--wp--preset--color--rcm-blue);
    opacity: 1;
}

.rcm-testimonial-slider .swiper-pagination-bullet-active {
    background: var(--wp--preset--color--rcm-blue);
}

/* Swiper Navigation */
.rcm-testimonial-slider-block .swiper-button-prev,
.rcm-testimonial-slider-block .swiper-button-next {
    color: var(--wp--preset--color--rcm-blue);
    background: #FFFFFF;
    width: 44px;
    height: 44px;
    border: 1px solid #E0E0FE;
    border-radius: 50%;
}

.rcm-testimonial-slider-block .swiper-button-prev:after,
.rcm-testimonial-slider-block .swiper-button-next:after {
    font-size: 18px;
}


@media (max-width: 767px) {
    .rcm-testimonial-slider-block {
        padding: 40px 20px;
    }
    .rcm-testimonial-slider-block .swiper-button-prev,
    .rcm-testimonial-slider-block .swiper-button-next {
        display: none;
    }
}

/* ========================================================================
   SPLIT BACKGROUND LAYOUT (Pattern Support)
   ======================================================================== */

.rcm-split-layout {
    position: relative;
    padding: 100px 0;
}

.rcm-split-layout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F0F0F0; /* Default background */
    z-index: -2;
}

.rcm-split-layout-blue-box {
    background-color: var(--wp--preset--color--midnight-ocean);
    border-radius: 12px;
    padding: 60px;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
	padding-right: 100px;
}

/* Decorative swoosh background for the blue box */
.rcm-split-layout-blue-box::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/icons/swoosh.svg'); /* Need to ensure this exists or use a generic one */
    background-repeat: no-repeat;
    background-position: right top;
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

.rcm-split-layout-blue-box * {
    position: relative;
    z-index: 1;
}

.rcm-split-layout-blue-box h2 {
    color: #FFFFFF;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 15px;
}

.rcm-split-layout .wp-block-columns {
    align-items: center;
}

/* Overlap effect */
@media (min-width: 782px) {
    .rcm-split-layout .rcm-testimonial-slider-block {

        z-index: 10;
    }
}

/* Image Heading Slider */
.rcm-image-heading-slider-block {
    position: relative;
    padding: 40px 0;
}

.rcm-image-heading-slider .slide-item {
    text-align: center;
}

.rcm-image-heading-slider .slide-heading {
    margin-bottom: 20px;
    font-size: 24px;
    color: #315EA8;
}

.rcm-image-heading-slider .slide-image-wrapper {
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
}

.rcm-image-heading-slider .slide-image {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.rcm-image-heading-slider .slide-image:hover {
    transform: scale(1.02);
}

/* Modal Styles */
.rcm-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.9);
}

.rcm-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1200px;
}

#rcm-modal-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

.rcm-modal-content, #rcm-modal-caption {
    animation-name: zoom;
    animation-duration: 0.6s;
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

.rcm-modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    cursor: pointer;
}

.rcm-modal-close:hover,
.rcm-modal-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 700px){
    .rcm-modal-content {
        width: 100%;
    }
}


/* ========================================================================
   BUTTONS
   ========================================================================
   Default button defined in theme.json `styles.elements.button`. The rules
   below handle: form-submit parity, on-dark default, block-style variants
   (secondary / outline / arrow / icon-email / icon-phone), and arrow block
   styling for bare links.
   ------------------------------------------------------------------------
   Future migration: these styles are candidates for extraction into the
   parent theme (Pilot Mercury Atlas) once stable.
   ======================================================================== */

/* ---- Form submit parity — same look as core/button ---- */
input[type="submit"],
button[type="submit"] {
	display: inline-block;
	background-color: var(--wp--preset--color--medium-green);
	color: var(--wp--preset--color--white);
	font-family: var(--wp--preset--font-family--gotham);
	font-weight: 350;
	font-size: var(--wp--preset--font-size--small);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 14px 48px;
	border: 0;
	border-radius: 9999px;
	cursor: pointer;
}


/* ---- Default button (on-dark) ---- */
:is(
	body.has-dark-background,
	.rcm-section-dark,
	.has-dark-green-background-color,
	.has-medium-green-background-color,
	.has-black-background-color,
	.wp-block-cover
) .wp-block-button .wp-block-button__link,
:is(
	body.has-dark-background,
	.rcm-section-dark,
	.has-dark-green-background-color,
	.has-medium-green-background-color,
	.has-black-background-color,
	.wp-block-cover
) input[type="submit"],
:is(
	body.has-dark-background,
	.rcm-section-dark,
	.has-dark-green-background-color,
	.has-medium-green-background-color,
	.has-black-background-color,
	.wp-block-cover
) button[type="submit"] {
	background-color: var(--wp--preset--color--dark-gold);
	color: var(--wp--preset--color--white);
}


/* ---- Secondary (solid white bg) ---- */
.wp-block-button.is-style-secondary .wp-block-button__link {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--dark-gold);
	color: var(--wp--preset--color--black);
}

/* Secondary on-dark: stays white bg — no override needed, defaults hold. */


/* ---- Outline (transparent bg) ---- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background-color: transparent;

	color: var(--wp--preset--color--imperial-blue);
    border: 1px solid var(--wp--preset--color--phthalo-eel);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--phthalo-eel);
    color: var(--wp--preset--color--imperial-blue);
    border: 1px solid var(--wp--preset--color--phthalo-eel);
}

:is(
	body.has-dark-background,
	.rcm-section-dark,
	.has-dark-green-background-color,
	.has-medium-green-background-color,
	.has-black-background-color,
	.wp-block-cover
) .wp-block-button.is-style-outline .wp-block-button__link {
	color: var(--wp--preset--color--white);
}


/* ---- Arrow — tertiary text-link with persistent → ---- */
.wp-block-button.is-style-arrow .wp-block-button__link,
a.is-style-arrow,
p > a:only-child {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
	min-width: 0;
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 700;
	font-size: inherit;
	line-height: inherit;
	text-transform: none;
	letter-spacing: normal;
	color: inherit;            /* user picks text color */
	text-decoration: none;
	display: inline;
}



.wp-block-button.is-style-arrow .wp-block-button__link:hover,
a.is-style-arrow:hover,
p > a:only-child:hover {
	text-decoration: underline;
}


/* ---- Icon buttons (shared base + per-icon vars) ---- */

/* Shared: any button with an is-style-icon-* class gets the ::before hook */
.wp-block-button[class*="is-style-icon-"] .wp-block-button__link::before {
	content: "";
	display: inline-block;
	width:  var(--btn-icon-size, 1em);
	height: var(--btn-icon-size, 1em);
	margin-right: var(--btn-icon-gap, 0.5em);
	background-color: currentColor;
	-webkit-mask: var(--btn-icon) center / contain no-repeat;
	        mask: var(--btn-icon) center / contain no-repeat;
	vertical-align: middle;
}

/* Email */
.wp-block-button.is-style-icon-email .wp-block-button__link {
	--btn-icon: url("assets/icons/email.svg");
	--btn-icon-size: 16px;
}

/* Phone */
.wp-block-button.is-style-icon-phone .wp-block-button__link {
	--btn-icon: url("assets/icons/phone.svg");
	--btn-icon-size: 16px;
}


/* ========================================================================
   Homepage Transparent Header
   ======================================================================== */
.home main.site-main{
    margin-top:0;
}

.home .site-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent !important;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Header content colors on homepage */
.home .site-header .wp-block-navigation .wp-block-navigation-item__label,
.home .site-header .wp-block-navigation .wp-block-navigation-item__content,
.home .site-header .rcm-mega-menu-trigger,
.home .site-header .wp-block-button.is-style-icon-phone .wp-block-button__link {
    color: #ffffff !important;
}

/* Search block styling for homepage header */
.home .site-header .wp-block-search {
    margin-bottom: 0;
}

.home .site-header .wp-block-search .wp-block-search__inside-wrapper {
    border: 1px solid #ffffff !important;
    border-radius: 50px !important;
    padding: 2px 5px 2px 15px !important;
    background: transparent !important;
}

.home .site-header .wp-block-search .wp-block-search__input {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    padding: 5px 0 !important;
}

.home .site-header .wp-block-search .wp-block-search__input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.home .site-header .wp-block-search .wp-block-search__button {
    background: transparent !important;
    color: #ffffff !important;
    border: none !important;
    padding: 5px 10px !important;
    margin-left: 0 !important;
}

/* Mega menu icon color adjustment for homepage */
.home .site-header .rcm-mega-menu-trigger::after {
    filter: brightness(0) invert(1);
}

/* Sticky/Scrolled state - if the theme adds a class when scrolling */
.home .site-header.is-scrolled,
.home .site-header.nav-up,
.home .site-header.nav-down {
    /* Optional: background-color: rgba(23, 49, 90, 0.9) !important; */
}


/* ========================================================================
   Editor rich-text format overrides
   ------------------------------------------------------------------------
   Formats are registered + base-styled by the parent theme (Pilot Mercury
   Atlas). The overrides below tune `compcolor-span` to the RCM palette:
   Dark Gold on light backgrounds, Light Gold when inside a dark context.
   ======================================================================== */

.compcolor-span {
    color: var(--wp--preset--color--dark-gold);
}

:is(
    body.has-dark-background,
    .rcm-section-dark,
    .has-dark-green-background-color,
    .has-medium-green-background-color,
    .has-black-background-color,
    .wp-block-cover
) .compcolor-span {
    color: var(--wp--preset--color--light-gold);
}


/* ========================================================================
   BLOCK STYLE: Eyebrow — applies to core/heading and core/paragraph
   ======================================================================== */

.wp-block-heading.is-style-eyebrow,
.wp-block-paragraph.is-style-eyebrow,
p.is-style-eyebrow,
h1.is-style-eyebrow, h2.is-style-eyebrow, h3.is-style-eyebrow,
h4.is-style-eyebrow, h5.is-style-eyebrow, h6.is-style-eyebrow {
	color: var(--wp--preset--color--dark-gold);
	font-family: var(--wp--preset--font-family--gotham);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 350;
	line-height: 1.5;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

/* Mobile eyebrow: Light Gold per Figma */
@media (max-width: 599px) {
	.wp-block-heading.is-style-eyebrow,
	.wp-block-paragraph.is-style-eyebrow,
	p.is-style-eyebrow,
	h1.is-style-eyebrow, h2.is-style-eyebrow, h3.is-style-eyebrow,
	h4.is-style-eyebrow, h5.is-style-eyebrow, h6.is-style-eyebrow {
		color: var(--wp--preset--color--light-gold);
	}
}


/* ========================================================================
   BLOCK STYLE: Arrow Link — applies to core/heading
   ======================================================================== */

.wp-block-heading.is-style-arrow-link,
h1.is-style-arrow-link, h2.is-style-arrow-link, h3.is-style-arrow-link,
h4.is-style-arrow-link, h5.is-style-arrow-link, h6.is-style-arrow-link {
	color: var(--wp--preset--color--rcm-blue);
	display: flex;
	align-items: center;
	gap: 0.5em;
	text-decoration: none;
}

.wp-block-heading.is-style-arrow-link::after,
h1.is-style-arrow-link::after, h2.is-style-arrow-link::after, h3.is-style-arrow-link::after,
h4.is-style-arrow-link::after, h5.is-style-arrow-link::after, h6.is-style-arrow-link::after {
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-top: 0.15em solid var(--wp--preset--color--phthalo-eel);
	border-right: 0.15em solid var(--wp--preset--color--phthalo-eel);
	transform: rotate(45deg);
	margin-top: 0.1em; /* Slight visual adjustment for alignment */
}


/* ========================================================================
   BLOCK STYLE: Equal Height, Bottom Aligned — applies to core/columns
   ======================================================================== */

.wp-block-columns.is-style-equal-height-bottom-aligned {
	align-items: stretch;
}

.wp-block-columns.is-style-equal-height-bottom-aligned .wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}


/* Blog Archive Layout */
.rcm-featured-post-card {
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    align-items: center;
}

.rcm-featured-post-card .wp-block-post-featured-image {
    margin: 0;
    border-radius: 12px;
    overflow: hidden;
}

.rcm-featured-post-card .wp-block-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.rcm-post-card {
    background: var(--wp--preset--color--white);
    border-radius: 8px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

.rcm-post-card .wp-block-post-featured-image {
    margin: 0;
    aspect-ratio: 16/9;
}

.rcm-post-card .wp-block-post-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 3-column grid for post template */
.wp-block-query .wp-block-post-template.is-layout-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 991px) {
    .wp-block-query .wp-block-post-template.is-layout-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .wp-block-query .wp-block-post-template.is-layout-grid {
        grid-template-columns: 1fr;
    }
}

/* Category Tags */
.wp-block-post-terms {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.wp-block-post-terms a {
    background: var(--tag-blue);
    color: var(--wp--preset--color--imperial-blue);
    padding: 4px 12px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
    border: 1px solid var(--tag-blue);
}

.wp-block-post-terms a:hover {
    background: transparent;
    border: 1px solid var(--tag-blue);
    color: var(--wp--preset--color--imperial-blue);
}

.wp-block-post-terms__separator{
    display: none;
}

/* Sidebar Styling */
.rcm-blog-sidebar h4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
    color: var(--wp--preset--color--gray);
}

.rcm-blog-sidebar .wp-block-categories-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rcm-blog-sidebar .wp-block-categories-list li a {
    background: var(--tag-blue);
    color: var(--wp--preset--color--imperial-blue);
    border: 1px solid var(--tag-blue);
    padding: 6px 14px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}

.rcm-blog-sidebar .wp-block-categories-list li a:hover {
    background: transparent;
    border: 1px solid var(--tag-blue);
    color: var(--wp--preset--color--imperial-blue);
}

/* Button Styles */
.wp-block-button.is-style-primary-on-dark-bg .wp-block-button__link {
    border-radius: 80px;
    border: 2px solid var(--wp--preset--color--phthalo-eel, #4BB5CD);
    background: #4BB5CD;
    color: var(--wp--preset--color--imperial-blue, #1A3560);
}

.wp-block-button.is-style-primary-on-dark-bg .wp-block-button__link:hover {
    background: transparent;
    border-radius: 80px;
    border: 2px solid var(--wp--preset--color--phthalo-eel, #4BB5CD);
    color: var(--wp--preset--color--polar-ghost, #F0F0F0);
}

.wp-block-button.is-style-primary-on-light-bg .wp-block-button__link {
    border-radius: 80px;
    border: 2px solid var(--wp--preset--color--phthalo-eel, #4BB5CD);
    background: var(--wp--preset--color--phthalo-eel, #4BB5CD);
    color: var(--wp--preset--color--imperial-blue, #1A3560);
}

.wp-block-button.is-style-primary-on-light-bg .wp-block-button__link:hover {
    border-radius: 80px;
    border: 2px solid var(--wp--preset--color--phthalo-eel, #4BB5CD);
    color: var(--wp--preset--color--imperial-blue, #1A3560);
    background: transparent;
}


/*FAQS */
.schema-faq .schema-faq-section {
    border: none;
    margin-bottom: 20px;
    background-color: transparent;
}

.schema-faq .schema-faq-question {
    font-size: 1rem;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 15px;
    line-height: 1.4;
    cursor: pointer;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    color: #00278C;
    border-bottom: 1px solid #272727;
}


.schema-faq .schema-faq-question:before {
    position: relative;
    left: -10px;
    content: "";
    height: 0;
    border-bottom: 10px solid #0066FF;
    border-inline-width: 7px;
    border-inline-style: solid;
    border-inline-color: transparent;
    transition: 0.2s;
    display: inline-block;
}

.wp-admin .schema-faq-section{
    color: #000;
}

.wp-admin .schema-faq p.schema-faq-answer{
    display: block;
}

.schema-faq .schema-faq-question.faq-q-open:before {
    content: "";
    transform: rotate(180deg);
}

.schema-faq p.schema-faq-answer {
    margin: 0;
    padding: 15px;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.4;
    border-bottom: none;
    display: none;
    font-weight: 300;
}


.has-background .schema-faq .schema-faq-question, .has-background .schema-faq .schema-faq-answer {
    color: #fff;
    border-bottom-color: #FFFFFF;
}

.has-background .schema-faq .schema-faq-question:before {
    border-bottom-color: #00D5FF;
}

.has-white-background-color .schema-faq .schema-faq-question {
    color: var(--wp--preset--color--rcm-blue);
    border-bottom-color: #DEDEDE;
}


.has-white-background-color .schema-faq .schema-faq-answer {
    color: #565555;
}

.wp-block-accordion-heading__toggle-icon {
    color: var(--wp--preset--color--rcm-blue);
}


/* ========================================================================
   HUBSPOT FORMS
   ======================================================================== */

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: flex-end;
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e .hs-form-field {
    flex-grow: 1;
    margin-bottom: 0 !important;
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e .hs-form-field label {
    display: none; /* Hide label as per screenshot which looks like placeholder or just text above */
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e input[type="email"],
.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e input[type="text"] {
    background: transparent !important;
    border: 1px solid #ffffff !important;
    border-radius: 33px !important;
    color: #ffffff !important;
    padding: 12px 25px !important;
    width: 100% !important;
    height: auto !important;
    font-size: 16px !important;
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e input::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e .hs-submit {
    margin: 0 !important;
    padding: 0 !important;
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e .hs-button {
    background: var(--wp--preset--color--rcm-blue) !important;
    border: none !important;
    border-radius: 80px !important;
    color: #ffffff !important;
    padding: 12px 40px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
}

.hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e .hs-button:hover {
    background: var(--link-light-hover) !important;
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e {
        flex-direction: column;
        align-items: stretch;
    }
    
    .hs-form-e1ba48ec-a213-4889-bfa6-5a5ff4cd861e .hs-button {
        width: 100%;
    }
}



.blablablocks-tabs-content {
    width: 100%;
}

.blablablocks-tab-container .blablablocks-tab-content,
.blablablocks-tab-container .blablablocks-tab-content > .wp-block-group {
    height: 100%;
}

.blablablocks-tabs__horizontal.blablablocks-tab-container .blablablock-tab-btn.is-bbb-active-tab, .blablablocks-tabs__horizontal.blablablocks-tab-container .blablablock-tab-btn {
    background: none;
}

.blablablocks-tabs__horizontal.blablablocks-tab-container .blablablock-tab-btn.is-bbb-active-tab span {
    border-bottom: 2px solid #EC6C22;
    font-weight: bold !important;

    padding-bottom: 6px;
}

.blablablocks-tabs__horizontal.blablablocks-tab-container .blablablock-tab-btn span {

    padding-bottom: 6px;
    color: var(    --wp--preset--color--imperial-blue);
    font-weight: 300 !important;
}