@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&display=swap');

/* změna fontu */
h1.product-title, .product-name {
 font-family: 'Alfa Slab One', sans-serif;
 font-weight: 400;
 text-transform: uppercase;
}
/* Critical */
.fw-bold {
    font-weight: 400 !important;
}
@media (max-width: 420px) {
    .menu-btn span {
        margin: 5px auto;
        width: 20px;
    }
}
/* další úpravy */
.product-title:after {
  content: "";
  display: block;
  margin-top: 5px;
  width: 60px;
  height: 60px;
  background-image: url("https://www.twinberg.cz/wp-content/uploads/2022/06/separator-x.svg");
  background-size: cover;
}
.content-managed-hero {
    margin: 0 auto !important;
    min-height: 20rem;
    max-width: 1024px;
}
/* Archiv */
.product-card {
    background: var(--gray-50);
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    transition: all .5s;
}
.product-image-wrapper {
    mix-blend-mode: multiply;
    padding: 40px; /* zmenseni thmb */
    background: none;
}
.product-content div:has(.fw-bold.text-success) {
    display: none;
}
/* Badge */
.product-badge {
    border-radius: 0;
    padding: .3rem .75rem;
    gap: 2px;
    align-items: flex-start;
}
.badge-topselling, .badge-recommended {
    background: none;
    color: var(--black);
    border: solid 2px var(--black);
}
.badge-new {
    background: none;
    color: var(--green);
    border: solid 2px var(--green);
}
/* Text */
.text-success {
    color: var(--green)!important;
    font-size: 13px;
}
.price-current {
    font-family: Bebas Neue, sans-serif;
    font-size: 1.5rem;
    font-family: var(--eshop-font-family);
    font-size: 17px;
    font-weight: 700;
}
    
/* Product */
button.btn-add-cart {
    background: none;
    border: solid 2px var(--black);
    border-radius: 0;
}
button.btn-add-cart:hover {
    background: var(--black);
    border: solid 2px var(--black);
    color: white;
}
/* Global */
:root {
    --white: #fff;
    --black: #1d2025;
    --charcoal: #1a1a1a;
    --slate: #666;
    --green: #169179;
}

/* Menu */
.top-menu>.menu-item>.nav-link-top.active {
    text-decoration: none;
    border: solid 2px #fff;
}
.top-menu>.menu-item>.nav-link-top {
    text-decoration: none;
    border: solid 2px #1d2025;
}
.top-menu>.menu-item>.nav-link-top:hover {
    opacity:.6;
    text-decoration: none;
}

/* Mobile menu */
.mobile-menu-inner {
    background-color: #1d2025;
}
.mobile-menu-item > .mobile-nav-link, .mobile-menu-item > .submenu-toggle {
    color: white;
}
.mobile-menu-inner a img {
  display: none!important;
}  
li.mobile-menu-item:last-of-type {
    position: absolute;
    bottom: 70px;
}
li.mobile-menu-item:last-of-type a {
    font-size: 1.5rem;
}
.mobile-menu-item > .mobile-nav-link.is-active {
    background: none;
    color: white;
    font-weight: 800;
}
.mobile-nav-link:hover, .mobile-sub-link:hover, .submenu-toggle:hover {
    background: none;
}

li.mobile-menu-item:last-of-type a:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 11px;
    position: absolute;
    bottom: 23px;
  background-color: currentColor;  
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
}