.elementor-kit-2187{--e-global-color-primary:#238865;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#AF1919;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#02010117;font-size:16px;font-weight:400;font-style:normal;line-height:24px;}.elementor-kit-2187 e-page-transition{background-color:#FFBC7D;}.elementor-kit-2187 p{margin-block-end:20px;}.elementor-kit-2187 h1{font-size:50px;font-weight:800;}.elementor-kit-2187 h2{font-size:40px;font-weight:700;}.elementor-kit-2187 h3{font-size:35px;font-weight:700;}.elementor-kit-2187 h4{font-size:30px;font-weight:600;}.elementor-kit-2187 h5{font-size:25px;font-weight:600;}.elementor-kit-2187 h6{font-size:20px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end: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-kit-2187 h2{font-size:35px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-2187 h1{font-size:40px;}.elementor-kit-2187 h2{font-size:35px;}.elementor-kit-2187 h3{font-size:32px;}.elementor-kit-2187 h4{font-size:28px;}.elementor-kit-2187 h5{font-size:24px;}.elementor-kit-2187 h6{font-size:20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Header container */
.shrinker {
  background: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: padding .2s linear, background .2s linear, box-shadow .2s linear;
}

/* Sticky state */
.shrinker.elementor-sticky--effects {
  background: #fff;
  padding-top: 2px;
  padding-bottom: 2px;
  box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
}

/* Logo */
.shrinking-logo img {
  width: 190px;
  transition: width .2s linear;
}

.shrinker.elementor-sticky--effects .shrinking-logo img {
  width: 120px;
}

/* Menu text */
.shrinker.elementor-sticky--effects ul li a {
  font-size: .9rem;
}

/* Hide Astra category label on product cards (this widget only) */
.elementor-element-69b3ace .ast-woo-product-category {
  display: none !important;
}



html {
  scroll-padding-top: 130px;
}



/* QuickView button centre and hidden */

/* ================================
   Barn2 Quick View – Image Hover
   Centre button over product image
   ================================ */

/* 1. Make product card the anchor */
.woocommerce ul.products li.product {
  position: relative;
}

/* 2. Style + hide Quick View button */
.woocommerce ul.products li.product a.wc-quick-view-button {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  opacity: 0;
  pointer-events: none;
  z-index: 5;
  
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 7px 5px !important;
 margin: 0 !important;
 font-size: 12px !important;
 line-height: 2 !important;
 min-height: 0 !important;
 height: auto !important;
 max-width: 80%;

  background: rgba(0,0,0,0.75);
  color: #fff;
 
  border-radius: 999px;
  
  font-weight: 600;
  text-decoration: none;
  
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* 3. Show button when hovering product image */
.woocommerce ul.products li.product:hover a.wc-quick-view-button {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -55%);
}


/* MY ACCOUNT PORTAL */

/* Remove the outer "box" look around the portal */
.bf-account-portal .bf-panel{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/* If your theme is adding a Woo content box, neutralise it too */
.bf-account-portal .woocommerce-MyAccount-content,
.bf-account-portal .woocommerce{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Reduce Address header size */
.bf-account-portal .woocommerce-Address-title h3,
.bf-account-portal .woocommerce-Address-title h2{
  font-size: 20px !important;   /* adjust down if you want */
  line-height: 1.1 !important;
  margin: 0 0 12px !important;
}

.bf-account-portal .bf-tab{
  padding: .45rem .75rem !important;
  border-radius: .6rem !important;
}

/* Hide Woo "Display name" field + its helper text on Edit Account */
.bf-account-portal .woocommerce-EditAccountForm #account_display_name,
.bf-account-portal .woocommerce-EditAccountForm label[for="account_display_name"]{
  display: none !important;
}

.bf-account-portal .woocommerce-EditAccountForm #account_display_name{
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/* Hide the description line under Display name (theme-dependent .elementor-kit-2187) */
.bf-account-portal .woocommerce-EditAccountForm .woocommerce-form-row:has(#account_display_name) + p,
.bf-account-portal .woocommerce-EditAccountForm .woocommerce-form-row:has(#account_display_name) .description{
  display:none !important;
}

/* Fallback for themes that wrap it as a row */
.bf-account-portal .woocommerce-EditAccountForm .woocommerce-form-row:has(#account_display_name){
  display:none !important;
}



.bf-account-portal .bf-avatar{
  display:flex;
  gap:18px;
  align-items:flex-start;
  margin: 0 0 18px;
}
.bf-account-portal .bf-avatar__img{
  width:96px;
  height:96px;
  border-radius:999px;
  object-fit:cover;
  border:1px solid rgba(0,0,0,.08);
}
.bf-account-portal .bf-avatar__controls{
  flex:1;
}
.bf-account-portal .bf-avatar__remove{
  display:block;
  margin-top:10px;
}

/* Avatar row layout */
.bf-account-portal .bf-avatar{
  display:flex;
  align-items:flex-start;
  gap:16px;
  margin: 14px 0 18px;
}

.bf-account-portal .bf-avatar__img{
  width:72px;
  height:72px;
  border-radius:999px;
  object-fit:cover;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
}

/* Controls */
.bf-account-portal .bf-avatar__controls{
  flex:1;
  min-width: 240px;
}

.bf-account-portal .bf-field{
  display:block;
  margin:0;
}

.bf-account-portal .bf-label{
  display:block;
  font-weight:600;
  margin: 0 0 6px;
}

.bf-account-portal .bf-help{
  display:block;
  margin-top:6px;
  font-size:.9em;
  opacity:.75;
}

/* File input tidy */
.bf-account-portal .bf-file{
  display:block;
  width: 100%;
  max-width: 520px;
}

/* Checkbox tidy */
.bf-account-portal .bf-checkbox{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

/* Make the whole profile form spacing a bit tighter */
.bf-account-portal .bf-form label{
  margin: .6rem 0 !important;
}




/* ===== PROFILE PAGE SPACING CLEANUP ===== */

/* Tighten overall profile section */
.bf-account-portal h2,
.bf-account-portal h3 {
  margin-bottom: 12px !important;
}

.bf-account-portal .bf-muted,
.bf-account-portal .profile-info {
  margin-bottom: 12px !important;
}

/* Username / email / display name block */
.bf-account-portal .profile-meta {
  margin-bottom: 16px !important;
}

.bf-account-portal .profile-meta p {
  margin: 4px 0 !important;
}

/* Avatar row – pull everything together */
.bf-account-portal .bf-avatar {
  margin: 12px 0 18px !important;
  align-items: center;
}

/* Reduce empty vertical gaps around file input */
.bf-account-portal .bf-avatar__controls {
  margin-top: 0 !important;
}

.bf-account-portal .bf-help {
  margin-top: 4px !important;
}

/* Checkbox row – stop it floating awkwardly */
.bf-account-portal .bf-checkbox {
  margin-top: 6px !important;
}

/* Form fields spacing */
.bf-account-portal .bf-for


.bf-account-portal .profile-meta {
  padding-bottom: 8px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

/* Keep the avatar controls as a simple vertical stack */
.bf-account-portal .bf-avatar__controls{
  display: grid !important;
  grid-template-columns: 1fr !important;
  row-gap: 10px !important;
  align-items: start !important;
}

/* Make the "remove current picture" line a true one-row control */
.bf-account-portal label.bf-checkbox{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  /* stop theme forcing full-width / centering */
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Theme is likely positioning checkboxes – reset it */
.bf-account-portal label.bf-checkbox input[type="checkbox"]{
  position: static !important;
  float: none !important;
  margin: 0 !important;
  transform: none !important;
}

/* Stop the text wrapping into 3 lines */
.bf-account-portal label.bf-checkbox span{
  display: inline !important;
  white-space: nowrap !important;
  margin: 0 !important;
}



/* Make Profile inputs look consistent + tidy */
.bf-account-portal .bf-form{
  max-width: 820px; /* keeps it from feeling stretched */
}

/* Labels tighter + consistent */
.bf-account-portal .bf-form label{
  display: block;
  margin: 10px 0 6px !important;
  font-weight: 600;
}

/* Display name + Bio fields */
.bf-account-portal .bf-form input[type="text"],
.bf-account-portal .bf-form textarea{
  width: 100% !important;
  max-width: 720px !important;     /* adjust if you want wider/narrower */
  box-sizing: border-box !important;

  padding: 12px 14px !important;
  border: 1px solid rgba(0,0,0,.14) !important;
  border-radius: 0px !important;
  background: #fff !important;

  line-height: 1.3 !important;
}

/* Bio box: nicer height + stops it feeling massive */
.bf-account-portal .bf-form textarea{
  min-height: 100px !important;
  resize: vertical;  /* lets users expand if they want */
}

/* Focus style so it feels deliberate */
.bf-account-portal .bf-form input[type="text"]:focus,
.bf-account-portal .bf-form textarea:focus{
  outline: none !important;
  border-color: rgba(0,0,0,.28) !important;
}

/* Optional: align the Save button with the fields */
.bf-account-portal .bf-form button[type="submit"]{
  margin-top: 12px !important;
}


/* Force Bio label + textarea to stack correctly */
.bf-account-portal .bf-form label{
  display: block !important;
}

/* Specifically fix textarea layout */
.bf-account-portal .bf-form textarea{
  display: block !important;
  margin-top: 6px !important;
}

/* Ensure the Bio label isn't pushed sideways by theme styles */
.bf-account-portal .bf-form label:has(textarea),
.bf-account-portal .bf-form textarea + label{
  float: none !important;
}/* End custom CSS */