.elementor-kit-5886{--e-global-color-primary:#8A9099;--e-global-color-secondary:#C07A8E;--e-global-color-text:#8A9099;--e-global-color-accent:#5A6270;--e-global-color-yns1:#F7F9FB;--e-global-color-yns2:#EDF0F3;--e-global-color-yns3:#D2D7DC;--e-global-color-yns4:#C07A8E;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:300;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:300;--e-global-typography-secondary-font-style:italic;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-5886 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.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 *//* ================================================
   YNS HEADER — exact styles from yournurseryshop-complete.html
   Kit global CSS — applied once, no widget conflicts
   ================================================ */

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap");

:root {
  --yns-bg:      hsl(210, 30%, 98%);
  --yns-fg:      hsl(220, 15%, 20%);
  --yns-primary: hsl(340, 35%, 65%);
  --yns-muted:   hsl(220, 10%, 50%);
  --yns-border:  hsla(210, 20%, 85%, 0.5);
}

/* === STICKY HEADER === */
.elementor-location-header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: rgba(247,249,251,0.95);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* === ANNOUNCEMENT BAR === */
.elementor-element-sec-ann {
  border-bottom: 1px solid hsla(210,20%,85%,0.5) !important;
  background: rgba(247,249,251,0.95) !important;
}
.elementor-element-sec-ann .elementor-heading-title {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: hsl(220,10%,50%) !important;
  font-weight: 400 !important;
}

/* === LOGO ROW === */
.elementor-element-sec-logo {
  background: rgba(247,249,251,0.95) !important;
}

/* === SOCIAL ICONS — left side === */
.elementor-element-w-social-icons .elementor-social-icon {
  background: transparent !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.elementor-element-w-social-icons .elementor-social-icon svg {
  width: 16px !important;
  height: 16px !important;
  fill: hsl(220,10%,50%);
  transition: fill 0.2s;
}
.elementor-element-w-social-icons .elementor-social-icon:hover svg {
  fill: hsl(220,15%,20%);
}

/* === SEARCH FORM === */
.elementor-element-w-search .elementor-search-form__input {
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  color: hsl(220,15%,20%) !important;
  background: transparent !important;
  border-color: hsla(340,35%,65%,0.4) !important;
}
.elementor-element-w-search .elementor-search-form__input::placeholder {
  color: hsl(220,10%,50%);
  font-size: 11px;
}
.elementor-element-w-search .elementor-search-form__submit {
  color: hsl(340,35%,65%) !important;
  background: transparent !important;
}
.elementor-element-w-search .elementor-search-form__submit:hover {
  color: hsl(220,15%,20%) !important;
}

/* === CART BUTTON === */
.elementor-element-w-cart .elementor-menu-cart__toggle_button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elementor-element-w-cart .elementor-button-icon svg,
.elementor-element-w-cart .elementor-menu-cart__toggle_button svg {
  color: hsl(220,10%,50%) !important;
  stroke: hsl(220,10%,50%) !important;
  width: 20px !important;
  height: 20px !important;
  transition: color 0.2s, stroke 0.2s;
}
.elementor-element-w-cart .elementor-menu-cart__toggle_button:hover svg {
  color: hsl(220,15%,20%) !important;
  stroke: hsl(220,15%,20%) !important;
}
.elementor-element-w-cart .elementor-menu-cart__toggle_button .elementor-button-badge {
  background: hsl(220,15%,20%) !important;
  color: hsl(210,30%,98%) !important;
  font-size: 10px !important;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
}

/* === DESKTOP NAV === */
.elementor-element-sec-nav {
  background: rgba(247,249,251,0.95) !important;
  border-top: 1px solid hsla(210,20%,85%,0.3);
}
.elementor-element-w-nav .elementor-nav-menu > li > a {
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: hsl(220,10%,50%) !important;
  font-weight: 400 !important;
  position: relative;
  white-space: nowrap;
  transition: color 0.3s;
  text-decoration: none;
}
.elementor-element-w-nav .elementor-nav-menu > li > a::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 16px;
  width: 0;
  height: 1px;
  background: hsl(340,35%,65%);
  transition: width 0.3s;
}
.elementor-element-w-nav .elementor-nav-menu > li > a:hover {
  color: hsl(220,15%,20%) !important;
}
.elementor-element-w-nav .elementor-nav-menu > li > a:hover::after {
  width: calc(100% - 32px);
}
.elementor-element-w-nav .elementor-nav-menu > li > a[href*="premie"] {
  color: hsl(340,35%,65%) !important;
  font-weight: 500 !important;
}
.elementor-element-w-nav .elementor-nav-menu > li.current-menu-item > a {
  color: hsl(220,15%,20%) !important;
  font-weight: 500 !important;
}

/* === MOBILE === */
@media (max-width: 1024px) {
  .elementor-element-sec-ann { display: none !important; }
  .elementor-element-sec-nav { display: none !important; }
  .elementor-element-w-social-icons { display: none !important; }
  .elementor-element-sec-logo {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* === FOOTER TEXT OVERRIDES ===
   Ensure footer text colours are not overridden by global heading rules */
.elementor-location-footer .yns-ft-brand h3,
.elementor-location-footer h3 {
  color: #F7F9FB !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
}
.elementor-location-footer .yns-ft-brand p {
  color: rgba(247,249,251,0.4) !important;
}
.elementor-location-footer .yns-ft-col h4 {
  color: #F7F9FB !important;
}
.elementor-location-footer .yns-ft-col ul a {
  color: rgba(247,249,251,0.5) !important;
}
.elementor-location-footer .yns-ft-copy {
  color: rgba(247,249,251,0.25) !important;
}
.elementor-location-footer .yns-ft-legal a {
  color: rgba(247,249,251,0.25) !important;
}







/* === HEADER ALIGNMENT v2 === */

/* Social icons */
.elementor-element-w-social-icons .elementor-social-icon {
  background: transparent !important;
  box-shadow: none !important;
  width: 36px !important; height: 36px !important;
  border-radius: 0 !important;
}
.elementor-element-w-social-icons .elementor-social-icon svg {
  width: 14px !important; height: 14px !important;
  fill: #8A9099 !important; transition: fill .2s;
}
.elementor-element-w-social-icons .elementor-social-icon:hover svg { fill: #2E3038 !important; }
.elementor-element-w-social-icons .elementor-social-icons-wrapper { gap: 0 !important; }

/* Utility col */
.elementor-element-col-utility .elementor-widget-wrap {
  justify-content: flex-end !important;
  align-items: center !important;
}

/* Force all icon buttons visible with correct colour */
#yns-util { display: flex !important; align-items: center; justify-content: flex-end; }
.yn-btn {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  width: 40px; height: 40px;
}
.yn-btn:hover { opacity: .55 !important; background: none !important; }
.yn-btn svg {
  display: block !important;
  visibility: visible !important;
  stroke: #8A9099 !important;
  fill: none !important;
  overflow: visible;
}

/* Nav */
.elementor-element-col-nav .elementor-element-populated { padding: 0 !important; }
.elementor-element-w-nav .elementor-nav-menu--main { justify-content: center; }
/* END HEADER ALIGNMENT v2 */

/* === GET IN TOUCH HERO LABEL OVERRIDE === */
.elementor-5988 .elementor-element.elementor-element-ct-ey .elementor-heading-title {
  color: #C07A8E !important;
}/* End custom CSS */