
// DIRECTIONAL
// ---------------------------------------------------------------
$rtl: 0;
$dir: ltr !default;

@import "../../theme-imports";

@media (max-width: 991px) {
    .product-layout-centered_vertical_zoom .woocommerce-product-gallery__wrapper { max-width: none; }
}
.product-layout-centered_vertical_zoom .product-summary-wrap { margin-top: 20px; }
.product-layout-centered_vertical_zoom .woocommerce-product-gallery__wrapper { display: flex; }
.product-layout-centered_vertical_zoom .summary-before .product-images { width: calc(100% - 110px); order: 2; }
.product-layout-centered_vertical_zoom .summary-before .labels { #{$left}: calc( ( 100px + var(--porto-grid-gutter-width) / 2 ) + .8em ); }
.product-layout-centered_vertical_zoom .summary-before .product-thumbnails { width: 110px; }
.product-layout-centered_vertical_zoom .product-thumbnails .img-thumbnail {
    width: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin-bottom: 10px;
    &.selected {
        border-color: var(--porto-primary-color);
    }
}
@media (max-width: 1679px) {
    .product-layout-centered_vertical_zoom .product-thumbnails .img-thumbnail { width: 80px; }
    .product-layout-centered_vertical_zoom .summary-before .product-images { width: calc(100% - 90px); }
    .product-layout-centered_vertical_zoom .summary-before .product-thumbnails { width: 90px; }
    .product-layout-centered_vertical_zoom .summary-before .labels { #{$left}: calc( ( 80px + var(--porto-grid-gutter-width) / 2 ) + .8em ); }
}
@media (max-width: 575px) {
    .product-layout-centered_vertical_zoom .product-thumbnails .img-thumbnail { width: 70px; }
    .product-layout-centered_vertical_zoom .summary-before .product-images { width: calc(100% - 80px); }
    .product-layout-centered_vertical_zoom .summary-before .product-thumbnails { width: 80px; }
}
.product-layout-centered_vertical_zoom .summary-before { order: 2; }
.product-layout-centered_vertical_zoom .summary:last-child { order: 3; }
.product-layout-centered_vertical_zoom .product_title { font-size: 1.5rem; }
.product-layout-centered_vertical_zoom .product_title.show-product-nav { width: calc(100% - 50px); }
.product-layout-centered_vertical_zoom .product-nav { #{$right}: 0; }
.product-layout-centered_vertical_zoom .product_meta { text-transform: uppercase; padding-bottom: 0; border-bottom: none; }
.product-layout-centered_vertical_zoom .product_meta span span,
.product-layout-centered_vertical_zoom .product_meta span a,
.product-layout-centered_vertical_zoom .product-summary-wrap .stock { color: #4c4c4c; font-size: 14px; font-weight: 700; }
body.dark .product-layout-centered_vertical_zoom .product-summary-wrap .stock { color: #777 }
.product-layout-centered_vertical_zoom .product-summary-wrap .variations .filter-item-list { margin-top: 0; }
.product-layout-centered_vertical_zoom .filter-item-list .filter-color { --porto-sw-size: 28px; }
.product-layout-centered_vertical_zoom .woocommerce-widget-layered-nav-list a:not(.filter-color),
.product-layout-centered_vertical_zoom .filter-item-list .filter-item {
     line-height: 26px; 
     font-size: 13px; 
     color: var(--porto-heading-color); 
     background-color: #f4f4f4
}
body.dark .product-layout-centered_vertical_zoom .filter-item-list .filter-item {
    background-color: lighten( $color-dark, 5% )
}
.product-layout-centered_vertical_zoom .product-summary-wrap .variations { width: 100%; }
.product-layout-centered_vertical_zoom .product-summary-wrap .variations tr { border-bottom: 1px solid #e7e7e7; }
.product-layout-centered_vertical_zoom .product-summary-wrap .variations tr td { padding-top: 15px; padding-bottom: 15px; }
.product-layout-centered_vertical_zoom .product-summary-wrap .variations tr:first-child td { padding-top: 0; }
.product-layout-centered_vertical_zoom .product-summary-wrap .variations .label { width: 75px; }
.product-layout-centered_vertical_zoom .product-summary-wrap .product-share { display: block; position: fixed; top: 50%; #{$right}: 15px; margin: -100px 0 0; z-index: 99; }
.product-layout-centered_vertical_zoom .product-summary-wrap .share-links a:not(:hover) { background: var(--porto-normal-bg); }
.product-layout-centered_vertical_zoom .product-summary-wrap .product-share label { margin: 0; font-size: 9px; letter-spacing: 0.05em; color: #c6c6c6; }
.product-layout-centered_vertical_zoom .product-summary-wrap .share-links a { display: block; margin: 0 auto 2px; border-radius: 0; }
.product-summary-wrap .single_variation_wrap, .product-summary-wrap .cart:not(.variations_form) { border: none; margin-top: 0; }

.product-layout-centered_vertical_zoom .entry-summary .quantity:before { content: 'QTY:'; font-size: 15px; font-weight: 600; color: var(--porto-heading-color); margin-#{$right}: 10px; line-height: 24px; }
.product-layout-centered_vertical_zoom .entry-summary .quantity { display: flex; align-items: center; margin-bottom: 20px; flex-basis: 100%; -ms-flex-preferred-size: 100%; }
.product-layout-centered_vertical_zoom .sticky-product .quantity { display: inline-flex; margin-bottom: 0; }

.product-summary-wrap .variations_button,
.product-summary-wrap form.cart:not(.variations_form) { flex-direction: column; align-items: flex-start; }

@media (min-width: 768px) {
    .woocommerce-tabs .resp-tabs-list li { margin-#{$right}: 0; display: block; float: #{$left}; clear: both; padding: 3px 0 10px !important; margin-bottom: 13px !important; position: relative; }
    .woocommerce-tabs .resp-tabs-list li:after { 
        content: ''; 
        position: absolute; 
        width: 30vw; 
        bottom: -2px; 
        border-bottom: 1px solid #dae2e6; 
        z-index: 0; 
        #{$left}: 0;
    }
    body.dark .woocommerce-tabs .resp-tabs-list li:after {
        border-bottom-color: lighten($color-dark, 8%)
    }
    .woocommerce-tabs .resp-tabs-list li:hover:before,
    .woocommerce-tabs .resp-tabs-list .resp-tab-active:before { content: ''; position: absolute; width: 100%; bottom: -2px; border-bottom: 1px solid #dae2e6; z-index: 1; border-bottom-color: inherit; }
    .woocommerce-tabs { display: table !important; width: 100%; }
    .woocommerce-tabs .resp-tabs-list,
    .woocommerce-tabs .resp-tabs-container { display: table-cell; vertical-align: top; }
    .woocommerce-tabs .resp-tabs-list { width: 20%; overflow: hidden; }
    .woocommerce-tabs .tab-content { padding-top: 0; border-top: none; padding-#{$left}: 30px; }
}