/* ===========================================================================
Homepage
============================================================================*/
/* ---------- home categories --------- */
.picture-card > a::before {
    padding-top: 30px;
}
.picture-card a {
    text-align: center;
}
.picture-card a img {
    position: relative;
    top: unset;
    left: unset;
    width: auto;
    height: auto;
    max-height: 350px;
}
.form-row.homepage-categories {
    flex-wrap: nowrap;
    max-width: 100vw; 
    overflow-x: auto
}
.form-row.homepage-categories::-webkit-scrollbar {
    display: none;
}
.form-row.homepage-categories::-webkit-scrollbar-track {
    display: none;
}
.form-row.homepage-categories::-webkit-scrollbar-thumb {
    display: none;
}
.form-row.homepage-categories::-webkit-scrollbar-thumb:hover {
    display: none;
}
.form-row.homepage-categories .title {
    margin-top: 32px;
    font-size: 40px;
}
@media (max-width: 1900.99px) {
    .picture-card a img {
        max-height: 300px;
    }
}
@media (max-width: 991.99px) {
    .picture-card a img {
        max-height: 200px;
    }
    .picture-card > a::before {
        padding-top: 15px;
    }
    .form-row.homepage-categories .title {
        margin-top: 20px;
        font-size: 28px;
    }
}

/* =======================================================================
 shopping cart 
 =========================================================================*/
html[lang="en"] #payment-method-block .method-name .custom-control-label {
    margin-right: 0;
    margin-left: 10px;
}
html[lang="ar"] #payment-method-block .method-name .custom-control-label {
    margin-right: 10px;
    margin-left: 0;
}
#payment-method-block .payment-img {
    width: 25px;
    height: auto;
    
}
#payment-method-block .custom-control-description {
    margin: 0 10px;
}
/* ===========================================================================
Checkout
============================================================================*/

/* ===========================================================================
Components
============================================================================*/
.generalTitle {
    font-size: 1.2rem;
}

button:focus, input:focus, select:focus, textarea:focus a:focus, a:active, a:hover, a:visited {
    outline: none;
}
.generalLeftSide .viewBox ul.sublist {
    margin-right: 17px;
}
.addToCart-button {
    color: #fff;
    background-color: var(--colorHighlight1);
    border-color: var(--colorHighlight1);
}
.custom-control-input:checked~.custom-control-label:before {
    color: #fff;
    border-color: var(--colorHighlight1);
    background-color: var(--colorHighlight1);
}
.shopping-cart.table td .edit-item .btn-link {
    color: var(--colorHighlight1);
}
.btn-info.focus, .btn-info:focus, .btn-info:hover {
    color: #fff;
    background-color: #E84E48;
    border-color: #E84E48;
}
.sl-topbar .dropdown .btn-secondary {
    background-color: transparent;
    border-color: transparent;
}
.sl-topbar .dropdown .dropdown-item {
    display: flex;
    min-width: 100px;
    padding: 5px 10px;
    justify-content: space-between;
    align-items: center;
}
.iti--separate-dial-code .iti__selected-dial-code {
    direction: ltr !important;
    text-align: left !important;
}
.catbox .cat-title {
    font-weight: 500 !important;
}
.product-available, .product-unavailable {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    background: #34A853;
    
}
.product-unavailable {
    background: red;
}
.product-available-text, 
.product-unavailable-text, 
.product-details-page .additional-details .sku span {
    color: #242424;
    padding: 0 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}
.details-add-to-wishlist.active {
    color: #E84E48;
}
.product-details-page .additional-details .value a  {
    font-size: 18px;
    font-weight: 600;
    color: #242424 !important;
}
.product-details-page .overview .actual-price {
    font-size: 24px;
    font-weight: 600;
}
@media (max-width: 767.98px) {
    .product-available-text,
    .product-unavailable-text,
    .product-details-page .additional-details .sku span {
        font-size: 14px;
    }
    .product-details-page h1,
    .product-details-page .additional-details .value a{
        font-size: 16px;
    }
    .product-details-page .overview .actual-price,
    .product-details-page .overview .old-price {
        font-size: 20px;
    }
    .product-details-page .additional-details {
        gap: 10px !important;
    }
    .product-available, .product-unavailable {
        width: 12px;
        height: 12px;
    }
}