/* pool.css — Career Night / talent pool (μόνο στη σελίδα καριέρας).
   Ξεχωριστό αρχείο ώστε τα styles.css / extra.css να μένουν ίδια με του νέου site.
   Όταν η σελίδα μπει στο site: αντίγραψε και αυτό (ή πέρνα τους κανόνες στο extra.css). */

/* Το [hidden] πρέπει να νικά τα display:flex/grid παρακάτω (αλλιώς το στοιχείο μένει στο layout / στους screen readers) */
.nl--pool [hidden], .poolnudge[hidden], .poolhint[hidden]{display:none !important;}

/* Πορτρέτα σε σχήμα μπαλονιού REMAX αντί για κύκλο (μάσκα, δουλεύει με κάθε φωτογραφία) */
.rdk-avatar--pin{border-radius:0; background:transparent; width:48px; height:53px;
  -webkit-mask:url("assets/balloon-mask.png") no-repeat center / contain;
          mask:url("assets/balloon-mask.png") no-repeat center / contain;}
/* έγχρωμο πορτρέτο (το site έχει ασπρόμαυρα avatar — εδώ το ακυρώνουμε) */
.rdk-avatar--pin img{width:100%; height:100%; object-fit:cover; object-position:center 22%; filter:none;}
@supports not ((-webkit-mask-image:url("")) or (mask-image:url(""))){ .rdk-avatar--pin{border-radius:50%; width:48px; height:48px;} }

/* Footer: οι τρεις εταιρείες του ομίλου σε σειρά (το .ft__delta υπάρχει ήδη στο extra.css) */
.ft__group{display:flex; align-items:center; flex-wrap:wrap; gap:var(--space-4); margin-top:var(--space-4);}
.ft__group .ft__delta{margin-top:0;}
.ft__group .ft__delta img{height:28px;}            /* deltaPLAN / deltaKLIMA: πλατιά logo */
.ft__group .ft__delta:first-child img{height:40px;} /* delta GROUP: σχεδόν τετράγωνο */
@media (max-width:640px){ .ft__group .ft__delta img{height:24px;} .ft__group .ft__delta:first-child img{height:34px;} }

/* Inline ενότητα: πατάει πάνω στο .nl (dark-blue κάρτα newsletter του site) */
.nl--pool .nl__text{flex:1 1 360px;}
.nl--pool .nl__form{flex:1 1 380px; max-width:540px;}
.nl--pool .nl__input[type=email]{flex:1 1 220px; min-width:0;}
.pool__city{flex:0 0 auto; min-width:0; appearance:none; -webkit-appearance:none; cursor:pointer; padding-right:2.4em;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23001a4e' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .9em center / 14px;}
@media (max-width:760px){ .nl--pool .nl__input, .nl--pool .nl__form .rdk-btn{width:100%; flex:1 1 100%; justify-content:center;} }
.pool__consent{display:flex; gap:10px; align-items:flex-start; width:100%; margin:var(--space-1) 0 0;
  font-size:var(--text-sm); line-height:1.45; color:rgba(247,245,238,.78); cursor:pointer;}
.pool__consent input{margin-top:.2em; width:18px; height:18px; flex:0 0 auto; accent-color:var(--remax-sky-blue);}
.pool__consent a{color:var(--remax-sky-blue);}
.pool__err{width:100%; margin:0; font-size:var(--text-sm); font-weight:700; color:#ffc2c2;}
.pool__err:empty{display:none;}
.pool__perks{display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-4); margin:var(--space-4) 0 0; padding:0; list-style:none;
  font-size:var(--text-sm); color:rgba(247,245,238,.85);}
.pool__perks li{display:flex; align-items:center; gap:6px;}
.pool__perks svg{width:16px; height:16px; color:var(--remax-sky-blue); flex:0 0 auto;}

/* Υπόδειξη μέσα στη φόρμα αίτησης όταν επιλέγεται «Απλώς ενημερώνομαι» */
.poolhint{margin:var(--space-2) 0 0; font-size:var(--text-sm); color:var(--text-muted);}
.poolhint a{color:var(--accent); font-weight:700;}

/* Διακριτικό slide-in: εμφανίζεται μία φορά ανά επίσκεψη (exit intent ή βαθύ scroll) */
.poolnudge{position:fixed; left:24px; bottom:24px; z-index:90; width:min(360px, calc(100vw - 48px));
  background:var(--remax-dark-blue); color:var(--remax-cream); border-radius:var(--radius-lg);
  padding:var(--space-5) var(--space-5) var(--space-4); box-shadow:0 18px 48px rgba(0,16,48,.32);
  display:grid; gap:var(--space-2); opacity:0; transform:translateY(16px); pointer-events:none;
  transition:opacity .28s ease, transform .28s ease;}
.poolnudge.is-on{opacity:1; transform:none; pointer-events:auto;}
.poolnudge b{font-family:var(--font-display); font-size:var(--text-md); padding-right:28px;}
.poolnudge span{font-size:var(--text-sm); color:rgba(247,245,238,.82);}
.poolnudge .rdk-btn{justify-self:start; margin-top:var(--space-1);}
.poolnudge__x{position:absolute; top:8px; right:10px; width:32px; height:32px; border:0; border-radius:50%;
  background:transparent; color:inherit; font-size:22px; line-height:1; cursor:pointer;}
.poolnudge__x:hover{background:rgba(255,255,255,.1);}
@media (max-width:640px){ .poolnudge{left:12px; right:12px; width:auto; bottom:76px;} }
@media (prefers-reduced-motion: reduce){ .poolnudge{transition:none;} }