/* RACCOON CYCLES — TECHNICAL DETAILS ACCORDION
   Isolated from existing Mini Cart / Basket / Checkout styles.
   Existing MKL technical parameter rows remain unchanged when expanded.
*/

/* Layout container. */
#uncode_sidecart details.rc-technical-details,
form.woocommerce-cart-form details.rc-technical-details,
form.checkout.woocommerce-checkout details.rc-technical-details {
  display: block !important;
  clear: both;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* Native disclosure control. */
#uncode_sidecart details.rc-technical-details > summary,
form.woocommerce-cart-form details.rc-technical-details > summary,
form.checkout.woocommerce-checkout details.rc-technical-details > summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  min-height: 38px !important;
  width: auto !important;
  padding: 7px 12px !important;
  margin: 0 !important;
  border: 1px solid #e8eaed !important;
  border-radius: 8px !important;
  background: #f6f7f8 !important;
  color: #171717 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  text-align: left !important;
  text-decoration: none !important;
  list-style: none !important;
  box-shadow: none !important;
  cursor: pointer;
  user-select: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.rc-technical-details > summary::-webkit-details-marker { display: none; }
.rc-technical-details > summary::marker { content: ''; }

.rc-technical-details > summary:hover {
  background: #edf0f3 !important;
  border-color: #d9dfe4 !important;
}

.rc-technical-details > summary:focus-visible {
  outline: 3px solid rgba(8, 123, 255, .35) !important;
  outline-offset: 3px !important;
}

.rc-technical-details__less { display: none !important; }
.rc-technical-details[open] .rc-technical-details__more { display: none !important; }
.rc-technical-details[open] .rc-technical-details__less { display: inline !important; }

.rc-technical-details__chevron {
  display: inline-block !important;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform .18s ease, margin-top .18s ease;
}

.rc-technical-details[open] .rc-technical-details__chevron {
  margin-top: 4px;
  transform: rotate(225deg);
}

/* Extra accessible label, not visible on screen. */
.rc-technical-details__sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Important: existing CSS forces dl.variation to display:block !important.
   Explicitly enforce native <details> closed state in all three contexts. */
#uncode_sidecart li.mini_cart_item details.rc-technical-details:not([open]) > dl.variation,
.woocommerce:has(> form.woocommerce-cart-form) form.woocommerce-cart-form td.product-name details.rc-technical-details:not([open]) > dl.variation,
body .woocommerce form.checkout.woocommerce-checkout #order_review td.product-name details.rc-technical-details:not([open]) > dl.variation {
  display: none !important;
}

/* Show original technical panel when expanded; its current layout/padding stays intact. */
#uncode_sidecart li.mini_cart_item details.rc-technical-details[open] > dl.variation,
.woocommerce:has(> form.woocommerce-cart-form) form.woocommerce-cart-form td.product-name details.rc-technical-details[open] > dl.variation,
body .woocommerce form.checkout.woocommerce-checkout #order_review td.product-name details.rc-technical-details[open] > dl.variation {
  display: block !important;
}

/* A slight visual gap when expanding. */
#uncode_sidecart details.rc-technical-details[open] > dl.variation,
form.woocommerce-cart-form details.rc-technical-details[open] > dl.variation,
form.checkout.woocommerce-checkout details.rc-technical-details[open] > dl.variation {
  margin-top: 10px !important;
}

/* Mini-cart quantity should not collide with the control while collapsed. */
#uncode_sidecart li.mini_cart_item > details.rc-technical-details {
  margin-bottom: 14px !important;
}

@media (prefers-reduced-motion: reduce) {
  .rc-technical-details__chevron { transition: none !important; }
}