.elementor-kit-6{--e-global-color-primary:#111111;--e-global-color-secondary:#8C4A51;--e-global-color-text:#E16B5C;--e-global-color-accent:#FAF6F1;--e-global-color-8cc2757:#FFFFFF;--e-global-color-fea3f18:#D6B8A1;--e-global-color-ab7d2f9:#D4A54D;--e-global-color-bcee91d:#002B45;--e-global-color-2baef67:#005F8D;--e-global-color-80ca142:#D3FF4F;--e-global-color-513dbff:#F5F5F5;--e-global-color-f0748a8:#CBB6F2;--e-global-color-0a9609f:#A3E7F0;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;font-family:"Poppins", Sans-serif;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:var( --e-global-color-ab7d2f9 );font-family:"Poppins", Sans-serif;font-size:18px;font-weight:600;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-6 button:hover,.elementor-kit-6 button:focus,.elementor-kit-6 input[type="button"]:hover,.elementor-kit-6 input[type="button"]:focus,.elementor-kit-6 input[type="submit"]:hover,.elementor-kit-6 input[type="submit"]:focus,.elementor-kit-6 .elementor-button:hover,.elementor-kit-6 .elementor-button:focus{background-color:var( --e-global-color-ab7d2f9 );color:var( --e-global-color-8cc2757 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#000000;font-family:"Poppins", Sans-serif;}.elementor-kit-6 h1{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h2{font-family:"Poppins", Sans-serif;}.elementor-kit-6 h4{font-family:"Tahoma", Sans-serif;}.elementor-kit-6 h5{font-family:"Poppins", Sans-serif;font-size:35px;font-weight:800;}.elementor-kit-6 h6{font-family:"Poppins", Sans-serif;}.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-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 *//* ================================
   HAYLEY CHARLTON — GOLD CTA (Elementor + Woo)
   ================================ */

/* 0) Global radius reset for common buttons */
a.elementor-button,
.wp-block-button__link,
button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  border-radius: var(--hu-btn-radius) !important;
}

/* 1) If the class is on the WIDGET wrapper, neutralize the wrapper */
.elementor-widget-button.hu-gold-btn {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2) Core target — style the actual clickable link (link itself or inner link),
      plus WooCommerce system buttons */
.elementor .elementor-button.hu-gold-btn,
.elementor a.elementor-button-link.hu-gold-btn,
.hu-gold-btn .elementor-button,
.hu-gold-btn a.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
  background: var(--hu-gold) !important;     /* GOLD static */
  color: var(--hu-ink) !important;            /* black text */
  border: none !important;
  border-radius: var(--hu-btn-radius) !important;
  box-shadow: none !important;
  text-shadow: none !important;

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

  padding: var(--hu-btn-pad-y) calc(var(--hu-btn-pad-x) + 18px) var(--hu-btn-pad-y) var(--hu-btn-pad-x) !important;
  font: 800 var(--hu-btn-font)/1 var(--hu-font) !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
  white-space: nowrap !important;
  position: relative !important;
  cursor: pointer;
  overflow: hidden !important;                /* needed for flash sweep */
  transition: transform .18s ease;
}

/* Remove Elementor icon to avoid double arrows */
.hu-gold-btn .elementor-button .elementor-button-icon { display: none !important; }

/* 3) Right arrow */
.elementor .elementor-button.hu-gold-btn::after,
.elementor a.elementor-button-link.hu-gold-btn::after,
.hu-gold-btn .elementor-button::after,
.hu-gold-btn a.elementor-button::after,
.woocommerce a.button::after,
.woocommerce button.button::after,
.woocommerce input.button::after,
.woocommerce .wc-proceed-to-checkout a.checkout-button::after {
  content: "→";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  transition: transform .2s ease;
  pointer-events: none;
}

/* 4) White flash sweep */
.elementor .elementor-button.hu-gold-btn::before,
.elementor a.elementor-button-link.hu-gold-btn::before,
.hu-gold-btn .elementor-button::before,
.hu-gold-btn a.elementor-button::before,
.woocommerce a.button::before,
.woocommerce button.button::before,
.woocommerce input.button::before,
.woocommerce .wc-proceed-to-checkout a.checkout-button::before {
  content: "";
  position: absolute;
  top: -150%;
  left: -60%;
  width: 60%;
  height: 400%;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.55) 25%, transparent 50%);
  transform: translateX(-120%);
  transition: transform .6s ease;
  pointer-events: none;
}

/* 5) Hover — stays gold + arrow glide + flash sweep */
.elementor .elementor-button.hu-gold-btn:hover,
.elementor a.elementor-button-link.hu-gold-btn:hover,
.hu-gold-btn .elementor-button:hover,
.hu-gold-btn a.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--hu-gold) !important;   /* stays GOLD */
  transform: translateY(-2px);
}
.elementor .elementor-button.hu-gold-btn:hover::after,
.elementor a.elementor-button-link.hu-gold-btn:hover::after,
.hu-gold-btn .elementor-button:hover::after,
.hu-gold-btn a.elementor-button:hover::after,
.woocommerce a.button:hover::after,
.woocommerce button.button:hover::after,
.woocommerce input.button:hover::after,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover::after {
  transform: translate(4px, -50%);
}
.elementor .elementor-button.hu-gold-btn:hover::before,
.elementor a.elementor-button-link.hu-gold-btn:hover::before,
.hu-gold-btn .elementor-button:hover::before,
.hu-gold-btn a.elementor-button:hover::before,
.woocommerce a.button:hover::before,
.woocommerce button.button:hover::before,
.woocommerce input.button:hover::before,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover::before {
  transform: translateX(220%);
}

/* ================================
   LOOP GRID — PIN CTA TO BOTTOM
   ================================ */
.elementor-loop-container .e-loop-item {            /* each card */
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.elementor-loop-container .e-loop-item > .e-con {   /* top-level container inside card */
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* give the CTA container the class `pin-bottom` */
.elementor-loop-container .pin-bottom {
  margin-top: auto !important;
  flex: 0 0 auto !important;    /* don’t shrink */
}

/* if the class ends up on the Button widget itself, still pin it */
.elementor-loop-container .elementor-widget-button.pin-bottom { 
  margin-top: auto !important; 
}

/* remove Elementor’s default space under the button */
.elementor-loop-container .elementor-widget-button .elementor-widget-container {
  margin-bottom: 0 !important;
}

/* center the link horizontally (delete if you prefer left aligned) */
.elementor-loop-container .pin-bottom .elementor-button {
  margin-left: auto !important;
  margin-right: auto !important;
}/* End custom CSS */