Design → Dev Handover

01Design tokens — χρώματα

Ρόλος	Τιμή	Χρήση
Φόντο footer	`#000000`	Καθαρό μαύρο — ίδιο με το live foxbet.gr footer
Γραμμές αρχής/τέλους	`rgba(255,255,255,.45)`	1px, edge-to-edge — μία σηματοδοτεί την αρχή του banner, μία το τέλος
Κείμενο	`#FFFFFF`	Ρυθμιστικό κείμενο & 21+
Focus ring	`outline 2px rgba(253,58,1,.6)`	Στα δύο links (strip & ΕΟΠΑΕ), `:focus-visible`

Γραμματοσειρά από το design system: "Roboto" παντού — τα μεγέθη ακολουθούν το αντίστοιχο strip του betmarket.gr.

Στοιχείο	Τιμή	Λοιπά
Ρυθμιστικό κείμενο	`Roboto 16px / 400`	line-height `24px`, λευκό, uppercase ως περιεχόμενο (όχι CSS transform)
21+ (2η σειρά)	`Roboto 48px / 400`	line-height 1, letter-spacing `.01em`

Στοιχείο	Desktop	Mobile ≤700px
Footer	padding `16px 0` — οι γραμμές είναι μέσα σε αυτό το «μαξιλάρι» ώστε να διαβάζονται ως ξεχωριστές
Strip link	padding `22px 24px`, gap `32px`	padding `18px 16px`, gap `14px`
ΕΕΕΠ logo	`168px` πλάτος (πλήρες, με το πλαϊνό κείμενο)	`72×72` — ΜΟΝΟ το τετράγωνο σήμα (ξεχωριστό asset)
Σειρά 21+ / ΕΟΠΑΕ	gap `56px`, padding `26px 24px 10px`	gap `28px`, padding `22px 16px 8px`
ΕΟΠΑΕ logo	`400px` (max `70vw`)	`210px`

Ολόκληρο το strip είναι ΕΝΑ link (logo + κείμενο + όλο το μαύρο πλάτος) → https://certifications.gamingcommission.gov.gr/publicRecordsOnline/SitePages/AffiliatesOnline.aspx, target="_blank" rel="noopener". Δεν υπάρχει ξεχωριστό ✕/κουμπί.
ΕΟΠΑΕ logo → https://eopae.gr/, επίσης _blank. Το 21+ ΔΕΝ είναι link.
Πλήρες κείμενο (desktop): «21+ | ΑΡΜΟΔΙΟΣ ΡΥΘΜΙΣΤΗΣ ΕΕΕΠ | ΚΙΝΔΥΝΟΣ ΕΘΙΣΜΟΥ & ΑΠΩΛΕΙΑΣ ΠΕΡΙΟΥΣΙΑΣ | ΕΟΠΑΕ – ΓΡΑΜΜΗ ΣΥΜΒΟΥΛΕΥΤΙΚΗΣ: 1114 | ΠΑΙΞΕ ΥΠΕΥΘΥΝΑ» — ίδιο wording με betarades.gr / live foxbet.gr, σε ΜΙΑ γραμμή, κεντραρισμένο.
Mobile ≤700px (betmarket.gr treatment): κόβεται ΜΟΝΟ το τμήμα «ΕΟΠΑΕ – ΓΡΑΜΜΗ ΣΥΜΒΟΥΛΕΥΤΙΚΗΣ: 1114 |» (span με κλάση .dtx → display:none) — το «ΑΡΜΟΔΙΟΣ ΡΥΘΜΙΣΤΗΣ ΕΕΕΠ» παραμένει· το κείμενο στοιχίζεται ΑΡΙΣΤΕΡΑ δίπλα στο τετράγωνο σήμα, και το ΕΟΠΑΕ μικραίνει.
Προσβασιμότητα: aria-label στα links («ανοίγει σε νέα καρτέλα»), aria-label στο 21+, focus rings και στα δύο links, οι διακοσμητικές γραμμές aria-hidden.

⚠️ Δεν υπάρχει σειρά copyright/νομικών links σε αυτό το component — αφαιρέθηκε συνειδητά. Επίσης ΔΕΝ περιλαμβάνεται GPWA seal.

Αρχείο	Διαστάσεις	Σημείωση
`Assets/eeep-logo.svg`	181×86	Το πλήρες λευκό ΕΕΕΠ (σήμα + «ΕΠΙΤΡΟΠΗ ΕΠΟΠΤΕΙΑΣ…») — από το live foxbet.gr
`Assets/eeep-logo-square.svg`	86×86	ΜΟΝΟ το τετράγωνο σήμα — crop του παραπάνω (viewBox `0 0 86 86`), για mobile
`Assets/eopae-logo-white.svg`	300×38 intrinsic	ΕΟΠΑΕ 1114 λευκό, με το tagline «Γραμμή Συμβουλευτικής για Τυχερά Παιχνίδια»