/* ==================================================
   EXKLUZIVNÍ CENY – PC
   ================================================== */

@media (min-width: 768px) {

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"],
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"] {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;

        background-color: #d71920 !important;
        color: #ffffff !important;

        border: 0 !important;
        border-radius: 4px !important;

        padding: 8px 14px !important;
        font-weight: 700 !important;
        box-sizing: border-box !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"] *,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"] * {
        color: #ffffff !important;
        font-weight: 700 !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"]::before,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"]::before {
        content: "" !important;
        display: inline-block !important;

        position: static !important;
        inset: auto !important;
        transform: none !important;

        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        flex: 0 0 18px !important;

        background-image: url("/user/documents/upload/ikonky/ikonkaprocento3.png") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"]:hover,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"]:hover {
        background-color: #b51218 !important;
        color: #ffffff !important;
    }
}


/* ==================================================
   EXKLUZIVNÍ CENY – MOBIL
   ================================================== */

@media (max-width: 767px) {

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"],
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"] {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;

        background: transparent !important;
        color: #d71920 !important;

        border: 0 !important;
        border-radius: 0 !important;

        margin: 0 !important;
        padding: 18px 0 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"] *,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"] * {
        color: #d71920 !important;
        font-weight: 700 !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"]::before,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"]::before {
        content: "" !important;
        display: inline-block !important;

        position: static !important;
        inset: auto !important;
        transform: none !important;

        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        flex: 0 0 18px !important;

        background-image: url("/user/documents/upload/ikonky/ikonkaprocentocervene.png") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"]:hover,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"]:hover {
        background: transparent !important;
        color: #b51218 !important;
    }

    #navigation a[href$="/exkluzivni-ceny-vyprodej/"]:hover *,
    .navigation-in a[href$="/exkluzivni-ceny-vyprodej/"]:hover * {
        color: #b51218 !important;
    }
}


/* ==================================================
   NOVINKY – PC
   ================================================== */

@media (min-width: 768px) {

    #navigation a[href$="/novinky/"],
    .navigation-in a[href$="/novinky/"] {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;

        background: transparent !important;
        color: #32CB00 !important;

        border: 0 !important;
        border-radius: 0 !important;

        font-weight: 700 !important;
        box-sizing: border-box !important;
    }

    #navigation a[href$="/novinky/"] *,
    .navigation-in a[href$="/novinky/"] * {
        color: #32CB00 !important;
        font-weight: 700 !important;
    }

    #navigation a[href$="/novinky/"]::before,
    .navigation-in a[href$="/novinky/"]::before {
        content: "" !important;
        display: inline-block !important;

        position: static !important;
        inset: auto !important;
        transform: none !important;

        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        flex: 0 0 18px !important;

        background-image: url("/user/documents/upload/ikonky/jiskrazelena.png") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    #navigation a[href$="/novinky/"]:hover,
    .navigation-in a[href$="/novinky/"]:hover,
    #navigation a[href$="/novinky/"]:hover *,
    .navigation-in a[href$="/novinky/"]:hover * {
        color: #28a600 !important;
    }
}


/* ==================================================
   NOVINKY – MOBIL
   ================================================== */

@media (max-width: 767px) {

    #navigation a[href$="/novinky/"],
    .navigation-in a[href$="/novinky/"] {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;

        background: transparent !important;
        color: #2DBA00 !important;

        border: 0 !important;
        border-radius: 0 !important;

        margin: 0 !important;
        padding: 18px 0 !important;

        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        box-sizing: border-box !important;
    }

    #navigation a[href$="/novinky/"] *,
    .navigation-in a[href$="/novinky/"] * {
        color: #2DBA00 !important;
        font-weight: 700 !important;
    }

    #navigation a[href$="/novinky/"]::before,
    .navigation-in a[href$="/novinky/"]::before {
        content: "" !important;
        display: inline-block !important;

        position: static !important;
        inset: auto !important;
        transform: none !important;

        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        flex: 0 0 18px !important;

        background-image: url("/user/documents/upload/ikonky/jiskrazelena.png") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        opacity: 1 !important;
        visibility: visible !important;
    }

    #navigation a[href$="/novinky/"]:hover,
    .navigation-in a[href$="/novinky/"]:hover,
    #navigation a[href$="/novinky/"]:hover *,
    .navigation-in a[href$="/novinky/"]:hover * {
        color: #28a600 !important;
    }
}