/*
Theme Name: Edwin Davis ELDII Recovered
Theme URI: https://edwindavis.eldii.ca
Author: EDDE CREATIVE / ILLE TECH
Description: Recovered approved ELDII.ca visual edition for edwindavis.eldii.ca, using the approved green ELDII logo treatment.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: edwindavis-eldii
*/

:root{
  --navy:#07245a;
  --green:#45b51b;
  --ink:#0c1e42;
  --white:#fff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
a{text-decoration:none}

.desktop-visual{
  position:relative;
  width:100%;
  max-width:1536px;
  margin:0 auto;
  line-height:0;
  background:#fff;
}
.desktop-visual img{
  display:block;
  width:100%;
  height:auto;
}
.hotspot{
  position:absolute;
  display:block;
  z-index:10;
  background:rgba(255,255,255,0);
  border-radius:4px;
}
.hotspot:focus{
  outline:3px solid var(--green);
  outline-offset:2px;
}
.mobile-site{display:none}

@media (max-width: 860px){
  .desktop-visual{display:none}
  .mobile-site{display:block;background:#fff}
  .mobile-header{
    display:flex;align-items:center;gap:12px;padding:14px 16px;
    border-bottom:1px solid #e5eaf2;position:sticky;top:0;background:#fff;z-index:20
  }
  .mobile-logo{width:64px;height:64px;object-fit:contain;border-radius:50%}
  .mobile-brand strong{display:block;font-size:20px;color:var(--navy);line-height:1.05}
  .mobile-brand span{display:block;color:var(--green);font-weight:700;font-size:13px}
  .mobile-hero{
    padding:34px 20px 30px;
    background:linear-gradient(180deg,#edf6ff 0%,#fff 100%);
  }
  .eyebrow{font-size:12px;font-weight:800;letter-spacing:.04em;color:var(--navy);text-transform:uppercase}
  .mobile-hero h1{
    margin:14px 0 12px;font-size:42px;line-height:.96;color:var(--navy);letter-spacing:-.03em
  }
  .mobile-hero h1 i{font-style:normal;color:var(--green)}
  .mobile-hero h2{font-size:22px;line-height:1.2;color:var(--navy);margin:18px 0 8px}
  .mobile-hero p{font-size:16px;line-height:1.55;margin:8px 0;color:#24334f}
  .green{color:var(--green);font-weight:700}
  .btn{
    display:inline-block;margin-top:16px;padding:14px 18px;background:var(--navy);
    color:#fff;font-weight:800;border-radius:5px;font-size:14px
  }
  .cards{padding:8px 18px 26px;display:grid;gap:14px}
  .card{border:1px solid #e1e6ef;border-radius:10px;padding:18px;background:#fff;box-shadow:0 8px 25px rgba(5,30,70,.06)}
  .card h3{margin:0 0 8px;color:var(--navy);font-size:20px}
  .card p{margin:0;line-height:1.5;color:#35445e}
  .dhq{padding:28px 20px;background:#f7f9fc}
  .dhq h2{font-size:28px;color:var(--navy);margin:0 0 8px}
  .dhq h3{font-size:18px;margin:0 0 10px;color:var(--navy)}
  .mission{padding:18px 20px;background:var(--navy);color:#fff;text-align:center;line-height:1.5}
  .mission b{color:var(--green)}
  .mobile-footer{background:#071f4c;color:#fff;padding:22px 18px;text-align:center}
  .mobile-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:12px 0}
  .mobile-footer a{color:#fff;font-size:13px}
  .mobile-footer small{opacity:.8}
}