/* features-table.css - Πίνακας πλήρους σύγκρισης χαρακτηριστικών (web-hosting).
   Κανόνες εξαγμένοι 26/08/2026 από το SG bundle της shared-hosting-features
   (16379b6-d5c4cd0.css, αρχειοθετημένο στο siteground-clone) - μόνο οι κλάσεις
   που έλειπαν από το web-hosting bundle. url() → /assets/, #ddd → #DCE2EA
   (colors.md). Φορτώνεται μέσω head slot ΜΟΝΟ στις web-hosting σελίδες. */
.label,.table__heading h3{font-weight:600}
.table__order-wrap{position:-webkit-sticky;position:sticky;top:0;background:#fff;transition:all .3s ease-in-out}
.table__order-wrap #table-order{border:1px solid var(--color-neutral-400);border-radius:2.4rem 2.4rem 0 0}
.table__nav{z-index:1;position:-webkit-sticky;position:sticky;top:2.4rem;border-radius:50px;border:1px solid var(--color-typography-tertiary);background:#fff;overflow:hidden;margin:0 auto}
.table__nav>div{border-right:1px solid var(--color-typography-tertiary)}
.table__nav :last-child{border:none}
.table__features,.table__heading{border-top:1px solid var(--color-transparent-dark-15);border-left:1px solid var(--color-transparent-dark-15);border-right:1px solid var(--color-transparent-dark-15)}
.table__nav a{position:relative;padding:1.2rem;display:block}
.table__nav a.active{background:var(--color-typography-primary);color:#fff}
.table__features:last-child{border-bottom:1px solid #DCE2EA;border-radius:0 0 2.4rem 2.4rem}
.table__features__title{display:flex;align-items:center;gap:.8rem}
.table__features p{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center}
.table__features button:hover{text-decoration-skip-ink:none;text-underline-offset:4px;text-underline-position:from-font;text-decoration:underline 2px dotted}
.plan-check,.plan-cross{background-position:50% 50%;background-repeat:no-repeat}
.plan-check{background-size:3.2rem;background-image:url(/assets/img/svg/icons/material/icon_check_small.svg)}
.plan-cross{background-size:2.4rem;background-image:url(/assets/img/svg/icons/material/icon_cross.svg)}
.table__desktop+.table__desktop,.table__mobile+.table__mobile,.table__reseller+.table__reseller{border-top:1px solid var(--color-transparent-dark-15)}
@media screen and (min-width:1281px),screen and (device-width:1281px){.table__cloud,.table__gogeek,.table__growbig,.table__nav,.table__plan,.table__startup{display:none}.table__features .table__desktop>div,.table__features .table__reseller>div{padding:1.2rem 4rem;text-align:center}.table__features .table__desktop>div:first-child,.table__features .table__reseller>div:first-child{text-align:left}.table__heading{padding:1.6rem 4rem}.table__desktop{grid-template-columns:minmax(220px,1.4fr) repeat(4,1fr)}}
@media screen and (max-width:1280px),screen and (device-width:1280px){.table__all-plans{display:none}.table__nav{margin:2.4rem auto}.table__features .table__mobile>div,.table__features .table__reseller>div{padding:1.2rem;text-align:center}.table__features .table__mobile>div:first-child,.table__features .table__reseller>div:first-child{text-align:left}.table__heading{padding:1.2rem}.table__mobile,.table__reseller{grid-template-columns:minmax(160px,65%) auto}}
@media screen and (max-width:1023px),screen and (device-width:1023px){.table__nav{top:80px}}
/* Toggle «Σύγκρινε όλα τα χαρακτηριστικά» - CSS-only (checkbox).
   Reveal με display+animation (ΟΧΙ overflow:hidden wrapper - θα σκότωνε το
   position:sticky του .table__nav· τα sticky tabs πρέπει να μένουν καρφωμένα
   στην κορυφή σε όλο το ύψος του section, όπως στη SiteGround). */
#features-toggle{display:none}
.features-toggle-label{cursor:pointer;user-select:none}
.features-toggle-label .features-toggle-close{display:none}
#features-toggle:checked~div .features-toggle-open{display:none}
#features-toggle:checked~div .features-toggle-close{display:inline}
.features-wrap{display:none}
#features-toggle:checked~.features-wrap{display:block;animation:features-reveal .4s ease}
@keyframes features-reveal{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}

/* Konet προσαρμογές για 4 πακέτα (26/08): 4 tabs στο sticky nav + generic
   .table__compact για τις mobile ενότητες ανά πακέτο (ίδια συμπεριφορά με τα
   SG table__startup/growbig/gogeek: ορατές μόνο σε mobile). */
.table__nav{grid-template-columns:repeat(4,1fr)}
@media screen and (min-width:1281px),screen and (device-width:1281px){.table__compact{display:none}}
/* Scrollspy ενεργού πακέτου στο sticky nav (εντολή 26/08): το τρέχον πακέτο
   παίρνει το μπλε της παλέτας (#265DAB = --color-primary-main) με λευκά
   γράμματα - υπερισχύει του SG default (typography-primary). */
.table__nav a.active{background:var(--color-primary-main);color:#fff}
.table__nav a{transition:background-color .25s ease,color .25s ease}
/* Τα anchors να μη κρύβονται κάτω από sticky header + sticky nav */
.table__compact{scroll-margin-top:13rem}
/* Κάθετο κεντράρισμα τιμών κελιών (εντολή 27/08): όταν το label σπάει σε 2
   γραμμές, το κελί τιμής (grid item) τεντώνεται σε όλο το ύψος της γραμμής και
   το κείμενο (π.χ. «14 ημέρες») έμενε κολλημένο πάνω - τα check/cross icons
   κεντράρονταν επειδή είναι background 50% 50%. Flex centering σε ΟΛΑ τα value
   cells (text, check, cross), και στο mobile (.table__mobile) και στο desktop
   (.table__desktop) layout. Ίδια συνταγή με τον SG κανόνα «.table__features p»
   (flex-wrap+gap ώστε τυχόν μελλοντικά κελιά με child elements να μη χάνουν τα
   κενά τους)· το text-align:center των SG κανόνων συνεχίζει να κεντράρει τις
   αναδιπλωμένες γραμμές μέσα στο κείμενο. */
.table__features .table__mobile>div:not(.table__features__title),
.table__features .table__desktop>div:not(.table__features__title){display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center}
/* Θέση tooltip icon (εντολή 27/08): το icon (::after του .tooltip__icon,
   inline-block) αποτελεί δικό του σημείο αναδίπλωσης και μπορούσε να πέσει
   μόνο του σε νέα γραμμή, μακριά από το label. Η κλάση tooltip__icon ζει πλέον
   μόνο στην τελευταία λέξη του label (βλ. FeaturesTable.astro): με nowrap, η
   τελευταία λέξη και το icon αναδιπλώνονται πάντα ΜΑΖΙ - το icon κάθεται
   αμέσως μετά την τελευταία λέξη σε 1γραμμα και 2γραμμα labels. */
.table__features__title .kn-label-tail{white-space:nowrap}