#elementor-popup-modal-19632 .dialog-message{width:440px;height:100vh;align-items:flex-start;}#elementor-popup-modal-19632{justify-content:flex-end;align-items:flex-start;pointer-events:all;background-color:rgba(0,0,0,0.6);}#elementor-popup-modal-19632 .dialog-close-button{display:flex;top:26px;font-size:24px;}#elementor-popup-modal-19632 .dialog-widget-content{animation-duration:0.4s;background-color:#154734;border-radius:0px 0px 0px 0px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-19632 .dialog-close-button{right:20px;}body.rtl #elementor-popup-modal-19632 .dialog-close-button{left:20px;}#elementor-popup-modal-19632 .dialog-close-button i{color:#e5e1da;}#elementor-popup-modal-19632 .dialog-close-button svg{fill:#e5e1da;}#elementor-popup-modal-19632 .dialog-close-button:hover i{color:#ffffff;}@media(max-width:1024px){#elementor-popup-modal-19632 .dialog-message{width:440px;}#elementor-popup-modal-19632{justify-content:flex-end;align-items:flex-start;}}@media(max-width:767px){#elementor-popup-modal-19632 .dialog-message{width:100vw;}#elementor-popup-modal-19632{justify-content:flex-end;align-items:flex-start;}}/* Start custom CSS *//* ===== COD Global Navigation Drawer – popup-scoped CSS (only affects popup 19632) ===== */

/* 1. Right-side off-canvas drawer: flush to the right edge, full height */
#elementor-popup-modal-19632 { justify-content: flex-end; align-items: stretch; }
#elementor-popup-modal-19632 .dialog-widget-content {
  width: 440px; max-width: 100vw;
  height: 100vh; height: 100dvh; max-height: none;
  margin: 0 !important; border-radius: 0; box-shadow: none;
  background-color: #154734;
}
#elementor-popup-modal-19632 .dialog-message {
  width: 100%; max-width: 100vw; height: 100%; max-height: 100dvh;
  overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;
}
@media (max-width: 767px) {
  #elementor-popup-modal-19632 .dialog-widget-content,
  #elementor-popup-modal-19632 .dialog-message { width: 100vw; }
}

/* 2. Close button: CSS-drawn off-white X (independent of the icon font and of the site link colour) */
#elementor-popup-modal-19632 .dialog-close-button {
  position: absolute; top: 26px; right: 20px; z-index: 10;
  width: 40px; height: 40px; padding: 0; margin: 0;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: 0; border-radius: 50%; box-shadow: none;
  outline: none; font-size: 0; line-height: 0; color: transparent;
  letter-spacing: 0; text-decoration: none; cursor: pointer;
  transition: background-color .2s ease;
}
#elementor-popup-modal-19632 .dialog-close-button i,
#elementor-popup-modal-19632 .dialog-close-button svg { display: none !important; }
#elementor-popup-modal-19632 .dialog-close-button::before,
#elementor-popup-modal-19632 .dialog-close-button::after {
  content: ""; position: absolute; top: 50%; left: 50%;
  width: 24px; height: 2px; border-radius: 2px; background-color: #e5e1da;
}
#elementor-popup-modal-19632 .dialog-close-button::before { transform: translate(-50%, -50%) rotate(45deg); }
#elementor-popup-modal-19632 .dialog-close-button::after { transform: translate(-50%, -50%) rotate(-45deg); }
#elementor-popup-modal-19632 .dialog-close-button:hover { background-color: rgba(229,225,218,0.08); }
#elementor-popup-modal-19632 .dialog-close-button:hover::before,
#elementor-popup-modal-19632 .dialog-close-button:hover::after { background-color: #ffffff; }
#elementor-popup-modal-19632 .dialog-close-button:focus { outline: none; box-shadow: none; }
#elementor-popup-modal-19632 .dialog-close-button:focus-visible { background-color: rgba(229,225,218,0.08); box-shadow: 0 0 0 2px #c7ea46; }

/* 3. The site kit styles every <a> / a:hover with 16px, 1.2em line-height and 1.5px letter-spacing.
      Inside the drawer only, links inherit typography from their own element so hover never changes size or spacing. */
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a,
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a:hover,
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a:focus,
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a:active,
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a:visited {
  font-family: inherit; font-size: inherit; font-weight: inherit;
  line-height: inherit; letter-spacing: inherit; text-transform: inherit;
  color: inherit; transform: none;
}

/* 4. Keyboard focus: visible lime ring for keyboard users only (no ring after a mouse click) */
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a:focus { outline: none; }
#elementor-popup-modal-19632 #elementor-popup-modal-19632 a:focus-visible { outline: 2px solid #c7ea46; outline-offset: -2px; }
#elementor-popup-modal-19632 #elementor-popup-modal-19632 p a:focus-visible { outline-offset: 3px; border-radius: 3px; }/* End custom CSS */