/*
Theme Name: VINV Clothing
Template: oceanwp
Description: Child theme of OceanWP for VINV Clothing
Version: 1.0.0
Author: VINV
*/

/* ================================================
   CHECKOUT — DARK THEME
   ================================================ */
.woocommerce-checkout {
  background: #000;
  color: #fff;
}
.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
  background: #141414;
  border: 1px solid #333;
  color: white;
  padding: 12px;
}
.woocommerce-checkout #order_review {
  background: #0a0a0a;
  border: 1px solid #333;
  padding: 20px;
}
.woocommerce-checkout #place_order {
  background: #c8f500;
  color: black;
  font-weight: bold;
  padding: 20px;
  width: 100%;
  border: none;
  text-transform: uppercase;
}

/* ================================================
   SINGLE PRODUCT DESKTOP — GALERIE STICKY
   ================================================ */
@media (min-width: 801px) {
  body.single-product .woocommerce-product-gallery {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
    z-index: 10;
  }
  body.single-product div.product {
    align-items: flex-start !important;
  }
}

/* ================================================
   SINGLE PRODUCT MOBILE — GALERIE NON STICKY + TABS HIDDEN
   ================================================ */
@media (max-width: 800px) {
  body.single-product .woocommerce-product-gallery,
  body.single-product div.product .woocommerce-product-gallery {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    align-self: auto !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
  }

  body.single-product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 6px !important;
    padding: 8px 0 !important;
    margin: 12px 0 24px 0 !important;
  }
  body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
    flex: 0 0 60px !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    list-style: none !important;
  }
  body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.single-product .product .entry-title,
  body.single-product .product .product_title.entry-title {
    clear: both !important;
    display: block !important;
    margin-top: 15px !important;
  }
  body.single-product .summary.entry-summary {
    clear: both !important;
    overflow: visible !important;
    padding-top: 0 !important;
  }
  body.single-product .woocommerce-product-details__short-description {
    display: none !important;
  }

  /* CRITIQUE : masquer les tabs originaux WooCommerce */
  body.single-product .woocommerce-tabs ul.tabs,
  body.single-product .woocommerce-tabs > .panel,
  body.single-product .woocommerce-tabs > .woocommerce-Tabs-panel,
  body.single-product .woocommerce-tabs ul.wc-tabs,
  body.single-product .woocommerce-tabs .wc-tab {
    display: none !important;
  }

  /* Accordéon styles */
  body.single-product .vinv-acc-item {
    border-top: 1px solid #1c1c1c;
  }
  body.single-product .vinv-acc-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: none;
    border: none;
    color: #f0f0f0;
    font-family: "Share Tech Mono", monospace;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 16px 0;
    cursor: pointer;
  }
  body.single-product .vinv-acc-btn::after {
    content: "+";
    font-size: 18px;
    color: #c8f500;
  }
  body.single-product .vinv-acc-btn.open::after {
    content: "−";
  }
  body.single-product .vinv-acc-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  body.single-product .vinv-acc-body.open {
    max-height: 5000px;
    padding-bottom: 20px;
  }
  body.single-product .woocommerce-tabs .vinv-acc-wrap {
    display: block !important;
  }

  /* Related products mobile */
  body.single-product .related ul.products li.product .posted_in,
  body.single-product .related .woocommerce-loop-product__categories,
  body.single-product .related .owp-product-categories {
    display: none !important;
  }
  body.single-product .related ul.products li.product:nth-child(n+5) {
    display: none !important;
  }
}