/* /static/about.css
   Επεκτείνει το /static/styles.css και προσαρμόζει την about σελίδα
   ώστε να “κάθεται” όπως η home (ίδιοι ρυθμοί + κεντράρισμα περιεχομένου). */

/* -------- Σελίδα μικρού ύψους: κάνε το main να γεμίζει ώστε το footer να μένει κάτω -------- */
html, body { height: 100%; }
body.pg{
  display: flex;
  flex-direction: column;
}
main#main{
  flex: 1 0 auto;                 /* γεμίζει τον διαθέσιμο χώρο */
  display: grid;
  place-items: center;            /* κεντράρισμα κάθετα/οριζόντια */
  padding-block: clamp(48px, 10vh, 96px);
}

/* -------- Τυπογραφία/χρώματα σε συνέπεια με το global -------- */
.under-construction{
  text-align: center;
  font-size: clamp(28px, 3.2vw, 36px);
  line-height: 1.2;
  font-weight: 800;
  color: var(--pg-muted);
  letter-spacing: -0.01em;
}

/* Δευτερεύον μήνυμα (αν προσθέσεις extra γραμμή) */
.under-construction .sub{
  margin-top: var(--pg-space-3);
  font-size: clamp(14px, 1.6vw, 16px);
  font-weight: 600;
  color: color-mix(in oklab, var(--pg-muted) 85%, #000 15%);
}

/* Προαιρετικό: μικρό “stripe” για να μοιάζει με τις section ζώνες της home */
.about-stripe{
  width: 100%;
  background: linear-gradient(to bottom, transparent, #fafafa 60%, transparent);
  border-block: 1px solid var(--pg-border);
  padding-block: clamp(32px, 6vw, 64px);
}

/* -------- Footer: τίποτα να αλλάξεις, απλώς κρατάμε συνέπεια -------- */
/* Το footer styling έρχεται από το /static/styles.css (stacked layout).
   Εδώ μόνο micro-tweaks όταν το περιεχόμενο είναι πολύ λίγο. */
.pg-footer__inner{
  padding-block: var(--pg-space-8);
}
.pg-footer__nav{
  row-gap: var(--pg-space-3);
}

/* -------- Optional: light background στο footer για να ξεχωρίζει -------- */
/* Ξενόγλωσση επιλογή — ξεσχολίασέ το αν το θες. */
/*
.pg-footer{
  background: #fafafa;
}
*/