/* Four Angry Dachshunds shared site shell — 2026-09-09 */
.fad-site-header{position:relative;z-index:1000;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(70,48,31,.16);backdrop-filter:blur(8px);font-family:Georgia,"Times New Roman",serif}
.fad-nav{max-width:1180px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:20px;justify-content:space-between}
.fad-brand{font-weight:800;letter-spacing:.08em;color:#2c2118!important;text-decoration:none!important;white-space:nowrap}
.fad-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.fad-links a{color:#493728!important;text-decoration:none!important;padding:8px 10px;border-radius:9px;font-size:.96rem}
.fad-links a[aria-current="page"]{
  background:#f2eadf;
  color:#23180f!important;
}

@media (hover:hover){
  .fad-links a:hover{
    background:#f2eadf;
    color:#23180f!important;
  }
}
.fad-search-form{display:flex;align-items:center;gap:6px;margin-left:6px}
.fad-search-input{width:205px;max-width:28vw;border:1px solid #bda991;border-radius:999px;padding:8px 12px;background:#fffdf9;color:#2b2119;font:inherit}
.fad-search-input:focus{outline:2px solid #7d9b55;outline-offset:1px}
.fad-search-button{border:1px solid #6f8d4d;background:#eef5e5;color:#26351d;border-radius:999px;padding:8px 12px;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.fad-search-button:hover{background:#e1edd4}
.fad-site-footer{margin-top:48px;padding:28px 18px;text-align:center;border-top:1px solid rgba(70,48,31,.16);color:#665445;background:rgba(255,255,255,.55);font-family:Georgia,"Times New Roman",serif;font-size:.95rem}
.fad-site-footer a{color:inherit}
.fad-search-overlay{position:fixed;inset:0;z-index:5000;background:rgba(28,22,17,.72);display:none;padding:5vh 16px;overflow:auto}
.fad-search-overlay.open{display:block}
.fad-search-panel{max-width:820px;margin:0 auto;background:#fffaf2;border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.35);overflow:hidden;color:#2b2119;font-family:Georgia,"Times New Roman",serif}
.fad-search-top{padding:20px;border-bottom:1px solid #e1d4c4;display:flex;gap:10px;align-items:center}
.fad-search-top input{flex:1;min-width:0;border:1px solid #bda991;border-radius:12px;padding:12px 14px;font:inherit;font-size:1.05rem;background:white}
.fad-search-close{border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:#58483a;padding:3px 8px}
.fad-search-brand{padding:0 20px 14px;color:#5f7542;font-size:.9rem;font-weight:700}
.fad-results{padding:8px 20px 24px}
.fad-result{display:block;padding:15px 4px;border-bottom:1px solid #eadfD2;text-decoration:none!important;color:#2b2119!important}
.fad-result:last-child{border-bottom:0}
.fad-result-title{font-weight:800;font-size:1.08rem;margin-bottom:4px}
.fad-result-kind{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#708052;margin-left:7px}
.fad-result-snippet{font-size:.93rem;line-height:1.45;color:#685747}
.fad-search-message{padding:26px 4px;text-align:center;color:#685747;font-style:italic}
@media(max-width:1050px) and (min-width:701px){
  .fad-nav{gap:12px;padding:11px 16px}
  .fad-brand{font-size:.91rem}
  .fad-links{gap:2px;flex-wrap:nowrap}
  .fad-links a{font-size:.88rem;padding:7px 6px}
  .fad-search-form{gap:5px;margin-left:3px}
  .fad-search-input{width:150px;max-width:18vw;padding:7px 10px}
  .fad-search-button{padding:7px 10px}
}
@media(max-width:700px){
  .fad-nav{align-items:flex-start;flex-direction:column;gap:8px}
  .fad-brand{width:100%;text-align:center}
  .fad-links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .fad-links>a{min-width:0;text-align:center;font-size:.82rem;padding:7px 3px;line-height:1.08;white-space:nowrap}
  .fad-search-form{grid-column:1/-1;width:100%;margin:3px 0 0}
  .fad-search-input{flex:1;width:auto;max-width:none}
}
@media(max-width:560px){.fad-nav{padding:11px 13px}.fad-brand{font-size:.94rem}.fad-search-button{padding:8px 10px}}
@media (max-width:359px){
  .fad-search-input{
    min-width:0;
  }
}



/* 2026-09-09 final test refinements: responsive tablet search + auto-hiding sticky header */
.fad-site-header{
  position:sticky;
  top:0;
  transition:transform .22s ease;
  will-change:transform;
}
.fad-site-header.fad-header-hidden{transform:translateY(-100%)}

/* Portrait/smaller tablets: keep brand + five menu choices on line one; give Broccoli its own line. */
@media (min-width:701px) and (max-width:900px){
  .fad-nav{
    flex-wrap:wrap;
    gap:7px 10px;
    padding:10px 16px;
  }
  .fad-brand{font-size:.88rem}
  .fad-links{display:contents}
  .fad-links>a{font-size:.84rem;padding:7px 5px}
  .fad-search-form{
    order:20;
    flex:0 0 100%;
    width:100%;
    margin:1px 0 0;
  }
  .fad-search-input{
    flex:1;
    width:auto;
    max-width:none;
  }
}


/* Shared compact actions for the five main section pages. Kept isolated from page content. */
.fad-page-actions{
  width:min(100% - 28px,1160px);
  margin:30px auto 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  flex-wrap:wrap;
  font-family:Georgia,"Times New Roman",serif;
}
.fad-page-action{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 17px;
  border:1px solid #8b2f3f;
  border-radius:999px;
  background:#fffaf3;
  color:#6b2432!important;
  text-decoration:none!important;
  font:700 .96rem Georgia,"Times New Roman",serif;
  line-height:1;
  cursor:pointer;
  white-space:nowrap;
}
.fad-page-action:hover,.fad-page-action:focus-visible{background:#f6ece8;outline:none}
.fad-page-action-share{background:#8b2f3f;color:#fff!important}
.fad-page-action-share:hover,.fad-page-action-share:focus-visible{background:#6f2433}
.fad-page-action-status{flex-basis:100%;min-height:1.1em;text-align:center;color:#6b2432;font-size:.85rem}
@media(max-width:420px){
  .fad-page-actions{width:calc(100% - 18px);gap:6px;margin-top:24px}
  .fad-page-action{min-height:39px;padding:8px 11px;font-size:.87rem}
}


/* 4AD custom share box — used when the browser does not provide a native Web Share panel (notably Firefox desktop). */
.fad-share-overlay{
  position:fixed;
  inset:0;
  z-index:5200;
  background:rgba(28,22,17,.72);
  display:none;
  padding:8vh 16px;
  overflow:auto;
}
.fad-share-overlay.open{display:block}
.fad-share-panel{
  width:min(560px,100%);
  margin:0 auto;
  background:#fffaf2;
  color:#2b2119;
  border:1px solid #ddcbb8;
  border-radius:18px;
  box-shadow:0 20px 70px rgba(0,0,0,.35);
  padding:0 18px 18px;
  font-family:Georgia,"Times New Roman",serif;
}
.fad-share-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:18px 0 14px;
  border-bottom:1px solid #e1d4c4;
}
.fad-share-heading{font-size:1.25rem;font-weight:800;color:#442f21}
.fad-share-page-title{margin-top:4px;color:#765f50;font-size:.9rem;line-height:1.35}
.fad-share-close{
  border:0;
  background:transparent;
  color:#58483a;
  font-size:1.8rem;
  line-height:1;
  cursor:pointer;
  padding:2px 7px;
  border-radius:8px;
}
.fad-share-close:hover,.fad-share-close:focus-visible{background:#f0e4d7;outline:none}
.fad-share-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding-top:16px;
}
.fad-share-choice{
  appearance:none;
  -webkit-appearance:none;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border:1px solid #8b2f3f;
  border-radius:12px;
  background:#fff;
  color:#6b2432!important;
  text-decoration:none!important;
  text-align:center;
  font:700 .98rem Georgia,"Times New Roman",serif;
  cursor:pointer;
}
.fad-share-choice:hover,.fad-share-choice:focus-visible{background:#f6ece8;outline:2px solid rgba(139,47,63,.18);outline-offset:1px}
.fad-share-status{min-height:1.25em;margin-top:12px;text-align:center;color:#6b2432;font-size:.9rem}
@media(max-width:430px){
  .fad-share-overlay{padding:5vh 10px}
  .fad-share-panel{padding:0 12px 14px;border-radius:14px}
  .fad-share-grid{grid-template-columns:1fr}
}

.fad-share-choice[hidden]{display:none!important}


/* Prayer request links and invitations */
.fad-footer-links{margin:.7rem 0 .35rem}
.fad-footer-links a{display:inline-block;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.prayer-invite-home,.prayer-invite-inline{
  max-width:760px;margin:0 auto 26px;padding:13px 18px;text-align:center;
  border:1px solid rgba(104,72,45,.24);border-radius:16px;background:rgba(255,255,255,.62);
  font-family:Georgia,"Times New Roman",serif;color:#3f3025;
}
.prayer-invite-home,.prayer-invite-inline{position:relative;cursor:pointer}
.prayer-invite-home strong,.prayer-invite-inline strong{margin-right:.55rem}
.prayer-invite-home a,.prayer-invite-inline a{font-weight:800;color:#6a1726;text-decoration:none}
.prayer-invite-home a::before,.prayer-invite-inline a::before{content:"";position:absolute;inset:0;border-radius:inherit}
.prayer-invite-home a:hover,.prayer-invite-inline a:hover{text-decoration:underline}
.prayer-request-about{margin:14px 0 4px}
@media(max-width:560px){
  .prayer-invite-home,.prayer-invite-inline{margin-left:12px;margin-right:12px}
  .prayer-invite-home strong,.prayer-invite-inline strong{display:block;margin:0 0 4px}
}

@media screen and (orientation:landscape) and (max-height:340px){
  .fad-site-header .fad-search-form{
    display:none;
  }
}

@media (prefers-reduced-motion: reduce){
  html{
    scroll-behavior:auto !important;
  }
  .fad-site-header,
  .dog-page-nav,
  .scroll-prompt{
    transition:none;
  }
  .grid > .card,
  .featured > .story,
  .library > .story,
  .collection > .prayer-card{
    transform:none !important;
    transition-property:box-shadow !important;
  }

  #gallery img{
    transform:none !important;
    transition:none !important;
  }
}