/*
Theme Name: America 1st
Theme URI: https://asraful.com.bd/
Description: Astra child theme for customized WooCommerce + Dokan + Elementor support.
Author: Curlware
Author Email: info@curlware.com
Author URI: https://curlware.com/
Template: astra
Version: 1.1.0
Text Domain: america-1st
*/

@import url("../astra/style.css");

ol, ul {
    margin: 0 0 0 0;
}

/* Product Tabs Wrapper */
.custom-tabs-wrapper {
    margin-top: 40px;
}

/* Desktop Tabs Style */
.custom-tabs {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    /* border-bottom: 1px solid #ddd; */
    flex-wrap: wrap;
}

.custom-tabs .tab {
    cursor: pointer;
    padding: 10px 20px;
    /* border: 1px solid #ddd; */
    border-bottom: none;
    background-color: #f9f9f9;
    font-weight: 500;
    transition: background 0.3s;
}

.custom-tabs .tab:hover {
    background-color: #eee;
    /* font-weight: 700; */
}

.custom-tabs .tab.active {
    background-color: #fff;
    font-weight: 700;
    /* border-bottom: 1px solid #fff; */
}

/* Tab Contents */
.tab-content {
    display: none;
    padding: 20px;
    /* border: 1px solid #ddd; */
    border-top: none;
    background-color: #fff;
    width: 100%;
}
.tab-contents.desktop-view{
    margin-top:0px;
}
/* Mobile Accordion Style */
@media screen and (max-width: 768px) {
    .custom-tabs {
        flex-direction: column;
        border-bottom: none;
    }

    .custom-tabs .tab {
        width: 100%;
        border-bottom: 1px solid #ddd;
        border: 1px solid #ddd;
        background-color: #f9f9f9;
        position: relative;
    }

    .custom-tabs .tab::after {
        content: "+";
        position: absolute;
        right: 20px;
        font-weight: bold;
    }

    .custom-tabs .tab.active::after {
        content: "-";
    }

    .tab-content {
        display: none;
        border-top: none;
        border: 1px solid #ddd;
        border-top: none;
        margin-top: -1px;
    }

    .tab-content.active {
        display: block;
    }
}
section.related.products h2 {
    text-align: center;
    margin-top: 50px;
    font-family: Jost;
    font-weight: 500;
    font-size: 20px;
    text-transform: capitalize;
    color: #000000;
}

/* Make thumbnails vertical */
.flex-control-thumbs {
    display: flex !important;
/*     flex-direction: column !important; */
    gap: 10px;
    margin-right: 15px;
	margin-top: 15px;
    width: auto !important;
    list-style: none;
	flex-wrap:wrap;
	justify-content: center;
}
.flex-control-thumbs li {
    margin-bottom: 5px;
    width: 70px;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border: 1px solid;
    border-radius: 10px;
}
/* @media screen and (min-width: 769px) {
	.flex-control-thumbs{
		height: 500px;
    	overflow-x: scroll;
		width:1000px !important;
	}
}  */

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
/*     display: flex;
    flex-direction: row-reverse; */
    justify-content: space-between;
    align-items: center;
/*     margin-bottom: 20px; */
    position: relative;
}
a.woocommerce-product-gallery__trigger {
    position: absolute;
    z-index: 1;
    top: 20px;
	left:20px;
/*     right: 20px; */
}
.woocommerce-product-gallery button.shopengine_add_to_list_action.shopengine-wishlist {
    position: absolute;
    z-index: 1;
    top: 50px;
	left:14px;
	font-size:24px;
/*     right: 20px; */
    background-color: transparent;
    color: #1B3986;
}
.shopengine-wishlist-button button.shopengine_add_to_list_action.shopengine-wishlist {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 10px;
    background-color: transparent;
    color: #1B3986;
}
a.woocommerce-product-gallery__trigger:after {
    content: "\f179";
    color: #1B3986;
    font-family: dashicons;
    font-size: 24px;
}

a.woocommerce-product-gallery__trigger span {
    display: none;
}

.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before {
    color: #1B3986;
}

.woocommerce-js ul.products li.product span.onsale {
    left: 10px;
    right: auto;
    top: 20px;
}

@media screen and (max-width: 768px) {
    .flex-control-thumbs {
        display: flex !important;
        flex-direction: row !important;
        gap: 10px;
        margin-right: 15px;
        width: auto !important;
        list-style: none;
        max-width: 100%;
        overflow-x: auto;
		margin-top: 5px;
    }
    .flex-control-thumbs li {
        margin-bottom: 5px;
        width: 60px;
    }
    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        position: relative;
    }
    a.woocommerce-product-gallery__trigger {
        position: absolute;
        top: 40px;
        z-index: 1;
        left: 20px;
    }
    .woocommerce-product-gallery button.shopengine_add_to_list_action.shopengine-wishlist {
        position: absolute;
        z-index: 1;
        top: 60px;
        right: 30px;
    }
}

.product-button-wrapper {
    align-items:center;
    a.shopengine_comparison_add_to_list_action.shopengine-comparison.badge.se-btn.inactive {
      display:none;
    }
    a.shopengine_add_to_list_action.shopengine-wishlist.badge.se-btn.inactive {display:none;}  
  
    a.button.product_type_variable.cfvsw_ajax_add_to_cart,
    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,
    a.button.product_type_simple  {
      color: #ffffff;
      background: #1B3986;
      border-radius: 10px;
      padding: 9px 10px !important;
      font-size: 14px;
      font-weight: 500;
      font-family:Jost;
      margin: 7px 0px !important;
      text-transform: capitalize;
      border:1px solid #1B3986;
    }
    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover,a.button.product_type_simple:hover {
      color: #1B3986;
      background-color:#ffffff;
    }
  
    a.shopengine-quickview-trigger.se-btn {
      color: #1B3986;
      background-color:#ffffff;
      border-radius:10px;
      padding:3px 10px !important;
      font-size:14px;
      margin:7px 0px !important;
      text-transform: capitalize;
      font-family:Jost;
      border:1px solid #1B3986;
    }
    a.shopengine-quickview-trigger.se-btn:hover {
      color: #ffffff;
      background: #1B3986;
    }
    a.shopengine-quickview-trigger.se-btn i{display:none;}
    a.shopengine-quickview-trigger.se-btn:after{
       content: 'quick view';
      padding:0px !important;
      
    }
  }
  
form.cart {
    display:flex; align-items:center; gap:10px;
    button.single_add_to_cart_button.button {
        border-radius: 100px;
        padding: 10px 20px;
        background: #1B3986;
        color: #ffffff;
    }
}
form.variations_form.cart.swatches-support {
    flex-direction: column;
}
button.wc-block-components-filter-reset-button,
a.button.product_type_variable.add_to_cart_button.cfvsw_ajax_add_to_cart {
    color: #ffffff;
    background: #1B3986;
    border-radius: 10px;
    padding: 9px 10px !important;
    font-size: 14px;
    font-weight: 500;
    font-family: Jost;
    margin: 7px 0px !important;
    text-transform: capitalize;
    border: 1px solid #1B3986;
	text-decoration: none;
}
button.wc-block-components-filter-reset-button:hover,
a.button.product_type_variable.add_to_cart_button.cfvsw_ajax_add_to_cart:hover {
    color: #1B3986;
    background-color: #ffffff;
}
.woocommerce span.onsale, .wc-block-grid__product .wc-block-grid__product-onsale {
    background-color: #1B3986;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    button {
        color: #ffffff;
        background: #1B3986;
        border-radius: 100px !important;
        padding: 9px 10px !important;
        font-size: 14px;
        font-weight: 500;
        font-family: Jost;
        margin: 7px 0px !important;
        text-transform: capitalize;
        border: 1px solid #1B3986;
        
    }
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
    display: flex;
    gap: 10px;
}
.woocommerce-product-gallery .woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
    display: none;
}
.product-button-wrapper a.shopengine_add_to_list_action.shopengine-wishlist.badge.se-btn.active { display:none;}

form.cart button.shopengine_add_to_list_action.shopengine-wishlist {display:none;}
  
.product-summary {
    h1.product_title.entry-title {
        font-family: Jost;
        font-weight: 500;
        font-size: 20px;
        line-height: 24px;
        color: #000000;
    }
    
    .price {
        font-family: Jost;
        font-weight: 600;
        font-size: 24px;
        line-height: 36px;
        color: #000000;
        del.regular-price{
            color: #7b7b7b;
        }
    }
        
    .shop-name {
        font-family: Jost;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
    }
    
    span.posted_in a {
        font-family: Jost;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
    }
    
    span.varify-vendor {
        font-family: Jost;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
    }
    .short-description {
        font-family: Jost;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        vertical-align: middle;
        color: #000000;
    }
}
.product-title-wrapper a .woocommerce-loop-product__title {
    font-family: Jost;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-align: left !important;
    color: #000000;
}
.cfvsw-swatches-option.cfvsw-label-option {
    border: 1px solid #1B3986;
}

.cfvsw-swatches-option.cfvsw-label-option.cfvsw-selected-swatch {
    border: 2px solid #1B3986;
}

table.variations.cfvsw-variation-disable-logic, table.variations.cfvsw-variation-disable-logic td{ border: none;}
.product-details-widger {
    span.shop-name {
        font-family: Jost;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
		text-align:left;
    }
    
    span.product-category a {
        font-family: Jost;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
    }
    
    span.woocommerce-Price-amount.amount {
        font-family: Jost;
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        .original-price {color:#999;}
    }
}