/* global setting */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'adineue PRO Cyr Bold Web';
}

p,
span,
button,
a {
    font-family: 'AdihausDIN';
}

img {
    display: block;
    width: 100%;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

.fs-c1 {
    font-size: 12px;
}

.fs-c2 {
    font-size: 11px;
}

.f-adidin {
    font-family: 'AdihausDIN';
}

.f-adipro {
    font-family: 'adineue PRO Cyr Bold Web';
}

/* ............. */
.add-sale-links-bar {
    .container {
        ul {
            li {
                padding: 0.3125rem;

                a {
                    font-size: 0.8125rem;
                    color: white;
                    font-weight: 600;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}

.add-links-egypt-bar {
    .container {
        ul {
            li {
                padding-inline: 0.625rem;
                padding-block: 0.3125rem;

                .flag-container {
                    width: 1.125rem;
                    height: 1.125rem;
                }

                a {
                    font-size: 0.8125rem;
                    color: black;

                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}

.navbar {
    .container {
        .navbar-collapse {
            ul {
                li {
                    position: relative;

                    &::before {
                        content: '';
                        position: absolute;
                        bottom: -0.625rem;
                        width: 0;
                        height: 0.125rem;
                        background-color: black;
                    }

                    &:hover::before {
                        width: 100%;
                    }

                    a {
                        font-size: 0.9375rem;
                    }
                }
            }

            form {
                .form-control {
                    font-family: 'AdihausDIN';
                    background-color: #ECEDEE;
                    border-radius: 0;
                    border: 0 solid transparent;
                }

                button {
                    background-color: #ECEDEE;
                }

                &:hover {
                    outline: 1px solid black;
                }
            }
        }
    }
}

.running-sec {
    background-image: url(../images-adidas/adidas-image08.jpg);
    min-height: 75vh;
    background-position: center center;
    background-size: cover;

    .container {
        .caption {
            h1 {
                font-size: 2.625rem;
            }
        }

        .shop-link-container {
            display: inline-block;
            border: 1px solid white;

            button {
                padding-inline: 1.875rem;
                padding-block: 0.9375rem;
                background-color: white;
                border: 0px solid transparent;
                position: relative;
                right: 4px;
                bottom: 4px;
                font-weight: 700;

                &:hover {
                    color: #767677;
                }
            }
        }
    }
}

.dropset-sec {
    background-image: url(../images-adidas/adidas-image10.jpg);
    min-height: 75vh;
    background-position: center center;
    background-size: cover;

    .container {
        .caption {
            h1 {
                font-size: 2.625rem;
            }
        }

        .shop-link-container {
            display: inline-block;
            border: 1px solid white;

            button {
                padding-inline: 1.875rem;
                padding-block: 0.9375rem;
                background-color: white;
                border: 0px solid transparent;
                position: relative;
                right: 4px;
                bottom: 4px;
                font-weight: 700;

                &:hover {
                    color: #767677;
                }
            }
        }
    }
}

.football-fans {
    .container {

        .carousel {
            .carousel-indicators {
                button {
                    background-color: black;
                    transform: scaleX(.8);
                }

                button.active {
                    transform: scaleY(2);
                }
            }




            .row {
                .col-sm-6 {
                    p {
                        font-size: 13px;
                    }

                    a {
                        font-size: 13px;
                        text-decoration: underline;
                        font-weight: bold;
                        color: black;
                    }
                }
            }
        }
    }
}

.categories {
    .container {
        .row {
            .col-md-6 {
                .category-item {
                    position: relative;

                    .category-link-layer {
                        position: absolute;
                        inset: 0;
                        display: flex;
                        justify-content: center;
                        align-items: end;

                        .category-link {
                            display: inline-block;
                            border: 1px solid black;
                            margin-bottom: 0.625rem;

                            button {
                                padding-inline: 1.875rem;
                                padding-block: 0.9375rem;
                                background-color: white;
                                border: 0px solid transparent;
                                font-weight: 700;

                                i {
                                    padding-left: 70px;
                                }

                                &:hover {
                                    color: #767677;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.shop-sec {
    .container {
        .nav-pills {
            gap: 0.9375rem;

            .nav-item {
                .nav-link {
                    border-radius: 0;
                    background-color: transparent;
                    color: black;
                    border: 0.0625rem solid black;
                }

                .nav-link.active {
                    background-color: black;
                    color: white;
                }
            }
        }

        .tab-content {
            .tab-pane {

                .carousel {
                    .carousel-indicators {
                        button {
                            background-color: black;
                            transform: scaleX(.8);
                        }

                        button.active {
                            transform: scaleY(2);
                        }
                    }
                }
            }
        }
    }
}

.hot-deals {
    .container {
        .carousel.slide {
            button {
                background-color: black;
                transform: scaleX(.8);
            }

            button.active {
                transform: scaleY(2);
            }
        }
    }
}

.sign-up-offer {
    padding-block: 5.625rem;
    background-color: #F6F4E7;

    .container {
        .sign-up-btn {
            display: inline-block;
            border: 1px solid black;

            button {
                padding-inline: 1.875rem;
                padding-block: 0.9375rem;
                background-color: black;
                border: 0px solid transparent;
                position: relative;
                right: 4px;
                bottom: 4px;
                font-weight: 700;
                color: white;
                font-size: 12px;

                &:hover {
                    color: #767677;
                }
            }
        }
    }
}

footer {
    background-color: black;

    .container {
        .row {
            border-top: 1px solid white;
            .col-sm-6 {
                .links-list {
                    h3 {
                        color: white;
                    }

                    ul {
                        li {
                            padding-block:0.3125rem;
                            a {
                                color: white;
                                &:hover{
                                    text-decoration: underline;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}