/* Welling — Health Conditions finder (page 13662)
   Loaded as a real stylesheet by wh-disease-finder.php so it caches properly
   and never passes through wpautop. */

#wh-df{--df-navy:#123F60;--df-navy-dark:#0B2D45;--df-lime:#B9E61A;--df-ink:#1E2A33;--df-muted:#66757D;font-family:inherit;}
#wh-df *{box-sizing:border-box;}
#wh-df .wh-df-hide{display:none!important;}

/* Intro */
#wh-df .wh-df-intro{max-width:820px;margin:0 auto 30px;text-align:center;}
#wh-df .wh-df-intro h2{font-size:26px;color:var(--df-navy-dark);margin:0 0 14px;}
#wh-df .wh-df-intro p{font-size:15.5px;line-height:1.65;color:var(--df-muted);margin:0 0 12px;}

/* Category cards */
#wh-df .wh-df-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 14px;}
#wh-df .wh-df-cat-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center;padding:18px 10px 16px!important;border-radius:16px;border:1px solid rgba(18,63,96,.08);background:#fff;cursor:pointer;font-family:inherit;line-height:1.3;box-shadow:none;transition:transform .15s cubic-bezier(.22,.61,.36,1),box-shadow .15s ease,border-color .15s ease;}
#wh-df .wh-df-cat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,63,96,.08);background:#fff;}
#wh-df .wh-df-cat-card.is-active{border-color:var(--df-navy);box-shadow:0 0 0 2px rgba(18,63,96,.18);}
#wh-df .wh-df-cat-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:#EEF1F3;color:var(--df-navy);}
#wh-df .wh-df-cat-icon svg{width:20px;height:20px;}
#wh-df .wh-df-cat-label{font-size:13px;font-weight:600;color:var(--df-navy-dark);line-height:1.3;}
#wh-df .wh-df-cat-count{font-size:11.5px;color:var(--df-muted);}
#wh-df .wh-df-cat-card.t1 .wh-df-cat-icon{background:#CFEAD9;color:#2F6B4F;}
#wh-df .wh-df-cat-card.t2 .wh-df-cat-icon{background:#E4EDC0;color:#6B7A1F;}
#wh-df .wh-df-cat-card.t3 .wh-df-cat-icon{background:#CFE3EF;color:#123F60;}
#wh-df .wh-df-cat-card.t4 .wh-df-cat-icon{background:#F0DAD3;color:#9C5A4A;}
#wh-df .wh-df-cat-card.t5 .wh-df-cat-icon{background:#DFD7F0;color:#5B4E8C;}
#wh-df .wh-df-cat-caption{text-align:center;font-size:14px;color:var(--df-muted);margin:0 0 40px;}

/* Alphabet intro */
#wh-df .wh-df-alpha-intro{max-width:720px;margin:0 auto 20px;text-align:center;}
#wh-df .wh-df-alpha-intro h3{font-size:20px;color:var(--df-navy-dark);margin:0 0 8px;}
#wh-df .wh-df-alpha-intro p{font-size:14.5px;color:var(--df-muted);margin:0;}

/* Toolbar: search + A-Z */
#wh-df .wh-df-toolbar{position:sticky;top:0;z-index:5;background:#FBFAF6;padding:16px 0 14px;margin:0 0 22px;border-bottom:1px solid rgba(18,63,96,.08);}
#wh-df .wh-df-search-wrap{position:relative;max-width:420px;margin:0 auto 16px;}
#wh-df .wh-df-search-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--df-muted);pointer-events:none;}
#wh-df #wh-df-search{width:100%;padding:12px 16px 12px 42px;border-radius:999px;border:1px solid rgba(18,63,96,.16);background:#fff;font-size:14.5px;color:var(--df-ink);outline:none;transition:border-color .15s,box-shadow .15s;}
#wh-df #wh-df-search:focus{border-color:var(--df-navy);box-shadow:0 0 0 3px rgba(18,63,96,.10);}
#wh-df .wh-df-az{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
/* padding/line-height are reset hard: the theme's global button styles were
   inflating these into ovals and pushing the letters off-centre. */
#wh-df .wh-df-az button{width:36px;height:36px;padding:0!important;margin:0;border:none;border-radius:50%;background:#F1EDE3;color:var(--df-navy-dark);font-family:inherit;font-weight:600;font-size:13.5px;line-height:1;letter-spacing:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;box-shadow:none;cursor:pointer;text-transform:none;transition:background-color .15s,color .15s,transform .1s;}
#wh-df .wh-df-az button.wh-df-all{width:auto;min-width:56px;padding:0 18px!important;border-radius:999px;}
#wh-df .wh-df-az button:hover{background:#E4DFCF;color:var(--df-navy-dark);}
#wh-df .wh-df-az button.is-active{background:var(--df-navy);color:#fff;}
#wh-df .wh-df-az button:active{transform:scale(.94);}

/* Results header */
#wh-df .wh-df-results-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 14px;flex-wrap:wrap;gap:8px;}
#wh-df .wh-df-results-head h4{font-size:16px;color:var(--df-navy-dark);margin:0;font-weight:700;}
#wh-df .wh-df-results-head span{font-size:13px;color:var(--df-muted);}

/* Frequently consulted cards (default view) */
#wh-df .wh-df-featured{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 8px;}
#wh-df .wh-df-fcard{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 12px 18px;border-radius:16px;border:1px solid rgba(18,63,96,.06);text-decoration:none!important;transition:transform .2s cubic-bezier(.22,.61,.36,1),box-shadow .2s ease;}
#wh-df a.wh-df-fcard:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(18,63,96,.10);}
#wh-df .wh-df-fcard-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;}
#wh-df .wh-df-fcard-icon svg{width:22px;height:22px;}
#wh-df .wh-df-fcard-label{font-size:13.5px;font-weight:600;color:var(--df-navy-dark);line-height:1.3;}
#wh-df .wh-df-fcard.t1{background:#EAF3EC;} #wh-df .wh-df-fcard.t1 .wh-df-fcard-icon{background:#CFEAD9;color:#2F6B4F;}
#wh-df .wh-df-fcard.t2{background:#F3F8E2;} #wh-df .wh-df-fcard.t2 .wh-df-fcard-icon{background:#E4EDC0;color:#6B7A1F;}
#wh-df .wh-df-fcard.t3{background:#EAF1F6;} #wh-df .wh-df-fcard.t3 .wh-df-fcard-icon{background:#CFE3EF;color:#123F60;}
#wh-df .wh-df-fcard.t4{background:#F7EDEA;} #wh-df .wh-df-fcard.t4 .wh-df-fcard-icon{background:#F0DAD3;color:#9C5A4A;}
#wh-df .wh-df-fcard.t5{background:#F0EDF7;} #wh-df .wh-df-fcard.t5 .wh-df-fcard-icon{background:#DFD7F0;color:#5B4E8C;}

/* Full A-Z list */
#wh-df .wh-df-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 8px;}
#wh-df .wh-df-item{display:flex;align-items:center;gap:8px;padding:13px 16px;border-radius:12px;background:#fff;border:1px solid rgba(18,63,96,.08);font-size:14.5px;color:var(--df-ink);text-decoration:none!important;transition:border-color .15s,background-color .15s,transform .12s;}
#wh-df a.wh-df-item{cursor:pointer;}
#wh-df a.wh-df-item:hover{border-color:var(--df-navy);background:#F5F9FB;transform:translateX(2px);}
#wh-df a.wh-df-item::after{content:'';margin-left:auto;flex:none;width:7px;height:7px;border-right:2px solid var(--df-navy);border-bottom:2px solid var(--df-navy);transform:rotate(-45deg);opacity:.55;}
#wh-df span.wh-df-item{color:var(--df-muted);background:#FBFAF7;}
#wh-df .wh-df-empty{text-align:center;color:var(--df-muted);font-size:14.5px;padding:30px 10px;}
#wh-df .wh-df-empty a{color:var(--df-navy);font-weight:600;}

@media(max-width:900px){
  #wh-df .wh-df-categories{grid-template-columns:repeat(3,1fr);}
  #wh-df .wh-df-featured{grid-template-columns:repeat(3,1fr);}
  #wh-df .wh-df-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:767px){
  /* Pinned, the search + 26 letters eat about half a phone screen and leave
     almost no room for the results, so let the toolbar scroll away here. */
  #wh-df .wh-df-toolbar{position:static;}
}
@media(max-width:520px){
  #wh-df .wh-df-categories{grid-template-columns:repeat(2,1fr);gap:10px;}
  #wh-df .wh-df-cat-card{padding:14px 8px 12px!important;}
  #wh-df .wh-df-featured{grid-template-columns:repeat(2,1fr);gap:10px;}
  #wh-df .wh-df-fcard{padding:16px 8px 14px;}
  #wh-df .wh-df-intro h2{font-size:21px;}
  #wh-df .wh-df-grid{grid-template-columns:1fr;}
  #wh-df .wh-df-az{gap:7px;}
  #wh-df .wh-df-az button{width:32px;height:32px;font-size:12.5px;}
  #wh-df .wh-df-az button.wh-df-all{min-width:50px;padding:0 14px!important;}
}