@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//figureisland.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//figureisland.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(75,85,99);
	--wd-text-font-size: 15px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: none;
	--wd-title-color: rgb(5,5,5);
	--wd-entities-title-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: none;
	--wd-entities-title-color: rgb(17,24,39);
	--wd-entities-title-color-hover: rgb(0, 174, 239);
	--wd-alternative-font: "Poppins", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(5,5,5);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Rajdhani", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #00AEEF;
	--wd-alternative-color: rgb(5,5,5);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(0,174,239);
	--btn-accented-bgcolor-hover: rgb(0,143,209);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://figureisland.com/wp-content/uploads/2021/08/promo-popup-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(5,5,5);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

/* ================================
   Figure Island Header / Navbar
   Brand: Black + White + Electric Blue
   ================================ */

/* Global typography fallback */
body {
  font-family: "Inter", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.page-title,
.title,
.woodmart-title-container {
  font-family: "Rajdhani", "Inter", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* Header menu typography */
.whb-header .wd-nav > li > a,
.whb-header .main-nav .wd-nav > li > a {
  font-family: "Inter", Arial, sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.35px;
  text-transform: uppercase;
}

/* Main menu hover / active */
.whb-header .wd-nav > li:hover > a,
.whb-header .wd-nav > li.current-menu-item > a,
.whb-header .wd-nav > li.current-menu-ancestor > a {
  color: #00AEEF !important;
}

/* Dropdown container */
.whb-header .wd-dropdown-menu,
.whb-header .wd-dropdown,
.whb-header .sub-menu {
  background: #050505 !important;
  border: 1px solid rgba(0, 174, 239, 0.18);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  padding: 12px 0;
}

/* Dropdown normal items */
.whb-header .wd-dropdown-menu a,
.whb-header .wd-dropdown a,
.whb-header .sub-menu a {
  color: #E5E7EB !important;
  font-family: "Inter", Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2px;
  padding: 10px 18px;
}

/* Dropdown hover / active items */
.whb-header .wd-dropdown-menu a:hover,
.whb-header .wd-dropdown a:hover,
.whb-header .sub-menu a:hover,
.whb-header .sub-menu .current-menu-item > a {
  color: #00AEEF !important;
  background: rgba(0, 174, 239, 0.08) !important;
}

/* Dropdown arrow / indicator */
.whb-header .wd-nav-opener,
.whb-header .menu-item-has-children > a:after {
  color: #00AEEF !important;
  opacity: 1 !important;
}

/* Search/account/wishlist/cart blue circles */
.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-search-form button,
.whb-header .searchsubmit {
  background-color: #00AEEF !important;
  color: #ffffff !important;
}

.whb-header .wd-tools-element:hover .wd-tools-icon,
.whb-header .wd-search-form button:hover,
.whb-header .searchsubmit:hover {
  background-color: #008FD1 !important;
  color: #ffffff !important;
}

/* Count badges */
.whb-header .wd-tools-count {
  background-color: #ffffff !important;
  color: #00AEEF !important;
  border: 1px solid #00AEEF !important;
  font-weight: 800;
}

/* =========================================
   Figure Island Header Premium Polish
   Anime-first / Electric Blue Navigation
   ========================================= */

/* Main desktop nav strip */
@media (min-width: 1025px) {
  .whb-header-bottom {
    background: #050505 !important;
    border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
    border-bottom: 1px solid rgba(0, 174, 239, 0.22) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
  }

  /* Desktop nav links */
  .whb-header-bottom .wd-nav-main > li > a,
  .whb-header-bottom .wd-header-nav > li > a,
  .whb-header-bottom .menu > li > a {
    color: #ffffff !important;
    font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 0.45px !important;
    text-transform: uppercase !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    position: relative !important;
  }

  /* Menu separators */
  .whb-header-bottom .wd-nav-main > li:not(:last-child) > a,
  .whb-header-bottom .menu > li:not(:last-child) > a {
    border-right: 1px solid rgba(255, 255, 255, 0.10) !important;
  }

  /* Active + hover menu text */
  .whb-header-bottom .wd-nav-main > li.current-menu-item > a,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a,
  .whb-header-bottom .wd-nav-main > li:hover > a,
  .whb-header-bottom .menu > li.current-menu-item > a,
  .whb-header-bottom .menu > li.current-menu-ancestor > a,
  .whb-header-bottom .menu > li:hover > a {
    color: #00AEEF !important;
  }

  /* Futuristic underline glow */
  .whb-header-bottom .wd-nav-main > li > a::after,
  .whb-header-bottom .menu > li > a::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #00AEEF, transparent);
    opacity: 0;
    transform: scaleX(0.4);
    transition: all 0.25s ease;
    border-radius: 999px;
  }

  .whb-header-bottom .wd-nav-main > li:hover > a::after,
  .whb-header-bottom .wd-nav-main > li.current-menu-item > a::after,
  .whb-header-bottom .wd-nav-main > li.current-menu-ancestor > a::after,
  .whb-header-bottom .menu > li:hover > a::after,
  .whb-header-bottom .menu > li.current-menu-item > a::after,
  .whb-header-bottom .menu > li.current-menu-ancestor > a::after {
    opacity: 1;
    transform: scaleX(1);
  }

  /* Dropdown panel */
  .wd-dropdown,
  .wd-dropdown-menu,
  .wd-design-default .wd-dropdown-menu,
  .wd-nav-main .sub-menu {
    background:
      radial-gradient(circle at top right, rgba(0, 174, 239, 0.16), transparent 34%),
      linear-gradient(180deg, #090909 0%, #020202 100%) !important;
    border: 1px solid rgba(0, 174, 239, 0.28) !important;
    border-radius: 14px !important;
    box-shadow:
      0 22px 50px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
    padding: 10px 0 !important;
    overflow: hidden !important;
  }

  /* Dropdown links */
  .wd-dropdown-menu li > a,
  .wd-nav-main .sub-menu li > a {
    color: #D1D5DB !important;
    font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;
    padding: 11px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    position: relative !important;
    transition: all 0.22s ease !important;
  }

  .wd-dropdown-menu li:last-child > a,
  .wd-nav-main .sub-menu li:last-child > a {
    border-bottom: none !important;
  }

  /* Dropdown hover */
  .wd-dropdown-menu li > a:hover,
  .wd-nav-main .sub-menu li > a:hover {
    color: #00AEEF !important;
    background: rgba(0, 174, 239, 0.12) !important;
    padding-left: 24px !important;
  }

  /* Blue left accent on dropdown hover */
  .wd-dropdown-menu li > a:hover::before,
  .wd-nav-main .sub-menu li > a:hover::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    bottom: 9px;
    width: 3px;
    background: #00AEEF;
    border-radius: 0 999px 999px 0;
  }

  /* Dropdown arrow color */
  .whb-header-bottom .wd-nav-main > li.menu-item-has-children > a::before,
  .whb-header-bottom .menu > li.menu-item-has-children > a::before,
  .whb-header-bottom .wd-nav-opener {
    color: #00AEEF !important;
  }
}

/* =========================================
   Figure Island Header Dropdown Hover Fix
   Fix mouse gap between menu item and dropdown
   ========================================= */

@media (min-width: 1025px) {
  /* Make parent menu items able to hold invisible hover bridge */
  .whb-header-bottom .wd-nav-main > li.menu-item-has-children,
  .whb-header-bottom .menu > li.menu-item-has-children {
    position: relative !important;
  }

  /* Invisible bridge between nav item and dropdown */
  .whb-header-bottom .wd-nav-main > li.menu-item-has-children::before,
  .whb-header-bottom .menu > li.menu-item-has-children::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 22px;
    background: transparent;
    z-index: 9999;
    pointer-events: auto;
  }

  /* Pull dropdown closer to navbar */
  .whb-header-bottom .wd-dropdown,
  .whb-header-bottom .wd-dropdown-menu,
  .whb-header-bottom .wd-nav-main .sub-menu,
  .whb-header-bottom .menu .sub-menu {
    margin-top: 0 !important;
    transform: translateY(0) !important;
  }

  /* Keep dropdown interactive */
  .whb-header-bottom .wd-dropdown,
  .whb-header-bottom .wd-dropdown-menu,
  .whb-header-bottom .wd-nav-main .sub-menu,
  .whb-header-bottom .menu .sub-menu {
    pointer-events: auto !important;
  }

  /* Reduce dropdown animation jump */
  .whb-header-bottom .wd-nav-main > li:hover > .wd-dropdown,
  .whb-header-bottom .wd-nav-main > li:hover > .wd-dropdown-menu,
  .whb-header-bottom .wd-nav-main > li:hover > .sub-menu,
  .whb-header-bottom .menu > li:hover > .wd-dropdown,
  .whb-header-bottom .menu > li:hover > .wd-dropdown-menu,
  .whb-header-bottom .menu > li:hover > .sub-menu {
    transform: translateY(0) !important;
  }
}
/* =========================================
   Figure Island Account Dropdown Hover Fix
   Keeps My Account dropdown open while moving mouse
   ========================================= */

@media (min-width: 1025px) {
  /* Account parent needs hover bridge */
  .whb-header .wd-header-my-account,
  .whb-header .wd-tools-element.wd-header-my-account {
    position: relative !important;
  }

  /* Invisible bridge between account icon and dropdown */
  .whb-header .wd-header-my-account::before {
    content: "";
    position: absolute;
    left: -18px;
    right: -18px;
    top: 100%;
    height: 34px;
    background: transparent;
    z-index: 99999;
    pointer-events: auto;
  }

  /* Keep account dropdown close to icon */
  .whb-header .wd-header-my-account .wd-dropdown,
  .whb-header .wd-header-my-account .wd-dropdown-menu,
  .whb-header .wd-header-my-account .wd-dropdown-my-account {
    margin-top: 0 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }

  /* Force dropdown to stay visible during hover */
  .whb-header .wd-header-my-account:hover .wd-dropdown,
  .whb-header .wd-header-my-account:hover .wd-dropdown-menu,
  .whb-header .wd-header-my-account:hover .wd-dropdown-my-account {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  /* Premium account dropdown polish */
  .whb-header .wd-header-my-account .wd-dropdown,
  .whb-header .wd-header-my-account .wd-dropdown-menu,
  .whb-header .wd-header-my-account .wd-dropdown-my-account {
    background:
      radial-gradient(circle at top right, rgba(0, 174, 239, 0.16), transparent 35%),
      linear-gradient(180deg, #090909 0%, #020202 100%) !important;
    border: 1px solid rgba(0, 174, 239, 0.28) !important;
    border-radius: 14px !important;
    box-shadow:
      0 22px 50px rgba(0, 0, 0, 0.42),
      0 0 0 1px rgba(255, 255, 255, 0.04) inset !important;
    overflow: hidden !important;
  }

  .whb-header .wd-header-my-account .wd-dropdown a,
  .whb-header .wd-header-my-account .wd-dropdown-menu a,
  .whb-header .wd-header-my-account .wd-dropdown-my-account a {
    color: #D1D5DB !important;
    font-family: "Rajdhani", "Inter", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.25px !important;
    padding: 12px 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  }

  .whb-header .wd-header-my-account .wd-dropdown a:hover,
  .whb-header .wd-header-my-account .wd-dropdown-menu a:hover,
  .whb-header .wd-header-my-account .wd-dropdown-my-account a:hover {
    color: #00AEEF !important;
    background: rgba(0, 174, 239, 0.12) !important;
    padding-left: 24px !important;
  }
}

/* =========================================
   Figure Island About Page Full Width Fix
   Full-width background + centered hero content
   ========================================= */

.fi-about-hero-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  background:
    radial-gradient(circle at 80% 30%, rgba(0, 174, 239, 0.18), transparent 32%),
    linear-gradient(135deg, #050505 0%, #00111A 100%) !important;
}

/* Desktop: create boxed inner spacing without needing another Elementor wrapper */
@media (min-width: 1201px) {
  .fi-about-hero-wrap {
    padding-left: calc((100vw - 1200px) / 2) !important;
    padding-right: calc((100vw - 1200px) / 2) !important;
  }
}

/* Laptop/tablet spacing */
@media (max-width: 1200px) {
  .fi-about-hero-wrap {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Mobile spacing */
@media (max-width: 767px) {
  .fi-about-hero-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* Remove extra top white gap on About page */
body.page-id-4400 .main-page-wrapper,
body.page-id-4400 .site-content {
  padding-top: 0 !important;
}

/* =========================================
   Figure Island About Page Gap Fix
   Removes WoodMart default spacing around About page
   ========================================= */

body.page-id-4400 .main-page-wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.page-id-4400 .site-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.page-id-4400 .content-layout-wrapper,
body.page-id-4400 .wd-content-area,
body.page-id-4400 .entry-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.page-id-4400 .elementor {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Make first About section touch navbar area */
body.page-id-4400 .fi-about-hero-wrap {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* =========================================
   Figure Island About Cards Hover Animation
   ========================================= */

.fi-about-card {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease,
    background 0.28s ease !important;
}

.fi-about-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  background:
    radial-gradient(circle at top center, rgba(0, 174, 239, 0.22), transparent 42%);
  opacity: 0;
  transition: opacity 0.28s ease;
  pointer-events: none;
}

.fi-about-card:hover {
  transform: translateY(-10px) !important;
  border-color: rgba(0, 174, 239, 0.65) !important;
  box-shadow:
    0 22px 45px rgba(0, 0, 0, 0.22),
    0 0 24px rgba(0, 174, 239, 0.22) !important;
}

.fi-about-card:hover::before {
  opacity: 1;
}

.fi-about-card .fi-about-card-icon {
  position: relative;
  z-index: 2;
  transition:
    transform 0.28s ease,
    filter 0.28s ease !important;
}

.fi-about-card:hover .fi-about-card-icon {
  transform: translateY(-4px) scale(1.08);
  filter: drop-shadow(0 0 12px rgba(0, 174, 239, 0.7));
}

.fi-about-card h1,
.fi-about-card h2,
.fi-about-card h3,
.fi-about-card h4,
.fi-about-card p,
.fi-about-card .elementor-widget-container {
  position: relative;
  z-index: 2;
}

/* =========================================
   Figure Island About Page - Why Section Full Width Fix
   Full-width white section + centered content
   ========================================= */

.fi-about-why-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
}

/* Desktop: center content inside 1200px area */
@media (min-width: 1201px) {
  .fi-about-why-wrap {
    padding-left: calc((100vw - 1200px) / 2) !important;
    padding-right: calc((100vw - 1200px) / 2) !important;
  }
}

/* Laptop/tablet spacing */
@media (max-width: 1200px) {
  .fi-about-why-wrap {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Mobile spacing */
@media (max-width: 767px) {
  .fi-about-why-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================
   Figure Island About Page - Our Mission Full Width Fix
   Full-width white section + centered content
   ========================================= */

.fi-mission-wrap {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  background: #050505 !important;
}

/* Desktop: center content inside 1200px area */
@media (min-width: 1201px) {
  .fi-mission-wrap {
    padding-left: calc((100vw - 1200px) / 2) !important;
    padding-right: calc((100vw - 1200px) / 2) !important;
  }
}

/* Laptop/tablet spacing */
@media (max-width: 1200px) {
  .fi-mission-wrap {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

/* Mobile spacing */
@media (max-width: 767px) {
  .fi-mission-wrap {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}

/* =========================================
   Figure Island Mission Card Hover
   ========================================= */

.fi-mission-card {
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease !important;
}

.fi-mission-card:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 174, 239, 0.7) !important;
  box-shadow:
    0 24px 55px rgba(0, 0, 0, 0.35),
    0 0 28px rgba(0, 174, 239, 0.22) !important;
}

/* =========================================
   Figure Island About Final CTA
   Full-width image CTA with dark overlay
   ========================================= */

.fi-about-final-cta {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  min-height: 500px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;

}
/* =========================================
   Figure Island Global Dark Page Conversion
   Dark background for normal pages + policy pages
   Keeps WooCommerce system pages safer
   ========================================= */

/* Main dark background for normal WordPress pages */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account),
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .main-page-wrapper,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .content-layout-wrapper {
  background: #050505 !important;
}

/* Default page content text */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) {
  color: #D1D5DB !important;
}

/* Policy/default page content wrapper */
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .wd-content-area,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .site-content > .container {
  background: #050505 !important;
}

/* Policy page readable dark card */
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content {
  max-width: 1050px !important;
  margin: 0 auto !important;
  padding: 70px 20px 85px !important;
  color: #D1D5DB !important;
}

/* Headings on policy/default pages */
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h1,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h2,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h3,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content h4 {
  color: #FFFFFF !important;
}

/* Policy page paragraph/list text */
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content p,
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content li {
  color: #D1D5DB !important;
  line-height: 1.8 !important;
}

/* Policy page links */
body.page:not(.home):not(.elementor-page):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .entry-content a {
  color: #00AEEF !important;
  font-weight: 700 !important;
}

/* Remove white title/page wrapper gaps */
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .page-title,
body.page:not(.home):not(.woocommerce-page):not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .title-size-default {
  background: #050505 !important;
}

/* =========================================
   About Page - Convert Why Section to Dark
   ========================================= */

.fi-about-why-wrap {
  background:
    radial-gradient(circle at top center, rgba(0, 174, 239, 0.10), transparent 36%),
    linear-gradient(180deg, #050505 0%, #080808 100%) !important;
  border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.18) !important;
}

/* Why section text colors */
.fi-about-why-wrap .elementor-heading-title {
  color: #FFFFFF !important;
}

.fi-about-why-wrap .elementor-widget-heading:first-child .elementor-heading-title,
.fi-about-why-wrap h1:first-child,
.fi-about-why-wrap h2:first-child,
.fi-about-why-wrap h3:first-child {
  color: #00AEEF !important;
}

.fi-about-why-wrap .elementor-widget-text-editor,
.fi-about-why-wrap .elementor-widget-text-editor p {
  color: #D1D5DB !important;
}

/* Why cards polish on dark background */
.fi-about-why-wrap .fi-about-card {
  background:
    radial-gradient(circle at top center, rgba(0, 174, 239, 0.11), transparent 42%),
    #050505 !important;
  border: 1px solid rgba(0, 174, 239, 0.26) !important;
  box-shadow: 0 18px 35px rgba(0, 0, 0, 0.28) !important;
}
/* =========================================
   Figure Island About Mission Distinct Background
   Makes mission section separate from other dark sections
   ========================================= */

.fi-mission-wrap,
.fi-about-mission-wrap {
  background:
    radial-gradient(circle at 72% 28%, rgba(0, 174, 239, 0.16), transparent 34%),
    radial-gradient(circle at 18% 80%, rgba(0, 174, 239, 0.08), transparent 30%),
    linear-gradient(135deg, #02070B 0%, #06131A 48%, #020202 100%) !important;

  border-top: 1px solid rgba(0, 174, 239, 0.24) !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.20) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.03),
    inset 0 -1px 0 rgba(255, 255, 255, 0.03) !important;
}

/* Mission card slightly brighter than section */
.fi-mission-card {
  background:
    radial-gradient(circle at top right, rgba(0, 174, 239, 0.16), transparent 38%),
    linear-gradient(180deg, #061822 0%, #02080D 100%) !important;

  border: 1px solid rgba(0, 174, 239, 0.35) !important;
}

@media (max-width: 576px) {
	/* ================================
   Figure Island Mobile Header/Menu
   ================================ */

/* Mobile top header */
@media (max-width: 1024px) {
  .whb-header .whb-row {
    background-color: #ffffff !important;
  }

  .whb-header .wd-tools-element .wd-tools-icon,
  .whb-header .wd-header-mobile-nav .wd-tools-icon,
  .whb-header .wd-header-cart .wd-tools-icon {
    background-color: #00AEEF !important;
    color: #ffffff !important;
    border-radius: 999px;
  }

  .whb-header .wd-header-mobile-nav .wd-tools-text {
    color: #ffffff !important;
    font-family: "Rajdhani", "Poppins", Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
  }
}

/* Mobile side drawer */
.mobile-nav,
.wd-side-hidden,
.wd-side-hidden.wd-left {
  background-color: #050505 !important;
}

/* Mobile drawer search */
.mobile-nav .searchform,
.wd-side-hidden .searchform {
  background-color: #ffffff !important;
  border-bottom: 1px solid rgba(0, 174, 239, 0.2);
}

/* Mobile drawer menu items */
.mobile-nav .wd-nav-mobile > li > a,
.wd-side-hidden .wd-nav-mobile > li > a,
.mobile-nav .menu-item > a,
.wd-side-hidden .menu-item > a {
  color: #ffffff !important;
  font-family: "Rajdhani", "Poppins", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

/* Mobile submenu items */
.mobile-nav .sub-menu a,
.wd-side-hidden .sub-menu a {
  color: #D1D5DB !important;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
}

/* Mobile hover/active */
.mobile-nav .wd-nav-mobile > li.current-menu-item > a,
.mobile-nav .wd-nav-mobile > li > a:hover,
.wd-side-hidden .menu-item > a:hover,
.wd-side-hidden .sub-menu a:hover {
  color: #00AEEF !important;
}

/* Mobile submenu opener */
.mobile-nav .wd-nav-opener,
.wd-side-hidden .wd-nav-opener {
  background-color: #00AEEF !important;
  color: #ffffff !important;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

/* Mobile drawer borders */
.mobile-nav .wd-nav-mobile > li,
.wd-side-hidden .menu-item {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Mobile bottom navigation */
.wd-toolbar {
  background-color: #ffffff !important;
  border-top: 1px solid #E5E7EB !important;
}

.wd-toolbar a {
  color: #111827 !important;
  font-family: "Rajdhani", "Poppins", Arial, sans-serif;
  font-weight: 700;
}

.wd-toolbar a:hover,
.wd-toolbar .wd-tools-icon,
.wd-toolbar .wd-tools-count {
  color: #00AEEF !important;
}

/* ================================
   Figure Island Mobile Menu Dividers
   ================================ */

@media (max-width: 1024px) {
  /* Main mobile menu item dividers */
  .mobile-nav .wd-nav-mobile > li,
  .wd-side-hidden .wd-nav-mobile > li,
  .mobile-nav .menu-item,
  .wd-side-hidden .menu-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  }

  /* Stronger divider for top-level menu items */
  .mobile-nav .wd-nav-mobile > li > a,
  .wd-side-hidden .wd-nav-mobile > li > a {
    border-bottom: 1px solid rgba(0, 174, 239, 0.12) !important;
    min-height: 46px;
    display: flex;
    align-items: center;
  }

  /* Submenu items softer divider */
  .mobile-nav .sub-menu li,
  .wd-side-hidden .sub-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  /* Submenu item spacing */
  .mobile-nav .sub-menu a,
  .wd-side-hidden .sub-menu a {
    padding-left: 28px !important;
    color: #D1D5DB !important;
    background: #080808 !important;
  }

  /* Submenu hover/active */
  .mobile-nav .sub-menu a:hover,
  .wd-side-hidden .sub-menu a:hover {
    color: #00AEEF !important;
    background: rgba(0, 174, 239, 0.10) !important;
  }

  /* Blue opener button divider */
  .mobile-nav .wd-nav-opener,
  .wd-side-hidden .wd-nav-opener {
    border-left: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.08);
  }

  /* Search area divider */
  .mobile-nav .searchform,
  .wd-side-hidden .searchform {
    border-bottom: 1px solid rgba(0, 174, 239, 0.25) !important;
  }

  /* Wishlist / account spacing */
  .mobile-nav .wishlist-info-widget,
  .mobile-nav .login-side-opener,
  .wd-side-hidden .wishlist-info-widget,
  .wd-side-hidden .login-side-opener {
    border-top: 1px solid rgba(0, 174, 239, 0.16) !important;
  }
}

/* ================================
   Figure Island Accessibility Button Fix
   Prevent overlap with mobile bottom navbar
   ================================ */

@media (max-width: 1024px) {
  .ally-widget,
  .ally-widget-trigger,
  .ally-accessibility-widget,
  .pojo-a11y-toolbar-toggle,
  .accessibility-assistant,
  [class*="accessibility"] {
    bottom: 78px !important;
    z-index: 9999 !important;
  }

  .wd-toolbar {
    z-index: 9998 !important;
  }
}


/* ================================
   Figure Island Mobile Bottom Navbar
   ================================ */

@media (max-width: 1024px) {
  /* Bottom bar container */
  .wd-toolbar {
    height: 68px !important;
    padding: 6px 6px 7px !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(0, 174, 239, 0.18) !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08) !important;
    z-index: 9998 !important;
  }

  /* Each bottom nav item */
  .wd-toolbar a,
  .wd-toolbar .wd-tools-element {
    color: #111827 !important;
    font-family: "Rajdhani", "Poppins", Arial, sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.25px !important;
  }

  /* Icons */
  .wd-toolbar .wd-tools-icon,
  .wd-toolbar a:before {
    color: #00AEEF !important;
    font-size: 22px !important;
    line-height: 1 !important;
    margin-bottom: 3px !important;
  }

  /* Active / hover state */
  .wd-toolbar a:hover,
  .wd-toolbar a:hover .wd-tools-icon,
  .wd-toolbar .wd-active,
  .wd-toolbar .current-menu-item > a {
    color: #00AEEF !important;
  }

  /* Count badge */
  .wd-toolbar .wd-tools-count {
    min-width: 17px !important;
    height: 17px !important;
    line-height: 15px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    background: #00AEEF !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    top: -6px !important;
    right: -8px !important;
  }

  /* Prevent page content hiding behind bottom toolbar */
  body {
    padding-bottom: 70px;
  }

  /* Move accessibility button above bottom navbar */
  .ally-widget,
  .ally-widget-trigger,
  .ally-accessibility-widget,
  .pojo-a11y-toolbar-toggle,
  .accessibility-assistant,
  button[aria-label*="accessibility" i],
  div[class*="accessibility" i],
  div[id*="accessibility" i] {
    bottom: 82px !important;
    z-index: 10000 !important;
  }
}

/* ================================
   Figure Island Mobile Bottom Navbar Active State
   ================================ */

@media (max-width: 1024px) {
  /* Active/current bottom nav item */
  .wd-toolbar .wd-toolbar-item.wd-active,
  .wd-toolbar .wd-toolbar-item.wd-active a,
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-text,
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon,
  .wd-toolbar .wd-toolbar-item.current-menu-item,
  .wd-toolbar .wd-toolbar-item.current-menu-item a,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-text,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-icon,
  .wd-toolbar a.wd-active,
  .wd-toolbar a.current,
  .wd-toolbar a[aria-current="page"] {
    color: #00AEEF !important;
  }

  /* Make inactive bottom nav text clean dark */
  .wd-toolbar .wd-toolbar-item,
  .wd-toolbar .wd-toolbar-item a,
  .wd-toolbar .wd-toolbar-item .wd-tools-text {
    color: #111827 !important;
  }

  /* Keep inactive icons blue but softer */
  .wd-toolbar .wd-toolbar-item .wd-tools-icon {
    color: #00AEEF !important;
    opacity: 0.88;
  }

  /* Active icon stronger */
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-icon,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-icon,
  .wd-toolbar a[aria-current="page"] .wd-tools-icon {
    color: #00AEEF !important;
    opacity: 1;
  }

  /* Active label stronger */
  .wd-toolbar .wd-toolbar-item.wd-active .wd-tools-text,
  .wd-toolbar .wd-toolbar-item.current-menu-item .wd-tools-text,
  .wd-toolbar a[aria-current="page"] .wd-tools-text {
    color: #00AEEF !important;
    font-weight: 800 !important;
  }
}

/* ================================
   Figure Island Mobile Bottom Navbar
   Clean inactive + active state
   ================================ */

@media (max-width: 1024px) {
  /* Inactive bottom nav items */
  .wd-toolbar a,
  .wd-toolbar .wd-tools-text,
  .wd-toolbar .wd-tools-icon {
    color: #4B5563 !important;
    opacity: 1 !important;
  }

  /* Inactive count badges */
  .wd-toolbar .wd-tools-count {
    background: #E5E7EB !important;
    color: #111827 !important;
    border: 2px solid #ffffff !important;
  }

  /* Active bottom nav item */
  .wd-toolbar a.fi-active-toolbar,
  .wd-toolbar a.fi-active-toolbar .wd-tools-text,
  .wd-toolbar a.fi-active-toolbar .wd-tools-icon {
    color: #00AEEF !important;
    font-weight: 800 !important;
    opacity: 1 !important;
  }

  /* Active count badge */
  .wd-toolbar a.fi-active-toolbar .wd-tools-count {
    background: #00AEEF !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  /* Active top indicator line */
  .wd-toolbar a.fi-active-toolbar {
    position: relative;
  }

  .wd-toolbar a.fi-active-toolbar::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 28px;
    height: 3px;
    transform: translateX(-50%);
    background: #00AEEF;
    border-radius: 999px;
  }

  /* Keep accessibility button above toolbar */
  .ally-widget,
  .ally-widget-trigger,
  .ally-accessibility-widget,
  .pojo-a11y-toolbar-toggle,
  .accessibility-assistant,
  button[aria-label*="accessibility" i],
  div[class*="accessibility" i],
  div[id*="accessibility" i] {
    bottom: 86px !important;
    z-index: 10000 !important;
  }
}

/* ================================
   Figure Island Mobile Bottom Navbar
   FINAL active/inactive override
   Only current page should be blue
   ================================ */

@media (max-width: 1024px) {
  /* Reset all bottom toolbar items to inactive gray */
  .wd-toolbar a,
  .wd-toolbar a .wd-tools-text,
  .wd-toolbar a .wd-tools-icon,
  .wd-toolbar a:before,
  .wd-toolbar .wd-toolbar-label,
  .wd-toolbar .wd-toolbar-item,
  .wd-toolbar .wd-toolbar-item a,
  .wd-toolbar .wd-toolbar-item .wd-tools-text,
  .wd-toolbar .wd-toolbar-item .wd-tools-icon {
    color: #4B5563 !important;
    opacity: 1 !important;
  }

  /* Reset all inactive count badges */
  .wd-toolbar a .wd-tools-count {
    background: #E5E7EB !important;
    color: #111827 !important;
    border: 2px solid #ffffff !important;
  }

  /* Active toolbar item only */
  .wd-toolbar a.fi-active-toolbar,
  .wd-toolbar a.fi-active-toolbar .wd-tools-text,
  .wd-toolbar a.fi-active-toolbar .wd-tools-icon,
  .wd-toolbar a.fi-active-toolbar:before,
  .wd-toolbar a.fi-active-toolbar .wd-toolbar-label {
    color: #00AEEF !important;
    opacity: 1 !important;
    font-weight: 800 !important;
  }

  /* Active count badge only */
  .wd-toolbar a.fi-active-toolbar .wd-tools-count {
    background: #00AEEF !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
  }

  /* Active blue top line */
  .wd-toolbar a.fi-active-toolbar {
    position: relative !important;
  }

  .wd-toolbar a.fi-active-toolbar::after {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 28px;
    height: 3px;
    transform: translateX(-50%);
    background: #00AEEF;
    border-radius: 999px;
  }

  /* Remove active line from inactive items */
  .wd-toolbar a:not(.fi-active-toolbar)::after {
    display: none !important;
  }
}
}