/* ===================================================================
   Styles for the custom single product page
   File: wp-content/themes/<your-child-theme>/woocommerce/single-product.css

   This page bypasses get_header()/get_footer(), so it never gets the
   .woocommerce wrapper div the theme normally provides — every selector
   below targets this page's actual markup directly instead of relying
   on that ancestor, which is why button styling broke before.
   =================================================================== */

html {margin: 0px !important; max-width: 100% !important;}

body.single-product {
  font-family: 'Times New Roman', Times, serif;
  background-image: url('https://shoponline.click/wp-content/uploads/2025/02/floralstorepattern.png');
}

.contain {
    margin-top: 32px;
}

/* Cart header */
    #cart-bar {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    background: ghostwhite;
    border-bottom: 1px solid #ccc;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1rem;
    color: blue;
    }
    #cart-bar a {
      color: blue;
      text-decoration: none;
      display: flex;
      align-items: center;
    }
    #cart-bar a:hover { color: red; }
    #cart-count {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      color: blue;
      font-size: 1rem;
      min-width: 19px;
      height: 19px;
      padding: 0 4px;
      transition: transform 0.15s ease;
    }
    #cart-count.bump { transform: scale(1.5); }

.custom-product-page a {
  color: blue;
  text-decoration: none;
}
.custom-product-page a:hover {
  color: red;
}

/* ---------- Layout: gallery left, summary right ---------- */
.custom-product-page {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin: 0 auto;
  padding: 24px;
}
.custom-gallery {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.custom-gallery-image {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  user-select: none;
  -webkit-user-drag: none;
  pointer-events: none;
}
.custom-gallery:active .custom-gallery-image {
    transform: scale(1.2);
    image-rendering: pixelated;
}

.custom-summary {
  flex: 1 1 1000px;
  background: white;
  padding: 0px 4px 8px 4px;
  height: 100%;
}

/* ---------- Title + price ---------- */
.product_title {
  font-family: 'Times New Roman', Times, serif;
}
.price,
.woocommerce-Price-amount {
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold !important;
  color: rgb(0, 100, 0) !important;
  text-shadow: none !important;
}

/* ---------- Description + size guide ---------- */
.custom-description,
.custom-size-guide {
  margin-top: 24px;
}
.custom-size-guide h2 {
  font-family: 'Times New Roman', Times, serif;
  border-bottom: solid black 1px;
  padding-bottom: 4px;
}

/* ---------- Purchase box: price + add to cart, grouped at the bottom ---------- */
.custom-purchase-box {
  margin-top: 28px;
  padding-top: 20px;
  border-top: solid black 1px;
}
.custom-purchase-box .price {
  margin-bottom: 12px;
}
 
.action-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.size-btn {
  font-family: 'Times New Roman', Times, serif;
  font-size: 1.2rem;
  background: none;
  border: solid black 1px;
  color: blue;
  cursor: pointer;
}
.size-btn:hover:not(:disabled) { border-color: blue; color: blue; }
.size-btn.selected { background: yellow; color: black; border-color: blue; }
.size-btn:disabled {
  color: #bbb;
  border-color: #ddd;
  text-decoration: line-through;
  cursor: not-allowed;
}
.atc-btn {
  border: solid black 1px;
  font-family: 'Times New Roman', Times, serif;
  font-size: 1.2rem;
  background: none;
  color: blue;
  cursor: pointer;
}
.atc-btn:hover:not(:disabled) { border-color: blue; color: blue; }
.atc-btn:disabled { opacity: 0.35; cursor: not-allowed; }