/* ══════════════════════════════════════════════════════════════ Ξenia 360 — Κοινό φύλλο σχεδίασης 2026 ------------------------------------------------------------------ Φορτώνεται ΤΕΛΕΥΤΑΙΟ στο των δευτερευουσών σελίδων (λειτουργίες, blog, επικοινωνία, όροι, faq). ΓΙΑΤΙ ΕΙΝΑΙ ΓΡΑΜΜΕΝΟ ΕΤΣΙ: Οι σελίδες αυτές είναι Tailwind. Οι κλάσεις τους έχουν μεταγλωττιστεί με ΣΤΑΘΕΡΕΣ τιμές, π.χ. `.bg-bg{background-color:rgb(247 245 240)}`, όχι `var(--bg)`. Άρα αλλαγή στο :root ΔΕΝ τις πιάνει. Πρέπει να γράφεται ο ίδιος ο επιλογέας. Και η προτεραιότητα μετράει: το `footer{...!important}` (0,0,1) ΧΑΝΕΙ από το `.bg-bg{...!important}` (0,1,0). Γι' αυτό παντού εδώ οι επιλογείς είναι τουλάχιστον εξίσου στοχευμένοι με αυτούς που νικούν. ══════════════════════════════════════════════════════════════ */ /* ── 1. Παλέτα (πιάνει όσα ΟΝΤΩΣ χρησιμοποιούν μεταβλητές) ──── */ :root{ --gold:#0e7c66;--gold-light:#16a888; --brand:#0e7c66;--brand-d:#0a5a49; --amber:#e8a83f;--amber-d:#c98a2e; --indigo:#1e3f9c;--indigo-d:#173a86; --ink:#0b1a15;--ink-2:#39483f;--ink-3:#6a7a72;--ink-4:#9aa8a1; --bg:#ffffff;--line:#e2ece7; } /* ── 2. Φόντο που ρέει, ίδιο με την αρχική ──────────────────── */ html{background:#fff;} body.grain,body{ background:linear-gradient(180deg, #ffffff 0%, #f7fcfa 8%, #eff8f4 20%, #e9f6f1 32%, #eef6ec 44%, #f7f6ea 56%, #f2f7f1 70%, #ecf6f2 82%, #ffffff 100%) no-repeat !important; background-attachment:fixed !important; } body.grain::before{opacity:.015 !important;} /* Οι ενότητες αφήνουν τη ροή να περάσει από μέσα */ main,article,section,header.mb-12,div.prose{background:transparent !important;} /* ── 3. Πλοήγηση ────────────────────────────────────────────── */ nav.nav-blur{ background:rgba(255,255,255,.84) !important; border-bottom:1px solid #e2ece7 !important; } .lang{border:1px solid #cfe0d8 !important;border-radius:0 !important;overflow:hidden;} .lang button{border-radius:0 !important;} .lang button.on{background:#0e7c66 !important;color:#fff !important;} /* ── 4. Γωνιακό ─────────────────────────────────────────────── */ .rounded,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl, input,select,textarea,button{border-radius:2px !important;} /* Οι κουκκίδες μένουν κουκκίδες */ span.rounded-full{border-radius:9999px !important;} /* ── 5. Κάρτες: εκδοτικές, με ακμή αντί για κουτί ───────────── */ a.rounded-xl.border,a.rounded-2xl.border, div.rounded-xl.border,div.rounded-2xl.border{ background:none !important; border:0 !important; border-left:2px solid #0e7c66 !important; border-radius:0 !important; box-shadow:none !important; padding:10px 24px 10px 20px !important; transition:border-left-color .2s !important; } /* Εναλλαγή, ώστε μια σειρά από αυτές να μη μοιάζει στοιβαγμένη */ a.rounded-xl.border:nth-of-type(2n), div.rounded-xl.border:nth-of-type(2n){border-left-color:#c98a2e !important;} a.rounded-xl.border:nth-of-type(3n), div.rounded-xl.border:nth-of-type(3n){border-left-color:#173a86 !important;} a.rounded-xl.border:hover,a.rounded-2xl.border:hover{ border-left-color:#0a5a49 !important;transform:none !important; } /* Το εικονίδιο μέσα στην κάρτα χωρίς πλακίδιο */ a.rounded-xl.border .bg-gold\/10, a.rounded-xl.border .bg-gold\/5, a.rounded-xl.border .bg-gold\/15{ background:none !important;border:0 !important;border-radius:0 !important; } /* ── 6. Χρώματα κειμένου: teal η μάρκα, χωρίς χρυσό ─────────── */ .text-gold{color:#0e7c66 !important;} .text-gold-light{color:#16a888 !important;} .bg-gold{background-color:#0e7c66 !important;} .border-gold,.border-gold\/30,.border-gold\/20{border-color:#0e7c66 !important;} .text-ink{color:#0b1a15 !important;} .text-ink-2{color:#39483f !important;} .text-ink-3{color:#6a7a72 !important;} .text-ink-4{color:#9aa8a1 !important;} .border-line{border-color:#e2ece7 !important;} .headline-italic{color:#c98a2e !important;} .kicker{letter-spacing:.22em !important;} /* ── 7. Κουμπιά: υπογραμμισμένα, γεμάτα μόνο τα κύρια ───────── */ a.bg-gold,button.bg-gold{ background:#0e7c66 !important;color:#fff !important; border:1px solid #0e7c66 !important;border-radius:2px !important; box-shadow:none !important; } a.bg-gold:hover,button.bg-gold:hover{ background:#0a5a49 !important;border-color:#0a5a49 !important; } a.border.border-gold,a.border.border-gold\/30{ background:none !important;border:0 !important; border-bottom:2px solid #0e7c66 !important;border-radius:0 !important; padding-left:2px !important;padding-right:2px !important; } /* ── 8. Υποσέλιδο: indigo. Χρειάζεται footer.bg-bg για να νικήσει ── */ footer.bg-bg,footer{ background:linear-gradient(180deg,#f5f7fd 0%,#eef2fb 62%,#e9eefa 100%) !important; border-top:1px solid #dde5f6 !important; } footer .text-gold{color:#1e3f9c !important;} footer a:hover,footer .hover\:text-ink:hover{color:#1e3f9c !important;} /* ── 9. Πεδία φόρμας: μόνο κάτω γραμμή ─────────────────────── */ input[type="email"],input[type="text"],input[type="search"],textarea{ background:transparent !important;border:0 !important; border-bottom:2px solid #cfe0d8 !important;border-radius:0 !important; } input:focus,textarea:focus{border-bottom-color:#0e7c66 !important;outline:none !important;} /* ── 10. Καμία σκιά αιώρησης ───────────────────────────────── */ .shadow,.shadow-sm,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:none !important;}