/*
Theme Name: Tin Dog Child
Template: generatepress
Version: 1.1.0
Description: Tin Dog Digital on GeneratePress. Forest canon (accent #2c5f4a, hover #234c3b, bg #faf8f5, ink #1a1a1a).
*/
:root{--td-ink:#1a1a1a;--td-accent:#2c5f4a;--td-accent-h:#234c3b;--td-bg:#faf8f5;--td-line:#e6e2da;--td-muted:#5a5a5a;--td-error-bg:#f8ecec}
body{color:var(--td-ink);background:var(--td-bg);font-family:Raleway,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;font-size:16px}
h1,h2,h3,h4,.main-title{font-family:"Della Respira",Georgia,serif;font-weight:400;color:var(--td-ink)}
a{color:var(--td-accent)}a:hover{color:var(--td-accent-h)}
/* header */
.site-header{background:#fff;border-bottom:1px solid var(--td-line)}
.site-header .inside-header{padding:18px 24px;max-width:1100px;margin:0 auto}
.site-logo img,.custom-logo{width:64px;height:64px;border-radius:4px}
.site-branding .main-title{font-size:30px;line-height:1.1}
.site-branding .main-title a{color:var(--td-ink)}
.site-description{font-size:13px;color:var(--td-muted);margin:4px 0 0}
.main-navigation,.main-navigation ul ul{background:#fff}
.main-navigation .inside-navigation{max-width:1100px;margin:0 auto}
.main-navigation .main-nav ul li a{font-family:"Della Respira",Georgia,serif;font-size:15px;color:var(--td-ink);padding-left:12px;padding-right:12px;line-height:48px}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current_page_item>a{color:var(--td-accent)}
.main-navigation .main-nav ul li.current-menu-item>a{box-shadow:inset 0 -3px 0 var(--td-accent)}
.menu-toggle{color:var(--td-ink)!important;font-family:Raleway,sans-serif}
/* page shell: pages are full width, no title (hero carries it) */
.page .entry-header,.home .entry-header{display:none}
.page .site-main .inside-article,.separate-containers.page .inside-article{padding:0;background:transparent}
.page .site-content{padding:0}
.page .entry-content{margin-top:0}
.site-footer,.site-info{background:#1a1a1a;color:#cfcac0}
.site-info a{color:#fff}.td-foot{font-size:14px}
/* blog */
.blog .inside-article,.single .inside-article,.archive .inside-article{background:#fff;border:1px solid var(--td-line);border-radius:10px}
.single .entry-title,.blog .entry-title a{color:var(--td-ink)}
/* shared components */
.td-btn{display:inline-block;padding:.8rem 1.4rem;border-radius:6px;background:var(--td-accent);color:#fff!important;text-decoration:none;font-weight:600;border:0;cursor:pointer}
.td-btn:hover{background:var(--td-accent-h)}
.td-hero{background:linear-gradient(135deg,#2c5f4a 0%,#1a1a1a 100%)!important;color:#fff!important;padding:64px 20px;text-align:center}
.td-hero h1,.td-hero h2,.td-hero p{color:#fff!important}
.td-content{max-width:900px;margin:0 auto;padding:50px 20px}
/* forms (standalone build) */
.td-form label{display:block;margin:.75rem 0 .25rem;font-weight:600}
.td-form input,.td-form textarea,.td-form select{width:100%;max-width:560px;padding:.65rem;border:1px solid #c9d1dc;border-radius:6px;background:#fff;font-weight:400;display:block;margin-top:.3rem}
.td-hp{position:absolute;left:-9999px}
.td-msg:not(:empty){margin-top:1rem;padding:.75rem 1rem;border-radius:6px;background:var(--td-error-bg)}
/* ops checklist pages (block content, no hero markup) */
.td-plain{max-width:760px;margin:0 auto;padding:50px 20px}
/* ===== ported from live mu-plugins (scope rewritten to body.tdd-site) ===== */
/* Tin Dog Digital — Style unify Phase 2
   Soft-align Command Desk (WP) toward HostGator product canon.
   Paste into: Appearance → Customize → Additional CSS (append).

   Scope: .tdd-site only. Do not change Spacious sitewide accent.
   !important used so these beat the page's own embedded <style> block.
   Product canon: accent #2c5f4a / hover #234c3b / bg #faf8f5 / ink #1a1a1a
*/

.tdd-site .td-hero {
  background: linear-gradient(135deg, #2c5f4a 0%, #1a1a1a 100%) !important;
  color: #ffffff !important;
}

.tdd-site .td-content h2 {
  color: #1a1a1a !important;
}

.tdd-site .td-card {
  background: #ffffff !important;
  border: 1px solid #e6e2da !important;
  box-shadow: 0 2px 10px rgba(26, 26, 26, 0.06) !important;
}

.tdd-site .td-card-header {
  background: #faf8f5 !important;
  border-bottom: 1px solid #e6e2da !important;
}

.tdd-site .td-card-header .price {
  color: #2c5f4a !important;
}

.tdd-site .td-card-body li:before {
  color: #2c5f4a !important;
}

.tdd-site .td-btn {
  background: #2c5f4a !important;
  color: #ffffff !important;
}

.tdd-site .td-btn:hover {
  background: #234c3b !important;
  color: #ffffff !important;
}

.tdd-site .td-btn-secondary {
  background: #5a5a5a !important;
  color: #ffffff !important;
}

.tdd-site .td-btn-secondary:hover {
  background: #1a1a1a !important;
  color: #ffffff !important;
}

.tdd-site .td-cta {
  background: linear-gradient(135deg, #2c5f4a 0%, #1a1a1a 100%) !important;
  color: #ffffff !important;
}

.tdd-site .td-note {
  background: #faf8f5 !important;
  border-left: 4px solid #2c5f4a !important;
  color: #5a5a5a !important;
}

.tdd-site #main,
.tdd-site .site-content,
.tdd-site .td-content {
  background-color: #faf8f5 !important;
}

/* 2026-09-24 small fixes (site consistency audit) */
/* 1. Readable headings on the green gradient */
.tdd-site .td-hero h1,
.tdd-site .td-cta h2 {
  color: #ffffff !important;
}
/* 1b. Closing button stands out from the gradient */
.tdd-site .td-cta .td-btn {
  background: #ffffff !important;
  color: #2c5f4a !important;
}
/* 2. Hide Spacious duplicate title bar above the hero */
.tdd-site .header-post-title-container {
  display: none !important;
}
/* 3. List and bold text use the font that actually loads */
.tdd-site .td-content li,
.tdd-site .td-content strong {
  font-family: Raleway, sans-serif !important;
}
.tdd-site .td-cta .td-btn:hover {
  background: #f3efe8 !important;
  color: #234c3b !important;
}
/* Tin Dog Digital. Slack Opportunity Audit (WordPress)
   Soft-align to Command Desk (page-id-123522) and HostGator product canon.
   Inlined by tdd-slack-audit.php (handle tdd-slack-audit-inline-css).
   Scope: body.tdd-site only. Do not change Spacious sitewide accent.
   Product canon: accent #2c5f4a / hover #234c3b / bg #faf8f5 / ink #1a1a1a
*/

.tdd-site .header-post-title-container,
.tdd-site .page-title {
  display: none !important;
}

.tdd-site #main,
.tdd-site .site-content,
.tdd-site .td-content {
  background-color: #faf8f5 !important;
}

.tdd-site .td-hero {
  background: linear-gradient(135deg, #2c5f4a 0%, #1a1a1a 100%) !important;
  color: #ffffff !important;
  padding: 60px 20px;
  text-align: center;
}

.tdd-site .td-hero h1 {
  font-size: 38px;
  margin: 0 0 15px;
  color: #ffffff !important;
}

.tdd-site .td-hero p {
  font-size: 18px;
  opacity: 0.9;
  color: #ffffff !important;
}

.tdd-site .td-hero .subtitle {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 10px;
}

.tdd-site .td-hero .price-line {
  font-size: 16px;
  opacity: 0.95;
  margin: 18px 0 8px;
}

.tdd-site .td-hero .price-line strong {
  font-size: 22px;
}

.tdd-site .td-content {
  padding: 50px 20px;
  max-width: 900px;
  margin: 0 auto;
}

.tdd-site .td-content h2 {
  color: #1a1a1a !important;
  font-size: 28px;
  margin-bottom: 20px;
}

.tdd-site .td-content p {
  color: #555;
  line-height: 1.7;
  margin-bottom: 20px;
}

.tdd-site .td-content li,
.tdd-site .td-content strong {
  font-family: Raleway, sans-serif !important;
}

.tdd-site .td-card {
  background: #ffffff !important;
  border: 1px solid #e6e2da !important;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(26, 26, 26, 0.06) !important;
  padding: 24px 28px;
  margin: 24px 0;
}

.tdd-site .td-card h2 {
  margin-top: 0;
}

.tdd-site .td-card ul,
.tdd-site .td-card ol {
  padding-left: 1.2rem;
  margin: 0;
}

.tdd-site .td-card li {
  margin: 0.4rem 0;
  color: #555;
}

.tdd-site .td-btn {
  display: inline-block;
  background: #2c5f4a !important;
  color: #ffffff !important;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-family: Raleway, sans-serif;
  font-size: 16px;
}

.tdd-site .td-btn:hover {
  background: #234c3b !important;
  color: #ffffff !important;
}

.tdd-site .td-cta {
  background: linear-gradient(135deg, #2c5f4a 0%, #1a1a1a 100%) !important;
  color: #ffffff !important;
  padding: 50px 20px;
  text-align: center;
  border-radius: 12px;
  margin: 40px 0;
}

.tdd-site .td-cta h2 {
  font-size: 28px;
  margin-bottom: 15px;
  color: #ffffff !important;
}

.tdd-site .td-cta p {
  opacity: 0.9;
  margin-bottom: 20px;
  color: #ffffff !important;
}

.tdd-site .td-cta .td-btn {
  background: #ffffff !important;
  color: #2c5f4a !important;
}

.tdd-site .td-cta .td-btn:hover {
  background: #f3efe8 !important;
  color: #234c3b !important;
}

.tdd-site .td-note {
  background: #faf8f5 !important;
  border-left: 4px solid #2c5f4a !important;
  padding: 16px 20px;
  margin: 30px 0;
  color: #5a5a5a !important;
  font-size: 14px;
}

.tdd-site .td-fine {
  font-size: 0.9rem;
  color: #5a5a5a;
}

.tdd-site .td-content a {
  color: #2c5f4a;
}

.tdd-site code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.9em;
}

.tdd-site .td-field {
  margin: 0 0 1.1rem;
}

.tdd-site .td-field label {
  display: block;
  font-family: Raleway, sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  margin: 0 0 0.35rem;
  color: #1a1a1a;
}

.tdd-site .td-hint {
  display: block;
  font-weight: 400;
  color: #5a5a5a;
  font-size: 0.8rem;
  margin-top: 0.15rem;
}

.tdd-site input[type="text"],
.tdd-site input[type="email"],
.tdd-site textarea {
  width: 100%;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e6e2da;
  border-radius: 8px;
  font-size: 1rem;
  font-family: Raleway, sans-serif;
  color: #1a1a1a;
  background: #fff;
  box-sizing: border-box;
}

.tdd-site textarea {
  min-height: 7rem;
  resize: vertical;
}

.tdd-site input:focus,
.tdd-site textarea:focus {
  outline: 2px solid #2c5f4a;
  outline-offset: 1px;
}

.tdd-site .td-errors {
  background: #f8ecec;
  border: 1px solid #e0c4c4;
  color: #8b2e2e;
  padding: 0.9rem 1.1rem;
  border-radius: 10px;
  margin: 0 0 1rem;
}

.tdd-site .td-errors ul {
  margin: 0.4rem 0 0;
  padding-left: 1.2rem;
}

.tdd-site .td-hp {
  position: absolute;
  left: -9999px;
  height: 0;
  overflow: hidden;
}

.tdd-site .next-steps {
  padding-left: 1.2rem;
}

.tdd-site .next-steps li {
  margin: 0.4rem 0;
}

@media (max-width: 560px) {
  .tdd-site .td-hero h1 {
    font-size: 28px;
  }

  .tdd-site .td-btn {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}
/* ===== responsive ===== */
@media (max-width:768px){.td-hero{padding:44px 18px}.td-hero h1{font-size:30px!important}.td-content{padding:32px 16px}.site-branding .main-title{font-size:24px}}
/* ===== v1.1 polish ===== */
.nav-below-header .main-navigation .inside-navigation{justify-content:flex-start;padding:0 12px}
.td-products .td-card{padding:0!important}
.td-card-body .td-btn,.td-card-body .td-btn-secondary{display:block;text-align:center}
.td-cta .td-btn{display:inline-block}
/* home: imported verbatim with inline styles; recolor to forest canon */
.home .entry-content>div{background:transparent!important;font-family:inherit!important}
.home .entry-content span[style*="#e94560"]{background:#e8f0ec!important;color:#2c5f4a!important;font-weight:600}
.home .entry-content a[style*="#1a1a2e"]{background:#2c5f4a!important}
.home .entry-content a[style*="#1a1a2e"]:hover{background:#234c3b!important}
.home .entry-content h1,.home .entry-content h2,.home .entry-content h3{color:#1a1a1a!important}
.home .entry-content>div>div:first-of-type{background:linear-gradient(135deg,#2c5f4a 0%,#1a1a1a 100%)!important;color:#fff}
.home .entry-content>div>div:first-of-type h1,.home .entry-content>div>div:first-of-type p{color:#fff!important}
.home .entry-content>div>div:first-of-type a[style]{background:#fff!important;color:#2c5f4a!important}
.home .entry-content div[style*="background: white"]{border:1px solid #e6e2da}
.home .entry-content p:empty{display:none}
.main-navigation .main-nav ul li[class*="current-menu-"]>a,.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li a:focus{background:transparent!important;color:var(--td-accent)!important}
.site-branding-container{display:flex;align-items:center;gap:16px}
.site-branding-container .site-logo{order:-1;margin:0}
.main-navigation .main-nav ul li a{color:var(--td-ink)}