:root {
      --bg: #f3eee4;
      --bg-alt: #f7f3ea;
      --text: #1f1f1f;
      --muted: #666;
      --accent: #c7a86c;
      --border: #e0d8c8;
      --max-width: 1450px;
      --font-serif: "Georgia", "Times New Roman", serif;
      --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      background: var(--bg);
      color: var(--text);
      font-family: var(--font-sans);
      line-height: 1.6;
    }

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

    .page {
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 24px 18px 64px;
    }

    /* HERO */

    .hero {
      position: relative;
      overflow: hidden;
      border-radius: 28px;
      margin-bottom: 48px;
    }

    .hero img {
  width: 100%;
  height: 380px;            /* slightly taller = less perceived zoom */
  object-fit: cover;
  object-position: 70% center; /* shifts crop */
}


    .hero-content {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      padding: 32px 32px;
      background: linear-gradient(to right,
                    rgba(0,0,0,0.45),
                    rgba(0,0,0,0.10));
      color: #fff;
    }

    .hero-title {
      font-family: var(--font-serif);
      font-size: clamp(28px, 4vw, 40px);
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin: 0 0 8px;
    }

    .hero-sub {
      max-width: 520px;
      font-size: 14px;
      margin-bottom: 18px;
    }

    .btn-row { display: flex; flex-wrap: wrap; gap: 10px; }

    .btn {
      border-radius: 999px;
      padding: 10px 22px;
      font-size: 12px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      border: 1px solid #fff;
      background: rgba(0,0,0,0.02);
      color: #fff;
      text-decoration: none;
    }

    .btn--light {
      background: #fff;
      color: #000;
      border-color: #fff;
    }

    /* GENERIC SECTIONS */

    section {
      margin-bottom: 56px;
      background: var(--bg-alt);
      border-radius: 24px;
      padding: 30px 24px;
      border: 1px solid var(--border);
    }

    section.alt {
      background: transparent;
      border: none;
      padding: 0;
    }

    .section-title {
      font-family: var(--font-serif);
      font-size: 20px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      margin: 0 0 18px;
    }

    .section-sub {
      margin-top: -8px;
      margin-bottom: 16px;
      font-size: 13px;
      color: var(--muted);
    }

    /* INTRO 2-COLUMN */

    .intro {
      display: grid;
      gap: 24px;
    }

    .intro-left p { margin: 0 0 10px; }

    .intro-right ul {
      padding-left: 18px;
      margin: 0;
      font-size: 13px;
    }

    /* HIGHLIGHTS GRID */

    .grid {
      display: grid;
      gap: 18px;
    }

    .grid-3 { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }

    .card {
      background: #fff;
      border-radius: 20px;
      padding: 16px 16px 18px;
      border: 1px solid var(--border);
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    .card-title {
      font-family: var(--font-serif);
      font-size: 14px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .card-text {
      font-size: 13px;
      color: var(--muted);
    }

    /* DETAILS LIST */

    .detail-list {
      list-style: none;
      padding-left: 0;
      margin: 0;
      font-size: 13px;
    }

    .detail-list li {
      padding: 6px 0;
      border-bottom: 1px dashed var(--border);
    }

    /* GALLERY */

    .gallery {
      display: grid;
      grid-auto-flow: column;
      grid-auto-columns: minmax(140px, 1fr);
      gap: 16px;
      overflow-x: auto;
      padding-bottom: 6px;
			align-items: stretch;
    }

.gallery img{
  width: 100%;
  height: 150px;          /* <- adjust 170–220 */
  border-radius: 18px;
  object-fit: cover;
  object-position: center;
  display: block;
}

    /* FAQ */

    .faq-item {
      border-bottom: 1px solid var(--border);
      padding: 10px 0;
    }

    .faq-q {
      font-family: var(--font-serif);
      font-size: 13px;
    }

    .faq-a {
      font-size: 13px;
      color: var(--muted);
      margin-top: 4px;
    }

    /* FINAL CTA */

    .cta-final {
      text-align: center;
      padding: 36px 24px;
      border-radius: 24px;
      background: #111;
      color: #f8f3ea;
    }

    .cta-final h2 {
      font-family: var(--font-serif);
      font-size: 20px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      margin: 0 0 10px;
    }

    .cta-final p {
      font-size: 13px;
      max-width: 480px;
      margin: 0 auto 18px;
      color: #d9d1c2;
    }

    .cta-final .btn {
      border-color: #f8f3ea;
    }

    @media (max-width: 640px) {
  .hero img {
    height: 300px;
    object-fit: cover;
    object-position: center;
  }

  .hero-content {
    padding: 26px 20px;
    justify-content: flex-end;
  }

  .hero-title {
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 0.05em;
    margin-bottom: 10px;
  }

  .hero-sub {
    font-size: 13px;
    line-height: 1.45;
    margin-bottom: 16px;
    max-width: 100%;
  }

  .btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .btn {
    padding: 12px 20px;
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  section {
    padding: 22px 18px;
    margin-bottom: 40px;
  }
}
/* ✦ Lux Mykonos — WPForms Styling (clean, centered) */

/* Labels in white */
.wpforms-form label,
.wpforms-form .wpforms-field-label,
.wpforms-form .wpforms-field-description {
    color: #ffffff !important;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* Center the whole form and reduce gaps */
.wpforms-form .wpforms-field-container {
    max-width: 520px;
    margin: 0 auto;
}

.wpforms-form .wpforms-field {
    margin-bottom: 10px; /* smaller gap between fields */
}

/* Inputs & textareas */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="number"],
.wpforms-form input[type="date"],
.wpforms-form textarea,
.wpforms-form select {
    width: 100%;
    background: #ffffff;
    color: #000000;
    border-radius: 10px;
    border: 1px solid #e0d8c8;
    padding: 10px 12px;
    font-size: 14px;
    box-shadow: none;
    transition: all .2s ease-in-out;
}

/* Subtle gold focus glow */
.wpforms-form input[type="text"]:focus,
.wpforms-form input[type="email"]:focus,
.wpforms-form input[type="tel"]:focus,
.wpforms-form input[type="number"]:focus,
.wpforms-form input[type="date"]:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
    outline: none;
    border-color: #c7a86c;
    box-shadow: 0 0 0 1px #c7a86c;
}

/* Textarea height */
.wpforms-form textarea {
    min-height: 120px;
}

/* Checkbox block — simple, aligned with fields */
.wpforms-form .wpforms-field-checkbox {
    max-width: 520px;
    margin: 8px auto 0 auto;   /* κέντρο, κάτω από το "Services of Interest" */
}

/* Λίστα κάθετη, ευθυγραμμισμένη */
.wpforms-form .wpforms-field-checkbox ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Κάθε γραμμή checkbox */
.wpforms-form .wpforms-field-checkbox ul li {
    margin-bottom: 6px;
}

/* Tabs & labels (μόνο χρώμα, όχι θέση) */
.wpforms-form .wpforms-field-checkbox label,
.wpforms-form .wpforms-field-checkbox ul li label {
    color: #ffffff !important;
    font-size: 13px;
}



/* ✦ Submit button styling */
.wpforms-submit {
    background: #d7c5a6 !important;      /* warm gold/beige tone */
    color: #000000 !important;           /* classic luxury contrast */
    border-radius: 28px !important;      /* soft premium shape */
    padding: 14px 32px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1.8px !important;
    border: none !important;
    transition: all .25s ease-in-out !important;
    margin-top: 18px;
    display: inline-block;
}

/* Hover effect — subtle, elegant, expensive */
.wpforms-submit:hover {
    background: #c5b291 !important;
    transform: translateY(-2px);
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
}

/* Center the submit button */
.wpforms-submit-container {
    text-align: center;
}

/* Make sure any WPForms layout classes behave full-width */
.wpforms-form .wpforms-one-half,
.wpforms-form .wpforms-first,
.wpforms-form .wpforms-full {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}
/* ===== SERVICES GRID (keep layout) ===== */
/* ===== HOMEPAGE SERVICES GRID ONLY ===== */
.services-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  align-items: stretch;
}

@media (max-width: 1100px){
  .services-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .services-grid{ grid-template-columns: 1fr; }
}

/* Services cards: image background + overlay + white text */
.services-grid .card{
  position: relative;
  overflow: hidden;
  border-radius: 18px;

  padding: 34px;
  min-height: 320px;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: transparent;

  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
}

/* Dark overlay */
.services-grid .card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0, 0, 0, 0.48); /* slightly less transparent */
  z-index: 1;
}

/* Text above overlay */
.services-grid .card > *{
  position: relative;
  z-index: 2;
}

.services-grid .card,
.services-grid .card h3,
.services-grid .card p,
.services-grid .card a{
  color: #ffffff !important;
}

/* Link style */
.services-grid .card a{
  opacity: 0.88;
  text-decoration: none;
}
.services-grid .card a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* Hover */
.services-grid .card:hover{
  transform: translateY(-6px);
}
.services-grid .card:hover::before{
  background: rgba(0, 0, 0, 0.40);
}


/* Optional: make it responsive */
@media (max-width: 1100px){
  .grid.grid-3{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .grid.grid-3{ grid-template-columns: 1fr; }
}

/* ===== CARD BASE ===== */
.card{
  position: relative;
  overflow: hidden;
  border-radius: 18px;

  padding: 34px;
  min-height: 320px;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: transparent;

  transition: transform 0.3s ease;
}

/* ===== OVERLAY (less transparent + perfect for white text) ===== */
/* Lower number = more transparent (more image), higher = darker */
.card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0, 0, 0, 0.42);
  z-index: 1;
}

/* ===== TEXT ON TOP ===== */
.card > *{
  position: relative;
  z-index: 2;
}

.card,
.card h3,
.card p,
.card a{
  color: #ffffff !important;
}

/* Links */
.card a{
  opacity: 0.85;
  text-decoration: none;
}
.card a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* Hover */
.card:hover{
  transform: translateY(-6px);
}
.card:hover::before{
  background: rgba(0, 0, 0, 0.35);
}

/* ===== PER-CARD BACKGROUNDS ===== */
.card-chauffeurandtransfers{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/chauffeur-mykonos-airport-transfer.webp");
}
.card-arrivalanddeparture{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-airport-private-transfer-mercedes-v-class.webp");
}
.card-alldaydisposal{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mercedes-s-class-luxury-chauffeur-mykonos.webp");
}
.card-nightlifeaccess{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/vip-luxury-van-interior-mykonos-night-transfer.webp");
}
.card-groupandfamily{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mercedes-sprinter-luxury-van-mykonos-transfer.webp");
}
.card-securitydriver{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/security-driver-mykonos-executive-transfer.webp");
}
/* ===== Yachts ===== */
.card-yachtsandsailing{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/luxury-yacht-charter-mykonos.webp");
}
.card-delosandrhenia{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/delos-rhenia-yacht-charter-mykonos.webp");
}
.card-sunsetcruise{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-sunset-yacht-cruise.webp");
}
.card-superyachts{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/superyacht-mykonos-charter.webp");
}
.card-uniquecruise{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/yacht-rental-romantic-proposal-sunset-luxury-yacht.webp");
}
.card-multidayroutes{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-sailing-yacht-charter.webp");
}
/* ===== Jets ===== */
.card-jetsandhelicopters{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-jet-charter-mykonos.webp");
}
.card-athensmykonos{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/luxury-private-jet-cabin-interior.webp");
}
.card-islandhops{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-helicopter-aerial-coast-luxury-flight.webp");
}
.card-europeanconnections{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-jet-european-connections-mykonos.webp");
}
.card-helipadtransfers{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-helipad-helicopter-transfer-luxury.webp");
}
.card-descreethandling{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-private-jet-boarding-airport.webp");
}
/* ===== Villas ===== */
.card-villasandstays{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/luxury-villa-mykonos-sea-view.webp");
}
.card-cliffsideserenity{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-luxury-villa-cliffside-infinity-pool-sea-view.webp");
}
.card-beachfrontliving{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-luxury-villas-beachfront-living-sea-view-accommodation.webp");
}
.card-familyresidences{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-luxury-villas-family-residences-pool-accommodation.webp");
}
.card-ultraprivateretreats{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-luxury-villas-private-retreat-mykonos-accommodation.webp");
}
.card-eventcapableproperties{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-luxury-villas-event-dining-sunset-town-view-accommodation.webp");
}
/* ===== Consierge ===== */
.card-conciergeandlifestyle{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/luxury-concierge-mykonos.webp");
}
.card-restaurantsandbars{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-concierge-restaurants-bars-vip-dining-experience-sunset.webp");
}
.card-beachclubs{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-vip-beach-clubs-luxury-concierge-services-sunset.webp");
}
.card-wellnessandbeauty{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-wellness-beauty-luxury-concierge-spa-experience.webp");
}
.card-shoppingandstyling{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-shopping-styling-luxury-concierge-personal-shopper.webp");
}
.card-specialmoments{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-special-moments-proposal-yacht-luxury-concierge.webp");
}
/* ===== Events ===== */
.card-eventsandweddings{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/luxury-wedding-mykonos-beach.webp");
}
.card-villaweddings{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-wedding-events-luxury-couple-just-married-mykonos.webp");
}
.card-birthdayandcelebrationnights{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/party-mykonos-villa-birthday-event-luxury-celebration.webp");
}
.card-corporateandbrandevents{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-events-corporate-brand-event-time-for-elegance-mykonos.webp");
}
.card-welcomedinners{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-events-welcome-dinner-luxury-villa-party-mykonos.webp");
}
.card-proposalsandelopements{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-wedding-events-bride-arrival-church-mykonos.webp");
}

/* ===== Security ===== */
.card-securityandcloseprotection{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/vip-security-mykonos-close-protection.webp");
}
.card-villasecurity{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-villa-security-close-protection.webp");
}
.card-closeprotection{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-security-close-protection-vip-escort.webp");
}
.card-securitydrivers{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-security-driver-close-protection.webp");
}
.card-eventsecurity{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-event-security-close-protection.webp");
}
.card-riskassessment{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/mykonos-security-risk-assessment-cctv-monitoring.webp");
}
/* ===== Chef ===== */
.card-chefandgastronomy{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-chef-mykonos-in-villa-dining.webp");
}
.card-sunsetvilladinner{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-chef-gastronomy-sunset-dinner-mykonos-villa.webp");
}
.card-tastingmenunights{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-chef-gastronomy-night-tasting-menu-luxury-villa.webp");
}
.card-brunchandbreakfastrituals{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-chef-gastronomy-fresh-artisan-cheese-mediterranean.webp");
}
.card-greekmezzeevenings{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-chef-gastronomy-greek-mezze-evening-mykonos-villa.webp");
}
.card-onyachtchefs{
  background-image: url("https://luxmykonos.com/wp-content/uploads/2026/03/private-chef-gastronomy-seafood-table-luxury-yacht.webp");
}
/* ===== Hide Featured Images on Selected Pages ===== */

.page-id-22 .post-thumbnail,
.page-id-22 .wp-post-image,
.page-id-22 .featured-image,
.page-id-22 .entry-media,

.page-id-19 .post-thumbnail,
.page-id-19 .wp-post-image,
.page-id-19 .featured-image,
.page-id-19 .entry-media,

.page-id-26 .post-thumbnail,
.page-id-26 .wp-post-image,
.page-id-26 .featured-image,
.page-id-26 .entry-media,

.page-id-29 .post-thumbnail,
.page-id-29 .wp-post-image,
.page-id-29 .featured-image,
.page-id-29 .entry-media,

.page-id-33 .post-thumbnail,
.page-id-33 .wp-post-image,
.page-id-33 .featured-image,
.page-id-33 .entry-media,

.page-id-35 .post-thumbnail,
.page-id-35 .wp-post-image,
.page-id-35 .featured-image,
.page-id-35 .entry-media,

.page-id-43 .post-thumbnail,
.page-id-43 .wp-post-image,
.page-id-43 .featured-image,
.page-id-43 .entry-media,

.page-id-41 .post-thumbnail,
.page-id-41 .wp-post-image,
.page-id-41 .featured-image,
.page-id-41 .entry-media,

.page-id-39 .post-thumbnail,
.page-id-39 .wp-post-image,
.page-id-39 .featured-image,
.page-id-39 .entry-media,

.page-id-53 .post-thumbnail,
.page-id-53 .wp-post-image,
.page-id-53 .featured-image,
.page-id-53 .entry-media,

.page-id-902 .post-thumbnail,
.page-id-902 .wp-post-image,
.page-id-902 .featured-image,
.page-id-902 .entry-media {
  display: none !important;
}

/* ===== Hide Featured Image on ALL Posts ===== */

.single-post .post-thumbnail,
.single-post .wp-post-image,
.single-post .featured-image,
.single-post .entry-media {
  display: none !important;
}
/* ===== Luxury Guide Links ===== */
.guide-list {
  display: grid;
  gap: 18px;
  margin-top: 18px;
}

.guide-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 22px 22px 20px;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.guide-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
  border-color: #d6c29a;
}

.guide-card h3 {
  margin: 0 0 10px;
  font-family: var(--font-serif);
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: none;
  line-height: 1.3;
}

.guide-card h3 a {
  color: var(--text);
  text-decoration: none;
}

.guide-card h3 a:hover {
  text-decoration: underline;
}

.guide-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted);
}

.guide-card .guide-readmore {
  display: inline-block;
  margin-top: 12px;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--text);
  opacity: 0.8;
}

.guide-card .guide-readmore:hover {
  opacity: 1;
  text-decoration: underline;
}