/* tp-live.css — τα «ζωντανά» μπλοκ (Κιάτο, Κορινθία, κριτικές) (+ υπηρεσίες).
   07/10/2026. Αυτόνομο: δουλεύει και στις σελίδες ιστορίας, που ΔΕΝ φορτώνουν το tp.*.css.
   Κανόνας Tony: κάρτες ΔΙΠΛΑ-ΔΙΠΛΑ σε κάθε διάσταση — κάτω από 600px οριζόντια κύλιση. */

.tl-scroll{position:relative}
.tl-track{
  --tl-gap:clamp(.9rem,.6rem + 1vw,1.4rem);
  display:flex;gap:var(--tl-gap);overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;padding:6px 2px 10px;margin:-6px -2px -10px;scroll-padding-inline:2px}
.tl-track::-webkit-scrollbar{display:none}
.tl-track>*{flex:0 0 78%;min-width:0;scroll-snap-align:start}
@media (min-width:600px){.tl-track>*{flex-basis:calc((100% - var(--tl-gap)) / 2)}}
@media (min-width:980px){.tl-track>*{flex-basis:calc((100% - 2 * var(--tl-gap)) / 3)}}
@media (min-width:1280px){.tl-track>*{flex-basis:calc((100% - 3 * var(--tl-gap)) / 4)}}
/* στενή στήλη (σελίδα ιστορίας 48rem): ποτέ πάνω από 3 στη σειρά */
.tl-narrow .tl-track>*{flex-basis:78%}
@media (min-width:600px){.tl-narrow .tl-track>*{flex-basis:calc((100% - var(--tl-gap)) / 2)}}
@media (min-width:900px){.tl-narrow .tl-track>*{flex-basis:calc((100% - 2 * var(--tl-gap)) / 3)}}

.tl-card{display:flex;flex-direction:column;overflow:hidden;color:var(--ink,#0A2540);text-decoration:none;
  border:1px solid var(--line,#DCE2E8);border-radius:14px;background:var(--paper-2,#fff);
  transition:border-color .2s,transform .2s,box-shadow .2s}
.tl-card:hover{border-color:var(--accent,#E28743);transform:translateY(-2px);box-shadow:0 10px 30px -18px rgba(10,37,64,.45)}
.tl-card:focus-visible{outline:2px solid var(--accent,#E28743);outline-offset:3px}
.tl-ph{position:relative;margin:0}
.tl-ph img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--paper-3,#ECEFF3)}
.tl-ph:not(:has(img)){aspect-ratio:16/9;background:var(--paper-3,#ECEFF3)}
.tl-when{position:absolute;left:.7rem;top:.7rem;z-index:1;padding:.3rem .6rem;border-radius:7px;
  background:var(--accent,#E28743);color:var(--on-accent,#0A2540);font-size:.8rem;font-weight:700;letter-spacing:.02em;line-height:1.3}
.tl-body{display:grid;gap:.4rem;align-content:start;padding:clamp(.95rem,.85rem + .5vw,1.25rem)}
.tl-body h3{margin:0;font-size:clamp(1.02rem,.98rem + .25vw,1.18rem);font-weight:700;line-height:1.3;color:var(--ink,#0A2540);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tl-meta{margin:0;font-size:.82rem;color:var(--ink-2,#5C6B7A);line-height:1.45}
.tl-price{margin:.2rem 0 0;font-size:clamp(1.12rem,1.05rem + .35vw,1.35rem);font-weight:700;color:var(--ink,#0A2540)}
.tl-price small{font-size:.8rem;font-weight:400;color:var(--ink-2,#5C6B7A)}
.tl-empty{margin:0;color:var(--ink-2,#5C6B7A);font-size:.95rem}
.tl-empty a,.tl-more a,.tl-rv__sum a{color:var(--accent-ink,#A85B1B);font-weight:600;text-decoration:none;border-bottom:1px solid var(--line,#DCE2E8);padding-bottom:1px}
.tl-empty a:hover,.tl-more a:hover,.tl-rv__sum a:hover{border-bottom-color:var(--accent,#E28743)}
.tl-more{margin:1.1rem 0 0;font-size:.9rem}

.tl-nav{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.9rem}
.tl-nav[hidden]{display:none}
.tl-btn{width:44px;height:44px;display:grid;place-items:center;flex:none;padding:0;cursor:pointer;
  border:1px solid var(--line,#DCE2E8);border-radius:10px;background:var(--paper-2,#fff);color:var(--ink,#0A2540)}
.tl-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tl-btn:hover:not(:disabled){border-color:var(--accent,#E28743)}
.tl-btn:disabled{opacity:.35;cursor:default}

/* κριτικές */
.tl-rv__sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;margin:0 0 1.2rem;font-size:.95rem;color:var(--ink-2,#5C6B7A)}
.tl-rv__sum b{font-size:1.5rem;color:var(--ink,#0A2540);line-height:1}
.tl-stars{margin:0;color:var(--accent,#E28743);letter-spacing:.08em;font-size:1rem;line-height:1}
.tl-rv{display:grid;gap:.7rem;align-content:start;padding:clamp(1rem,.9rem + .5vw,1.35rem);
  border:1px solid var(--line,#DCE2E8);border-radius:14px;background:var(--paper-2,#fff);color:var(--ink,#0A2540)}
.tl-rv__top{display:flex;align-items:center;gap:.7rem}
.tl-rv__top b{display:block;font-size:.95rem;line-height:1.3}
.tl-rv__top small{display:block;font-size:.78rem;color:var(--ink-2,#5C6B7A)}
.tl-av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;
  background:var(--panel,#0A2540);color:#F9F9F9;font-size:.85rem;font-weight:700;letter-spacing:.02em}
.tl-rv__t{margin:0;font-size:.93rem;line-height:1.6;color:var(--ink-2,#5C6B7A)}

/* μπλοκ μέσα στη σελίδα ιστορίας (δικό της σχήμα, χωρίς tp.css) */
.tl-sec{margin-top:clamp(2.4rem,1.6rem + 3vw,3.6rem)}
.tl-sec h2{font-size:clamp(1.3rem,1.16rem + .6vw,1.62rem)}
.tl-sec .tl-sub{margin:.5rem 0 1.2rem;color:var(--ink-2,#5C6B7A);font-size:.95rem}

/* υπηρεσίες: κάρτες-κείμενο (χωρίς φωτογραφία) σε 2 ομάδες */
.tl-grp{margin:clamp(1.4rem,1rem + 1vw,2rem) 0 .9rem;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);font-weight:700;color:var(--ink,#0A2540)}
.sec__head + .tl-grp{margin-top:0}
.tl-svc{display:grid;gap:.45rem;align-content:start;grid-template-rows:auto auto 1fr auto;padding:clamp(1rem,.9rem + .5vw,1.3rem);
  border:1px solid var(--line,#DCE2E8);border-radius:14px;background:var(--paper-2,#fff);color:var(--ink,#0A2540);text-decoration:none;
  transition:border-color .2s,transform .2s,box-shadow .2s}
.tl-svc:hover{border-color:var(--accent,#E28743);transform:translateY(-2px);box-shadow:0 10px 30px -18px rgba(10,37,64,.45)}
.tl-svc:focus-visible{outline:2px solid var(--accent,#E28743);outline-offset:3px}
.tl-svc__b{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink,#A85B1B)}
.tl-svc h3,.tl-svc h4{margin:0;font-size:clamp(1.02rem,.98rem + .25vw,1.15rem);font-weight:700;line-height:1.3;color:var(--ink,#0A2540)}
.tl-svc p{margin:0;font-size:.9rem;line-height:1.55;color:var(--ink-2,#5C6B7A)}
.tl-svc__go{margin-top:.3rem;font-size:.85rem;font-weight:600;color:var(--ink,#0A2540)}
.tl-svc:hover .tl-svc__go{color:var(--accent-ink,#A85B1B)}
/* ετικέτα προσφοράς πάνω δεξιά + μικρός τίτλος πηγής */
.tl-badge{position:absolute;right:.7rem;top:.7rem;z-index:1;max-width:calc(100% - 7rem);padding:.3rem .6rem;border-radius:7px;
  background:var(--panel,#0A2540);color:#F9F9F9;font-size:.75rem;font-weight:700;line-height:1.3;text-align:right}
.tl-kick{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink,#A85B1B)}
/* «Πού θα με βρείτε» */
.tl-where{display:grid;gap:clamp(1rem,.8rem + 1vw,1.6rem);align-items:start}
@media (min-width:900px){.tl-where{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}}
.tl-where__info{display:grid;gap:.6rem;padding:clamp(1.1rem,1rem + .5vw,1.5rem);border:1px solid var(--line,#DCE2E8);border-radius:14px;background:var(--paper-2,#fff)}
.tl-where__info h3{margin:0;font-size:1.1rem;color:var(--ink,#0A2540)}
.tl-where__info p{margin:0;color:var(--ink-2,#5C6B7A);font-size:.95rem;line-height:1.55}
.tl-where__info a{color:var(--accent-ink,#A85B1B);font-weight:600}
.tl-map{position:relative;overflow:hidden;border:1px solid var(--line,#DCE2E8);border-radius:14px;background:var(--paper-3,#ECEFF3);aspect-ratio:16/10}
.tl-map iframe{display:block;width:100%;height:100%;border:0}
/* Το θέμα (tp.*.css, «μπλοκ 4») έχει γεμάτο πορτοκαλί = --accent-solid με ΛΕΥΚΑ γράμματα (--on-accent:#FFF, 4,9:1).
   Στις σελίδες ιστορίας (χωρίς tp.css) δεν υπάρχει --accent-solid → ανοιχτό πορτοκαλί με navy γράμματα. */
.tl-card .tl-ph .tl-when{background:var(--accent-solid,var(--accent,#E28743));color:var(--on-accent,#0A2540)}
.tl-card .tl-ph .tl-badge{color:#F9F9F9}