/* Edukaan POS — additions to the design's own styles (design.css, generated) and the inline styles in template.js. */

/* Design-system token the template references (Cargo 3.0, brand-50). */
:root { --brand-50: #fff3ed; }

[id] { scroll-margin-top: 80px; }

/* Phones: the design is laid out for desktop. These overrides only apply below 640px, so desktop matches the design exactly.
   The template uses inline styles, so they are targeted by attribute and need !important. */
@media (max-width: 640px) {
  /* Two-column splits (feature cards, reporting, wholesale, FAQ, contact) stack into one column. */
  #app [style*="minmax(340px,1fr)"], #app [style*="minmax(360px,1fr)"], #app [style*="minmax(320px,1fr)"] { grid-template-columns: minmax(0, 1fr) !important; }
  /* Feature cards: tighter padding. */
  #features [style*="padding:16px 40px 40px"] { padding: 16px 20px 24px !important; }
  /* Hub and setup steps: one column, without the connector lines. */
  [data-screen-label="one pos hub"] [style*="grid-template-rows"] { grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: none !important; gap: 12px !important; }
  [data-screen-label="one pos hub"] [style*="justify-self:center;width:2px"] { display: none !important; }
  [data-screen-label="steps"] [style*="repeat(3,minmax(0,1fr))"] { grid-template-columns: minmax(0, 1fr) !important; gap: 40px !important; }
  [data-screen-label="steps"] [style*="top:35px"] { display: none !important; }
  /* Trusted-by strip: three logos per row. */
  [data-screen-label="trusted by"] [style*="repeat(5,minmax(0,1fr))"] { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  [data-screen-label="trusted by"] [style*="height:136px"] { height: 96px !important; }
  /* Large headings scale down. */
  #app h2[style*="font-size:48px"] { font-size: 36px !important; line-height: 44px !important; }
  #app h1 { font-size: 40px !important; line-height: 48px !important; }
  /* Testimonial cards: one per view. */
  [data-screen-label="stories"] figure { min-width: 280px !important; flex-basis: 85% !important; }
}