/*
Theme Name: Home Alone Pet Guide (Kadence Child)
Theme URI: https://homealonepetguide.com
Description: Brand child theme for Home Alone Pet Guide. Adds the green-led editorial palette, Source Serif 4 + Public Sans typography, and the buyer-guide components (product cards, welfare and disclosure callouts, comparison tables). Built on Kadence.
Author: Home Alone Pet Guide
Template: kadence
Version: 1.2.3
License: GNU General Public License v2 or later
Text Domain: hapg-kadence-child
*/

:root{
  --hapg-ink:#17211B;
  --hapg-sage:#759681;
  --hapg-sage-2:#7D9983;
  --hapg-bg:#F4F8F3;
  --hapg-paper:#F8F6EF;
  --hapg-surface:#FFFFFF;
  --hapg-panel:#E8F0E4;
  --hapg-panel-2:#DCE7D8;
  --hapg-line:#C7D4C7;
  --hapg-card-border:#B8C9B8;
  --hapg-muted:#526258;
  --hapg-radius:22px;
  --hapg-shadow:0 10px 26px rgba(23,33,27,0.045);
  --hapg-serif:'Source Serif 4', Georgia, serif;
  --hapg-sans:'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hapg-leaf:var(--hapg-ink);
  --hapg-sage-dark:var(--hapg-sage-2);
  --hapg-surface-soft:var(--hapg-panel);
  --global-palette1:var(--hapg-ink);
  --global-palette2:var(--hapg-sage-2);
  --global-palette3:var(--hapg-ink);
  --global-palette4:var(--hapg-muted);
  --global-palette5:var(--hapg-muted);
  --global-palette6:var(--hapg-line);
  --global-palette7:var(--hapg-panel);
  --global-palette8:var(--hapg-paper);
  --global-palette9:var(--hapg-surface);
}

body{background:var(--hapg-bg);color:var(--hapg-ink);font-family:var(--hapg-sans)}

.site-header,.site-main-header-wrap,.site-bottom-header-wrap{background:var(--hapg-surface);border-bottom:1px solid rgba(199,212,199,.65)}
.main-navigation .primary-menu-container>ul>li.menu-item>a,.mobile-navigation ul li a{color:var(--hapg-ink);font-weight:700}
.main-navigation .primary-menu-container>ul>li.menu-item>a:hover,.main-navigation .primary-menu-container>ul>li.current-menu-item>a{color:var(--hapg-sage-2)}
.site-branding .custom-logo,.site-branding img.custom-logo,.hapg-site-logo{width:clamp(180px,16vw,220px);max-width:220px;height:auto}
.site-footer{background:var(--hapg-paper);border-top:1px solid var(--hapg-line);color:var(--hapg-ink)}
.site-footer a{color:var(--hapg-ink);text-underline-offset:.18em}
.site-footer a:hover{color:var(--hapg-sage-2)}
.site-footer .footer-navigation a,.site-footer .footer-menu-container a,.site-footer .menu a{color:var(--hapg-muted);font-weight:600;text-decoration:none}
.site-footer .footer-navigation a:hover,.site-footer .footer-menu-container a:hover,.site-footer .menu a:hover{color:var(--hapg-ink);text-decoration:underline;text-decoration-color:var(--hapg-sage);text-underline-offset:.2em}

.mobile-toggle-open-container .menu-toggle-open,.popup-drawer .drawer-toggle,#mobile-drawer .drawer-toggle{color:var(--hapg-ink)!important;background:var(--hapg-surface)!important;border:1px solid var(--hapg-line)!important;border-radius:8px!important;box-shadow:none!important}
.mobile-toggle-open-container .menu-toggle-open .menu-toggle-icon,.mobile-toggle-open-container .menu-toggle-open svg{color:var(--hapg-ink)!important}
.popup-drawer .drawer-inner,#mobile-drawer .drawer-inner,.popup-drawer .drawer-content,#mobile-drawer .drawer-content{background:var(--hapg-bg)!important;color:var(--hapg-ink)!important}
.popup-drawer .drawer-header,#mobile-drawer .drawer-header{background:var(--hapg-bg)!important;border-bottom:1px solid var(--hapg-line)}
.popup-drawer .mobile-navigation ul,#mobile-drawer .mobile-navigation ul{background:transparent!important}
.popup-drawer .mobile-navigation ul li,#mobile-drawer .mobile-navigation ul li{border-bottom:1px solid var(--hapg-line)!important}
.popup-drawer .mobile-navigation ul li a,#mobile-drawer .mobile-navigation ul li a{display:flex;align-items:center;min-height:3.4rem;padding:.9rem 1rem;color:var(--hapg-ink)!important;font-size:1rem;font-weight:800;line-height:1.25;text-decoration:none}
.popup-drawer .mobile-navigation ul li a:hover,.popup-drawer .mobile-navigation ul li.current-menu-item>a,#mobile-drawer .mobile-navigation ul li a:hover,#mobile-drawer .mobile-navigation ul li.current-menu-item>a{color:var(--hapg-ink)!important;background:var(--hapg-panel)!important}
.popup-drawer .drawer-toggle .toggle-close-bar,#mobile-drawer .drawer-toggle .toggle-close-bar{background:var(--hapg-ink)!important}
.popup-drawer.active .drawer-overlay{background:rgba(23,33,27,.28)!important}

@media(max-width:767px){
  .site-branding .custom-logo,.site-branding img.custom-logo,.hapg-site-logo{width:clamp(150px,46vw,170px);min-width:140px}
}

/* Homepage UI */
body.home .entry-hero,
body.home .entry-header,
body.home .entry-title,
body.home .page-title{display:none!important}

body.home{background:var(--hapg-bg)}
body.home .entry-content>.wp-block-group:first-child,
body.home main .wp-block-group:first-child{border:1px solid var(--hapg-line)}
body.home .entry-content h1{font-weight:700;line-height:1.06}
body.home .entry-content h2,
body.home .entry-content h3{font-weight:700}

body.home .wp-block-buttons{gap:.65rem}
body.home .wp-block-buttons .wp-block-button__link{border-radius:999px!important;font-weight:800;text-decoration:none;box-shadow:none}
body.home .wp-block-buttons .wp-block-button:first-child .wp-block-button__link{background:var(--hapg-ink)!important;color:var(--hapg-paper)!important;border:1px solid var(--hapg-ink)!important;box-shadow:0 8px 18px rgba(23,33,27,.10)}
body.home .wp-block-buttons .wp-block-button:nth-child(2) .wp-block-button__link{background:var(--hapg-surface)!important;color:var(--hapg-ink)!important;border:1px solid var(--hapg-line)!important}
body.home .wp-block-buttons .wp-block-button .wp-block-button__link:hover{opacity:.94}

.hapg-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:clamp(1rem,3vw,2.4rem);align-items:center}
.hapg-hero__content{min-width:0}
.hapg-hero__media:empty{display:none}
.hapg-hero__media img,.hapg-hero figure img{display:block;width:100%;height:auto;border:1px solid var(--hapg-card-border);border-radius:18px;background:var(--hapg-paper);box-shadow:var(--hapg-shadow);object-fit:cover}
.hapg-hero__media figcaption,.hapg-hero figure figcaption{margin-top:.45rem;color:var(--hapg-muted);font-size:.85rem}
@media(max-width:820px){
  .hapg-hero{grid-template-columns:1fr}
  .hapg-hero__media{order:2}
}

/* Editorial content */
.entry-content{font-family:var(--hapg-sans);color:var(--hapg-ink)}
.entry-content h1,.entry-content h2,.entry-content h3{font-family:var(--hapg-serif);color:var(--hapg-ink);letter-spacing:0;line-height:1.1}
.entry-content h2{margin-top:2rem}
.entry-content h3{margin-top:1.4rem}
.entry-content p,.entry-content li{color:var(--hapg-ink)}
.entry-content a{color:var(--hapg-ink);text-decoration-color:var(--hapg-sage);text-underline-offset:.18em}
.entry-content a:hover{color:var(--hapg-sage-2);text-decoration-color:var(--hapg-sage-2)}
.entry-content .meta,.meta{color:var(--hapg-muted);font-size:.9rem;line-height:1.5}

/* Lede paragraph block style */
.is-style-lede{font-size:1.2rem;line-height:1.6;color:var(--hapg-ink);max-width:62ch}

/* Layout helpers */
.grid{display:grid;gap:1rem}
.grid-2,.ha-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:780px){.grid-2,.grid-3,.ha-cards{grid-template-columns:1fr}}

/* Pills and cards */
.pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--hapg-line);border-radius:999px;background:var(--hapg-panel);color:var(--hapg-ink);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .55rem}
.card{background:var(--hapg-surface);border:1px solid var(--hapg-card-border);border-radius:var(--hapg-radius);padding:1.2rem;box-shadow:var(--hapg-shadow)}
a.card-link{text-decoration:none;color:inherit;display:block;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}
a.card-link:hover{border-color:var(--hapg-sage);transform:translateY(-2px)}
.card h3{margin:.45rem 0 .35rem;font-family:var(--hapg-serif);color:var(--hapg-ink);font-size:1.25rem}
.card p{margin-bottom:0;color:var(--hapg-muted)}
.card-icon{display:none!important}
body.home .wp-block-column{border-color:var(--hapg-card-border)!important;background:var(--hapg-surface)}
body.home .wp-block-column:hover{border-color:var(--hapg-sage)!important}

/* Welfare / disclosure / notice callouts */
.welfare,.disclosure,.notice{border:1px solid var(--hapg-line);border-radius:18px;padding:1rem;margin:1.2rem 0;color:var(--hapg-ink)}
.welfare{background:var(--hapg-panel);border-left:6px solid var(--hapg-sage)}
.disclosure{background:var(--hapg-paper);border-left:6px solid var(--hapg-ink)}
.notice{background:var(--hapg-panel-2)}
.trust-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.05rem 0 1.55rem;padding:0;background:transparent}
.trust-strip p{display:inline-flex;align-items:center;margin:0;padding:.36rem .62rem;border:1px solid var(--hapg-line);border-radius:999px;background:var(--hapg-panel);color:var(--hapg-muted);font-size:.82rem;font-weight:500;line-height:1.25}
.checklist-capture{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);gap:1rem;align-items:center;background:var(--hapg-paper);border:1px solid var(--hapg-line);border-radius:var(--hapg-radius);padding:1.2rem;margin:1.5rem 0;box-shadow:var(--hapg-shadow)}
@media(max-width:780px){.checklist-capture{grid-template-columns:1fr}}

/* Comparison tables */
.table-wrap{overflow:auto;border:1px solid var(--hapg-line);border-radius:18px;background:var(--hapg-surface);margin:1rem 0 1.4rem}
.table-wrap table{width:100%;border-collapse:collapse;min-width:680px;margin:0}
.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:.8rem;border-bottom:1px solid var(--hapg-line)}
.table-wrap th{background:var(--hapg-panel);color:var(--hapg-ink);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.table-wrap tr:last-child td{border-bottom:0}

/* Product cards */
.product-card{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:1rem;border:1px solid var(--hapg-line);background:var(--hapg-surface);border-radius:22px;padding:1rem;margin:1.2rem 0;box-shadow:var(--hapg-shadow)}
.product-card h3{margin:.2rem 0 .5rem}
.product-side{background:var(--hapg-panel);border:1px solid var(--hapg-line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;justify-content:center;gap:.65rem}
.verdict{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.6rem 0}
.verdict div{background:var(--hapg-bg);border:1px solid var(--hapg-line);border-radius:14px;padding:.7rem;font-size:.92rem}
.source-note,.trust-note,.not-tested{font-size:.86rem;color:var(--hapg-muted);border-top:1px solid var(--hapg-line);padding-top:.7rem;margin-top:.7rem}
.not-tested{color:var(--hapg-ink);font-weight:700}
.source-list a{word-break:break-word}
.product-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:.75rem 0}
.product-checks p{margin:0;padding:.65rem;border:1px solid var(--hapg-line);border-radius:14px;background:var(--hapg-bg);font-size:.9rem}
@media(max-width:780px){.product-card,.product-checks,.verdict{grid-template-columns:1fr}}

/* Checklists */
.checklist-section{border:1px solid var(--hapg-line);border-radius:22px;background:var(--hapg-surface);padding:1.1rem;margin:1.1rem 0;box-shadow:var(--hapg-shadow)}
.checklist-section h3{margin-top:0}
.checklist{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.55rem}
.checklist li{margin:0}
.checklist label{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.65rem;align-items:start;color:var(--hapg-ink)}
.checklist input[type="checkbox"]{width:1.05rem;height:1.05rem;margin:.2rem 0 0;accent-color:var(--hapg-ink)}
.printable{border:1px solid var(--hapg-line);border-radius:22px;background:var(--hapg-paper);padding:1rem;margin:1rem 0}

@media print{
  .site-header,.wp-block-buttons,form[data-placeholder-form],.checklist-capture{display:none!important}
  body{background:#fff;color:#000}
  .entry-content{font-size:11pt}
  .checklist-section,.printable,.welfare,.notice{box-shadow:none;break-inside:avoid;border-color:#999;background:#fff}
}

/* Buttons (Kadence/core button overrides to brand) */
.wp-block-button__link,.btn,.btn-primary,.btn-product{display:inline-block;background:var(--hapg-ink);color:var(--hapg-paper);border:1px solid var(--hapg-ink);border-radius:999px;padding:.72rem 1rem;font-weight:800;text-decoration:none;text-align:center;line-height:1.2}
.wp-block-button__link:hover,.btn:hover,.btn-primary:hover,.btn-product:hover{background:var(--hapg-ink);color:var(--hapg-paper);border-color:var(--hapg-ink);opacity:.94}
.wp-block-button.is-style-outline .wp-block-button__link,.btn-secondary{background:var(--hapg-panel);color:var(--hapg-ink);border:1px solid var(--hapg-line)}
.wp-block-button.is-style-outline .wp-block-button__link:hover,.btn-secondary:hover{background:var(--hapg-panel-2);color:var(--hapg-ink);border-color:var(--hapg-sage)}
.entry-content a.wp-block-button__link,.entry-content a.btn,.entry-content a.btn-primary,.entry-content a.btn-product{color:var(--hapg-paper)!important;text-decoration:none}
.entry-content a.wp-block-button__link:hover,.entry-content a.wp-block-button__link:visited,.entry-content a.btn:hover,.entry-content a.btn:visited,.entry-content a.btn-primary:hover,.entry-content a.btn-primary:visited,.entry-content a.btn-product:hover,.entry-content a.btn-product:visited{color:var(--hapg-paper)!important;text-decoration:none}
.entry-content .wp-block-button.is-style-outline a.wp-block-button__link,.entry-content a.btn-secondary{color:var(--hapg-ink)!important}
form[data-placeholder-form]{display:grid;gap:.55rem;max-width:28rem}
form[data-placeholder-form] label{font-weight:800;color:var(--hapg-ink)}
form[data-placeholder-form] input{border:1px solid var(--hapg-line);border-radius:14px;padding:.75rem 1rem;color:var(--hapg-ink);background:var(--hapg-surface)}