/* MACVISION Riyadh homepage SEO/accessibility enhancements.
   Loaded after the original stylesheet. Visible page copy and core layout remain unchanged. */

.skip-link{
  position:fixed;
  top:10px;
  left:10px;
  z-index:9999;
  transform:translateY(-160%);
  padding:12px 16px;
  border-radius:10px;
  background:#ffffff;
  color:#03101e;
  font-weight:800;
}
.skip-link:focus{transform:translateY(0)}
html[dir="rtl"] .skip-link{left:auto;right:10px}

.product-deep-link{
  color:inherit;
  text-decoration:none;
}
.product-deep-link:focus-visible{
  outline:3px solid var(--cyan);
  outline-offset:5px;
  border-radius:6px;
}
.product-deep-link:hover{
  color:var(--cyan);
}

a:focus-visible,
button:focus-visible,
summary:focus-visible{
  outline:3px solid var(--cyan);
  outline-offset:4px;
}

@media (min-width:901px){
  body .hero#home{
    background:
      linear-gradient(90deg,
        rgba(3,7,17,.82) 0%,
        rgba(3,7,17,.68) 30%,
        rgba(3,7,17,.38) 58%,
        rgba(3,7,17,.14) 100%),
      url('../assets/images/riyadh-skyline-hero-bg-optimized.webp') center center / cover no-repeat !important;
  }
  html[dir="rtl"] body .hero#home{
    background:
      linear-gradient(270deg,
        rgba(3,7,17,.82) 0%,
        rgba(3,7,17,.68) 30%,
        rgba(3,7,17,.38) 58%,
        rgba(3,7,17,.14) 100%),
      url('../assets/images/riyadh-skyline-hero-bg-optimized.webp') center center / cover no-repeat !important;
  }
}

/* Final production hero background: one existing optimized asset at every breakpoint. */
@media (max-width:900px){
  body .hero#home{
    background:
      linear-gradient(90deg,
        rgba(3,7,17,.86) 0%,
        rgba(3,7,17,.62) 46%,
        rgba(3,7,17,.18) 100%),
      url('../assets/images/riyadh-skyline-hero-bg-optimized.webp') 70% 36% / cover no-repeat !important;
  }
  html[dir="rtl"] body .hero#home{
    background:
      linear-gradient(270deg,
        rgba(3,7,17,.86) 0%,
        rgba(3,7,17,.62) 46%,
        rgba(3,7,17,.18) 100%),
      url('../assets/images/riyadh-skyline-hero-bg-optimized.webp') 30% 36% / cover no-repeat !important;
  }
}


/* ===== Riyadh Blueprint: project proof, AJMI clarity and conversion ===== */
.project-proof-section{
  background:
    radial-gradient(circle at 8% 0%,rgba(57,220,255,.12),transparent 34rem),
    linear-gradient(180deg,#06111f,#040914);
}
.project-facts{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0 0 24px;
}
.project-facts>div{
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.05);
}
.project-facts strong{
  display:block;
  margin-bottom:7px;
  color:var(--cyan);
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.project-facts span{display:block;line-height:1.5}
.project-proof-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.project-proof-card{
  padding:0;
  overflow:hidden;
  border-radius:20px;
}
.project-proof-image{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#02060c;
  cursor:zoom-in;
}
.project-proof-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .3s ease;
}
.project-proof-card:hover img{transform:scale(1.035)}
.project-proof-copy{padding:17px}
.project-proof-copy h3{font-size:1rem;margin:0 0 9px}
.project-proof-copy p{font-size:.9rem;line-height:1.58;margin:0}
.project-proof-copy small{
  display:block;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:#e8f8ff;
  font-weight:800;
  line-height:1.45;
}
.project-step{
  display:block;
  margin-bottom:8px;
  color:var(--cyan);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.08em;
}
.project-disclosure{
  margin:22px 0 0;
  padding:14px 16px;
  border-left:3px solid var(--green);
  background:rgba(60,243,166,.055);
  border-radius:12px;
  font-size:.9rem;
}
html[dir="rtl"] .project-disclosure{
  border-left:0;
  border-right:3px solid var(--green);
}
.ajmi-proof-section{
  background:
    radial-gradient(circle at 85% 20%,rgba(60,243,166,.14),transparent 34%),
    linear-gradient(135deg,#052014,#061120);
}
.ajmi-proof-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:34px;
  align-items:center;
  padding:34px;
  border:1px solid rgba(60,243,166,.22);
  border-radius:30px;
  background:rgba(255,255,255,.045);
}
.ajmi-proof-box h3{
  margin:0 0 16px;
  color:#dfffee;
  font-size:clamp(20px,2vw,28px);
  line-height:1.35;
}
.entity-trust{
  margin:20px 0 0;
  padding:14px 16px;
  border:1px solid rgba(57,220,255,.2);
  border-radius:14px;
  color:#e9fbff;
  font-weight:800;
}
.ajmi-proof-actions{
  display:grid;
  gap:12px;
  min-width:260px;
}
.proposal-conversion{
  grid-template-columns:minmax(0,.8fr) minmax(340px,1.2fr);
  align-items:start;
}
.quick-whatsapp-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(3,10,20,.68);
}
.quick-whatsapp-form h3,
.quick-whatsapp-form .quick-consent,
.quick-whatsapp-form .btn,
.quick-whatsapp-form .form-status{
  grid-column:1/-1;
}
.quick-whatsapp-form h3{margin:0 0 2px}
.quick-consent,.proposal-consent{
  display:flex!important;
  grid-template-columns:auto 1fr;
  align-items:flex-start;
  gap:10px!important;
  font-size:.88rem;
  line-height:1.5;
}
.quick-consent input,.proposal-consent input{
  width:auto;
  margin-top:4px;
}
.form-status{margin:0;color:var(--green);font-size:.85rem}
.project-lightbox{
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,5,12,.93);
}
.project-lightbox[hidden]{display:none}
.project-lightbox img{
  max-width:min(1100px,94vw);
  max-height:88vh;
  border-radius:16px;
  box-shadow:0 30px 90px rgba(0,0,0,.65);
}
.project-lightbox-close{
  position:absolute;
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:26px;
  cursor:pointer;
}
html[dir="rtl"] .project-lightbox-close{right:auto;left:18px}

/* Proposal pages */
.proposal-page{
  min-height:calc(100vh - 76px);
  background:
    radial-gradient(circle at 10% 0%,rgba(57,220,255,.12),transparent 35rem),
    radial-gradient(circle at 90% 20%,rgba(60,243,166,.09),transparent 30rem),
    var(--bg);
}
.proposal-page-grid{
  display:grid;
  grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);
  gap:34px;
  align-items:start;
}
.proposal-intro{
  position:sticky;
  top:110px;
}
.proposal-intro h1{
  font-size:clamp(38px,5vw,62px);
}
.proposal-role-box,.proposal-contact-card{
  margin-top:20px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.045);
}
.proposal-role-box h2{
  font-size:24px;
  margin-bottom:12px;
}
.proposal-role-box p{margin:8px 0}
.proposal-contact-card{
  display:grid;
  gap:9px;
}
.proposal-contact-card a{color:var(--cyan)}
.proposal-form fieldset{margin:0}
.proposal-form legend{
  padding:0 8px;
  color:var(--cyan);
  font-weight:900;
}
.proposal-form .actions{margin-top:4px}

@media(max-width:1100px){
  .project-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ajmi-proof-box,.proposal-conversion,.proposal-page-grid{grid-template-columns:1fr}
  .ajmi-proof-actions{min-width:0}
  .proposal-intro{position:static}
}
@media(max-width:560px){
  .project-facts,.project-proof-grid,.quick-whatsapp-form{grid-template-columns:1fr}
  .quick-whatsapp-form h3,
  .quick-whatsapp-form .quick-consent,
  .quick-whatsapp-form .btn,
  .quick-whatsapp-form .form-status{grid-column:auto}
  .ajmi-proof-box{padding:22px}
}


/* Final SEO/accessibility polish */
.page-breadcrumb{max-width:1180px;margin:0 auto;padding:18px 4% 0}
.page-breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0;padding:0;list-style:none;color:#aebfd1;font-size:.9rem}
.page-breadcrumb li+li:before{content:"/";margin-inline-end:8px;color:#617990}
.page-breadcrumb a{color:#9edfff;text-decoration:underline;text-underline-offset:3px}
.single-proposal-action{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px;min-height:220px;padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(3,10,20,.68)}
.single-proposal-action h3{margin:0;font-size:clamp(1.4rem,2vw,2rem)}
.single-proposal-action p{margin:0;max-width:540px;color:var(--muted);line-height:1.7}
.single-proposal-button{min-width:240px}
html[dir="rtl"] .single-proposal-action{align-items:flex-start;text-align:right}
@media(max-width:760px){.proposal-conversion{grid-template-columns:1fr}.single-proposal-action{min-height:auto}.single-proposal-button{width:100%}}