/*
Theme Name:   Water Upkeep
Theme URI:    https://waterupkeep.com/
Description:  Child theme for Water Upkeep. Holds brand palette overrides, editorial content styles, the related-posts system and analytics hooks. Built to the approved Water Upkeep Pre-Build Foundation document.
Author:       Water Upkeep
Author URI:   https://waterupkeep.com/
Template:     kadence
Version:      1.0.0
Text Domain:  waterupkeep
*/

/* ---------------------------------------------------------
   Water Upkeep — locked brand tokens (Foundation doc s.4)
   --------------------------------------------------------- */
:root{
  --wu-ink:#12212B;
  --wu-body:#35434D;
  --wu-muted:#6B7A85;
  --wu-primary:#0F3D4F;
  --wu-accent:#0B6A80;
  --wu-accent-hover:#08535F;
  --wu-highlight:#22B8CF;
  --wu-verified:#1F7A5C;
  --wu-caution:#A05B00;
  --wu-surface:#F5F8FA;
  --wu-border:#DDE5EA;
}

/* Readable measure ------------------------------------------------ */
.entry-content > *{max-width:70ch;}
.entry-content > .wu-table-wrap,
.entry-content > table,
.entry-content > figure,
.entry-content > .wp-block-table{max-width:100%;}

/* Links ----------------------------------------------------------- */
.entry-content a{color:var(--wu-accent);text-decoration:underline;text-underline-offset:2px;}
.entry-content a:hover,.entry-content a:focus{color:var(--wu-accent-hover);}

/* Data tables ----------------------------------------------------- */
.entry-content table{border-collapse:collapse;width:100%;font-size:17px;margin:1.75em 0;}
.entry-content table th,
.entry-content table td{border:1px solid var(--wu-border);padding:.6em .75em;text-align:left;vertical-align:top;}
.entry-content table th{background:var(--wu-surface);color:var(--wu-ink);font-weight:600;}
.entry-content table tbody tr:nth-child(even) td{background:#FBFCFD;}
.wu-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.75em 0;}

/* Editorial callouts ---------------------------------------------- */
.wu-keypoints,.wu-safety,.wu-disclosure{
  border:1px solid var(--wu-border);
  background:var(--wu-surface);
  padding:1em 1.15em;
  margin:1.75em 0;
  border-radius:4px;
}
.wu-keypoints{border-left:4px solid var(--wu-accent);}
.wu-safety{border-left:4px solid var(--wu-caution);background:#FDF8F1;border-color:#EEDFC7;}
.wu-disclosure{border-left:4px solid var(--wu-muted);font-size:16px;}
.wu-keypoints p:first-child,.wu-safety p:first-child{margin-top:0;font-weight:600;color:var(--wu-ink);}
.wu-keypoints > *:last-child,.wu-safety > *:last-child,.wu-disclosure > *:last-child{margin-bottom:0;}

/* Sources and standards ------------------------------------------- */
.wu-sources,.entry-content h2#sources-and-standards + ol{font-size:16px;color:var(--wu-body);}
.wu-sources li{margin-bottom:.5em;}
.wu-source-note{color:var(--wu-muted);font-size:15px;}

/* Byline / review meta -------------------------------------------- */
.wu-byline{font-size:15px;color:var(--wu-muted);margin:0 0 1.5em;}
.wu-lastreviewed{font-size:15px;color:var(--wu-muted);border-top:1px solid var(--wu-border);padding-top:1em;margin-top:2.5em;}

/* Related articles ------------------------------------------------ */
.wu-related{margin:3em 0 0;padding-top:1.5em;border-top:1px solid var(--wu-border);}
.wu-related h2{font-size:23px;margin:0 0 .75em;}
.wu-related ul{list-style:none;margin:0;padding:0;}
.wu-related li{margin:0 0 .6em;padding:0;}
.wu-related a{color:var(--wu-accent);text-decoration:none;font-weight:500;}
.wu-related a:hover{text-decoration:underline;color:var(--wu-accent-hover);}

/* Accessibility --------------------------------------------------- */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--wu-highlight);outline-offset:2px;
}
.wu-skip-link{position:absolute;left:-9999px;top:0;background:var(--wu-primary);color:#fff;padding:.75em 1em;z-index:100000;}
.wu-skip-link:focus{left:0;}
