/*
  Theme Name: 3PM - Mazda Theme Child
  Theme URI: https://3pmauto.ai/
  Template: 3pm-theme-mazda
  Description: Build Date - 04-2026
  Author: 3 Phase Marketing
  Author URI: https://3pmauto.ai/
  Version: 1.0.0
*/

.full-width {
  width: 100%;
}

@media (max-width: 768px) {
  .m-btn-full,
  .m-btn-full a {
    width: 100%;
  }
}

.nav-heading-mg {
  margin-top: clamp(12px, 2.22vw, 20px);
}

@media (max-width: 1440px) {
  .hide-1440 {
    display: none;
  }
}

/* ===========================
LOGO SIZING
=========================== */

.is-fixed .custom-logo {
  width: 200px;
}

@media (max-width: 1500px) {
  .custom-logo {
    width: 200px;
  }
}

@media (max-width: 1199px) {
  .custom-logo {
    width: 240px;
  }

  .wp-block-navigation__responsive-container {
    top: 66px; /* Adjust this value based on your header height */
  }
}

@media (min-width: 1200px) {
  .is-fixed .site-header .sticky-header .wp-block-site-logo {
    flex-grow: initial;
    width: 240px;
  }
}

/* Parts Links */

.parts-link:hover {
  border-color: var(--wp--preset--color--secondary);
  background-color: var(--wp--preset--color--secondary);
}

.parts-link:hover p {
  color: #fff;
}

.parts-link:hover img {
  filter: brightness(0) invert(1);
}

.parts-link img {
  display: block;
  transition: none;
}

.parts-link:hover {
  color: var(--wp--preset--color--secondary);
}

.parts-banner-overlay:before {
  display: block;
  background: rgb(0 0 0 / 50%);
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.is-fixed .site-header .sticky-header {
  transform: none;
}