/* Alkyon 1.9.36 · πέρασμα εμφάνισης: εικονίδια, κείμενα, κινήσεις, άδειες σελίδες, μικρές οθόνες */
/* εικονίδια (και αυτά που μπαίνουν στη θέση των emoji) */
.ik{display:inline-grid;place-items:center;width:1.15em;height:1.15em;flex:none;vertical-align:-.2em;margin-right:.32em}
.ik svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.btn .ik,.chip .ik{width:18px;height:18px;margin-right:6px}
h1 .ik,h2 .ik,h3 .ik{width:1em;height:1em}

/* μεγάλα επεξηγηματικά κείμενα: 2 γραμμές + «Περισσότερα» */
.clmp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clmp.open{display:block;-webkit-line-clamp:unset}
.clmpb{display:inline-block;margin:2px 0 6px;padding:2px 0;border:0;background:none;color:var(--accent);font:650 13px/1.3 var(--font);cursor:pointer}
.clmpb::after{content:' ▾';font-size:11px}
.clmp.open+.clmpb::after{content:' ▴'}
.foot+.clmpb{margin-left:4px}

/* τυπογραφία: λιγότερα μεγέθη, ίδια ύψη γραμμής */
.card>h2,.fold>summary b{letter-spacing:-.01em}
.sub{line-height:1.45}
.foot{line-height:1.5}
.card .sub+.sub{margin-top:6px}

/* ετικέτες φίλτρων (εύρος χρόνου κ.λπ.): πιο ελαφριές από τις καρτέλες, για να ξεχωρίζουν */
.chips.rng .chip{min-height:32px;padding:0 12px;font-size:13px;border:1px solid var(--line);background:transparent}
.chips.rng .chip[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}

/* κινήσεις: ήπιες, και καθόλου όταν το κινητό ζητά λιγότερη κίνηση */
@media (prefers-reduced-motion:no-preference){
  details.fold[open]>*:not(summary){animation:pfade .22s ease-out}
  .sheet,.bsheet{animation-duration:.24s}
  .hcard .hb{transform-origin:bottom;animation:pgrow .45s cubic-bezier(.2,.8,.2,1) both}
  .bar .bt>i{transition:width .5s cubic-bezier(.2,.8,.2,1)}
  .card,.hero{animation:pin .25s ease-out both}
}
@keyframes pfade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes pgrow{from{transform:scaleY(.15);opacity:.4}to{transform:none;opacity:1}}
@keyframes pin{from{opacity:.0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* άδειες σελίδες με χαρακτήρα */
.card.empty{text-align:center;padding:28px 20px 24px}
.card.empty::before{content:'';display:block;width:64px;height:64px;margin:0 auto 12px;border-radius:50%;
  background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a8a94' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12c2.6-3.6 6.4-5.5 10-5 2.2.3 4 1.6 5.2 3.4L21.5 8v8l-3.3-2.4C17 15.4 15.2 16.7 13 17c-3.6.5-7.4-1.4-10-5z'/%3E%3Ccircle cx='7.6' cy='11.2' r='1' fill='%237a8a94'/%3E%3C/svg%3E") center/34px no-repeat}
.card.empty h3{margin:0 0 6px;font:750 17px/1.3 var(--font)}
.card.empty p{margin:0 auto;max-width:300px;color:var(--ink-2);font-size:14px;line-height:1.5}

/* μικρές οθόνες (≤ 370 px) */
@media (max-width:370px){
  .card{padding:14px}
  .card>h2{font-size:18px}
  .hero .hw b{font-size:clamp(30px,10vw,40px)}
  .nowcard .nwc b{font-size:20px}
}
/* νυχτερινή λειτουργία: χωρίς κινήσεις και χωρίς γκρι εικονίδια */
html.night .card,html.night .hero{animation:none}
html.night .ik{color:inherit}
/* προφίλ: πιο ευανάγνωστα κουτάκια */
.pst{padding:12px 4px}
.pst b{font-size:18px}
.pst small{font-size:12px}
/* ευκαιρίες στα σημεία σου: μία γραμμή αιτίας, μικρότερη εξήγηση */
.opps .opx{font-size:13px;color:var(--ink-3)}
.opr .opt small:not(.opw){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.opr .opt .opb{font-size:12px}
.opr .opt{min-width:0}
/* γραφήματα με ενιαίο ύφος: ποσότητες = θαλασσί (όπως οι μπάρες ειδών), το καλύτερο τονισμένο */
.wcols .wc i{background:color-mix(in srgb,var(--sea) 45%,transparent)}
.wcols .wc.pk i{background:var(--sea)}
html.night .wcols .wc i{background:#888}html.night .wcols .wc.pk i{background:#fff}
/* έκθεση ακτής: πιο ήπια επικεφαλίδα */
#fcExposure .exv{font:600 14.5px/1.4 var(--font)}
/* κουμπιά με μεγάλο κείμενο μέσα σε κάρτες: σπάνε γραμμή αντί να βγαίνουν έξω */
.mres .btn,.card .btn.sm{white-space:normal;max-width:100%;text-align:center;height:auto;min-height:38px;padding-top:6px;padding-bottom:6px}
/* 1.9.38: καλωσόρισμα: «Πίσω» δίπλα στο «Επόμενο» */
.spnav{display:flex;gap:10px;align-items:stretch}
.spnav .spgo{flex:1;width:auto}
.spback{flex:none;display:flex;align-items:center;justify-content:center;gap:4px;min-width:96px;padding:0 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 15px var(--font);cursor:pointer}
.spback i{display:grid;place-items:center;transform:rotate(180deg)}
.spback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
html.night .spback{background:#000;border-color:#fff;color:#fff}
.sppage .spback{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff}
/* 1.9.39: κοινότητα στις ειδοποιήσεις */
.pik-heart{color:#d64545}
.ibic.k-comm{background:color-mix(in srgb,#d64545 14%,var(--surface));color:#d64545}
html.night .pik-heart,html.night .ibic.k-comm{color:inherit;background:#000}
/* 1.9.41: «+ Ψάρι» στο Ημερολόγιο */
.srow .addfish{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent)}
.srow .addfish svg{stroke:currentColor}
html.night .srow .addfish{background:#000;color:#fff;border:1px solid #fff}
/* 1.9.42: «Νέα έξοδος» στις Εξόδους */
.addrow{display:flex;justify-content:flex-end;margin:0 0 10px}
.addrow .addbtn{background:var(--accent);color:var(--accent-ink,#fff);min-height:38px;padding:0 14px}
html.night .addrow .addbtn{background:#000;color:#fff;border:1px solid #fff}
/* 1.9.42: φωτογραφία είδους στον Οδηγό: μέσα στην κάρτα (η κλάση spimg ήταν και του καλωσορίσματος, με position:absolute, και σκέπαζε το μενού) */
.gdimg{display:block;position:static;width:100%;max-width:100%;max-height:240px;object-fit:cover;margin:0 0 10px;border-radius:12px}
/* 1.9.43: «Πού» στο νέο ψάρι */
.wpk{display:flex;flex-direction:column;gap:8px}
.wpbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wpb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;padding:8px 4px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 13.5px/1.2 var(--font);cursor:pointer}
.wpb i{display:grid;place-items:center;width:22px;height:22px}.wpb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wpb[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent)}
.wps{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:12px;background:var(--surface-2)}
.wps b{font:700 15px/1.3 var(--font)}.wps small{font-size:12.5px;color:var(--ink-2)}
.wplinks{display:flex;gap:16px;flex-wrap:wrap}
.wplinks .linkbtn{font-size:13.5px}
/* μεγάλος χάρτης επιλογής */
.bpov{position:fixed;inset:0;z-index:9000;background:#0b1f2a}
.bpov .bpm{position:absolute;inset:0}
.bpov .bpx{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;z-index:500;pointer-events:none;background:linear-gradient(#fff,#fff) center/2.5px 100% no-repeat,linear-gradient(#fff,#fff) center/100% 2.5px no-repeat;filter:drop-shadow(0 0 2px rgba(0,0,0,.9))}
.bpov .bptop{position:absolute;left:12px;right:12px;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:600;display:flex;align-items:center;gap:10px}
.bpov .bptop span{flex:1;text-align:center;padding:8px 12px;border-radius:999px;background:rgba(11,31,42,.75);color:#fff;font:650 13.5px/1.3 var(--font)}
.bpov .bpbot{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:600;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:18px;background:var(--surface);box-shadow:0 6px 24px rgba(0,0,0,.35)}
.bpov .bprd{text-align:center;font:750 16px/1.3 var(--font);color:var(--ink)}
.bpspot span{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;padding:2px 7px;border-radius:999px;background:rgba(11,31,42,.8);color:#ffd36b;font:700 12px/1.4 var(--font)}
html.night .wpb[aria-pressed=true]{background:#000;color:#fff;border-color:#fff}
/* 1.9.44: συντεταγμένες: «Διάλεξε στον χάρτη» ξεχωριστό μεγάλο κουμπί, τα υπόλοιπα εργαλεία αναδιπλώνονται αντί να κόβονται */
.cpbox .cpmapb{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin:10px 0 8px;border-radius:14px;border:1.5px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--accent);font:700 15px/1.2 var(--font)}
.cpbox .cpmapb[aria-pressed=true]{background:var(--surface);color:var(--ink);border-color:var(--line)}
.cpbox .cpmi{display:grid;place-items:center;width:20px;height:20px}.cpbox .cpmi svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cpbox .cptools{flex-wrap:wrap;overflow:visible}
html.night .cpbox .cpmapb{background:#000;color:#fff;border-color:#fff}
/* 1.9.47: καλύτερο βράδυ για καλαμάρι στην πάνω κάρτα */
.hero .sqb{margin:8px 0 0;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:13.5px;line-height:1.4}
.hero .sqb b{font-weight:700}
html.night .hero .sqb{background:#000;border:1px solid #fff}
/* 1.9.54: παλιό ψάρι: «διάλεξε πού ήταν» */
.wpk .oldhint{margin:0;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--warn,#e8a317) 16%,transparent);color:var(--ink);font:600 13px/1.4 var(--font)}
html.night .wpk .oldhint{background:#000;border:1px solid #fff}
/* 1.9.59: «Τι κοινό είχαν τα ψαρέματά σου» */
.cmcard .cmgrp{margin-top:8px}
.cmcard .lyrow b{flex:0 0 92px;font-weight:650}
.cmcard .lyrow .cmv{flex:1;min-width:0}
.cmcard .lyrow .cmn{flex:none;color:var(--ink-3);font-size:12.5px;align-self:center}
/* 1.10.5: κείμενα που έβγαιναν από το κουτί ή κόβονταν με «…» σε στενά κινητά (360 px) */
.chips.rng{display:flex;flex-wrap:wrap;gap:6px;overflow:visible;-webkit-mask-image:none;mask-image:none;padding:0;margin-left:0;margin-right:0}
.chips.rng .chip{flex:0 0 auto;min-width:0;padding:0 13px;white-space:nowrap}
.li .tx small,.li .tx b{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:clip;overflow-wrap:anywhere}
.opr .opt small:not(.opw),.opps .opt small{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:clip}
.spkg .bar .bl,.bar .bl{white-space:normal;line-height:1.15;overflow-wrap:anywhere;text-overflow:clip}
.pstats .pst b.lng{white-space:normal!important;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.15;overflow-wrap:anywhere}
.card .seg button{white-space:normal;line-height:1.12;text-overflow:clip;padding:2px 3px}
/* 1.10.6: διαδρομή με σημεία στον χάρτη */
.mpkbar .mplrow{display:flex;align-items:center;gap:8px;margin:6px 0}.mpkbar .mplrow .btn{flex:0 0 auto;width:auto;padding:0 14px}.mpkbar .mplrow .mplcnt{flex:1;min-width:0;text-align:right;color:var(--ink-2)}
/* 1.10.6: σελίδες με ‹ και τίτλο χωρίς κουμπί δεξιά (Φίλοι, Ειδοποιήσεις): ο τίτλος αριστερά, όχι δεξιά */
.top>:first-child:last-child{margin-left:0;margin-right:auto;min-width:0}