/*!
 * AD Weave Design System (ad-shop-page-template.css)
 * Version: 1.0
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* This .css file is used for create css for shop page templates */
.TsDynamicProductList__Table .DynamicProductListItem__Product .grid-TsProductGrid {
    background-color:var(--card-bg);
}
.DynamicProductListItem__Product .grid-TsProductGrid .TsProductResultName {
    min-height:auto;
    margin-bottom: var(--spacer);
}
.DynamicProductListItem__Product .grid-TsProductGrid .gridViewPrice {
    margin-bottom: var(--spacer);
}
.DynamicProductListItem__Product .grid-TsProductGrid .TSShopNow {
    padding:var(--spacer0);
}

/* Shop Application Guide */
.TSApplicationGuideDetails .TSApplication {
    background-color:var(--card-bg);
    margin-bottom:var(--card-spacer-sm);
    transition:var(--card-transition);
    padding:var(--spacer8);
}
.TSApplicationGuideDetails .TSApplication:hover {
    box-shadow:var(--card-hover-shadow);
}
.TSApplicationGuideDetails .TSApplication .TSImgfile {
    width:100px;
    max-height: 60px;
    height: 100px;
    padding:var(--spacer0);
}
@media screen and (min-width: 768px) {
    .TSApplicationGuideDetails .TSApplication .TSrandommargin {
        margin-right:var(--spacer0);
    }
    .TSApplicationGuideDetails .TSrandomwidth {
        max-width:var(--width-100) !important;
    }
    .TSrandomwidth {
        max-width:var(--width-100) !important;
    }
} 

/* Shop Squad List Guide */
.TSSquadListDetails .TSSquad {
    background-color:var(--card-bg);
    margin-bottom:var(--card-spacer-sm);
    transition:var(--card-transition);
    padding:var(--spacer8);
}
.TSSquadListDetails .TSSquad:hover {
    box-shadow:var(--card-hover-shadow);
}
.TSSquadListDetails .TSSquad .TSImgfile {
    width:100px;
    max-height: 60px;
    height: 100px;
    padding:var(--spacer0);
}
@media screen and (min-width: 768px) {
    .TSSquadListDetails .TSSquad .TSrandommargin {
        margin-right:var(--spacer0);
    }
}    

/* Shop Category List Card */
.collection-list-section .collection-list {
    margin-bottom:var(--spacer40);
}
.collection-list-section .collection-list li {
    margin-bottom:var(--spacer);
    transition:var(--card-transition);
}
.collection-list-section .collection-list li:hover {
    box-shadow:var(--card-hover-shadow);
    -moz-box-shadow:var(--card-hover-shadow);
    -webkit-box-shadow:var(--card-hover-shadow);
}

/*** ===============================
My Addressbook
================================== */
.TSAddressbook .AddressListView .AddressBookCard__Card {
    background-color:var(--card-bg);
    box-shadow:var(--card-shadow);
    transition:var(--card-transition);
    border-radius:var(--border-radius);
}
.TSAddressbook .AddressListView .AddressBookCard__Card:hover {
    box-shadow:var(--card-hover-shadow);
}

.TSAddressbook .AddressListView .AddressBookCard__ListItem:hover {
    box-shadow:var(--card-hover-shadow);
}
@media screen and (min-width: 768px) {
    .TSAddressbook .AddressListView .AddressBookCard__ListItem {
    background-color:var(--card-bg);
    box-shadow:var(--card-shadow);
    transition:var(--card-transition);
    border-radius:var(--border-radius);
    }
}

/*** ===============================
My Order History
================================== */
@media only screen and (min-width: 768px) {
    .TSOrderHistory .TSOrderDetailSummary__history .myOrders {
        background-color:var(--card-bg);
        transition:var(--card-transition);
        margin-bottom: 4px;
    }
    .TSOrderHistory .TSOrderDetailSummary__history .myOrders:hover {
        box-shadow:var(--card-hover-shadow);
    }
}



/*** ================================
Responsive CSS - Mobile 
================================== */
@media (max-width:767px){
    /* CSS Code Here */
}