/* =============== Woo Description Panel (clean build) =============== */

/* Panel: centered, 90% width, light gray card */
.wc-collapsible-desc-wrap,
.wc-collapsible-archive {
  width: 90%;
  max-width: none;
  margin: 0 auto 1.25rem;
  background: #f7f7f7;
  padding: 1.25rem 1rem;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.04);
  text-align: center;
  display: block;
}

/* Center Woo tabs (title + icon) */
.woocommerce div.product .woocommerce-tabs .tabs {
  display: flex;
  justify-content: center;
}
.woocommerce div.product .woocommerce-tabs .tabs li a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin: 0 auto;
  text-align: center;
}

/* Body text + headings (lighter grays) */
.wc-collapsible-desc,
.wc-collapsible-archive__body {
  position: relative;
  overflow: hidden;
  text-align: justify;
  line-height: 1.9;
  color: #5a5a5a;               /* body */
}
.wc-collapsible-desc h1,
.wc-collapsible-desc h2,
.wc-collapsible-desc h3,
.wc-collapsible-desc h4,
.wc-collapsible-desc h5,
.wc-collapsible-desc h6,
.wc-collapsible-archive__body h1,
.wc-collapsible-archive__body h2,
.wc-collapsible-archive__body h3,
.wc-collapsible-archive__body h4,
.wc-collapsible-archive__body h5,
.wc-collapsible-archive__body h6 {
  color: #444;                  /* headings */
  font-weight: 700;
}
.wc-collapsible-desc a,
.wc-collapsible-archive__body a,
.wc-collapsible-desc strong,
.wc-collapsible-archive__body strong,
.wc-collapsible-desc b,
.wc-collapsible-archive__body b,
.wc-collapsible-desc em,
.wc-collapsible-archive__body em,
.wc-collapsible-desc i,
.wc-collapsible-archive__body i,
.wc-collapsible-desc p,
.wc-collapsible-archive__body p,
.wc-collapsible-desc li,
.wc-collapsible-archive__body li {
  color: inherit;
}

/* Clamp (2–3 lines) + fade */
.wc-collapsible-desc.is-collapsed,
.wc-collapsible-archive__body.is-collapsed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 8.5em;
}
.wc-collapsible-desc.is-collapsed::after,
.wc-collapsible-archive__body.is-collapsed::after {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  height: 3.5em;
  background: linear-gradient(to bottom, rgba(247,247,247,0), #f7f7f7);
  pointer-events: none;
}
/* Expanded state */
.wc-collapsible-desc.is-expanded,
.wc-collapsible-archive__body.is-expanded {
  display: block;
  max-height: none;
}

/* Toggle button: compact pill, perfectly centered */
.wc-desc-toggle,
.wc-archive-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  padding: .6rem 1.05rem;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  width: auto;
  min-width: 0;
  max-width: max-content;
  border: 2px solid #e5e7eb;
  border-radius: 9999px;
  background: #fff;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  margin: .7rem auto 1.1rem;
  box-shadow: none;
}
.wc-desc-toggle-arrow {
  display: inline-block;
  transition: transform .25s ease;
  font-size: 1.1em;
  line-height: 1;
}
.wc-desc-toggle[aria-expanded="true"] .wc-desc-toggle-arrow,
.wc-archive-toggle[aria-expanded="true"] .wc-desc-toggle-arrow {
  transform: rotate(180deg);
}

/* Hide any leftover heading inside Woo description panel (theme variants) */
.woocommerce div.product .woocommerce-Tabs-panel--description > h1,
.woocommerce div.product .woocommerce-Tabs-panel--description > h2,
.woocommerce div.product .woocommerce-Tabs-panel--description > h3,
.woocommerce div.product .woocommerce-tabs .panel > h1,
.woocommerce div.product .woocommerce-tabs .panel > h2,
.woocommerce div.product .woocommerce-tabs .panel > h3 {
  display: none !important;
}

/* Mobile padding tweak */
@media (max-width: 640px) {
  .wc-collapsible-desc-wrap,
  .wc-collapsible-archive {
    padding: 1rem .9rem;
  }
}
/* Phone: make the description panel a bit wider */
@media (max-width: 700px) {
  .wc-collapsible-desc-wrap,
  .wc-collapsible-archive {
    width: 96%;      /* was 90% — wider on phones */
    padding: 1rem .9rem; /* keep padding comfortable */
  }
}



/* === Force the "راهنمای محصولات" heading box to be centered === */
.wc-archive-heading-row {
  width: 90%;
  margin: .75rem auto .5rem !important;   /* center the row */
  display: flex !important;               /* center with flex */
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  clear: both;                            /* break out of floats above (pagination/result count) */
  float: none !important;
}

.wc-archive-heading {
  display: inline-flex !important;        /* a compact box that hugs text */
  align-items: center;
  justify-content: center;
  padding: .75rem 1.25rem;
  background: #ffffff;
  border: 2px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0,0,0,.06);
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  font-weight: 800;
  color: #444;
  line-height: 1.2;
  white-space: nowrap;                    /* keep it on one line */
  margin: 0 auto;                         /* belt-and-suspenders centering */
}

@media (max-width: 640px) {
  .wc-archive-heading-row { width: 96%; }
  .wc-archive-heading { padding: .65rem 1rem; font-size: clamp(1rem, 4.5vw, 1.2rem); }
}


/* === Brighter (lighter) gray tones for category description === */
.wc-archive-heading {
  color: #555; /* slightly lighter than before */
}

.wc-collapsible-archive__body {
  color: #6b6b6b; /* brighter soft gray for main text */
}

.wc-collapsible-archive__body h1,
.wc-collapsible-archive__body h2,
.wc-collapsible-archive__body h3,
.wc-collapsible-archive__body h4,
.wc-collapsible-archive__body h5,
.wc-collapsible-archive__body h6 {
  color: #555; /* headings a bit darker for contrast */
  font-weight: 700;
}

.wc-collapsible-archive__body a,
.wc-collapsible-archive__body strong,
.wc-collapsible-archive__body b,
.wc-collapsible-archive__body em,
.wc-collapsible-archive__body i,
.wc-collapsible-archive__body p,
.wc-collapsible-archive__body li {
  color: inherit;
}