/* Lefkada4Youth components: χρησιμοποιούν τα tokens του theme (--l4y-*) */
.l4y-notice{padding:14px 18px;border-radius:12px;margin:0 0 20px;font-weight:600}
.l4y-notice.is-ok{background:#e3f7ef;color:#0b5c3f;border:2px solid #7fd4b2}
.l4y-notice.is-error{background:#fdecea;color:#8a1c0f;border:2px solid #f2a196}
.l4y-hp{position:absolute!important;left:-9999px!important;height:0;overflow:hidden}
.l4y-form{display:grid;gap:16px;background:var(--l4y-surface,#fff);border:2px solid var(--l4y-ink,#0b1f3a);border-radius:18px;padding:24px;box-shadow:6px 6px 0 var(--l4y-ink,#0b1f3a)}
.l4y-form label{display:block;font-weight:700;font-size:.95rem}
.l4y-form label>input:not([type=checkbox]),.l4y-form label>select,.l4y-form label>textarea{margin-top:6px}
.l4y-form label span{color:var(--l4y-accent,#c8371e)}
.l4y-form input:not([type=checkbox]):not([type=file]):not([type=submit]),.l4y-form select,.l4y-form textarea{font:inherit;font-weight:400;padding:11px 13px;border:2px solid #cfd8e3;border-radius:10px;background:#fff;width:100%;box-sizing:border-box}
.l4y-form input:focus,.l4y-form select:focus,.l4y-form textarea:focus{outline:3px solid var(--l4y-sea,#0fa3b1);outline-offset:1px;border-color:var(--l4y-ink,#0b1f3a)}
.l4y-form input[type=file]{font-weight:400;padding:8px 0}
.l4y-form fieldset{border:0;padding:0;margin:0;display:grid;gap:14px}
.l4y-form legend{font-weight:800;font-size:1.1rem;margin-bottom:8px;color:var(--l4y-sea-dark,#087a86)}
.l4y-row{display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media(max-width:640px){.l4y-row{grid-template-columns:1fr}}
.l4y-check{display:block!important;position:relative;padding-left:32px;font-weight:500!important;line-height:1.45}
.l4y-check input{position:absolute;left:0;top:3px;width:20px;height:20px;margin:0}
.l4y-form .l4y-btn{justify-self:start}
.l4y-form__note{font-size:.9rem;color:#4a5568;margin:0}
.l4y-btn{display:inline-block;background:var(--l4y-ink,#0b1f3a);color:#fff;font-weight:800;padding:12px 22px;border-radius:999px;border:2px solid var(--l4y-ink,#0b1f3a);text-decoration:none;cursor:pointer;font:inherit;font-weight:800;transition:transform .12s,box-shadow .12s}
.l4y-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--l4y-sun,#f5b323);color:#fff}
.l4y-btn--ghost{background:transparent;color:var(--l4y-ink,#0b1f3a)}
.l4y-btn--ghost:hover{color:var(--l4y-ink,#0b1f3a)}
.l4y-btn--accent{background:var(--l4y-accent,#c8371e);border-color:var(--l4y-accent,#c8371e)}
.l4y-btn--sea{background:var(--l4y-sea,#0fa3b1);border-color:var(--l4y-sea,#0fa3b1)}
.l4y-btn--small{padding:8px 16px;font-size:.9rem}
.l4y-btn[disabled]{opacity:.6;cursor:wait}
.l4y-card{background:var(--l4y-surface,#fff);border:2px solid var(--l4y-ink,#0b1f3a);border-radius:18px;padding:20px;box-shadow:5px 5px 0 var(--l4y-ink,#0b1f3a)}
.l4y-card--cta{text-align:center;background:var(--l4y-foam,#eaf6f6)}
.l4y-card--cta p{margin:0 0 12px}
.l4y-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:24px 0}
.l4y-idea{display:flex;flex-direction:column;gap:10px}
.l4y-idea h3{margin:0;font-size:1.25rem;line-height:1.25}
.l4y-idea h3 a{color:inherit;text-decoration:none}
.l4y-idea h3 a:hover{text-decoration:underline;text-decoration-color:var(--l4y-sea,#0fa3b1);text-decoration-thickness:3px}
.l4y-idea p{margin:0;color:#3b4656;flex:1}
.l4y-idea__meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.8rem}
.l4y-idea footer{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.85rem;color:#4a5568;border-top:1px dashed #cfd8e3;padding-top:10px}
.l4y-idea__actions{display:flex;gap:10px;align-items:center}
.l4y-topic{font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--l4y-sea-dark,#087a86);font-size:.75rem}
.l4y-status{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#eef2f7;color:#334}
.l4y-status--accepted{background:#e3f7ef;color:#0b5c3f}.l4y-status--progress{background:#fff4d6;color:#7a4b00}.l4y-status--done{background:var(--l4y-ink,#0b1f3a);color:#fff}.l4y-status--declined{background:#fdecea;color:#8a1c0f}.l4y-status--pending{background:#f1e9ff;color:#4b2a8a}
.l4y-vote{display:inline-flex;gap:6px;align-items:center;background:#fff;border:2px solid var(--l4y-ink,#0b1f3a);border-radius:999px;padding:5px 12px;font:inherit;font-weight:800;cursor:pointer;line-height:1}
.l4y-vote:hover{background:var(--l4y-sun,#f5b323)}
.l4y-vote.is-voted{background:var(--l4y-ink,#0b1f3a);color:#fff}
.l4y-comments{text-decoration:none;color:inherit;font-weight:700}
.l4y-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 8px}
.l4y-filters input,.l4y-filters select{font:inherit;padding:9px 12px;border:2px solid var(--l4y-ink,#0b1f3a);border-radius:10px;background:#fff}
.l4y-filters input{flex:1;min-width:180px}
.l4y-pagination{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:10px 0 30px}
.l4y-pagination .page-numbers{padding:6px 12px;border:2px solid var(--l4y-ink,#0b1f3a);border-radius:8px;text-decoration:none;font-weight:700;color:inherit}
.l4y-pagination .current{background:var(--l4y-ink,#0b1f3a);color:#fff}
.l4y-empty{padding:26px;text-align:center;border:2px dashed #cfd8e3;border-radius:16px;color:#4a5568}
.l4y-entry{display:block;padding:0;overflow:hidden;text-decoration:none;color:inherit}
.l4y-entry img,.l4y-entry__ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:2px solid var(--l4y-ink,#0b1f3a)}
.l4y-entry__ph{display:grid;place-items:center;font-size:4rem;font-weight:900;background:var(--l4y-foam,#eaf6f6);color:var(--l4y-sea,#0fa3b1);font-family:var(--l4y-serif,Georgia,serif)}
.l4y-entry h3{margin:14px 16px 4px;font-size:1.05rem}
.l4y-entry p{margin:0 16px 14px;font-size:.85rem;color:#4a5568}
.l4y-resource h3{margin:6px 0;font-size:1.1rem}
.l4y-resource h3 a{color:inherit;text-decoration:none}
.l4y-resource h3 a:hover{text-decoration:underline}
.l4y-resource p{margin:0;font-size:.92rem;color:#3b4656}
.l4y-resource__ext{display:block;margin-top:10px;font-size:.78rem;color:var(--l4y-sea-dark,#087a86);font-weight:700}
.l4y-profile{display:grid;gap:28px;grid-template-columns:1fr 1fr}
@media(max-width:800px){.l4y-profile{grid-template-columns:1fr}}
.l4y-profile h2{margin-top:0}
.l4y-mini{padding:10px 0;border-bottom:1px dashed #cfd8e3;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.l4y-mini a{font-weight:700;color:inherit}
.l4y-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}
@media(max-width:640px){.l4y-stats{grid-template-columns:1fr 1fr}}
.l4y-stats div{background:#fff;border:2px solid var(--l4y-ink,#0b1f3a);border-radius:14px;padding:16px;text-align:center;box-shadow:4px 4px 0 var(--l4y-sea,#0fa3b1)}
.l4y-stats strong{display:block;font-size:2.2rem;line-height:1;margin-bottom:4px}
/* ---- Post-it ---- */
.postit-wrap{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start;margin:24px 0}
.postit-wrap--noform{grid-template-columns:1fr}
@media(max-width:860px){.postit-wrap{grid-template-columns:1fr}.postit-side{order:-1}}
.postit-board{position:relative;min-height:320px;padding:28px;border-radius:10px;border:10px solid #5a3a1e;background:#c98b4e;background-image:radial-gradient(rgba(0,0,0,.14) 1px,transparent 1.5px),radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.5px);background-size:9px 9px,13px 13px;background-position:0 0,4px 6px;box-shadow:inset 0 0 40px rgba(0,0,0,.35),6px 6px 0 var(--l4y-ink,#0b1f3a);display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 16px}
.postit{position:relative;aspect-ratio:1;padding:16px 14px 18px;font-family:"Caveat","Comic Sans MS",cursive;font-size:1.15rem;line-height:1.2;color:#2b2b2b;transform:rotate(var(--tilt,0deg));box-shadow:2px 4px 8px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s}
.postit:hover{transform:rotate(0) scale(1.06);z-index:2}
.postit::before{content:"";position:absolute;top:-6px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#c8371e;box-shadow:inset -2px -2px 3px rgba(0,0,0,.35),0 2px 2px rgba(0,0,0,.3)}
.postit p{margin:6px 0 0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}
.postit span{font-size:.9rem;opacity:.75;text-align:right}
.postit--yellow{background:#f9e46b}.postit--pink{background:#f7a8c4}.postit--blue{background:#9fd3f5}.postit--green{background:#b6e59a}.postit--orange{background:#f9c07a}.postit--purple{background:#d3b8f3}
.postit-empty{grid-column:1/-1;text-align:center;color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);align-self:center}
.postit-side{position:sticky;top:90px}
.postit-counter{text-align:center;margin-bottom:14px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--l4y-muted,#4a5568)}
.postit-counter b{display:block;font-size:3rem;letter-spacing:0;line-height:1;color:var(--l4y-ink,#0b1f3a)}
.postit-form{background:#f9e46b;padding:18px 18px 16px;transform:rotate(-1.5deg);box-shadow:3px 6px 14px rgba(0,0,0,.3);display:grid;gap:10px;font-family:"Caveat","Comic Sans MS",cursive}
.postit-form::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:#0fa3b1;box-shadow:inset -2px -2px 3px rgba(0,0,0,.35),0 2px 2px rgba(0,0,0,.3)}
.postit-form{position:relative}
.postit-form__label{font-size:1.5rem;font-weight:700;color:#2b2b2b}
.postit-form textarea,.postit-form input{font:inherit;font-size:1.25rem;background:transparent;border:0;border-bottom:1px dashed rgba(0,0,0,.35);width:100%;resize:none;color:#2b2b2b;padding:4px 0}
.postit-form textarea:focus,.postit-form input:focus{outline:none;border-bottom-color:#c8371e}
.postit-form__foot{display:flex;gap:10px;align-items:center}
.postit-form__count{font-family:var(--l4y-sans,sans-serif);font-size:.75rem;color:#555;white-space:nowrap}
.postit-form__btn{font-family:var(--l4y-sans,sans-serif);font-weight:800;background:var(--l4y-ink,#0b1f3a);color:#fff;border:0;border-radius:999px;padding:10px 18px;cursor:pointer;justify-self:start}
.postit-form__btn:hover{background:#c8371e}
.postit-form small{font-family:var(--l4y-sans,sans-serif);font-size:.72rem;color:#555}
.postit{border:0;text-align:left;cursor:pointer;font-family:"Caveat","Comic Sans MS",cursive}
.postit-view{position:relative;padding:22px 20px;margin-bottom:16px;font-family:"Caveat","Comic Sans MS",cursive;font-size:1.35rem;line-height:1.25;color:#2b2b2b;box-shadow:3px 6px 14px rgba(0,0,0,.3);transform:rotate(1deg)}
.postit-view p{margin:0}.postit-view span{display:block;text-align:right;opacity:.75;font-size:1rem;margin-top:8px}
.postit-view__close{position:absolute;top:4px;right:8px;background:none;border:0;font-size:1.4rem;cursor:pointer;color:#555}
.l4y-form--account{max-width:560px;margin:0 auto}
.l4y-form--account .login-username,.l4y-form--account .login-password{display:grid;gap:6px;font-weight:700}
.l4y-form--account .login-username input,.l4y-form--account .login-password input{font:inherit;font-weight:400;padding:11px 13px;border:2px solid #cfd8e3;border-radius:10px;width:100%}
.l4y-form--account .login-remember{font-weight:500}
.l4y-form--account .login-submit input{background:var(--l4y-ink,#0b1f3a);color:#fff;font:inherit;font-weight:800;padding:12px 22px;border-radius:999px;border:2px solid var(--l4y-ink,#0b1f3a);cursor:pointer}
.l4y-form--account .login-submit input:hover{background:#c8371e;border-color:#c8371e}
.l4y-profile h2{font-size:1.25rem;margin:22px 0 8px}.l4y-profile h2:first-child{margin-top:0}
.l4y-form--account .login-remember label{display:flex;gap:8px;align-items:center;font-weight:500}
.l4y-form--account .login-remember input{width:18px;height:18px}
