/*
Theme Name: Astra Child
Theme URI: https://creativeconvention.org
Description: Astra child theme v4 — fixes for WooCommerce layout, mobile tabs, FAQ accordion, and homepage selection.
Author: Liza Chuma AI
Author URI: https://creativeconvention.org
Template: astra
Version: 1.4.0
Text Domain: astra-child
*/

/* Ensure product image and summary are side-by-side (desktop) */
.single-product .product {
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  align-items: flex-start;
}

/* Image and summary widths */
.single-product div.images {
  width: 48%;
}
.single-product div.summary {
  width: 48%;
  box-sizing: border-box;
}

/* Tabs styling and horizontal scroll for mobile */
.woocommerce-tabs ul.tabs {
  display: flex;
  overflow-x: auto;
  white-space: nowrap;
  gap: 0.5em;
  border-bottom: 2px solid #eee;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
.woocommerce-tabs ul.tabs li {
  flex: 0 0 auto;
}
.woocommerce-tabs ul.tabs li a {
  display: block;
  padding: 0.6em 1em;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Full-width add-to-cart area under tabs */
.fullwidth-section {
  width: 100%;
  max-width: 100%;
  margin: 2.5em 0;
  padding: 2em 1em;
  background: #fafafa;
  border-top: 1px solid #eee;
  box-sizing: border-box;
}

/* FAQ accordion */
#faq-accordion .faq-item { margin-bottom: 1em; border-bottom: 1px solid #ddd; }
#faq-accordion .faq-question { cursor: pointer; font-weight: 600; padding: 1em; background: #f7f7f7; transition: all 0.25s ease; border-radius: 6px; }
#faq-accordion .faq-question:hover { background: #eee; }
#faq-accordion .faq-answer { display: none; padding: 1em; background: #fff; border-left: 3px solid #444; border-radius: 6px; margin-top: 0.5em; }
#faq-accordion .faq-item.active .faq-answer { display: block; }

/* Responsive tweaks */
@media (max-width: 780px) {
  .single-product div.images,
  .single-product div.summary {
    width: 100%;
  }
}