/*
================================================
*   SCOPEX MEDIA - MOBILE & TABLET CSS
================================================ */

/* ===== MOBILE: Hide GET STARTED button ===== */
@media (max-width: 768px) {
  .wp-block-navigation .wp-block-buttons {
    display: none !important;
  }
}

/* ===== TABLET: Force hamburger at tablet width ===== */
@media (max-width: 1024px) {
  .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
}

/* ===== MOBILE OVERLAY MENU: Background & Layout ===== */
.wp-block-navigation__responsive-container.is-menu-open {
  background-color: #0a1220 !important;
  padding: 20px 24px !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
  padding-top: 60px;
}

/* Top-level nav item links */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container > .wp-block-navigation-item > a {
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  padding: 12px 0 !important;
  display: block !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Services submenu toggle button */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu__toggle {
  color: #ffffff !important;
  background: none !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  padding: 12px 0 !important;
  cursor: pointer !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  width: 100% !important;
  text-align: left !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/* HIDE submenus by default in overlay */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container {
  display: none !important;
  position: static !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  min-width: 0 !important;
  width: 100% !important;
  padding: 4px 0 8px 16px !important;
  border-left: 2px solid rgba(109,110,255,0.45) !important;
  margin-left: 8px !important;
  flex-direction: column !important;
}

/* SHOW submenu when Services is expanded (aria-expanded=true) */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu__toggle[aria-expanded="true"]
  ~ .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-submenu.is-open
  > .wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open
  .has-child.open
  > .wp-block-navigation__submenu-container {
  display: flex !important;
}

/* Sub-menu items */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container .wp-block-navigation-item a {
  color: #94a3b8 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  padding: 8px 0 !important;
  border-bottom: none !important;
  display: block !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__submenu-container .wp-block-navigation-item a:hover {
  color: #ffffff !important;
}

/* Close button */
.wp-block-navigation__responsive-container-close {
  color: #ffffff !important;
}

/* ===== FOOTER: Responsive stacking ===== */
@media (max-width: 768px) {
  .wp-block-columns.footer-columns {
    flex-direction: column !important;
  }
  .wp-block-columns.footer-columns > .wp-block-column {
    width: 100% !important;
    margin-bottom: 24px !important;
  }
}

/* ===== HIDE: Comments, Likes, Pingbacks ===== */
.comment-respond,
.comments-area,
.comment-list,
#comments,
.post-comments,
.entry-footer .comments-link,
.sharedaddy,
.jp-relatedposts,
.wpl-likebox,
.sd-like,
.jetpack-likes-widget-wrapper,
.likes-master,
.wpl-button,
[id*="like-post-"] {
  display: none !important;
}

/* ===== JETPACK FORMS: Dark Theme ===== */
.wp-block-jetpack-contact-form {
  background: transparent !important;
}

.wp-block-jetpack-contact-form .grunion-field-wrap label,
.wp-block-jetpack-contact-form .contact-form label {
  color: #94a3b8 !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.wp-block-jetpack-contact-form input[type="text"],
.wp-block-jetpack-contact-form input[type="email"],
.wp-block-jetpack-contact-form input[type="tel"],
.wp-block-jetpack-contact-form input[type="url"],
.wp-block-jetpack-contact-form select,
.wp-block-jetpack-contact-form textarea {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  width: 100% !important;
  font-size: 15px !important;
  transition: border-color 0.2s ease !important;
}

.wp-block-jetpack-contact-form input:focus,
.wp-block-jetpack-contact-form select:focus,
.wp-block-jetpack-contact-form textarea:focus {
  border-color: rgba(109,110,255,0.6) !important;
  outline: none !important;
  background: rgba(255,255,255,0.07) !important;
}

.wp-block-jetpack-contact-form input[type="submit"],
.wp-block-jetpack-contact-form .contact-submit input {
  background: #6d6eff !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 32px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  width: auto !important;
}

.wp-block-jetpack-contact-form input[type="submit"]:hover {
  background: #5b5ce8 !important;
}