/*
 * "Last modified" stamp + "Was this page helpful?" feedback widget --
 * checklist gap found against the client's industry.sa reference site
 * (appears on every page there) and confirmed against DGA's own real
 * guideline spec (Templates > Feedback Section: the "Was this page useful?"
 * Yes/No question is the core required element). Rendered via
 * components/page-meta-footer.blade.php, included in layouts/app.blade.php
 * just above the site footer on every singular page. Vote counts are real
 * post meta starting at zero -- not fabricated stats.
 */
.dga-page-meta {
  padding-block: var(--spacing-xl);
  border-top: 1px solid var(--border-neutral-secondary);
}
.dga-page-meta__modified {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-small);
  color: var(--text-secondary-paragraph);
  margin-bottom: var(--spacing-md);
}
.dga-page-helpful {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-md);
}
.dga-page-helpful__question {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-md);
  font-weight: var(--font-weight-semibold);
  color: var(--text-default);
}
.dga-page-helpful__buttons {
  display: flex;
  gap: var(--spacing-sm);
}
.dga-page-helpful__btn {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-small);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-xs) var(--spacing-xl);
  border-radius: var(--radius-sm);
  border: 1px solid var(--colors-primary-sa-flag-600-primary);
  /* !important required: this is a real <button> element, and Tailwind's
     compiled bundle (app.[hash].css) is enqueued AFTER every dga-*.css
     file (confirmed via the actual <link> order in <head>) -- its
     preflight reset `[type="button"], [type="reset"], [type="submit"],
     button { background-color: initial; ... }` has the SAME specificity
     as this class selector (0,1,0 each), so the later-loaded rule (theirs)
     wins the tie and silently reset this back to transparent. border/
     color aren't touched by that preflight rule, which is why only
     background-color appeared to "not apply" while everything else in
     this same block worked -- a specific, confirmed mechanism, not the
     generic caching/specificity guess used for this same symptom
     elsewhere earlier in the project. */
  background-color: var(--colors-primary-sa-flag-600-primary) !important;
  color: #fff;
  cursor: pointer;
}
.dga-page-helpful__btn:hover {
  border-color: var(--colors-primary-sa-flag-700);
  background-color: var(--colors-primary-sa-flag-700) !important;
}
.dga-page-helpful__btn:disabled {
  cursor: default;
  opacity: 0.6;
}
.dga-page-helpful__thanks {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-small);
  font-weight: var(--font-weight-semibold);
  color: var(--colors-primary-sa-flag-600-primary);
}
.dga-page-helpful__stats {
  font-family: var(--font-family-arabic);
  font-size: var(--font-size-text-small);
  color: var(--text-secondary-paragraph);
}
