/* Senior Dating Agency Australia — PWA button & device instructions */
.nav-actions{display:flex;align-items:center;gap:12px;margin-left:auto}

.sda-pwa-install[hidden]{display:none!important}
.sda-pwa-install{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fffdf9;border:1px solid #b3c5bc;border-radius:8px;padding:10px 15px;min-height:45px;color:#284e47;font:700 15px/1.35 var(--font,Arial,sans-serif);white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.sda-pwa-install:hover,.sda-pwa-install:focus-visible{background:#ecf4ef;border-color:#65867a;color:#1c4039}
.sda-pwa-install svg{display:block;width:18px;height:18px;flex-shrink:0;stroke:currentColor}
.nav-actions>.sda-pwa-install{flex-shrink:0}
.sda-pwa-install-footer{background:transparent;color:#f6e6de;border-color:#e1c1b37a;min-height:46px;margin-top:18px;white-space:normal}
.sda-pwa-install-footer:hover,.sda-pwa-install-footer:focus-visible{background:#ffffff12;color:#fff;border-color:#fff}
.sda-pwa-dialog{box-sizing:border-box;border:1px solid #dfe7df;border-radius:17px;padding:30px;max-width:min(620px,calc(100vw - 24px));width:100%;max-height:min(90dvh,800px);overflow-y:auto;color:#253e44;background:#fffdf9;box-shadow:0 20px 80px #112e3855}
.sda-pwa-dialog::backdrop{background:#102a348c}
.sda-pwa-dialog-heading{display:flex;align-items:center;gap:17px;position:relative;padding-right:38px}
.sda-pwa-dialog-icon{width:68px;height:68px;flex:0 0 68px;border-radius:16px;overflow:hidden;background:#fcf5ef;border:1px solid #efdbd4}
.sda-pwa-dialog-icon img{width:100%;height:100%;object-fit:contain}
.sda-pwa-eyebrow{font:800 12px/1.5 var(--font,Arial,sans-serif);letter-spacing:.1em;color:#a15d55}
.sda-pwa-dialog h2{font-family:var(--display,Georgia,serif);font-size:clamp(26px,4vw,36px);line-height:1.2;letter-spacing:-.03em;margin:5px 0 0}
.sda-pwa-dialog-close{position:absolute;top:0;right:0;border:0;background:transparent;padding:0 8px;font-size:32px;line-height:1.2;color:#284e47;cursor:pointer}
.sda-pwa-dialog p{font-size:17px;line-height:1.75;color:#4c6367}
.sda-pwa-dialog-intro{margin:22px 0}
.sda-pwa-device-instructions{background:#f0f5ef;border-left:4px solid #9cbaab;padding:18px 20px;border-radius:7px;font-size:18px;line-height:1.8}
.sda-pwa-dialog .sda-pwa-security-note{font-size:15px;margin-top:22px;color:#556966}
.sda-pwa-dialog-footer{display:flex;justify-content:flex-end;margin-top:22px}
.sda-pwa-dialog-done{background:#233942;color:white;border:0;border-radius:8px;padding:14px 24px;font:700 17px/1.35 var(--font,Arial,sans-serif);cursor:pointer;min-height:48px}
.sda-pwa-dialog-done:hover{background:#3f665a}
@media(max-width:760px){
 .nav-actions>.sda-pwa-install{min-height:48px;padding:10px 12px;font-size:14px}
 .sda-pwa-install svg{width:20px;height:20px}
}
@media(max-width:540px){
 .nav-wrap{gap:9px}
 .nav-actions{gap:8px!important}
 .nav-actions>.sda-pwa-install{width:47px;height:47px;padding:0;flex:0 0 47px}
 .nav-actions>.sda-pwa-install .sda-pwa-install-label{display:none}
 .nav-actions>.sda-pwa-install svg{width:23px;height:23px}
 .sda-pwa-dialog{padding:22px 18px}
 .sda-pwa-dialog-heading{gap:12px}
 .sda-pwa-dialog-icon{width:56px;height:56px;flex-basis:56px}
 .sda-pwa-dialog p{font-size:16px}
 .sda-pwa-device-instructions{font-size:16px}
}
@media(max-width:380px){
 .nav-wrap{gap:7px}
 .brand-icon{width:35px;height:35px}
 .site-brand{gap:7px}
 .brand-type strong{font-size:19px}
 .nav-actions{gap:6px!important}
 .nav-actions>.sda-pwa-install{flex-basis:42px;width:42px;height:42px}
}
@media(prefers-reduced-motion:reduce){.sda-pwa-install{transition:none}}

/* Install app button in the same coral style as the senior dating logo. */
.nav-actions>.sda-pwa-install,
.sda-pwa-install-footer{
  background:#a65f56;
  color:#fff;
  border-color:#c87870;
}
.nav-actions>.sda-pwa-install:hover,
.nav-actions>.sda-pwa-install:focus-visible,
.sda-pwa-install-footer:hover,
.sda-pwa-install-footer:focus-visible{
  background:#87433d;
  color:#fff;
  border-color:#87433d;
}
.sda-pwa-dialog-done,
.sda-pwa-dialog-done:hover{
  background:#a65f56;
  color:#fff;
}
.sda-pwa-dialog-done:hover,
.sda-pwa-dialog-done:focus-visible{background:#87433d}

/* Header correction 2026-11-06: match two-tone footer CTA buttons. */
.site-header .nav-wrap{
  align-items:center;
}
.site-header .nav-actions{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:12px;
  margin-left:auto;
}
.site-header .nav-actions>.sda-pwa-install-header,
.site-header .nav-actions>.btn-header{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:auto;
  min-width:0;
  height:50px;
  min-height:50px;
  max-height:50px;
  padding:0 19px;
  margin:0;
  border-radius:8px;
  font-family:var(--font,Arial,sans-serif);
  font-size:16px;
  font-weight:800;
  line-height:1.2;
  white-space:nowrap!important;
  flex:0 0 auto;
  text-decoration:none;
}
.site-header .nav-actions>.sda-pwa-install-header,
.site-header .nav-actions>.sda-pwa-install-header:visited{
  background:#a65f56;
  border:1px solid #a65f56;
  color:#fff;
}
.site-header .nav-actions>.sda-pwa-install-header:hover,
.site-header .nav-actions>.sda-pwa-install-header:focus-visible{
  background:#87433d;
  border-color:#87433d;
  color:#fff;
}
.site-header .nav-actions>.btn-header,
.site-header .nav-actions>.btn-header:visited{
  background:#fff7f3!important;
  border:1px solid #e2c4b8!important;
  color:#233942!important;
}
.site-header .nav-actions>.btn-header:hover,
.site-header .nav-actions>.btn-header:focus-visible{
  background:#fff!important;
  border-color:#c87870!important;
  color:#233942!important;
}
.site-header .nav-actions>.btn-header>span,
.site-header .nav-actions>.sda-pwa-install-header>span{
  display:inline-block;
  white-space:nowrap;
}
.site-header .nav-actions>.sda-pwa-install-header svg{
  width:19px;
  height:19px;
  flex:0 0 19px;
}
@media(max-width:1250px){
  .site-header .nav-actions{gap:10px}
}
@media(max-width:860px){
  .site-header .nav-actions>.sda-pwa-install-header,
  .site-header .nav-actions>.btn-header{
    height:46px;
    min-height:46px;
    max-height:46px;
    padding:0 14px;
    font-size:15px;
  }
}
@media(max-width:760px){
  /* The theme hides the account CTA on narrow mobile screens to keep
     the brand, install icon and menu from overlapping. */
  .site-header .nav-actions>.btn-header{display:none}
}
@media(max-width:540px){
  .site-header .nav-actions{gap:8px}
  .site-header .nav-actions>.sda-pwa-install-header{
    width:46px;
    min-width:46px;
    max-width:46px;
    height:46px;
    min-height:46px;
    max-height:46px;
    padding:0;
  }
  .site-header .nav-actions>.sda-pwa-install-header .sda-pwa-install-label{display:none}
}
@media(max-width:380px){
  .site-header .nav-actions>.sda-pwa-install-header{
    width:42px;
    min-width:42px;
    max-width:42px;
    height:42px;
    min-height:42px;
    max-height:42px;
  }
}