/* Tifoso LOOP 4 — mobile visual polish. Owner: mu-plugin tifoso-loop4-mobile-polish.php */

@media (max-width: 782px) {
  html body .tifoso-champions-2627-swiper,
  html body .tifoso-spagna-campione-swiper {
    padding-bottom: 18px !important;
  }
  html body .swiper-horizontal > .swiper-pagination-bullets,
  html body .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 2px !important;
  }
  html body .tf-league-row {
    margin: 16px 0 !important;
  }
  html body .tf-league-row__head {
    padding: 8px 12px !important;
    margin-bottom: 10px !important;
  }
  html body .tf-league-rows {
    padding-bottom: 28px;
  }
}

html body.single-product.woocommerce div.product .woocommerce-product-gallery .flex-viewport,
html body.single-product.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
html body.single-product.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image > a,
html body.single-product.woocommerce div.product .woocommerce-product-gallery__image img:not(.zoomImg),
html body.single-product.woocommerce div.product .tifoso-hslide__viewport,
html body.single-product.woocommerce div.product .tifoso-hslide__slide,
html body.single-product.woocommerce div.product .tifoso-hslide__slide a,
html body.single-product.woocommerce div.product .tifoso-hslide__slide img:not(.zoomImg),
html body.single-product.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs img,
html body.single-product.woocommerce div.product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs img {
  background: #16181f !important;
  background-color: #16181f !important;
  background-image: none !important;
}
html body ul.products li.product img,
html body .tf-lc__img,
html body .tf-lc__img img,
html body .tpc-img,
html body .tpc-img img,
html body .related .product img,
html body .upsells .product img {
  background: #16181f !important;
}

@media (max-width: 782px) {
  html body.single-product.woocommerce div.product .woocommerce-product-gallery {
    padding: 8px !important;
    margin-bottom: 8px !important;
  }
  html body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    margin-top: 8px !important;
  }
  html body.single-product .tifoso-hslide__viewport,
  html body.single-product .woocommerce-product-gallery:not(.tifoso-hslide) .flex-viewport {
    aspect-ratio: auto !important;
    height: auto !important;
    max-height: min(46vh, 340px) !important;
    min-height: 0 !important;
  }
  html body.single-product .woocommerce-product-gallery:not(.tifoso-hslide) .woocommerce-product-gallery__image img:not(.zoomImg),
  html body.single-product .tifoso-hslide__slide img:not(.zoomImg) {
    height: auto !important;
    max-height: min(44vh, 320px) !important;
    width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  html body.single-product .tifoso-addon-pro {
    margin: 8px 0 10px !important;
    padding: 10px 10px 8px !important;
    border-radius: 12px !important;
  }
  html body.single-product .tifoso-addon-head {
    padding-bottom: 8px !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
  }
  html body.single-product .tifoso-addon-title { font-size: 14px !important; }
  html body.single-product .tifoso-addon-mini {
    font-size: 9px !important;
    padding: 2px 7px !important;
    letter-spacing: .03em !important;
  }
  html body.single-product .tifoso-addon-label {
    margin: 0 0 6px !important;
    font-size: 10px !important;
  }
  html body.single-product .tifoso-addon-section { padding-top: 8px !important; }
  html body.single-product .tifoso-addon-choice {
    min-height: 38px !important;
    padding: 7px 8px !important;
    font-size: 12px !important;
  }
  html body.single-product .tifoso-addon-section--patches {
    margin-top: 8px !important;
    padding-top: 8px !important;
  }
  html body.single-product .tifoso-addon-summary {
    margin-top: 8px !important;
    padding: 8px !important;
  }

  html body.single-product .woocommerce-tabs {
    margin: 14px 0 8px !important;
    padding: 0 !important;
    border: 1px solid rgba(240, 206, 109, .22) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #101218 !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    background: transparent !important;
    border-radius: 0 !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li a {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: #f4f1ea !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li.active a,
  html body.single-product .woocommerce-tabs ul.tabs li.tifa-open a {
    color: #e5b842 !important;
  }
  html body.single-product .woocommerce-tabs ul.tabs li::after {
    margin: 0 14px 0 0 !important;
    transform: rotate(45deg) !important;
    opacity: .7;
  }
  html body.single-product .woocommerce-tabs ul.tabs li.active::after,
  html body.single-product .woocommerce-tabs ul.tabs li.tifa-open::after {
    transform: rotate(-135deg) !important;
    opacity: 1;
  }
  html body.single-product .woocommerce-tabs .panel,
  html body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    margin: 0 !important;
    padding: 12px 14px 14px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
}

html body .select2-dropdown {
  background: #16181f !important;
  border: 1px solid rgba(240, 206, 109, .38) !important;
  border-radius: 12px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .55) !important;
  color: #f4f1ea !important;
  z-index: 100080 !important;
  overflow: hidden !important;
}
html body .select2-search--dropdown {
  padding: 8px !important;
  background: #16181f !important;
}
html body .select2-search--dropdown .select2-search__field {
  background: #0e1016 !important;
  color: #fff !important;
  border: 1px solid rgba(240, 206, 109, .4) !important;
  border-radius: 8px !important;
  min-height: 40px !important;
  padding: 8px 10px !important;
  box-shadow: none !important;
  outline: none !important;
}
html body .select2-results { background: #16181f !important; }
html body .select2-results__options { max-height: 220px !important; }
html body .select2-results__option {
  color: #f4f1ea !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
}
html body .select2-container--default .select2-results__option--highlighted[aria-selected],
html body .select2-container--default .select2-results__option--highlighted[data-selected] {
  background: #e5b842 !important;
  color: #1a1408 !important;
}
html body.woocommerce-checkout .form-row,
html body.woocommerce-checkout .woocommerce-billing-fields,
html body.woocommerce-checkout .woocommerce-shipping-fields {
  overflow: visible !important;
}
html body.woocommerce-checkout .select2-container { width: 100% !important; }
html body.woocommerce-checkout .select2-container--default .select2-selection--single {
  background: #16181f !important;
  border: 1px solid rgba(240, 206, 109, .32) !important;
  border-radius: 12px !important;
}
@media (min-width: 1200px) {
  html body .tifoso-champions-2627-swiper,
  html body .tifoso-spagna-campione-swiper {
    overflow: hidden !important;
  }
}