/* ─────────────────────────────────────────────
   Global base
──────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=Diplomata+SC&family=Stint+Ultra+Expanded&display=swap');

:root {
  --dark-blue:#1E2B3C;
  --gold:#f5a623;
  --gold-dark:#e69f1e;
}

html,body{margin:0;padding:0;font-family:'Inter',sans-serif;background:#fff;color:#333;}

/* ─────────────────────────────────────────────
   Header
──────────────────────────────────────────── */
.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;}

.brand{display:flex;align-items:center;}
.brand img{height:100px;margin-right:.75rem;}
.brand-name{font-family:'Diplomata SC',serif;font-size:2.5rem;font-weight:700;color:var(--dark-blue);line-height:1;}
.brand-subtitle{font-family:'Stint Ultra Expanded',cursive;font-size:2rem;font-weight:800;color:var(--gold);margin-left:.5rem;line-height:1;}
.brand-text {display: flex;flex-direction: column;line-height: 1.1;}
.top-nav a{font-family:'Stint Ultra Expanded',cursive;margin-left:1.5rem;text-decoration:none;color:#c09300;font-weight:800;font-size:1.5rem;}
.top-nav a:hover{color:var(--gold);}
.visually-hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;white-space:nowrap;}

/* ─────────────────────────────────────────────
   Hero Section
──────────────────────────────────────────── */
main{font-family:'Stint Ultra Expanded',cursive;padding:4rem 2rem 6rem;}
.left-layout{margin-left:10%;}

/* Combined title */
.title-block {display: flex;flex-direction: column;align-items: flex-start;text-align: left;line-height: 1.1;}
.title-block .wondercohen {font-size: 4rem;font-weight: 900;color: #1E2B3C;margin-bottom: 0.25rem;}
.title-block .portal{font-size:2.5rem;font-weight:700;color:var(--gold);position:relative;}
.title-block .portal::after{content:"";display:block;width:100%;height:4px;background:var(--gold);margin-top:.2rem;}

/* Service list */
.services-section{margin-top:1.5rem;}
.list-block{text-align:left;line-height:1.4;}
.list-block a{color:var(--dark-blue);text-decoration:none;font-size:1.3rem;font-weight:700}
.list-block a:hover{text-decoration:underline;}

/* CTA */
.cta-button{display:inline-block;margin-top:1.5rem;padding:.75rem 2rem;background:var(--gold);color:#fff;font-weight:bold;border-radius:4px;text-decoration:none;transition:background .3s ease;}
.cta-button:hover{background:var(--gold-dark);}

/* ─────────────────────────────────────────────
   Footer
──────────────────────────────────────────── */
.site-footer{text-align:center;padding:1rem;background:#f9f9f9;border-top:0 solid #ddd;position:fixed;bottom:0;width:100%;}
.disclaimer{font-size:.9rem;color:#777;margin:0;text-align:left}
.disclaimer a{color:var(--gold);text-decoration:none;}
.disclaimer a:hover{text-decoration:underline;color:var(--gold-dark);}

/* ─────────────────────────────────────────────
   Decorative images (Responsive)
──────────────────────────────────────────── */

/* Default sizes for desktop */
.bottom-right-corner-logo,.upper-right-corner-shape,.bottom-left-corner-shape{position:fixed;pointer-events:none;z-index:10;opacity:.8;}
.bottom-right-corner-logo{right:10vw;bottom:0;width:40vw;max-width:750px;min-width:150px;max-height:40vh; min-height:150px;}
.upper-right-corner-shape{top:10vh;right:0;width:10vw;max-width:180px;min-width:60px;opacity:0.7;z-index:1;}
.bottom-left-corner-shape{left:10vw;bottom:5vh;width:15vw;max-width:400px;min-width:100px;opacity:0.4;}

/* ─────────────────────────────────────────────
   Responsive ≤768px
──────────────────────────────────────────── */
@media(max-width:768px){
  .top-bar{flex-direction:column;text-align:center;gap:1rem;}
  .brand{flex-direction:column;}
  .brand img{height:64px;}
  .brand-name{font-size:2rem;}
  .brand-subtitle{font-size:1.2rem;}
  .top-nav{flex-direction:column;align-items:center;width:100%;}
  .top-nav a{margin:0;font-size:1.1rem;}
  .left-layout{margin-left:0;text-align:center;}
  .title-block{flex-direction:column;align-items:center;gap:0;}
  .title-block .wondercohen{font-size:2.2rem;}
  .title-block .portal{font-size:1.8rem;}
  .title-block .portal::after{width:60%;margin:.4rem auto;}
  .list-block{text-align:center;}
  .list-block a{font-size:1rem;}
  .cta-button{font-size:1rem;padding:.6rem 1.4rem;}
  .bottom-right-corner-logo{display:none}
  .upper-right-corner-shape{display:none}
  .bottom-left-corner-shape{display:none}
}

/* Hide all decor on very small phones */
@media(max-width:480px){
  .bottom-right-corner-logo,.upper-right-corner-shape,.bottom-left-corner-shape{display:none;}
}