/* Creek Harbour — app additions on top of shared.css */

/* Footer socials */
footer.foot .foot-soc{display:flex;gap:10px;margin-top:6px}
footer.foot .foot-soc a{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);transition:background .15s}
footer.foot .foot-soc a:hover{background:rgba(255,255,255,.14)}
footer.foot .foot-soc svg{width:16px;height:16px;fill:#a8bcb9}
footer.foot .foot-soc a:hover svg{fill:#fff}
footer.foot .foot-brand p{color:#7a8e8b;font-size:13.5px;margin:0;line-height:1.5;max-width:320px}

/* Nav "coming soon" items */
.nav .soon{padding:8px 14px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--muted);display:inline-flex;align-items:center;gap:6px;cursor:default}
.nav .soon .tag{font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--bg-2);color:var(--aqua-deep);padding:2px 6px;border-radius:var(--r-pill);font-weight:700}

/* Generic section "coming soon" block */
.soon-block{margin:24px 0;padding:40px;border:1px dashed var(--line);border-radius:var(--r-lg);text-align:center;color:var(--muted);background:var(--sand-soft)}
.soon-block h3{font-family:'Fraunces',serif;font-weight:500;color:var(--ink);margin:0 0 6px}

/* Simple article/text body typography */
.rich{max-width:720px;font-size:16px;line-height:1.7;color:var(--ink)}
.rich h2{font-family:'Fraunces',serif;font-weight:500;font-size:26px;margin:32px 0 10px;letter-spacing:-.01em}
.rich h3{font-family:'Fraunces',serif;font-weight:500;font-size:21px;margin:24px 0 8px}
.rich p{margin:0 0 16px}
.rich ul,.rich ol{margin:0 0 16px;padding-left:22px}
.rich li{margin:4px 0}
.rich img{border-radius:var(--r);margin:18px 0}
.rich a{color:var(--aqua-deep);text-decoration:underline}

/* Mobile navigation (burger) */
.nav-toggle{display:none;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--bg-2);color:var(--aqua-deep)}
.nav-toggle svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}
.mobile-menu{display:none;flex-direction:column;gap:4px;padding:12px 20px 20px;background:rgba(247,250,249,.98);border-bottom:1px solid var(--line-soft);backdrop-filter:saturate(140%) blur(14px)}
.mobile-menu a,.mobile-menu .soon{padding:12px 6px;font-size:16px;font-weight:500;border-bottom:1px solid var(--line-soft);color:var(--ink)}
.mobile-menu a.btn{border:0;justify-content:center;margin-top:12px;color:#fff}
.mobile-menu .soon{color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.mobile-menu .soon .tag{font-size:9px;letter-spacing:.1em;text-transform:uppercase;background:var(--bg-2);color:var(--aqua-deep);padding:2px 6px;border-radius:var(--r-pill);font-weight:700}
body.menu-open .mobile-menu{display:flex}
@media (max-width:1024px){
  .topbar .nav-toggle{display:inline-flex}
  .topbar .top-right .btn-primary{display:none}
}
@media (max-width:520px){
  .logo small{display:none}
  .logo span{font-size:16px}
}

/* RTL tweaks for Arabic */
[dir="rtl"] .rich{text-align:right}
[dir="rtl"] .rich ul,[dir="rtl"] .rich ol{padding-left:0;padding-right:22px}
[dir="rtl"] .top-right{margin-left:0;margin-right:auto}
[dir="rtl"] .nav{margin-left:0;margin-right:8px}