/*
Theme Name: ALYAT — Coming Soon
Theme URI: https://www.alyat.com.sa/
Author: ALYAT
Description: Premium RTL coming-soon landing page based on the ALYAT 2026 brand guidelines.
Version: 1.0.0
Text Domain: alyat-coming-soon
*/

:root{
  --alyat-green:#015926;
  --alyat-green-dark:#08421f;
  --alyat-gold:#fbb417;
  --alyat-warm:#f4f0ea;
  --alyat-froth:#f4f4f4;
  --alyat-beige:#ddd9d3;
  --alyat-charcoal:#222222;
  --alyat-copper:#c76a1f;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;background:var(--alyat-warm)}
body{
  color:var(--alyat-charcoal);
  font-family:"Tajawal","Segoe UI",Arial,sans-serif;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.alyat-page{
  min-height:100vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px 24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 15%, rgba(251,180,23,.10), transparent 26%),
    radial-gradient(circle at 90% 85%, rgba(1,89,38,.08), transparent 30%),
    var(--alyat-warm);
}
.alyat-page:before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(1,89,38,.12);
  pointer-events:none;
}
.alyat-arch{
  position:absolute;
  width:min(64vw,760px);
  height:min(64vw,760px);
  border:1px solid rgba(1,89,38,.09);
  border-radius:50%;
  transform:translate(28%,18%);
  pointer-events:none;
}
.alyat-arch:after{
  content:"";
  position:absolute;
  inset:48px;
  border:1px solid rgba(251,180,23,.12);
  border-radius:50%;
}
.alyat-card{
  width:min(960px,100%);
  position:relative;
  z-index:2;
  text-align:center;
  padding:54px 40px 46px;
}
.alyat-logo{
  width:min(390px,72vw);
  height:auto;
  display:block;
  margin:0 auto 38px;
}
.alyat-kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
  color:var(--alyat-copper);
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:.88rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.alyat-kicker:before,.alyat-kicker:after{
  content:"";
  width:34px;
  height:1px;
  background:var(--alyat-gold);
}
.alyat-title{
  margin:0;
  color:var(--alyat-green);
  font-size:clamp(2.3rem,6vw,5rem);
  line-height:1.18;
  font-weight:800;
  letter-spacing:-.03em;
}
.alyat-title .gold{color:var(--alyat-gold)}
.alyat-subtitle{
  max-width:650px;
  margin:22px auto 0;
  color:var(--alyat-green-dark);
  font-size:clamp(1rem,2vw,1.25rem);
  line-height:2;
  font-weight:400;
}
.alyat-divider{
  width:92px;
  height:3px;
  margin:30px auto;
  background:linear-gradient(90deg,var(--alyat-green),var(--alyat-gold));
}
.alyat-contact{
  margin-top:28px;
  color:#5f625f;
  font-size:.95rem;
}
.alyat-contact a{
  color:var(--alyat-green);
  font-weight:700;
}
.alyat-footer{
  position:absolute;
  left:0;
  right:0;
  bottom:24px;
  text-align:center;
  color:#777;
  font-family:"Segoe UI",Arial,sans-serif;
  font-size:.78rem;
}
.alyat-mark{
  display:inline-block;
  width:8px;
  height:8px;
  margin:0 6px;
  border-radius:50%;
  background:var(--alyat-gold);
  vertical-align:middle;
}
@media (max-width:600px){
  .alyat-page{padding:28px 18px}
  .alyat-page:before{inset:10px}
  .alyat-card{padding:35px 12px 55px}
  .alyat-logo{margin-bottom:28px}
  .alyat-title{font-size:2.35rem}
  .alyat-subtitle{font-size:1rem;line-height:1.9}
  .alyat-footer{bottom:12px}
}