/*
Theme Name: Zone AXD
Theme URI: https://zoneaxd.com
Author: Zone AXD
Description: Landing page theme for Zone AXD – "Η νέα μας ιστοσελίδα έρχεται σύντομα." Displays a full-screen coming-soon landing page as soon as the theme is activated.
Version: 1.1.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zone-axd
*/

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; background: #0b1c3a; }

.zone-landing {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  background: #0b1c3a;
}
.zone-landing__picture,
.zone-landing__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.zone-landing__img {
  object-fit: cover;
  object-position: left center;
}
@media (min-aspect-ratio: 16/9) {
  .zone-landing__img { object-position: center center; }
}
.screen-reader-text {
  border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
  height: 1px; margin: -1px; overflow: hidden; padding: 0;
  position: absolute; width: 1px; word-wrap: normal !important;
}


/* ---------- Mobile / portrait layout (live text) ---------- */
.zone-m { display: none; }

@media (max-width: 900px), (max-aspect-ratio: 5/4) {
  .zone-landing--desktop { display: none; }
  .zone-m {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background: linear-gradient(180deg, #06224a 0%, #0b2f5c 55%, #0b1c3a 100%);
    color: #fff;
    font-family: "Noto Serif", Georgia, "Times New Roman", serif;
    -webkit-text-size-adjust: 100%;
    padding-top: env(safe-area-inset-top, 0px);
  }
  .zone-m__top {
    padding: clamp(28px, 7vh, 64px) clamp(22px, 7vw, 56px) 0;
    position: relative;
    z-index: 2;
  }
  .zone-m__logo {
    display: block;
    width: min(72vw, 340px);
    height: auto;
    margin: 0 0 clamp(22px, 5vh, 44px);
  }
  .zone-m__title {
    margin: 0;
    font-weight: 500;
    line-height: 1.12;
    font-size: clamp(2rem, 9.4vw, 3.4rem);
    letter-spacing: -0.01em;
  }
  .zone-m__title span { display: block; color: #f2b95c; }
  .zone-m__lead {
    margin: clamp(14px, 2.5vh, 24px) 0 0;
    font-size: clamp(1.05rem, 4.6vw, 1.5rem);
    line-height: 1.45;
    color: #eef2f8;
    max-width: 30ch;
  }
  .zone-m__photo {
    flex: 1 1 auto;
    min-height: 38vh;
    margin-top: -10vh;
    position: relative;
    background: var(--zone-photo) center 30% / cover no-repeat;
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 38%);
    mask-image: linear-gradient(180deg, transparent 0%, #000 38%);
  }
  .zone-m__photo::after {
    content: "";
    position: absolute; inset: auto 0 0 0; height: 45%;
    background: linear-gradient(0deg, rgba(6,20,44,.92) 0%, rgba(6,20,44,0) 100%);
  }
  .zone-m__foot {
    position: relative;
    margin-top: -14vh;
    z-index: 2;
    padding: 0 clamp(22px, 7vw, 56px) calc(clamp(24px, 5vh, 44px) + env(safe-area-inset-bottom, 0px));
    background: transparent;
  }
  .zone-m__foot::before {
    content: "";
    display: block;
    width: 72%;
    height: 2px;
    margin-bottom: 16px;
    background: linear-gradient(90deg, #e9b25a, rgba(233,178,90,0));
  }
  .zone-m__foot p {
    margin: 0;
    font-size: clamp(1rem, 4.4vw, 1.4rem);
    line-height: 1.5;
  }
  .zone-m__foot span { color: #f2b95c; }
}

/* Short landscape phones: keep everything readable */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 500px) {
  .zone-m__photo { min-height: 60vh; margin-top: 0; }
  .zone-m__foot { margin-top: 0; }
}