/* =========================================================
   Header (layout, search, navigation)
   ========================================================= */

/* Header container */
body > div.wp-site-blocks > header {
  position: relative;
  z-index: 999;
  box-shadow: 0px -15px 36.2px 0px rgba(39, 170, 217, 0.3);
}

.header-search-bar svg {
	color: #26435D;
}

.header-search-bar button {
	margin-left: 10px;
}

.header-search-bar input {
	padding-left: 5px;
}

/* Active menu item */
.current-menu-item {
  font-weight: 700;
  text-decoration: underline;
}

/* Header search */
header .wp-block-search__inside-wrapper {
  flex-direction: row-reverse;
}

header .wp-block-search__button {
  padding: 5px !important;
}

header .wp-block-search__button:hover {
  background-color: transparent !important;
}

/* Search focus state */
.wp-block-search__inside-wrapper:focus-within {
  border-color: #6e99c3 !important;
}


/* =========================================================
   Buttons & hover states (global)
   ========================================================= */

.wp-block-button__link:hover,
.wp-block-search__button:hover {
  color: white;
  background-color: #365c80 !important;
}

.has-custom-5-e-7285-background-color:hover {
  background-color: #869CB1 !important;	
}

.has-custom-26435-d-background-color:hover,
.frm_forms button:hover {
  background-color: #365C80 !important;
}

.has-custom-transparent-background-color:hover {
  background-color: rgba(54, 92, 128, 0.2) !important;
}

.cfo-hero .wp-block-button__link:hover {
  background-color: #a1e6ff !important;
  color: black !important;
}


/* =========================================================
   Forms
   ========================================================= */

.frm_forms button {
  border: none !important;
}


/* =========================================================
   Post list image + heading overlay
   ========================================================= */

.post-img-with-heading-over > li {
  position: relative;
}

.post-img-with-heading-over > li > div {
  position: absolute;
  bottom: 0;
  padding: 40px;
}


/* =========================================================
   Customised snapshot section
   ========================================================= */

.customised-snapshot-section {
  overflow: hidden !important;
}

/* Background effects (tablet and up) */
@media (min-width: 690px) {
  .customised-snapshot-section {
    position: relative;
    background-image: url('https://thecforecruiter.com/wp-content/uploads/2025/12/bg-effect.png');
    background-repeat: no-repeat;
    background-position: left left;
    background-size: contain;
  }

  .customised-snapshot-section::after {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    width: 300px;
    height: 100%;
    background-image: url('https://thecforecruiter.com/wp-content/uploads/2025/12/bg-effect.png');
    background-repeat: no-repeat;
    background-position: right right;
    background-size: contain;
    transform: scaleX(-1);
    pointer-events: none;
  }
}


/* =========================================================
   CFO market search block
   ========================================================= */

.cfo-market-search .wp-block-search__inside-wrapper {
  flex-wrap: wrap !important;
  gap: 16px;
}

.cfo-market-search .wp-block-search__inside-wrapper button {
  margin: 0 !important;
}

.cfo-market-search input {
  font-size: 1rem !important;
}

@media (max-width: 690px) {
  .cfo-market-search .wp-block-search__inside-wrapper button {
    width: 100% !important;
  }
}


/* =========================================================
   All Category block as chips
   ========================================================= */

/* Chip container */
.cfo-recruiter-all-cat-chip-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
  max-width: unset !important;
}

/* Individual chip */
.cfo-recruiter-all-cat-chip-container li {
  margin: 0;
  padding: 0;
}

/* Chip link */
.cfo-recruiter-all-cat-chip-container li a {
  display: inline-flex;
  align-items: center;
  padding: 0.6rem 1.1rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  border-radius: 9999px;
  background-color: white;
  color: black;
  text-decoration: none;
  border: 1px solid #a2a2a2;
}

/* Hover & focus states */
.cfo-recruiter-all-cat-chip-container li a:hover,
.cfo-recruiter-all-cat-chip-container li a:focus-visible {
  background-color: #b6e3f1;
  border-color: #1f486f;
  color: #1f486f;
  outline: none;
}

/* Active/current category */
.cfo-recruiter-all-cat-chip-container li.current-cat a {
  background-color: #2563eb;
  color: #ffffff;
  border-color: #2563eb;
}


/* =========================================================
   Kadence tabs
   ========================================================= */

.kt-tab-title {
  width: fit-content !important;
  padding: 10px 30px !important;
  border-radius: 16px !important;
}

.kt-tabs-title-list {
  width: fit-content !important;
  padding-right: 50px !important;
}

/* =========================================================
   Visit Miridian Groupt button on header
   ========================================================= */

.header-visit-meridian-group-btn a {
  display: inline-flex;
  align-items: center;
  gap: 8px; /* space between icon and text */
}

.header-visit-meridian-group-btn a::before {
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'>\
<path d='M7.33333 0V1.33333H9.72667L3.17333 7.88667L4.11333 8.82667L10.6667 2.27333V4.66667H12V0M10.6667 10.6667H1.33333V1.33333H6V0H1.33333C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V10.6667C0 11.0203 0.140476 11.3594 0.390524 11.6095C0.640573 11.8595 0.979711 12 1.33333 12H10.6667C11.0203 12 11.3594 11.8595 11.6095 11.6095C11.8595 11.3594 12 11.0203 12 10.6667V6H10.6667V10.6667Z' fill='%2300395B'/>\
</svg>");
}

.header-visit-meridian-group-btn a:hover::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'>\
<path d='M7.33333 0V1.33333H9.72667L3.17333 7.88667L4.11333 8.82667L10.6667 2.27333V4.66667H12V0M10.6667 10.6667H1.33333V1.33333H6V0H1.33333C0.979711 0 0.640573 0.140476 0.390524 0.390524C0.140476 0.640573 0 0.979711 0 1.33333V10.6667C0 11.0203 0.140476 11.3594 0.390524 11.6095C0.640573 11.8595 0.979711 12 1.33333 12H10.6667C11.0203 12 11.3594 11.8595 11.6095 11.6095C11.8595 11.3594 12 11.0203 12 10.6667V6H10.6667V10.6667Z' fill='%23ffffff'/>\
</svg>");
}

.wp-block-search__label {
	margin-bottom: 18px !important;
	display: block !important;
}
/* :root :where(.wp-block-button .wp-block-button__link) {
    font-size: 20px !important;
}
 */