/*
Theme Name:   Woostify Child
Theme URI:    https://myherbsupply.com
Description:  Child theme for MyHerbSupply. Created in Phase 1 as an empty, safe place
              for future customisation. The parent Woostify theme must remain unmodified
              so it stays upgradeable — it is currently byte-identical to upstream 2.6.0.
Author:       MyHerbSupply
Template:     woostify
Version:      0.1.0
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  woostify-child
*/

/* Phase 1: intentionally empty. No style overrides yet. */

/* ---------------------------------------------------------------------------
   Phase 2A — B2B specification block and RFQ actions.
   Structural only. Final visual identity is Phase 2B/3.
   --------------------------------------------------------------------------- */

.myherb-spec {
  margin: 2rem 0;
}

.myherb-spec__heading {
  font-size: 1.15rem;
  margin: 0 0 .75rem;
}

.myherb-spec__tablewrap {
  overflow-x: auto;
}

.myherb-spec__table {
  width: 100%;
  border-collapse: collapse;
}

.myherb-spec__table th,
.myherb-spec__table td {
  text-align: left;
  vertical-align: top;
  padding: .55rem .75rem;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.myherb-spec__table th {
  width: 34%;
  font-weight: 600;
}

.myherb-spec__section {
  margin-top: 1.25rem;
}

.myherb-spec__section h3 {
  font-size: 1rem;
  margin: 0 0 .4rem;
}

.myherb-rfq-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin: 1.5rem 0;
}

.myherb-rfq-actions .button {
  margin: 0;
}

@media (max-width: 480px) {
  .myherb-spec__table th { width: 42%; }
  .myherb-rfq-actions .button { flex: 1 1 100%; text-align: center; }
}

.myherb-page-header {
  margin: 0 0 1.25rem;
}

.myherb-page-title {
  margin: 0;
  font-size: clamp(1.6rem, 3vw, 2.1rem);
  line-height: 1.2;
}

.myherb-breadcrumbs {
  font-size: .85rem;
  margin: 0 0 .5rem;
  opacity: .8;
}

.myherb-breadcrumbs a { text-decoration: none; }
.myherb-breadcrumbs a:hover { text-decoration: underline; }

/* Accessible archive link (replaces the theme's icon-only button) */
.myherb-view-ingredient {
  display: inline-block;
  margin-top: .5rem;
}

/* Screen-reader-only text, matching WordPress core's utility class. */
.screen-reader-text {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* Insights list rendered by [myherb_insights] */
.myherb-insights__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; }
.myherb-insights__item { display: flex; flex-direction: column; gap: .25rem; }
.myherb-insights__title { font-weight: 600; }
.myherb-insights__date { font-size: .85rem; opacity: .7; }
.myherb-insights__excerpt { margin: 0; }
@media (min-width: 720px) {
  .myherb-insights__list { grid-template-columns: repeat(3, 1fr); }
}