.elementor-128 .elementor-element.elementor-element-047e23c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-128 .elementor-element.elementor-element-31dec49.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-128 .elementor-element.elementor-element-9524688.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-128 .elementor-element.elementor-element-9524688 .elementor-menu-toggle{margin:0 auto;}.elementor-128 .elementor-element.elementor-element-9524688 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-128 .elementor-element.elementor-element-f865d0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-128 .elementor-element.elementor-element-f865d0a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-128 .elementor-element.elementor-element-6088edd{width:var( --container-widget-width, 35.566% );max-width:35.566%;--container-widget-width:35.566%;--container-widget-flex-grow:0;}.elementor-128 .elementor-element.elementor-element-6088edd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-128 .elementor-element.elementor-element-6088edd img{width:35%;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-128 .elementor-element.elementor-element-f865d0a{--width:22.009%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-128 .elementor-element.elementor-element-9524688 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}@media(max-width:767px){.elementor-128 .elementor-element.elementor-element-047e23c{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-128 .elementor-element.elementor-element-31dec49{width:var( --container-widget-width, 112px );max-width:112px;--container-widget-width:112px;--container-widget-flex-grow:0;}.elementor-128 .elementor-element.elementor-element-31dec49 img{width:35%;}.elementor-128 .elementor-element.elementor-element-08f7d2e img{width:100%;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-128 .elementor-element.elementor-element-9524688{width:var( --container-widget-width, 68px );max-width:68px;--container-widget-width:68px;--container-widget-flex-grow:0;}.elementor-128 .elementor-element.elementor-element-9524688 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}}/* Start custom CSS for fibosearch, class: .elementor-element-855b8ac *//* 1. Enlarge FiboSearch Icon Container */
.dgwt-wcas-search-icon,
.dgwt-wcas-search-icon-handler {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20 !important;
  height: 20px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: transform 0.2s ease !important;
}

.dgwt-wcas-search-icon:hover {
  transform: scale(1.08) !important;
}

/* 2. Scale Up the SVG Magnifying Glass */
.dgwt-wcas-search-icon svg,
.dgwt-wcas-search-icon-handler svg {
  width: 26px !important;  /* Increased size to match cart icon scale */
  height: 26px !important;
  fill: #2E2621 !important; /* Dark wood brown */
  transition: fill 0.2s ease !important;
}

.dgwt-wcas-search-icon:hover svg,
.dgwt-wcas-search-icon-handler:hover svg {
  fill: #C05621 !important; /* Terracotta orange hover */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-047e23c */@media (max-width: 767px) {
  /* 1. Header Container: 3-column row spanning edges */
  .elementor-128 .elementor-element.elementor-element-047e23c .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 16px !important;
    box-sizing: border-box !important;
  }

  /* 2. Hide Desktop Logo on Mobile */
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-31dec49 {
    display: none !important;
  }

/* 3. MENU (Hamburger) - FAR LEFT */
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 {
    order: 1 !important;
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 0 !important;
    margin-left: 0px !important; /* Pulls it flush against the left boundary */
    padding: 0 !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    justify-content: flex-start !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 .elementor-menu-toggle {
    margin: 0 !important;
    align-self: flex-start !important;
  }

  /* Hide the desktop nav links list & accordion dropdown */
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 .elementor-nav-menu--main,
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 .elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* Style the Hamburger Toggle */
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 .elementor-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    background-color: #FAF8F5 !important;
    border: 1px solid #ECE7E1 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-9524688 .elementor-menu-toggle svg {
    width: 18px !important;
    height: 18px !important;
    fill: #2E2621 !important;
  }

  /* 4. CROPPED TREE LOGO - EXACT DEAD CENTER (Half size ~44px) */
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-08f7d2e {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    width: 44px !important;
    max-width: 44px !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-08f7d2e img {
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* 5. SEARCH & CART - FAR RIGHT */
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-f865d0a {
    order: 3 !important;
    flex: 1 1 0% !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-a60c692,
  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-6088edd {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    width: auto !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-a60c692 img {
    width: 19px !important;
    height: 19px !important;
    object-fit: contain !important;
    display: block !important;
  }

  .elementor-128 .elementor-element.elementor-element-047e23c .elementor-element-6088edd img {
    width: 21px !important;
    height: 21px !important;
    object-fit: contain !important;
    display: block !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* ========================================================
   CRAFTINGERS BALANCED MOBILE HEADER
   Layout: [Hamburger] ---- [Logo] ---- [Search] [Cart]
   ======================================================== */
@media (max-width: 767px) {
  /* 1. Main Header Bar: Single row, vertically centered */
  .elementor-element-047e23c .e-con-inner {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    gap: 10px !important;
  }

  /* 2. Push Hamburger to the Far Left (Order 1) */
  .elementor-element-9524688 {
    order: 1 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Hide the actual text menu list on mobile */
  .elementor-element-9524688 .elementor-nav-menu--main,
  .elementor-element-9524688 .elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* Style the Hamburger Toggle to Craftingers Brand */
  .elementor-element-9524688 .elementor-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    background-color: #FAF8F5 !important; /* Soft warm wood tint */
    border: 1px solid #ECE7E1 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
  }

  .elementor-element-9524688 .elementor-menu-toggle:active {
    background-color: #F4EFEB !important;
    transform: scale(0.95);
  }

  .elementor-element-9524688 .elementor-menu-toggle svg {
    width: 20px !important;
    height: 20px !important;
    fill: #2E2621 !important; /* Deep wood charcoal */
  }

  /* 3. Logo in Center (Order 2) */
  .elementor-element-31dec49 {
    order: 2 !important;
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .elementor-element-31dec49 img {
    max-width: 140px !important;
    height: auto !important;
    display: block !important;
  }

  /* 4. Right Container with Search & Cart in One Line (Order 3) */
  .elementor-element-f865d0a {
    order: 3 !important;
    width: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Search Icon */
  .elementor-element-a60c692 {
    display: flex !important;
    align-items: center !important;
    width: 22px !important;
    margin: 0 !important;
  }

  .elementor-element-a60c692 img {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
  }

  /* Cart Icon */
  .elementor-element-6088edd {
    display: flex !important;
    align-items: center !important;
    width: 22px !important;
    margin: 0 !important;
  }

  .elementor-element-6088edd img {
    width: 22px !important;
    height: 22px !important;
    object-fit: contain !important;
  }
}/* End custom CSS */