@tailwind base;
@tailwind components;
@tailwind utilities;

.menu-title .webfont-arrow-category {
  @apply !text-[11px];
}

.menu-title a:hover span {
    @apply text-yellow-500;
}

.menu-title a span:hover {
    @apply text-yellow-500;
}

.snowdog-topmenu-mobile .backdrop,
.snowdog-topmenu-mobile > div {
    max-width: 800px;
}



.snowdog-topmenu-mobile  .snowdog-menu-link-topmenu-mobile {
    padding: 0 0 0 0;
}

.snowdog-topmenu-mobile ul a,
.snowdog-topmenu-mobile ul button,
.snowdog-topmenu-mobile ul button:focus {
    -webkit-tap-highlight-color: transparent;
    background: none;
    outline: 0;
}

.snowdog-topmenu-mobile ul ul a {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    -webkit-tap-highlight-color: transparent;
}


.snowdog-topmenu-mobile ul a:active, .snowdog-topmenu-mobile ul a:focus {
    background: none;
    outline: none;
}



.snowdog-topmenu-mobile ul ul .snowdog-menu-link-topmenu-mobile  {
    padding-left: 4rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.navigation .level-0 a::before {
    @apply content-['\203A'] text-[18px] text-gray-500 mr-2 leading-[14px] font-bold;
}

.navigation .level-0 a {
    @apply text-dark;
}

/* Product page specific styles */
.catalog-product-view .top-container-wrapper .lg\:hidden {
    display: block;
}

.catalog-product-view #header .snowdog-topmenu-mobile {
    display: none;
}

.catalog-product-view .top-container {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.catalog-product-view .top-container .menu-top {
    margin-bottom: 0;
}

.catalog-product-view .top-container-wrapper {
    max-width: 1220px;
    width: 100%;
    display: flex;
    align-items: center;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.top-container-wrapper.menu-open {
    z-index: 100;
}

.catalog-product-view .top-container .breadcrumbs {
    order: 2;
    box-shadow: none;
    background: none;
}

.catalog-product-view .top-container .snowdog-topmenu-mobile {
    padding-top: 7px;
    order: 1;
}