.elementor-2583 .elementor-element.elementor-element-63366ce{--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-63366ce:not(.elementor-motion-effects-element-type-background), .elementor-2583 .elementor-element.elementor-element-63366ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-63366ce.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-2583 .elementor-element.elementor-element-81e8f34{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:10vh;--e-nav-menu-divider-color:#10061700;}.elementor-2583 .elementor-element.elementor-element-81e8f34.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-7f0f75d-font-family ), Sans-serif;font-size:var( --e-global-typography-7f0f75d-font-size );line-height:var( --e-global-typography-7f0f75d-line-height );}.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-81e8f34 .e--pointer-framed .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-81e8f34 .e--pointer-framed .elementor-item:after{border-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-f4e96a3{--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-f4e96a3:not(.elementor-motion-effects-element-type-background), .elementor-2583 .elementor-element.elementor-element-f4e96a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-f4e96a3.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2583 .elementor-element.elementor-element-5e6002c{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:5vh;--e-nav-menu-divider-color:#10061700;}.elementor-2583 .elementor-element.elementor-element-5e6002c.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu .elementor-item{font-family:"Din Next LT Pro", Sans-serif;font-size:clamp(0.88rem, 0.8377rem + 0.1352vw, 1rem);line-height:clamp(1.05rem, 0.9514rem + 0.3155vw, 1.33rem);}.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-5e6002c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-5e6002c .e--pointer-framed .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-5e6002c .e--pointer-framed .elementor-item:after{border-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-d98bd24{--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-evenly;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-d98bd24:not(.elementor-motion-effects-element-type-background), .elementor-2583 .elementor-element.elementor-element-d98bd24 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-d98bd24.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-2583 .elementor-element.elementor-element-be65d8d{--display:flex;}.elementor-2583 .elementor-element.elementor-element-d838aa6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:5vh;--e-nav-menu-divider-color:#10061700;}.elementor-2583 .elementor-element.elementor-element-d838aa6.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-82ad3ee-font-family ), Sans-serif;font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-d838aa6 .e--pointer-framed .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-d838aa6 .e--pointer-framed .elementor-item:after{border-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-c686e4f{--display:flex;}.elementor-2583 .elementor-element.elementor-element-f472a15{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:5vh;--e-nav-menu-divider-color:#10061700;}.elementor-2583 .elementor-element.elementor-element-f472a15.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-82ad3ee-font-family ), Sans-serif;font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFF10000;}.elementor-2583 .elementor-element.elementor-element-f472a15 .e--pointer-framed .elementor-item:before,
					.elementor-2583 .elementor-element.elementor-element-f472a15 .e--pointer-framed .elementor-item:after{border-color:#FFF10000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1366px){.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-7f0f75d-font-size );line-height:var( --e-global-typography-7f0f75d-line-height );}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}}@media(max-width:1024px){.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-7f0f75d-font-size );line-height:var( --e-global-typography-7f0f75d-line-height );}.elementor-2583 .elementor-element.elementor-element-f4e96a3{--min-height:5vh;}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}}@media(max-width:767px){.elementor-2583 .elementor-element.elementor-element-81e8f34 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-7f0f75d-font-size );line-height:var( --e-global-typography-7f0f75d-line-height );}.elementor-2583 .elementor-element.elementor-element-d98bd24{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-be65d8d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-d838aa6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}.elementor-2583 .elementor-element.elementor-element-d838aa6 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-c686e4f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2583 .elementor-element.elementor-element-f472a15{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-82ad3ee-font-size );line-height:var( --e-global-typography-82ad3ee-line-height );}.elementor-2583 .elementor-element.elementor-element-f472a15 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}}@media(min-width:768px){.elementor-2583 .elementor-element.elementor-element-63366ce{--width:100%;}.elementor-2583 .elementor-element.elementor-element-f4e96a3{--width:100%;}.elementor-2583 .elementor-element.elementor-element-d98bd24{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-63366ce */.elementor-2583 .elementor-element.elementor-element-63366ce 
/* Make the menu full-width horizontal with 5 equal sections */
.menu-container .menu {
  display: flex;        /* ensures horizontal layout */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Each menu item gets equal width and height */
.menu-container .menu-item {
  flex: 1;              /* each takes equal width */
  height: 10vh;         /* as requested */
  background-size: cover;
  background-position: center;
}

/* Assign your specific images */
.menu-container .menu-item:nth-child(1) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-1-of-5-scaled.png');
}
.menu-container .menu-item:nth-child(2) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/42e9e4bf-ae74-4d3f-a64f-091b4fc44d1d-0-scaled.png');
}
.menu-container .menu-item:nth-child(3) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-3-of-5.jpg');
}
.menu-container .menu-item:nth-child(4) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-2-of-5-scaled.png');
}
.menu-container .menu-item:nth-child(5) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-6-of-5-scaled.png');
}


/* Make sure menu items can position pseudo-element */
.menu-container .menu-item {
  position: relative;
  overflow: hidden;
}

/* Swipe effect overlay behind text */
.menu-container .menu-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;              /* start fully offscreen to the left */
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;             /* 70% opacity */
  transition: left 0.3s ease; /* smooth swipe */
  z-index: 0;               /* behind text */
}

/* Make sure the text is above the pseudo-element */
.menu-container .menu-item a {
  position: relative;
  z-index: 1;
}

/* Move overlay to right on hover */
.menu-container .menu-item:hover::after {
  left: 0;                  /* swipe fully over the menu item */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-5e6002c */@media (max-width: 1024px) {

  /* Hide original text completely */
  .menu-widget .elementor-item {
    color: transparent !important;
    position: relative;
  }

  /* Replacement text */
  .menu-widget .elementor-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* centers text both vertically and horizontally */
    color: #ffffff; /* white text */
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 1 !important;
    text-transform: uppercase; /* uppercase text */
    text-align: center;
    width: 100%; /* ensures centering works properly */
  }

  /* START */
  .menu-widget .menu-item:nth-child(1) .elementor-item::after {
    content: "Small";
  }

  /* SMART */
  .menu-widget .menu-item:nth-child(2) .elementor-item::after {
    content: "Essential";
  }

  /* BUSINESS */
  .menu-widget .menu-item:nth-child(3) .elementor-item::after {
    content: "Family";
  }

  /* PREMIUM */
  .menu-widget .menu-item:nth-child(4) .elementor-item::after {
    content: "Office";
  }

  /* ENTERPRISE */
  .menu-widget .menu-item:nth-child(5) .elementor-item::after {
    content: "Business";
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f4e96a3 */.elementor-2583 .elementor-element.elementor-element-f4e96a3 
/* Make the menu full-width horizontal with 5 equal sections */
.menu-container-2 .menu {
  display: flex;        /* ensures horizontal layout */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Each menu item gets equal width and height */
.menu-container-2 .menu-item {
  flex: 1;              /* each takes equal width */
  height: 5vh;          /* updated height */
  background-size: cover;
  background-position: center;
}

/* Assign your specific images */
.menu-container-2 .menu-item:nth-child(1) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-1-of-5-scaled.png');
}
.menu-container-2 .menu-item:nth-child(2) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/42e9e4bf-ae74-4d3f-a64f-091b4fc44d1d-0-scaled.png');
}
.menu-container-2 .menu-item:nth-child(3) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-3-of-5.jpg');
}
.menu-container-2 .menu-item:nth-child(4) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-2-of-5-scaled.png');
}
.menu-container-2 .menu-item:nth-child(5) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-6-of-5-scaled.png');
}

/* Make sure menu items can position pseudo-element */
.menu-container-2 .menu-item {
  position: relative;
  overflow: hidden;
}

/* Swipe effect overlay behind text */
.menu-container-2 .menu-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;              /* start fully offscreen to the left */
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;             /* 70% opacity */
  transition: left 0.3s ease; /* smooth swipe */
  z-index: 0;               /* behind text */
}

/* Make sure the text is above the pseudo-element */
.menu-container-2 .menu-item a {
  position: relative;
  z-index: 1;
}

/* Move overlay to right on hover */
.menu-container-2 .menu-item:hover::after {
  left: 0;                  /* swipe fully over the menu item */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-d838aa6 */@media (max-width: 1024px) {

  /* Make sure menu items can position pseudo-elements */
  .menu-widget .menu-item {
    position: relative;
  }

  /* Hide original text completely */
  .menu-widget .elementor-item {
    color: transparent !important;
    position: relative;
    z-index: 1; /* text stays above overlay */
  }

  /* Replacement text */
  .menu-widget .elementor-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; /* white text */
    font-size: 14px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 1 !important;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    z-index: 1;
  }

  /* START */
  .menu-widget .menu-item:nth-child(1) .elementor-item::after {
    content: "Small";
  }

  /* SMART */
  .menu-widget .menu-item:nth-child(2) .elementor-item::after {
    content: "Essential";
  }

  /* BUSINESS */
  .menu-widget .menu-item:nth-child(3) .elementor-item::after {
    content: "Family";
  }

  /* PREMIUM */
  .menu-widget .menu-item:nth-child(4) .elementor-item::after {
    content: "Office";
  }

  /* ENTERPRISE */
  .menu-widget .menu-item:nth-child(5) .elementor-item::after {
    content: "Business";
  }

  /* Active page overlay behind text */
  .menu-widget .menu-item.current-menu-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DA2128; /* red overlay */
    opacity: 0.7;              /* 70% opacity */
    z-index: 0;                 /* behind text */
    pointer-events: none;
  }

  /* Optional: keep hover swipe effect working */
  .menu-widget .menu-item.current-menu-item:hover::after {
    left: 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be65d8d *//* Make the menu full-width horizontal with 3 equal sections */
.menu-container-sus .menu {
  display: flex;        /* ensures horizontal layout */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Each menu item gets equal width and height */
.menu-container-sus .menu-item {
  flex: 1;              /* each takes equal width */
  height: 5vh;          /* menu item height */
  background-size: cover;
  background-position: center;
  position: relative;   /* needed for pseudo-element */
  overflow: hidden;
}

/* Assign your specific images to the first 3 items */
.menu-container-sus .menu-item:nth-child(1) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-1-of-5-scaled.png');
}
.menu-container-sus .menu-item:nth-child(2) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/42e9e4bf-ae74-4d3f-a64f-091b4fc44d1d-0-scaled.png');
}
.menu-container-sus .menu-item:nth-child(3) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-3-of-5.jpg');
}

/* Swipe effect overlay behind text */
.menu-container-sus .menu-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;              /* start fully offscreen to the left */
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;             /* 70% opacity */
  transition: left 0.3s ease; /* smooth swipe */
  z-index: 0;               /* behind text */
}

/* Make sure the text is above the pseudo-element */
.menu-container-sus .menu-item a {
  position: relative;
  z-index: 1;
}

/* Move overlay to right on hover */
.menu-container-sus .menu-item:hover::after {
  left: 0;                  /* swipe fully over the menu item */
}






/* Active page overlay for menu-container-sus */
.menu-container-sus .menu-item.current-menu-item::after {
  content: ''; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;     /* 70% opacity */
  z-index: 0;        /* behind the text */
  pointer-events: none;
  transition: none;  /* static overlay for active item */
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-f472a15 *//* =========================
   MENU WIDGET 2
   ========================= */
@media (max-width: 1024px) {

  /* Make sure menu items can position pseudo-elements */
  .menu-widget-2 .menu-item {
    position: relative;
  }

  /* Hide original text completely for menu-widget-2 */
  .menu-widget-2 .elementor-item {
    color: transparent !important;
    position: relative;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    z-index: 1; /* text above overlay */
  }

  /* Replacement text */
  .menu-widget-2 .elementor-item::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff; /* white text */
    font-size: 14px;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    text-transform: uppercase; /* uppercase text */
    text-align: center;
    width: 100%;
    white-space: nowrap;
    pointer-events: none;
    opacity: 1 !important;
    z-index: 1;
  }

  /* Pachet Premium → Premium (first item now) */
  .menu-widget-2 .menu-item:nth-child(1) .elementor-item::after {
    content: "Office";
  }

  /* Pachet Enterprise → Enterprise (second item now) */
  .menu-widget-2 .menu-item:nth-child(2) .elementor-item::after {
    content: "Business";
  }

  /* Active page overlay behind text */
  .menu-widget-2 .menu-item.current-menu-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #DA2128;
    opacity: 0.7;
    z-index: 0;   /* behind the replacement text */
    pointer-events: none;
  }

  /* Optional: keep hover swipe effect on active page */
  .menu-widget-2 .menu-item.current-menu-/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c686e4f *//* =========================
   MENU CONTAINER JOS
   ========================= */

/* Make the menu full-width horizontal with 2 equal sections */
.menu-container-jos .menu {
  display: flex;        /* ensures horizontal layout */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Each menu item gets equal width and height */
.menu-container-jos .menu-item {
  flex: 1;              /* each takes equal width */
  height: 5vh;          /* menu item height */
  background-size: cover;
  background-position: center;
  position: relative;   /* needed for pseudo-element */
  overflow: hidden;
}

/* Assign your specific images to the last 2 items */
.menu-container-jos .menu-item:nth-child(1) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-2-of-5-scaled.png');
}
.menu-container-jos .menu-item:nth-child(2) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-6-of-5-scaled.png');
}

/* Swipe effect overlay behind text */
.menu-container-jos .menu-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;              /* start fully offscreen to the left */
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;             /* 70% opacity */
  transition: left 0.3s ease; /* smooth swipe */
  z-index: 0;               /* behind text */
}

/* Make sure the text is above the pseudo-element */
.menu-container-jos .menu-item a {
  position: relative;
  z-index: 1;
}

/* Move overlay to right on hover */
.menu-container-jos .menu-item:hover::after {
  left: 0;                  /* swipe fully over the menu item */
}

/* Active page overlay for current menu item */
.menu-container-jos .menu-item.current-menu-item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;
  z-index: 0;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d98bd24 */.elementor-2583 .elementor-element.elementor-element-d98bd24 
/* Make the menu full-width horizontal with 5 equal sections */
.menu-container-2 .menu {
  display: flex;        /* ensures horizontal layout */
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Each menu item gets equal width and height */
.menu-container-2 .menu-item {
  flex: 1;              /* each takes equal width */
  height: 5vh;          /* updated height */
  background-size: cover;
  background-position: center;
}

/* Assign your specific images */
.menu-container-2 .menu-item:nth-child(1) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-1-of-5-scaled.png');
}
.menu-container-2 .menu-item:nth-child(2) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/42e9e4bf-ae74-4d3f-a64f-091b4fc44d1d-0-scaled.png');
}
.menu-container-2 .menu-item:nth-child(3) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-3-of-5.jpg');
}
.menu-container-2 .menu-item:nth-child(4) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-2-of-5-scaled.png');
}
.menu-container-2 .menu-item:nth-child(5) {
  background-image: url('https://apadinnoy.ro/wp-content/uploads/2026/01/NOY_BW_Background-6-of-5-scaled.png');
}

/* Make sure menu items can position pseudo-element */
.menu-container-2 .menu-item {
  position: relative;
  overflow: hidden;
}

/* Swipe effect overlay behind text */
.menu-container-2 .menu-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;              /* start fully offscreen to the left */
  width: 100%;
  height: 100%;
  background-color: #DA2128;
  opacity: 0.7;             /* 70% opacity */
  transition: left 0.3s ease; /* smooth swipe */
  z-index: 0;               /* behind text */
}

/* Make sure the text is above the pseudo-element */
.menu-container-2 .menu-item a {
  position: relative;
  z-index: 1;
}

/* Move overlay to right on hover */
.menu-container-2 .menu-item:hover::after {
  left: 0;                  /* swipe fully over the menu item */
}/* End custom CSS */