/*
 * The only CSS written for the rebuild. Everything else is the Astra theme's
 * own, lifted from the rendered pages (resources/views/wp/head_*).
 * Uses Astra's global colour variables so it follows the theme palette:
 *   --ast-global-color-0 link blue, -3 body text, -4 light grey,
 *   -6 border grey.
 */

/* Booking box under posts (partials/booking_banner). */
.asm-cta {
  margin-top: 2em;
  padding: 30px;
  border: 1px solid var(--ast-global-color-6, #e2e8f0);
  border-radius: 5px;
  background: var(--ast-global-color-4, #f5f5f5);
}
.asm-cta h2 { margin-top: 0; }
.asm-cta .wp-block-buttons { display: flex; gap: 12px; flex-wrap: wrap; }

/* Affiliate disclosure under the booking box. */
.asm-disclosure { font-size: 14px; }

/* Photo credit under a generated post's header image (Pexels requires it). */
.asm-credit {
  font-size: 14px;
  color: var(--ast-global-color-3, #4b4f58);
  margin-top: 8px;
}
.asm-credit a { display: inline; color: inherit; }

/*
 * Article page elements (App\Support\ArticleComponents). This site uses
 * only `faq`; the rest are kept for sites forked from it.
 */
.asm-box {
  margin-block: 2em;
  padding: 20px 24px;
  border: 1px solid var(--ast-global-color-6, #ddd);
  border-radius: 5px;
  background: var(--ast-global-color-4, #f5f5f5);
}
.asm-box > :first-child { margin-top: 0; }
.asm-box > :last-child { margin-bottom: 0; }
.asm-box-title { margin: 0 0 8px; }
.asm-tip { border-left: 4px solid var(--ast-global-color-0, #0170b9); }
.asm-warning { border-left: 4px solid #b3261e; }
.asm-verdict { border-width: 2px; border-color: var(--ast-global-color-2, #3a3a3a); }
.asm-facts table { width: 100%; border-collapse: collapse; margin: 0; }
.asm-facts th, .asm-facts td { text-align: left; padding: 6px 0; border: 0; border-bottom: 1px solid var(--ast-global-color-6, #ddd); vertical-align: top; }
.asm-facts th { width: 38%; padding-right: 16px; font-weight: 600; }
.asm-facts tr:last-child th, .asm-facts tr:last-child td { border-bottom: 0; }
.asm-steps ol { margin: 0; padding-left: 1.4em; }
.asm-steps li + li { margin-top: 6px; }
.asm-quote { margin-block: 3em; padding: 0; border-block: 1px solid var(--ast-global-color-2, #3a3a3a); text-align: center; }
.asm-quote blockquote { margin: 0; padding: 24px 0; border: 0; }
.asm-quote p { font-size: 1.4em; line-height: 1.35; margin: 0; }
.asm-faq details { border-bottom: 1px solid var(--ast-global-color-6, #ddd); padding: 12px 0; }
.asm-faq summary { cursor: pointer; font-weight: 600; }
.asm-faq details > :not(summary) { margin: 8px 0 0; }
.asm-compare { margin-block: 2em; display: flex; flex-direction: column-reverse; }
.asm-compare table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.asm-compare th, .asm-compare td { text-align: left; padding: 8px 12px; border: 1px solid var(--ast-global-color-6, #ddd); vertical-align: top; }
.asm-compare thead th { border-bottom: 2px solid var(--ast-global-color-2, #3a3a3a); }
.asm-compare figcaption { margin: 0 0 8px; font-weight: 600; }