/*
Theme Name: Alloggio Child
Theme URI: https://alloggio.qodeinteractive.com
Description: A child theme of Alloggio
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: alloggio
Template: alloggio
*/
/*
Theme Name: Alloggio Child
...
*/
/* Grid */
@media (min-width: 600px) {
  .booking-grid { grid-template-columns: 1fr 1fr; }
}
@media (min-width: 900px) {
  .booking-grid { grid-template-columns: 1fr 1fr; }
}


input#cc-checkin , input#cc-checkout , input[type=email] {
    font-family: 'Noto Sans';
    font-size: 15px;
    color: #4d4d4d;
    line-height: 28px;
    padding: 9.5px 16px;
}

.booking-grid .cc-field label {
  display:block;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#777;
  margin-bottom:6px;
}

.booking-grid input[type="date"],
.booking-grid input[type="email"] {
  width:100%;
  padding:9.5px 16px;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  border-radius:0;
  box-shadow:none;
  appearance:none;
}
p.cc-submit {
    margin-bottom: 0!important;
}
.booking-grid select {
  width:100%;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  border-radius:0;
  box-shadow:none;
  appearance:none;
   font-size: 15px;
}
/* ==== CF7 Hero booking – right-side icons ==== */
.Hero-arxiki.booking-grid .cc-field {
  position: relative;
}

/* Email: μικρό εικονίδιο φακέλου δεξιά */
.Hero-arxiki.booking-grid #cc-emails{
  padding-right: 44px;                 /* χώρος για το icon */
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px 18px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="%230b2a4d" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z"/><path d="m22 8-10 6L2 8"/></svg>');
}

/* Guests (Adults): custom chevron – κρύψε το native βελάκι & βάλε δικό μας */
.Hero-arxiki.booking-grid #cc-guests{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 44px;                 /* χώρος για το icon */
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%230b2a4d" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>');
}

/* Προαιρετικό: στα hover/focus κράτα καθαρό το outline και το icon */
.Hero-arxiki.booking-grid #cc-emails:focus,
.Hero-arxiki.booking-grid #cc-guests:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(1,72,135,.15);
  border-color: #014887;
}
.Hero-arxiki.booking-grid select {
	line-height: 28px;
	height: auto;
}

.booking-grid select {
  background-image: none; /* αφήνουμε το theme να βάλει caret, αν θέλεις δικό σου το φτιάχνουμε */
}

.booking-grid .cc-submit .wpcf7-submit{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .25em;
  text-transform: uppercase;
  line-height: 2em;
  border-radius: 0;
  outline: 0;
  box-sizing: border-box;
  transition: color .25s ease-out,background-color .25s ease-out,border-color .25s ease-out;
  transition-delay: 0s, 0s, 0s;
  padding: 12px 38px;
  color: #4d4d4d;
  background-color: transparent;
  border: 1px solid rgba(0,0,0,.6);
  transition-delay: .1s;
  cursor: pointer;
}

html { font-size: 15.5px; }

body, p {
  font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 0.95rem;
  line-height: 1.75;
  font-weight: 400;
  color: #4d4d4d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.005em;
}

/* Επικεφαλίδες */
h1 { font-size: 3.065rem; line-height: 1.25; font-weight: 400; }
h2 { font-size: 2.451rem; line-height: 1.38; font-weight: 400; }
h3 { font-size: 1.968rem; line-height: 1.40; font-weight: 400; }
h4 { font-size: 1.548rem; line-height: 1.45; font-weight: 400; }
h5 { font-size: 1.358rem; line-height: 1.45; font-weight: 400; }
h6 { font-size: 1.258rem;     line-height: 1.45; font-weight: 400; }

/* Μικρά κείμενα & buttons */
small, .small { font-size: 0.871rem; line-height: 1.45; }
button, .button, .qodef-btn {
  font-size: 0.935rem;     /* ~14.5px */
  line-height: 1.7;
  font-weight: 200;
}
.qodef-html--link , span.qodef-menu-item-text {
	   font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* Ενοποίηση λιστών/λεζαντών με το body */
li, dd, figcaption { font-size: 1rem; line-height: 1.5; }

/* Προαιρετικό: ελαφρύ σφίξιμο στα paragraph spacing του theme */
.qodef-content p { margin-bottom: 0.9em; }

/* Mobile fine-tuning για ευαναγνωσία */
@media (max-width: 768px) {
  html { font-size: 16px; }         /* μικρή άνοδος για κινητά */
  body, p { line-height: 1.55; }
}
/* ΠΑΝΤΑ padding, είτε init είτε sent είτε invalid */
.Hero-arxiki .wpcf7 form.wpcf7-form {
  padding: 26px 40px 40px;
}

/* Βασική τυπογραφία/ετικέτες */
.Hero-arxiki .wpcf7 form p{ margin:0 0 31px; }
.Hero-arxiki .wpcf7 form label{
  display:flex;
  flex-direction: column;
  gap:5px;
  font-size:11px;
  letter-spacing:.15em;
  color:#000;
  text-transform:uppercase;
  margin:0;
}

/* Πεδίο εισαγωγής */
.Hero-arxiki  .wpcf7 form input[type="text"],
.Hero-arxiki .wpcf7 form input[type="email"],
.Hero-arxiki .wpcf7 form input[type="tel"],
.Hero-arxiki .wpcf7 form textarea{
  width:100%;
  border:1px solid #ddd;
  border:1px solid rgba(0,0,0,.18);
  background:#fff;
  box-shadow:none;
  color:#4d4d4d; /* σιγουριά για μαύρο κείμενο */
}
.wpcf7 form textarea{ min-height:120px; }
.wpcf7 form input:focus,
.wpcf7 form textarea:focus{ outline:none; border-color:#bbb; }

/* Κουμπί submit: είναι <button class="wpcf7-submit ..."> */
.wpcf7 form .wpcf7-submit{
  width:100%;
  padding:14px 20px;
  text-transform:uppercase;
  letter-spacing:.12em;
  border:1px solid rgba(0, 0, 0, .6);
  background:transparent;
  cursor:pointer;
  line-height:1.2;
}

/* Μικρό κενό κάτω από inputs γενικά */
.Hero-arxiki input[type=email], input[type=number], input[type=password],
.Hero-arxiki input[type=search], input[type=tel], input[type=text],
.Hero-arxiki input[type=url], textarea { margin-bottom:5px; }

/* ΜΗΝΥΜΑ ΑΠΑΝΤΗΣΗΣ: πάντα μαύρο κείμενο, ορατό πλαίσιο */
.Hero-arxiki .wpcf7 .wpcf7-response-output{
  color:#000;
  background:#f5f5f5;
  border:1px solid rgba(0, 0, 0, .6);
  padding:12px 14px;
  margin:14px 0 0;
}
.Hero-arxiki .wpcf7-response-output {
	font-size: 12px;
}

/* block me xarti */
.Home-right-column p {
	font-size:1.158rem!important;
}

.Home-right-column h6 {
	font-size:1.258rem!important;
}
/* telos block me xarti */

/* testimonials arxi */
.testoimonials-custom p {
		font-size:0.95rem!important;
}

/* testimonials arxi telos*/
/* breadcrumbs */
nav.rank-math-breadcrumb a , nav.rank-math-breadcrumb span {
	color:#fff;
}
.room-template-default nav.rank-math-breadcrumb a , .room-template-default nav.rank-math-breadcrumb span {
	color: #000;	
}
.post-template-default nav.rank-math-breadcrumb a ,.post-template-default nav.rank-math-breadcrumb span {
	color: #000;
}
.room-template-default.single.single-room nav.rank-math-breadcrumb {
	padding-bottom: 15px;
}
/* Rank Math breadcrumbs: κεφαλαία, Noto Sans 12px, τελευταίο bold */
nav.rank-math-breadcrumb,
nav.rank-math-breadcrumb p,
nav.rank-math-breadcrumb a,
nav.rank-math-breadcrumb span {
  font-family: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4;
  text-transform: uppercase;
  margin: 0;
}

nav.rank-math-breadcrumb a {
  text-decoration: none;
}

nav.rank-math-breadcrumb .last {
  font-weight: 700 !important;
}

/* (προαιρετικό) μικρό κενό γύρω από τον διαχωριστή */
nav.rank-math-breadcrumb .separator {
  margin: 0 6px;
}
/* footer */
#qodef-page-footer-bottom-area  p , #qodef-page-footer-bottom-area  a {
	color: #fff!important;
	font-size: 0.85rem;
	margin: 5px 0;
}
/* footer telos*/
    .swiper-button-next, .swiper-button-prev {
        display: block;
    }
/* domatia css */
.room-template-default.single.single-room h1 {
	font-size: 43px;
}
@media only screen and (max-width: 1024px) {
    .room-template-default.single.single-room h1 {
        font-size: 38px;
    }
}
@media only screen and (max-width: 680px) {
    .room-template-default.single.single-room  h1 {
        font-size: 36px;
    }
}

.room-template-default.single.single-room h2 {
	font-size: 60px;
}
@media only screen and (max-width: 1024px) {
    .room-template-default.single.single-room h2 {
        font-size: 54px;
    }
}
@media only screen and (max-width: 680px) {
    .room-template-default.single.single-room h2 {
        font-size: 48px;
    }
}

/* Απόκρυψη και των δύο κουμπιών by default */
.show-map-en,
.show-on-map-el { display: none !important; }

/* --- Αγγλικά (en, en-US, en-GB, κλπ) --- */
html:lang(en) .show-map-en,
html[lang^="en"] .show-map-en { display: block !important; }
html:lang(en) .show-on-map-el,
html[lang^="en"] .show-on-map-el { display: none !important; }

/* --- Ελληνικά (el, el-GR, κλπ) --- */
html:lang(el) .show-on-map-el,
html[lang^="el"] .show-on-map-el { display: block !important; }
html:lang(el) .show-map-en,
html[lang^="el"] .show-map-en { display: none !important; }