/* Isolated pillar/initiative header and footer.
   Original user-provided logos; CSS-only shapes and backgrounds. 
   Does not affect the main Sanabil website pages. */
.subsite-header,.subsite-footer{font-family:Roboto,Arial,sans-serif;color:#604a2c}
.subsite-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid #eee1ce;box-shadow:0 4px 20px rgba(91,62,25,.035)}
.subsite-nav-inner{max-width:1320px;width:calc(100% - 100px);margin:0 auto;min-height:78px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
.subsite-back{color:#76501e;display:inline-flex;align-items:center;gap:11px;width:max-content;font-size:.94rem;font-weight:600}
.subsite-back span{font-size:1.2rem}
.subsite-identity{display:flex;align-items:center;justify-content:center;gap:12px;color:#845b24!important;font-size:.95rem;font-weight:700;letter-spacing:.15em}
.subsite-identity img{display:block;width:43px;height:43px;object-fit:contain}
.subsite-identity-traveller{gap:8px}
.subsite-identity-traveller .subsite-traveller-emblem{width:38px;height:36px;object-fit:contain}
.subsite-identity-traveller .subsite-traveller-wordmark{width:160px;max-height:40px;height:auto;object-fit:contain}
.subsite-nav-action{justify-self:end;color:#926a2f!important;font-size:.87rem;font-weight:600;white-space:nowrap}
.subsite-nav-action span{font-size:1rem;margin-left:3px}
.subsite-back:hover,.subsite-nav-action:hover,.subsite-footer a:hover{color:#ba872f!important}
.subsite-back:focus-visible,.subsite-nav-action:focus-visible,.subsite-identity:focus-visible,.subsite-footer a:focus-visible{outline:2px solid #b88945;outline-offset:4px;border-radius:3px}
.subsite-footer{background:linear-gradient(100deg,#fff,#fffcf7);border-top:1px solid #eee1ce;padding:35px 0 23px}
.subsite-footer-inner{max-width:1240px;width:calc(100% - 80px);margin:0 auto}
.subsite-footer-inner{display:flex;align-items:center;justify-content:space-between;column-gap:25px;row-gap:20px;flex-wrap:wrap}
.subsite-footer-signature{display:flex;gap:12px;align-items:center}
.subsite-footer-signature img{width:46px;height:46px;object-fit:contain}
.subsite-footer-signature div{display:flex;flex-direction:column}
.subsite-footer-signature strong{font-size:1rem;color:#775221}
.subsite-footer-signature span{font-size:.8rem;color:#77716c}
.subsite-footer-links{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:10px}
.subsite-footer-links a{font-weight:600;color:#6d5b45!important;font-size:.88rem}
.subsite-footer p{width:100%;text-align:center;margin:0;font-size:.77rem;color:#9e875f;letter-spacing:.06em}
/* header is intentionally minimal; the existing hero remains the primary brand moment */
@media(max-width:860px){
  .subsite-nav-inner{width:calc(100% - 42px);grid-template-columns:1fr auto;gap:12px;min-height:72px}
  .subsite-nav-action{display:none}
  .subsite-footer-inner{width:calc(100% - 42px)}
  .subsite-footer-links{width:100%}
}
@media(max-width:440px){
  .subsite-nav-inner{min-height:66px}
  .subsite-back{font-size:.81rem;gap:6px}
  .subsite-identity{font-size:.82rem;letter-spacing:.09em}
  .subsite-identity img{width:34px;height:34px}
  .subsite-identity-traveller .subsite-traveller-emblem{display:none}
  .subsite-identity-traveller .subsite-traveller-wordmark{width:122px;max-height:32px}
}