/*
 * Temporary Casa101 compatibility shim for OxyExtras 1.4.5 on the migrated
 * Oxygen stack. Oxygen is preserving some OxyExtras control values as inert
 * CSS property names, so this file restores the frontend structure explicitly.
 */

.oxy-mega-menu {
  width: 100%;
}

.oxy-mega-menu_inner {
  width: 100%;
  align-items: center;
}

.oxy-mega-dropdown {
  position: relative;
}

.oxy-mega-dropdown_link {
  text-decoration: none;
}

.x-megamenu-1 .oxy-mega-dropdown_link .ct-link-text,
.x-megamenu-1 .oxy-mega-dropdown_link-text {
  color: #ddd;
}

.x-megamenu-1 .oxy-mega-dropdown_link:hover .ct-link-text,
.x-megamenu-1 .oxy-mega-dropdown_link:hover .oxy-mega-dropdown_link-text,
.x-megamenu-1 .oxy-mega-dropdown_link.oxy-mega-dropdown_inner-focus .ct-link-text,
.x-megamenu-1 .oxy-mega-dropdown_link.oxy-mega-dropdown_inner-focus .oxy-mega-dropdown_link-text,
.x-megamenu-1 .oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open .ct-link-text,
.x-megamenu-1 .oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open .oxy-mega-dropdown_link-text {
  color: #fff;
}

.x-megamenu-1 .oxy-mega-menu_inner {
  padding-top: 15px;
}

.x-megamenu-1 .oxy-mega-dropdown_container {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(10px) scale(0.97);
  transform-origin: top center;
  transition: opacity 400ms ease, transform 400ms ease;
}

.x-megamenu-1 .oxy-mega-dropdown_inner-open .oxy-mega-dropdown_container,
.x-megamenu-1 .oxy-mega-dropdown_inner-hover .oxy-mega-dropdown_container,
.x-megamenu-1 .oxy-mega-dropdown_inner-focus .oxy-mega-dropdown_container {
  transform: translateY(0) scale(1);
  transition-duration: 200ms;
}

.x-megamenu-1 .oxy-mega-dropdown_inner.oxy-header-container {
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 1000;
}

.x-megamenu-1 .oxy-mega-dropdown_content {
  width: 100%;
}

.x-megamenu-1_menu-list .oxy-slide-menu_title {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  color: var(--accent);
  font-size: var(--text-s);
  font-weight: 500;
  line-height: 1.8;
}

.x-megamenu-1_menu-list .oxy-slide-menu_list {
  column-count: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.x-megamenu-1_menu-list .oxy-slide-menu_list a {
  color: var(--primary);
  font-weight: 600;
  letter-spacing: .05em;
  line-height: 2.2;
  text-decoration: none;
  transition: color .5s ease;
}

.x-megamenu-1_menu-list .oxy-slide-menu_list a:hover,
.x-megamenu-1_menu-list .oxy-slide-menu_list a:focus {
  color: var(--accent);
}

@media (max-width: 767px) {
  .x-megamenu-1 {
    background: #111;
  }

  .x-megamenu-1 .oxy-mega-menu_inner {
    padding-top: 0;
  }

  .x-megamenu-1 .oxy-mega-dropdown_link .ct-link-text,
  .x-megamenu-1 .oxy-mega-dropdown_link-text {
    padding-left: 20px;
  }

  .x-megamenu-1_menu-list .oxy-slide-menu_list {
    column-count: 2;
  }
}