/*
Theme Name: Alma
Theme URI: https://www.hotel-alma.gr/
Author: HotelRev
Description: Θέμα για το Ξενοδοχείο Άλμα, Καμένα Βούρλα. Δίγλωσσο EL/EN.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: alma
*/

:root{
	--asvestis:#FBFAF8;
	--ammos:#EBE6DC;
	--ammos-skia:#DFD8CA;
	--maliakos:#1C4A52;
	--maliakos-vathy:#153A41;
	--rixia:#5E8F91;
	--prosopsi:#D9A441;
	--anthraki:#23282C;
	--grammi:#D6CFC2;
	--sfalma:#9B3B2E;

	--sans:"Commissioner","Helvetica Neue",Arial,sans-serif;
	--serif:"Alegreya",Georgia,"Times New Roman",serif;

	--base:1.0625rem;
	--platos:72rem;
	--stena:38rem;
	--keno:clamp(3rem,7vw,6rem);
	--gonia:3px;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto}
	*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}

body{
	margin:0;
	background:var(--asvestis);
	color:var(--anthraki);
	font:400 var(--base)/1.65 var(--sans);
	-webkit-font-smoothing:antialiased;
}

img{max-width:100%;height:auto;display:block}

h1,h2,h3{
	font-family:var(--serif);
	font-weight:500;
	line-height:1.18;
	letter-spacing:-.005em;
	margin:0 0 .6em;
	color:var(--maliakos-vathy);
}
h1{font-size:clamp(2rem,4.6vw,3.25rem)}
h2{font-size:clamp(1.5rem,2.9vw,2.1rem)}
h3{font-size:1.3rem}

p{margin:0 0 1.15em;max-width:66ch}
a{color:var(--maliakos);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--rixia)}

:focus-visible{
	outline:2px solid var(--prosopsi);
	outline-offset:3px;
	border-radius:2px;
}

.skip{
	position:absolute;left:-9999px;top:0;z-index:99;
	background:var(--maliakos);color:#fff;padding:.7rem 1.2rem;
}
.skip:focus{left:0}

.wrap{width:min(100% - 2.5rem,var(--platos));margin-inline:auto}
.stena{max-width:var(--stena)}

/* ---------- κεφαλίδα ---------- */

.site-head{
	position:sticky;top:0;z-index:40;
	background:rgba(251,250,248,.95);
	backdrop-filter:saturate(140%) blur(6px);
	border-bottom:1px solid var(--grammi);
}
.head-in{
	display:flex;align-items:center;gap:1.5rem;
	min-height:4.5rem;
}
.brand{
	font-family:var(--serif);
	font-size:1.4rem;
	line-height:1.1;
	text-decoration:none;
	color:var(--maliakos-vathy);
	margin-right:auto;
}
.brand span{
	display:block;
	font-family:var(--sans);
	font-size:.68rem;
	letter-spacing:.09em;
	color:var(--rixia);
	margin-top:.15rem;
}
.brand img{max-height:2.9rem;width:auto}

.nav ul{display:flex;gap:1.4rem;list-style:none;margin:0;padding:0}
.nav a{
	text-decoration:none;color:var(--anthraki);
	font-size:.94rem;padding:.4rem 0;
	border-bottom:2px solid transparent;
}
.nav a:hover,.nav .current-menu-item>a{border-bottom-color:var(--prosopsi)}

.tilefono{
	font-family:var(--serif);
	font-size:1.1rem;
	white-space:nowrap;
	text-decoration:none;
	color:var(--maliakos-vathy);
	border:1px solid var(--maliakos);
	padding:.45rem 1rem;
	border-radius:var(--gonia);
}
.tilefono:hover{background:var(--maliakos);color:#fff}

.burger{display:none;background:none;border:0;padding:.5rem;cursor:pointer}
.burger span{display:block;width:22px;height:2px;background:var(--anthraki);margin:4px 0}

.glossa{display:flex;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.82rem}
.glossa a{text-decoration:none;color:var(--rixia)}
.glossa .current-lang a{color:var(--anthraki);font-weight:600}
.nav{display:flex;align-items:center;gap:1.6rem}
.glossa a{text-transform:uppercase;letter-spacing:.04em}

@media (max-width:900px){
	.burger{display:block;order:3}
	.nav{display:none;width:100%;order:4}
	.nav.open{display:block}
	.nav ul{flex-direction:column;gap:0;padding:.5rem 0 1rem}
	.nav a{display:block;padding:.65rem 0;border-bottom:1px solid var(--grammi)}
	.head-in{flex-wrap:wrap;padding-block:.8rem}
	.tilefono{font-size:.95rem;padding:.4rem .8rem}
}

/* ---------- ήρωας ---------- */

.iros{
	position:relative;
	min-height:min(78vh,42rem);
	display:flex;align-items:flex-end;
	background:linear-gradient(180deg,#B8CDD2 0%,#7FA7AC 46%,var(--maliakos) 46%,var(--maliakos-vathy) 100%);
	background-size:cover;background-position:center;
	color:#fff;
}
.iros::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(0deg,rgba(21,58,65,.72) 0%,rgba(21,58,65,.1) 55%);
}
.iros-in{position:relative;z-index:2;padding-block:clamp(2.5rem,6vw,4.5rem)}
.iros h1{color:#fff;margin-bottom:.35em;max-width:16ch}
.iros p{color:rgba(255,255,255,.92);font-size:1.12rem;max-width:44ch}

.iros-dra{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}

.koumpi{
	display:inline-block;
	font:500 1rem/1 var(--sans);
	padding:.95rem 1.6rem;
	border-radius:var(--gonia);
	text-decoration:none;
	border:1px solid transparent;
	transition:background .18s ease,color .18s ease;
}
.koumpi-kyrio{background:var(--prosopsi);color:#2A1E06}
.koumpi-kyrio:hover{background:#E8B65C;color:#2A1E06}
.koumpi-defter{border-color:rgba(255,255,255,.65);color:#fff}
.koumpi-defter:hover{background:rgba(255,255,255,.14);color:#fff}

@media (prefers-reduced-motion:no-preference){
	.iros-in>*{animation:anevasma .7s cubic-bezier(.2,.7,.3,1) backwards}
	.iros-in>*:nth-child(2){animation-delay:.09s}
	.iros-in>*:nth-child(3){animation-delay:.17s}
	@keyframes anevasma{from{opacity:0;transform:translateY(14px)}}
}

/* ---------- ενότητες ---------- */

.enotita{padding-block:var(--keno)}
.enotita-ammos{background:var(--ammos)}
.enotita-thalassa{background:var(--maliakos);color:#EDF2F2}
.enotita-thalassa h2{color:#fff}
.enotita-thalassa a{color:var(--prosopsi)}

.dyo{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));
	gap:clamp(2rem,5vw,4rem);
	align-items:start;
}

/* δωμάτια: δύο μπλοκ με διαφορετική βαρύτητα, όχι ίδιες κάρτες */

.thea{border-top:1px solid var(--grammi);padding-top:2rem;margin-top:2.5rem}
.thea:first-of-type{border-top:0;margin-top:0;padding-top:0}
.thea-mprosta{
	display:grid;grid-template-columns:1fr;gap:1.6rem;
}
@media (min-width:860px){
	.thea-mprosta{grid-template-columns:1.25fr 1fr;gap:3rem;align-items:center}
}
.thea-eikona{
	aspect-ratio:4/3;
	background:var(--ammos-skia);
	border-radius:var(--gonia);
	overflow:hidden;
}
.thea-eikona img{width:100%;height:100%;object-fit:cover}

.parohes{
	list-style:none;margin:0;padding:0;
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
	gap:1.3rem 2rem;
}
.parohes li{padding-left:1.1rem;position:relative}
.parohes li::before{
	content:"";position:absolute;left:0;top:.72em;
	width:5px;height:5px;background:var(--prosopsi);border-radius:50%;
}
.parohes strong{display:block;font-weight:600}
.parohes span{color:#55605F;font-size:.93rem}
.enotita-thalassa .parohes span{color:rgba(237,242,242,.78)}

/* ---------- φόρμα ---------- */

.forma{display:grid;gap:1.1rem;max-width:40rem}
.forma-dyo{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
@media (max-width:620px){.forma-dyo{grid-template-columns:1fr}}

.pedio label{
	display:block;font-size:.88rem;font-weight:600;
	margin-bottom:.35rem;color:#3A4448;
}
.pedio input,.pedio textarea,.pedio select{
	width:100%;
	font:400 1rem/1.5 var(--sans);
	padding:.72rem .85rem;
	border:1px solid var(--grammi);
	border-radius:var(--gonia);
	background:#fff;
	color:var(--anthraki);
}
.pedio input:focus,.pedio textarea:focus,.pedio select:focus{
	border-color:var(--rixia);
	outline:2px solid var(--prosopsi);outline-offset:1px;
}
.pedio textarea{min-height:7rem;resize:vertical}
.pedio-voitheia{font-size:.84rem;color:#5D6A6D;margin:.3rem 0 0}

.pagida{position:absolute;left:-9999px}

.minima{padding:1rem 1.2rem;border-radius:var(--gonia);margin-bottom:1.5rem}
.minima-ok{background:#E4EFE6;border-left:3px solid #3E7A4E}
.minima-lathos{background:#F6E6E3;border-left:3px solid var(--sfalma)}
.minima p{margin:0}

/* ---------- υποσέλιδο ---------- */

.site-foot{
	background:var(--maliakos-vathy);
	color:rgba(255,255,255,.82);
	padding-block:3.5rem 2rem;
	font-size:.94rem;
}
.site-foot h3{color:#fff;font-size:1.05rem;margin-bottom:.8rem}
.site-foot a{color:#fff}
.foot-grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
	gap:2.5rem;
}
.foot-kato{
	margin-top:3rem;padding-top:1.4rem;
	border-top:1px solid rgba(255,255,255,.16);
	display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;
	font-size:.85rem;color:rgba(255,255,255,.6);
}
.mite{letter-spacing:.02em}
.site-foot .copy{
	margin-top:1.4rem;text-align:center;
	font-size:.78rem;color:rgba(255,255,255,.85);
}
.site-foot .hotelrev-credit{color:#7FB5D4;text-decoration:none;font-weight:400}

/* ---------- περιεχόμενο σελίδας ---------- */

.selida{padding-block:var(--keno)}
.selida-epikefalida{margin-bottom:2.5rem;max-width:42rem}
.periehomeno h2{margin-top:2.2rem}
.periehomeno ul{padding-left:1.2rem}
.periehomeno li{margin-bottom:.4rem}

.psomia{font-size:.85rem;color:#5D6A6D;margin-bottom:1.5rem}
.psomia a{color:#5D6A6D}

/* Περιεχόμενο σελίδων σε όλο το πλάτος του .wrap (1.0.3).
   Το κείμενο κρατάει μήκος γραμμής που διαβάζεται· εικόνες και gallery
   απλώνονται μέχρι τη δεξιά άκρη, στην ευθεία με την επιλογή γλώσσας. */
.periehomeno{max-width:none}
.periehomeno > p,
.periehomeno > ul,
.periehomeno > ol{max-width:78ch}
.periehomeno .wp-block-image{margin:2rem 0}
.periehomeno > .wp-block-image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.periehomeno .wp-block-gallery{margin:1.5rem 0 2rem}
.periehomeno .wp-block-gallery .wp-block-image img{aspect-ratio:4/3;object-fit:cover}
.periehomeno .wp-block-gallery .wp-block-image{margin:0}