/**
 * Dumanic public site — Elementor / JKit / ElementsKit layout fixes.
 * 1) Remove overlapping post date badges (incl. .blog-posts custom red badge)
 * 2) Mobile-only hamburger toggle styling (ElementsKit icon mode)
 * 3) Mobile drawer logo via PHP inline CSS (dxt_get_brand_logo_url)
 */

/* =========================================================
   ISSUE 1 — Remove post date badges (all breakpoints)
   ========================================================= */

.jkit-meta-date,
.jeg-elementor-kit.jkit-post-date,
.jeg-elementor-kit.jkit-post-date .post-date,
.jeg-elementor-kit.jkit-postblock .jkit-meta-date,
.jeg-elementor-kit.jkit-postblock .jkit-post-meta .jkit-meta-date,
.jeg-elementor-kit.jkit-post-list .meta-date,
.jkit-post-meta .jkit-meta-date,
.meta-date,
span.meta-date,
.post-date,
.jeg-elementor-kit .post-date {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  left: -9999px !important;
}

.jeg-elementor-kit.jkit-postblock .jkit-post-meta,
.blog-posts .jkit-post-meta,
.blog-posts .jeg-elementor-kit.jkit-postblock .jkit-post-meta,
.elementor-widget-jkit_post_block .jkit-post-meta {
  display: none !important;
  visibility: hidden !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

.jeg-elementor-kit.jkit-postblock .jkit-post-title,
.jeg-elementor-kit.jkit-postblock .jkit-post-title a,
.blog-posts .jkit-post-title,
.blog-posts .jkit-post-title a {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.jeg-elementor-kit.jkit-postblock .jkit-postblock-content,
.blog-posts .jkit-postblock-content {
  gap: 0 !important;
}

.jeg-elementor-kit.jkit-postblock .jkit-post-meta-bottom,
.blog-posts .jkit-post-meta-bottom {
  margin-top: 0 !important;
}

/* =========================================================
   ISSUE 2 — Hide custom mobile toggle on desktop
   ========================================================= */

@media (min-width: 1025px) {
  button.elementskit-menu-hamburger.elementskit-menu-toggler,
  .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }
}

/* =========================================================
   ISSUE 2 — Mobile/tablet hamburger styling (max 1024px)
   ========================================================= */

@media (max-width: 1024px) {
  button.elementskit-menu-hamburger.elementskit-menu-toggler {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(15, 23, 42, 0.22) !important;
    border-radius: 10px !important;
    background: #101828 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.14) !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease !important;
  }

  button.elementskit-menu-hamburger.elementskit-menu-toggler:hover,
  button.elementskit-menu-hamburger.elementskit-menu-toggler:focus-visible {
    background: #1e293b !important;
    border-color: rgba(15, 23, 42, 0.4) !important;
    outline: none !important;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.2) !important;
  }

  button.elementskit-menu-hamburger.elementskit-menu-toggler:active {
    transform: scale(0.96) !important;
  }

  button.elementskit-menu-hamburger.elementskit-menu-toggler > .ekit-menu-icon,
  button.elementskit-menu-hamburger.elementskit-menu-toggler .ekit-menu-icon {
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    clip: auto !important;
    overflow: visible !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    font-size: 24px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  button.elementskit-menu-hamburger.elementskit-menu-toggler .elementskit-menu-hamburger-icon {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    margin: 0 auto !important;
    background-color: #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff !important;
    opacity: 1 !important;
  }

  .elementor button.elementskit-menu-hamburger.elementskit-menu-toggler > .ekit-menu-icon,
  .elementor button.elementskit-menu-hamburger.elementskit-menu-toggler:hover > .ekit-menu-icon {
    background-color: transparent !important;
    color: #ffffff !important;
  }

  .elementor button.elementskit-menu-hamburger.elementskit-menu-toggler .elementskit-menu-hamburger-icon,
  .elementor button.elementskit-menu-hamburger.elementskit-menu-toggler:hover .elementskit-menu-hamburger-icon {
    background-color: #ffffff !important;
  }

  button.elementskit-menu-hamburger.elementskit-menu-toggler .elementskit-menu-hamburger-icon + .elementskit-menu-hamburger-icon {
    margin-top: 6px !important;
    box-shadow: none !important;
  }

  .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid rgba(15, 23, 42, 0.22) !important;
    border-radius: 10px !important;
    background: #101828 !important;
    color: #ffffff !important;
    cursor: pointer !important;
    box-shadow: 0 2px 10px rgba(16, 24, 40, 0.14) !important;
    box-sizing: border-box !important;
  }

  .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 20px !important;
    height: 2px !important;
    margin-left: -10px !important;
    margin-top: -1px !important;
    background: #ffffff !important;
    border-radius: 2px !important;
    box-shadow: 0 -6px 0 #ffffff, 0 6px 0 #ffffff !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu i,
  .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu svg,
  .jeg-elementor-kit.jkit-nav-menu .jkit-hamburger-menu span {
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
  }

  /* =========================================================
     ISSUE 3 — Mobile/tablet drawer logo area
     ========================================================= */

  .elementskit-nav-identity-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  }

  /* Logo image swap + ::after background are set via PHP inline CSS (dxt_get_brand_logo_url). */
  .elementskit-nav-identity-panel .elementskit-nav-logo {
    display: inline-flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementskit-nav-identity-panel .elementskit-menu-close {
    flex: 0 0 auto !important;
    margin: 0 !important;
  }
}