/**
* 2006-2022 THECON SRL
*
* NOTICE OF LICENSE
*
* DISCLAIMER
*
* YOU ARE NOT ALLOWED TO REDISTRIBUTE OR RESELL THIS FILE OR ANY OTHER FILE
* USED BY THIS MODULE.
*
*  @author    THECON SRL <contact@thecon.ro>
*  @copyright 2006-2022 THECON SRL
*  @license   Commercial
*/

.product__add-to-cart .wishlist-button-add {
    border-radius: 5px !important;
}

.search-widgets__dropdown {
    z-index: 9999;
}

.th-grid-title {
    text-transform: uppercase;
}

.alert-danger i {
    font-size: 20px;
    position: relative;
    margin-right: 2px;
    top: -1px;
    color: --bs-alert-color: var(--bs-danger-text-emphasis);
}

.alert {
   padding-top: 10px;
    padding-bottom: 10px;
}

.wishlist-create button.btn.btn-secondary, .wishlist-modal button.btn.btn-secondary {
    border-radius: 4px !important;
}

.breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: scroll;

    /* Ascunde scrollbar-ul */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
}

.breadcrumb::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

@media only screen and (max-width : 991px) {

}

/* Phones Portrait */
@media only screen and (min-width : 320px) and (max-width : 479px) {
    .breadcrumb-link {
        font-size: 12px;
        padding: 0 4px;
    }

    .breadcrumb-item + .breadcrumb-item:before {
        float: none;
    }

}

/* Phones Landscape */
@media only screen and (min-width : 480px) and (max-width : 767px) {

}

/* Phones Portrait and Landscape */
@media only screen and (min-width : 320px) and (max-width : 767px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 991px) {

}

@media only screen and (min-width : 992px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) and (max-width : 1199px) {

}

/* Small and Medium Devices */
@media only screen and (min-width : 768px) and (max-width : 1199px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .col-xl-2-4 {
        flex: 0 0 auto;
        width: 20%;
    }
}