.elementor-kit-20{--e-global-color-primary:#C9952B;--e-global-color-secondary:#525252;--e-global-color-text:#525252;--e-global-color-accent:#C9952B;--e-global-typography-primary-font-family:"muli regular";--e-global-typography-secondary-font-family:"muli";--e-global-typography-text-font-family:"Quicksand";--e-global-typography-accent-font-family:"muli";color:var( --e-global-color-secondary );font-family:"Quicksand", Mulish, segoe ui, Quicksand;font-size:16px;font-weight:normal;}.elementor-kit-20 button,.elementor-kit-20 input[type="button"],.elementor-kit-20 input[type="submit"],.elementor-kit-20 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Quicksand", Mulish, segoe ui, Quicksand;font-size:14px;font-weight:700;text-transform:uppercase;font-style:normal;color:#FFFFFF;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-kit-20 button:hover,.elementor-kit-20 button:focus,.elementor-kit-20 input[type="button"]:hover,.elementor-kit-20 input[type="button"]:focus,.elementor-kit-20 input[type="submit"]:hover,.elementor-kit-20 input[type="submit"]:focus,.elementor-kit-20 .elementor-button:hover,.elementor-kit-20 .elementor-button:focus{background-color:#C0850D;color:#FFFFFF;border-style:none;border-radius:4px 4px 4px 4px;}.elementor-kit-20 e-page-transition{background-color:#FFBC7D;}.elementor-kit-20 a{color:var( --e-global-color-primary );font-family:"Quicksand", Mulish, segoe ui, Quicksand;font-size:16px;font-weight:normal;font-style:normal;}.elementor-kit-20 a:hover{color:#BD7E00;font-family:"Quicksand", Mulish, segoe ui, Quicksand;font-size:16px;font-weight:400;text-decoration:none;}.elementor-kit-20 h1{color:var( --e-global-color-primary );font-family:"muli regular", Mulish, segoe ui, Quicksand;font-size:44px;font-weight:normal;}.elementor-kit-20 h2{color:var( --e-global-color-primary );font-family:"muli", Mulish, segoe ui, Quicksand;font-size:30px;font-weight:normal;}.elementor-kit-20 h3{color:var( --e-global-color-secondary );font-family:"Quicksand", Mulish, segoe ui, Quicksand;font-size:22px;font-weight:normal;}.elementor-kit-20 label{color:var( --e-global-color-primary );font-family:"muli", Mulish, segoe ui, Quicksand;}.elementor-kit-20 input:not([type="button"]):not([type="submit"]),.elementor-kit-20 textarea,.elementor-kit-20 .elementor-field-textual{font-family:"Quicksand", Mulish, segoe ui, Quicksand;color:var( --e-global-color-secondary );accent-color:var( --e-global-color-primary );}.elementor-kit-20 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-20 textarea:focus,.elementor-kit-20 .elementor-field-textual:focus{color:var( --e-global-color-secondary );accent-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* BOB — move ONLY the user dropdown inside the specific widget (data-id 5e91fb6) */
.elementor-element[data-id="5e91fb6"] .bob-user-dropdown{
  position: relative !important;
  transform: translateY(9px) !important; /* + moves DOWN, - moves UP */
}

/* Keep the icon baseline tight */
.elementor-element[data-id="5e91fb6"] .bob-user-dropdown label{
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* BOB — nudge ONLY the cart icon in Header #2 (data-id 55906a7) */
.elementor-element[data-id="55906a7"] .wpr-mini-cart-toggle-btn {
  position: relative !important;
  transform: translateY(0px) !important; /* + down, - up */
}

/* Keep icon baseline consistent */
.elementor-element[data-id="55906a7"] .wpr-mini-cart-toggle-btn,
.elementor-element[data-id="55906a7"] .wpr-mini-cart-btn-icon,
.elementor-element[data-id="55906a7"] .wpr-inline-svg {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* BOB — move ONLY the search icon in Header #2 (data-id 3934bb8) */
.elementor-element[data-id="3934bb8"] .elementor-button {
  position: relative !important;
  transform: translateY(0px) !important; /* + down, - up */
}

/* Ensure icon baseline consistency */
.elementor-element[data-id="3934bb8"] .elementor-button,
.elementor-element[data-id="3934bb8"] .elementor-button-icon,
.elementor-element[data-id="3934bb8"] .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
/* BOB — adjust ONLY account icon in Header #1 */
.elementor-element[data-id="7cecf92"] .bob-user-dropdown {
  position: relative !important;
  transform: translateY(-3px) !important; /* negative = move up */
}

/* Keep icon baseline clean */
.elementor-element[data-id="7cecf92"] .bob-user-dropdown label,
.elementor-element[data-id="7cecf92"] .bob-user-dropdown i {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}
/* BOB — remove the empty Elementor popup/lightbox frame (pre-render box flash) */
.dialog-lightbox-message,
.dialog-widget-content,
.dialog-lightbox-content {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Also kill focus ring on the dialog wrappers */
.dialog-lightbox-message:focus,
.dialog-lightbox-message:focus-visible,
.dialog-widget-content:focus,
.dialog-widget-content:focus-visible,
.dialog-lightbox-content:focus,
.dialog-lightbox-content:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
/* BOB – Account dropdown styling (match main nav dropdown) */

/* Default state */
.bob-user-dropdown .dropdown-menu {
  background: #0C0C0C73 !important;
}
/* BOB – Account dropdown auto close on hover (desktop only) */

/* Desktop hover behavior */
@media (hover: hover) and (pointer: fine) {
  .bob-user-dropdown:hover .dropdown-menu {
    display: block !important;
  }

  /* Hide checkbox toggle on desktop */
  .bob-user-dropdown input:checked ~ .dropdown-menu {
    display: none !important;
  }
}

/* Links default */
.bob-user-dropdown .dropdown-menu a {
  color: #ffffff !important;
  background: transparent;
  transition: 0.2s ease;
}

/* Hover */
.bob-user-dropdown .dropdown-menu a:hover,
.bob-user-dropdown .dropdown-menu a:focus {
  color: #ffffff !important;
  background: #02010100 !important;
}

/* BOB — Desktop hover dropdown that doesn't flicker */

/* Make sure wrapper is the positioning context */
.bob-user-dropdown{
  position: relative !important;
  display: inline-block !important;
}

/* Your dropdown styling (keep your background settings) */
.bob-user-dropdown .dropdown-menu{
  position: absolute !important;
  right: 0 !important;
  top: calc(100% + 6px) !important; /* this creates the gap we will bridge */
  z-index: 99999 !important;
}

/* Hover bridge: invisible area connecting icon to dropdown */
@media (hover: hover) and (pointer: fine) {
  .bob-user-dropdown::after{
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 260px;         /* >= dropdown width */
    height: 12px;         /* bridge height */
    background: transparent;
  }

  /* Show dropdown when hovering wrapper OR dropdown itself */
  .bob-user-dropdown:hover .dropdown-menu,
  .bob-user-dropdown .dropdown-menu:hover{
    display: block !important;
  }

  /* Prevent checkbox-click behavior from interfering on desktop */
  .bob-user-dropdown input:checked ~ .dropdown-menu{
    display: none !important;
  }
}
/* BOB — Woolentor/Select2 stability (Safari + mobile) */
.woolentor-filter-field-area .select2-container {
  width: 100% !important;
}

.woolentor-filter-field-area .select2-selection {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  font-family: "Quicksand", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: #525252 !important;
}

.woolentor-filter-field-area .select2-selection__rendered {
  font-family: inherit !important;
  color: inherit !important;
}

/* Make placeholder text readable */
.woolentor-filter-field-area .select2-selection__placeholder {
  color: #525252 !important;
  opacity: 0.75;
}

/* Don’t let Safari collapse the search input weirdly */
.woolentor-filter-field-area .select2-search__field {
  font-family: inherit !important;
}
/* === FORCE WP password eye icon to stay solid gold, no background (all states) === */

/* 1) Kill the background on the actual toggle control (button) + pseudos */
button.wp-hide-pw,
button.wp-hide-pw:hover,
button.wp-hide-pw:focus,
button.wp-hide-pw:active,
button.wp-hide-pw:focus-visible,
button.wp-hide-pw::before,
button.wp-hide-pw::after,
button.wp-hide-pw:hover::before,
button.wp-hide-pw:hover::after,
button.wp-hide-pw:focus::before,
button.wp-hide-pw:focus::after,
button.wp-hide-pw:active::before,
button.wp-hide-pw:active::after,
button[id^="wp-hide-pw"],
button[id^="wp-hide-pw"]:hover,
button[id^="wp-hide-pw"]:focus,
button[id^="wp-hide-pw"]:active,
button[id^="wp-hide-pw"]:focus-visible,
button[id^="wp-hide-pw"]::before,
button[id^="wp-hide-pw"]::after {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important;
  filter: none !important;
}

/* 2) Also kill background on the icon wrapper span (some themes set bg here) */
button.wp-hide-pw span,
button.wp-hide-pw:hover span,
button.wp-hide-pw:focus span,
button.wp-hide-pw:active span,
button[id^="wp-hide-pw"] span,
button[id^="wp-hide-pw"]:hover span,
button[id^="wp-hide-pw"]:focus span,
button[id^="wp-hide-pw"]:active span {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 3) FORCE the dashicon color to solid gold in EVERY state */
button.wp-hide-pw .dashicons,
button.wp-hide-pw:hover .dashicons,
button.wp-hide-pw:focus .dashicons,
button.wp-hide-pw:active .dashicons,
button.wp-hide-pw:focus-visible .dashicons,
button[id^="wp-hide-pw"] .dashicons,
button[id^="wp-hide-pw"]:hover .dashicons,
button[id^="wp-hide-pw"]:focus .dashicons,
button[id^="wp-hide-pw"]:active .dashicons,
button[id^="wp-hide-pw"]:focus-visible .dashicons {
  color: #C9952B !important;
}

/* 4) Explicitly cover both “hidden” and “visibility” icon classes */
button.wp-hide-pw .dashicons-hidden,
button.wp-hide-pw .dashicons-visibility,
button[id^="wp-hide-pw"] .dashicons-hidden,
button[id^="wp-hide-pw"] .dashicons-visibility {
  color: #C9952B !important;
  background: transparent !important;
}
/* ===== NUCLEAR: Custom-draw THIS checkbox so it can never be purple ===== */

p.forget-menot #rememberme {
  /* take over rendering */
  -webkit-appearance: none !important;
  appearance: none !important;

  /* size (tweak if you want) */
  width: 16px !important;
  height: 16px !important;

  /* default look: grey outline, no fill */
  border: 2px solid #bfbfbf !important;
  border-radius: 3px !important;
  background: transparent !important;
  background-color: transparent !important;

  /* remove purple rings/glows */
  outline: none !important;
  box-shadow: none !important;

  /* alignment */
  vertical-align: middle !important;
  margin: 0 8px 0 0 !important;

  cursor: pointer !important;
}

/* Hover: gold outline */
p.forget-menot #rememberme:hover {
  border-color: #C9952B !important;
}

/* Checked: gold fill + gold outline + white checkmark */
p.forget-menot #rememberme:checked {
  background: #C9952B !important;
  background-color: #C9952B !important;
  border-color: #C9952B !important;

  /* white checkmark (SVG) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='%23ffffff' d='M4.2 7.6L1.4 4.8 0 6.2 4.2 10 12 2.2 10.6.8z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 10px !important;
}

/* Focus: keep it gold (no purple ring) */
p.forget-menot #rememberme:focus,
p.forget-menot #rememberme:focus-visible {
  border-color: #C9952B !important;
  outline: none !important;
  box-shadow: none !important;
}
/* Super specific: only for the invalid message box */
form .eael-form-validation-container .eael-form-msg.invalid {
  margin-bottom: 12px;
}
form .eael-form-validation-container ~ .eael-form-validation-container .eael-form-msg.invalid {
  display: none !important;
}
/* === EAEL Login button – Bubbles of Britain gold === */

/* Default */
#eael-login-submit {
  background: #ffffff !important;
  color: #C9952B !important;
  border: 1px solid #C9952B !important;
  border-radius: 4px;
  font-weight: 700;
  transition: all 0.25s ease;
}

/* Hover */
#eael-login-submit:hover,
#eael-login-submit:focus {
  background: #C9952B !important;
  color: #ffffff !important;
  border-color: #C9952B !important;
  box-shadow: none !important;
  font-size: 14px !important;
}

/* Active / clicked */
#eael-login-submit:active {
  background: #BD7E00 !important;
  border-color: #BD7E00 !important;
  color: #ffffff !important;
}

/* Remove Elementor focus glow */
#eael-login-submit:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* 1. Reset the Select2 box height to allow it to expand with the text */
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    min-height: 45px !important; /* Forces a minimum height */
    height: auto !important;     /* Allows it to grow if needed */
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
    border: 1px solid #ccc !important; /* Ensures the border is visible */
}

/* 2. Fix the internal rendering area */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: block !important;
    overflow: visible !important;
    padding: 5px 10px !important;
}

/* 3. Ensure the placeholder/search field inside is visible */
.select2-container .select2-search--inline,
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0 !important;
    height: 30px !important;
    line-height: 30px !important;
    vertical-align: middle !important;
}

/* 4. Force the container for the filters to be visible on the page */
.woolentor-product-filter-area, 
.elementor-widget-woolentor-product-filter .elementor-widget-container {
    overflow: visible !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'muli regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ecstatic-bubblesofbritain.wpcomstaging.com/wp-content/uploads/2025/08/muli.regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'muli';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ecstatic-bubblesofbritain.wpcomstaging.com/wp-content/uploads/2025/08/muli.light_.ttf') format('truetype');
}
/* End Custom Fonts CSS */