/* places-page.css — SEO location pages. Metafora 1:1 apo demo2/places-page.css.
   [ADAPT 1 — I MONI ALLAGI STO SOMA: KAMIA.] Ta 67 kanonas menoun byte-idioi.
   Prostithetai MONO to block ton token pio kato: to arxeio xrisimopoiei ta ONOMATA
   TOU MOCKUP (--white --gold --paper --navy --muted --ink --line) pou DEN yparxoun
   pouthena sto site mas — ta dika mas legontai --al-* kai zoun sto `.almyra-inner`.
   Metrimeno: 16 diloseis tha evgazan invalid-at-computed-value-time (keimeno pou
   klironomei anti gia lefko, diafana fonta, borders se currentColor).
   Oi times einai PARMENES apo to idio to mockup me getComputedStyle sto
   /demo2/places/ kai tairiazoun 1:1 me osa dinei idi to `.almyra-inner`. */
.almyra-places {
  --white: #fff;
  --ink:   var(--nq-fg,     #101a1d);
  --navy:  #053442;
  --paper: #f7f5ed;
  --gold:  var(--nq-accent, #d4aa5d);
  --line:  var(--nq-line,   #dcded8);
  --muted: var(--nq-muted,  #667377);
}

/* places-page.css — SEO location pages (/places/*). Προσαρμογή 1:1 από demo2/places-page.css.
   Μοναδική αλλαγή: κάθε selector με πρόθεμα .almyra-places (wrapper στο σώμα κάθε σελίδας).
   Οι εικόνες είναι inline styles μέσα στο HTML και δείχνουν ήδη στο /uploads/. */
/* Almyra demo2 — Places pages only.
   Loaded after service-page.css. Existing mockup CSS remains untouched. */

/* 🔴 [ADAPT] DYO KANONES TOU KELYFOUS DIARREAN STIS SELIDES PLACES.
   Oi selides places einai KATHARO HTML (aside / div.place-prose apefthias), oxi domi
   builder — ara DEN exoun to `pb-fw-stretch-content-nospace` pou vgazei tis alles
   selides apo to koutimeno container. Apotelesma, metrimeno sto /places/corfu/ @1440:

   (1) `inner-pages.css :: body[class*="nq-page-"] #nq-main.nq-boxed .nq-content`
       dinei **`width: min(100% - 64px, 1460px)`** -> to periexomeno itan **1347.5 anti
       1411.5**, ara i stili keimenou **741.4 anti 788.8**.
   (2) `theme.css :: .nq-content p { max-width: 62ch }` -> ta <p> kovontan sta
       **720.9px**, kai **dyo apo tis pente paragrafous tyligan se 3 grammes anti 2**.

   Mazi edinan `place-prose` **+65 statherо se epta platia** — to noumero pou kynigousame.
   Metrimeno meta: `place-article` **889.5 -> 824.9 (=mockup)** · `place-intro`
   **669.6 -> 605 (=mockup)** · `place-prose` **669.6 -> 605 (=mockup)** ·
   platos stilis kai <p> **788.8/788.8**. Miden yperxeilisi.

   Den einai antistathmistiko: o kanonas (1) einai DIKOS MOU sto inner-pages.css kai
   aforouse tis palies selides Newquay· oi places prepei na einai full-bleed opos oles
   oi selides Almyra. I exairesi grafetai edo giati edo zei to CSS tous. */
body[class*="nq-page-places"] #nq-main.nq-boxed .nq-content { width: 100%; padding-top: 0; padding-bottom: 0; }
.almyra-places p { max-width: none; }

/* 🔴 MIA GRAMMI GIA ENTEKA APOKLISEIS — P11 STI RIZA.
   Oi selides places einai **kathari HTML, taftosimes me tou mockup** (o B to epalithefse
   lexi-pros-lexi se 5/5). Ara kathe diafora einai KATHARA CSS. Kai olokliri i diafora itan
   **ena pragma**: to mockup exei ti riza tou se `line-height: normal`, emeis se **1.5**.
   Opou to mockup dinei megethos alla OXI diastixo, i timi mas evgaine alli:
     `.places-breadcrumb` 11px -> **16,5 anti 14**   (+2,5)
     `.place-aside > span` 10px -> **15 anti 13**    (+2)
   Ola ta ypoloipa (lead, h2, prose, feature, next) DILONOUN diko tous line-height kai itan
   idi sosta — gi' afto den epireazontai.

   Metrimeno PRIN kai META se 6 selides:
     corfu · paxos · kavos · parga · sivota  ->  **8/11 se 11/11** i kathemia @1440
     paxos @1100 kai @861 -> **8/11 se 11/11** · @375 -> **6/11 se 11/11**
     index -> 5/8 se **7/8** (menei mono to `.places-index` -17)
   Yperxeilisi **0/0** pantou, prin kai meta.

   ⚠ Grafetai sto `.almyra-places` kai OXI sto `.almyra-inner`: to `.almyra-inner` einai to
   koino kelyfos OLON ton eso selidon, pou XTIZONTAI me ton builder kai exoun anagki to 1.5.
   Edo mono, giati mono edo i domi einai antigrafo tou mockup. */
.almyra-places { line-height: normal; }

/* 🔴 TO `.places-index` -17: TA UA MARGINS TOU <p> POU TO THEME MAS SVINEI.
   Sto mockup i paragrafos tis kefalidas den exei KANENA kanona -> krataei to UA
   `margin: 1em 0` = **17/17** sta 17px. Se emas kerdizei to
   `theme.css :: .nq-content p { margin: 0 0 18px }` -> **0/18**, kai i enotita **-17**.
   Idia oikogeneia me to tyflo simeio ιβ: to mockup stirizetai se UA default, emeis to
   grafoume RITA me kanona pou to skotonei.

   ⚠ `:not(.eyebrow)` — I EYEBROW EINAI KI AFTI `<p>` KAI ADELFI STO IDIO `.section-head`.
   Xoris to `:not`, o kanonas tin ekane **20/20 anti 0/22** kai i enotita pige **-17 se +18**.
   To metrisa prin to grapso. (Triti fora simera pou enas geniкос kanonas `... p` xtypaei
   stoixeio pou den perimena: to `.nqh-t` einai <p>, i `.eyebrow` einai <p>.)
   Metrimeno: `.places-index` **0** se 1440 / 861 / 375, `/places/` = **8/8**. */
.almyra-places .section-head > p:not(.eyebrow) { margin: 1em 0; }

.almyra-places .places-hero {
  min-height:620px;
  display:flex;
  align-items:flex-end;
  position:relative;
  isolation:isolate;
  padding:92px clamp(28px,8vw,130px);
  color:var(--white);
  background-image:var(--place-image);
  background-position:var(--place-position,center);
  background-size:cover;
}
.almyra-places .places-hero:before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(1,24,31,.9),rgba(1,24,31,.58) 48%,rgba(1,24,31,.16) 82%);
}
.almyra-places .places-hero-copy {max-width:880px}
.almyra-places .places-hero h1 {
  max-width:880px;
  margin:0;
  font-size:clamp(56px,7vw,104px);
  font-weight:700;
  line-height:.94;
  letter-spacing:-.06em;
}
/* [ADAPT] To lead tou hero evgaine SKOURO (16,26,29) anti leuko — to eide o idioktitis.
   To mockup DEN dinei color edo: to <p> klironomei to leuko apo
   `.places-hero { color: var(--white) }`. Se emas i klironomia XANEI, giati to theme.css
   pianei to idio to <p> apefthias:
     `.nq-content p      -> var(--nq-muted)`  (0,1,1)
     `.nq-content h1 + p -> var(--nq-fg)`     (0,1,2)  <- afto kerdize
   Klironomoumeni timi xanei PANTA apo opoiondipote kanona pou tairiazei sto idio to
   stoixeio, oso psili ki an einai i eidikotita tou gonea. Ara to `color` prepei na
   grafetai RITA edo.

   ⚠ Grafetai MESA ston yparxonta kanona, xoris na anevei i eidikotita: (0,2,0) kerdizei
   idi to (0,1,2) tou theme. Etsi to media query sti grammi ~245 den spaei.

   Sarothike oli i selida: apo ta 10 stoixeia pou tairiazei kanonas `.nq-content`, MONO
   afto espage — ta ypoloipa ennia exoun diko tous color pou kerdizei.
   Metrimeno meta: lead **rgb(255,255,255)**, idio me to mockup. */
.almyra-places .places-hero-lead {
  max-width:700px;
  margin:28px 0 0;
  font-size:18px;
  font-weight:500;
  line-height:1.7;
  color:inherit;
}
.almyra-places .places-breadcrumb {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-items:center;
  margin-bottom:24px;
  color:rgba(255,255,255,.72);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.almyra-places .places-breadcrumb a {color:var(--gold)}

.almyra-places .place-article {background:var(--paper)}
.almyra-places .place-intro {
  display:grid;
  grid-template-columns:minmax(220px,.52fr) minmax(0,1.48fr);
  gap:8vw;
  align-items:start;
}
.almyra-places .place-aside {
  position:sticky;
  top:32px;
  padding-top:12px;
  border-top:3px solid var(--gold);
}
.almyra-places .place-aside span {
  display:block;
  margin-bottom:14px;
  color:#aa8035;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.almyra-places .place-aside h2 {
  margin:0 0 18px;
  font-size:clamp(32px,4vw,52px);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.04em;
}
.almyra-places .place-aside p {
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.75;
}
.almyra-places .place-prose {max-width:860px}
.almyra-places .place-prose p {
  margin:0 0 25px;
  color:var(--muted);
  font-size:17px;
  line-height:1.9;
}
.almyra-places .place-prose p:first-child {
  color:var(--ink);
  font-size:clamp(24px,2.5vw,34px);
  font-weight:500;
  line-height:1.45;
  letter-spacing:-.025em;
}
.almyra-places .place-prose p:last-child {margin-bottom:0}

.almyra-places .place-feature {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  min-height:520px;
  padding:0;
  background:var(--navy);
  color:var(--white);
}
.almyra-places .place-feature-media {min-height:460px}
.almyra-places .place-feature-media img {width:100%;height:100%;object-fit:cover}
.almyra-places .place-feature-copy {
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:70px clamp(28px,6vw,90px);
}
.almyra-places .place-feature-copy h2 {
  margin:0 0 22px;
  font-size:clamp(40px,4.5vw,66px);
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.045em;
}
.almyra-places .place-feature-copy p {
  margin:0;
  color:rgba(255,255,255,.7);
  font-size:16px;
  line-height:1.8;
}
.almyra-places .place-feature-copy .pill-cta {align-self:flex-start;margin-top:30px}

.almyra-places .places-index {background:var(--paper)}
.almyra-places .places-grid {
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}
.almyra-places .place-card {
  min-height:480px;
  display:flex;
  align-items:flex-end;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:32px;
  color:var(--white);
  background-position:center;
  background-size:cover;
}
.almyra-places .place-card:before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(0deg,rgba(1,24,31,.88),rgba(1,24,31,.08) 72%);
}
.almyra-places .place-card:after {
  content:"";
  position:absolute;
  z-index:-2;
  inset:-1px;
  background:inherit;
  transition:transform .5s ease;
}
.almyra-places .place-card:hover:after, .almyra-places .place-card:focus-visible:after {transform:scale(1.045)}
.almyra-places .place-card:nth-child(1), .almyra-places .place-card:nth-child(2) {grid-column:span 6}
.almyra-places .place-card:nth-child(n+3) {grid-column:span 4;min-height:390px}
.almyra-places .place-card span {
  display:block;
  margin-bottom:11px;
  color:var(--gold);
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.almyra-places .place-card h2, .almyra-places .place-card h3 {margin:0;font-size:clamp(30px,3.2vw,48px);line-height:1.02}
.almyra-places .place-card p {max-width:520px;margin:14px 0 0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.7}
.almyra-places .place-card-link {position:absolute;inset:0;z-index:2}

.almyra-places .place-next {background:var(--white)}
.almyra-places .place-next-grid {display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.almyra-places .place-next-card {min-height:210px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s ease}
.almyra-places .place-next-card:hover, .almyra-places .place-next-card:focus-visible {background:var(--paper)}
.almyra-places .place-next-card span {color:#aa8035;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.almyra-places .place-next-card h3 {margin:34px 0 0;font-size:23px;line-height:1.2}

@media(max-width:1100px){
  .almyra-places .place-intro {grid-template-columns:260px minmax(0,1fr);gap:6vw}
  .almyra-places .place-next-grid {grid-template-columns:repeat(3,1fr)}
  .almyra-places .place-card:nth-child(n) {grid-column:span 6}
  .almyra-places .place-card:last-child {grid-column:3/span 8}
}

@media(max-width:860px){
  .almyra-places .places-hero {min-height:540px;padding:66px 22px}
  .almyra-places .places-hero h1 {font-size:56px}
  .almyra-places .places-hero-lead {font-size:16px}
  .almyra-places .place-intro {grid-template-columns:1fr;gap:42px}
  .almyra-places .place-aside {position:static}
  .almyra-places .place-prose p {font-size:16px;line-height:1.82}
  .almyra-places .place-prose p:first-child {font-size:25px}
  .almyra-places .place-feature {grid-template-columns:1fr}
  .almyra-places .place-feature-media {min-height:360px}
  .almyra-places .place-feature-copy {padding:62px 22px}
  .almyra-places .places-grid {grid-template-columns:1fr}
  .almyra-places .place-card:nth-child(n) {grid-column:auto;min-height:410px}
  .almyra-places .place-next-grid {grid-template-columns:1fr 1fr}
}

@media(max-width:520px){
  .almyra-places .places-hero {min-height:510px}
  .almyra-places .places-hero h1 {font-size:49px}
  .almyra-places .place-card {min-height:360px;padding:25px}
  .almyra-places .place-next-grid {grid-template-columns:1fr}
  .almyra-places .place-next-card {min-height:165px}
}