/* Dune-warm patch behind the logo on dark headers */
.site-branding a img,
.custom-logo-link {
	display: inline-block !important;
}
.custom-logo,
.site-branding img {
    max-width: 150px !important;
    height: auto !important;
}

/* Dune-warm patch behind the logo in the footer */
/* Dune-warm patch behind the logo in the footer */
.footer-widget-area-inner .wp-block-image img,
.footer-widget-area-inner figure.wp-block-image img,
.site-info-inner .wp-block-image img {
	display: inline-block !important;
	max-width: 150px !important;
	height: auto !important;
	width: auto !important;
}

/* Footer text and link colors */
.site-footer,
.site-footer p,
.site-footer li,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6 {
    color: #E2DED3;
}

.site-footer a { color: #E2DED3; text-decoration: none; }
.site-footer a:hover { color: #C9A876; }
.site-footer ul { list-style: none; padding: 0; }

/* Hero overlay, full-width, and page title fix */
.kb-row-layout-id16850_b701e4-86 > .kt-row-column-wrap::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(125deg, rgba(43,23,16,0.88) 0%, rgba(43,23,16,0.15) 100%);
    z-index: 1;
    pointer-events: none;
}
.kb-row-layout-id16850_b701e4-86 .kt-row-column-wrap > * {
    position: relative;
    z-index: 2;
}

.page-id-16850 .entry-title {
    display: none;
}

/* Footer directory link spacing fix */
.site-footer .widget_nav_menu li {
    margin-bottom: 4px;
}
/* Full-width content area and remove top spacing */
.page-id-16850 .entry-content-wrap {
    max-width: 100%;
    padding: 0;
}
.page-id-16850 .content-wrap {
    max-width: 100%;
    padding: 0;
}
.page-id-16850 .site-main {
    padding-top: 0;
}
/* Make hero section full-width */
.page-id-16850 .entry-content-wrap section[style*="Brent_flynn"] {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
/* Remove space above hero */
.page-id-16850 section.entry-hero {
    display: none;
}
.page-id-16850 .entry-content-wrap {
    padding-top: 0 !important;
    margin-top: 0;
}	
/* Full-width breakout for custom HTML sections on homepage */
.page-id-16850 .entry-content-wrap section.wcc-verify,
.page-id-16850 .entry-content-wrap section.wcc-tiles,
.page-id-16850 .entry-content-wrap section.wcc-story,
.page-id-16850 .entry-content-wrap section.wcc-spotlight,
.page-id-16850 .entry-content-wrap section.wcc-dogs,
.page-id-16850 .entry-content-wrap section.wcc-sponsors,
.page-id-16850 .entry-content-wrap section.wcc-corral {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.page-id-16850 #wrapper,
.page-id-16850 #inner-wrap,
.page-id-16850 .entry-content-wrap,
.page-id-16850 .entry-content,
.page-id-16850 .content-container {
    overflow: visible !important;
}
/* Align footer widget headings */
.site-footer .footer-widget-area-inner .widget_block h3.wp-block-heading {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.site-footer .footer-widget-area-inner .site-info-inner > .widget_block:first-child {
    margin-top: 0 !important;
}

/* Hide empty widget block above Directory */
.site-footer #block-9 {
    display: none !important;
}

.site-footer .footer-widget-area-inner .widget_block:last-child {
    margin-bottom: 0 !important;
}
/* Full-width breakout for Verification Standard sections */
.page-id-16984 .entry-content-wrap section.wcc-standard-hero,
.page-id-16984 .entry-content-wrap section.wcc-standard-check,
.page-id-16984 .entry-content-wrap section.wcc-standard-evidence,
.page-id-16984 .entry-content-wrap section.wcc-standard-registries,
.page-id-16984 .entry-content-wrap section.wcc-standard-process,
.page-id-16984 .entry-content-wrap section.wcc-standard-examples,
.page-id-16984 .entry-content-wrap section.wcc-standard-redflags,
.page-id-16984 .entry-content-wrap section.wcc-standard-brent,
.page-id-16984 .entry-content-wrap section.wcc-standard-health,
.page-id-16984 .entry-content-wrap section.wcc-standard-disclaimer,
.page-id-16984 .entry-content-wrap section.wcc-standard-version,
.page-id-16984 .entry-content-wrap section.wcc-standard-close {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}
.page-id-16984 #wrapper,
.page-id-16984 #inner-wrap,
.page-id-16984 .entry-content-wrap,
.page-id-16984 .entry-content,
.page-id-16984 .content-container {
    overflow: visible !important;
}
.page-id-16984 .entry-header,
.page-id-16984 .entry-title {
    display: none !important;
}
/* Verification Standard — remove space above hero */
.page-id-16984 section.entry-hero {
    display: none;
}
.page-id-16984 .entry-content-wrap {
    padding-top: 0 !important;
    margin-top: 0;
}
/* Verification Standard — close gaps between sections */
.page-id-16984 .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* Verification Standard — remove space between last section and footer */
.page-id-16984 .entry-content-wrap {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.page-id-16984 .entry-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.page-id-16984 .content-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
/* Full-bleed: each section spans the full viewport width */
.page-id-17073 .entry-content-wrap section.wcc-about-hero,
.page-id-17073 .entry-content-wrap section.wcc-about-problem,
.page-id-17073 .entry-content-wrap section.wcc-about-brent,
.page-id-17073 .entry-content-wrap section.wcc-about-lisa,
.page-id-17073 .entry-content-wrap section.wcc-about-ellie,
.page-id-17073 .entry-content-wrap section.wcc-about-scope,
.page-id-17073 .entry-content-wrap section.wcc-about-testimonials,
.page-id-17073 .entry-content-wrap section.wcc-about-mission,
.page-id-17073 .entry-content-wrap section.wcc-about-close {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Remove container clipping and width caps */
.page-id-17073 #wrapper,
.page-id-17073 #inner-wrap,
.page-id-17073 .entry-content-wrap,
.page-id-17073 .entry-content,
.page-id-17073 .content-container {
    overflow: visible !important;
    max-width: 100% !important;
}

/* Hide the WordPress page title above the hero */
.page-id-17073 .entry-header,
.page-id-17073 .entry-title {
    display: none !important;
}

/* Pull content up under the header, kill default spacing */
.page-id-17073 section.entry-hero {
    display: none;
}
.page-id-17073 .entry-content-wrap {
    padding-top: 0 !important;
    margin-top: 0;
}

.page-id-17073 .entry-content-wrap,
.page-id-17073 .entry-content,
.page-id-17073 .content-container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.page-id-17073 .entry-content > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* ================= ADVERTISE WITH US (page 17098) ================= */
/* Full-bleed: each section spans the full viewport width */
.page-id-17098 .entry-content-wrap section.wcc-adv-hero,
.page-id-17098 .entry-content-wrap section.wcc-adv-corral,
.page-id-17098 .entry-content-wrap section.wcc-adv-reach,
.page-id-17098 .entry-content-wrap section.wcc-adv-tiers,
.page-id-17098 .entry-content-wrap section.wcc-adv-quote,
.page-id-17098 .entry-content-wrap section.wcc-adv-faq,
.page-id-17098 .entry-content-wrap section.wcc-adv-cta {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}
/* Remove container clipping and width caps */
.page-id-17098 #wrapper, .page-id-17098 #inner-wrap,
.page-id-17098 .entry-content-wrap, .page-id-17098 .entry-content,
.page-id-17098 .content-container {
    overflow: visible !important; max-width: 100% !important;
}
/* Hide the WordPress page title above the hero */
.page-id-17098 .entry-header, .page-id-17098 .entry-title { display: none !important; }
/* Pull content up under the header, kill default spacing */
.page-id-17098 .entry-content-wrap { padding-top: 0 !important; margin-top: -180px; }
.page-id-17098 .entry-content-wrap, .page-id-17098 .entry-content,
.page-id-17098 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-17098 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }
/* ===== Advertise page fixes (08/02) — append at very bottom ===== */

/* Hero: use the extended 2400x1500 photo, centered so the handler and dog both stay in frame */
.page-id-17098 .entry-content-wrap section.wcc-adv-hero {
  background-image: url('https://westcoastcowdogs.com/wp-content/uploads/2026/08/wcc-hero-advertise-with-us-2400x1500-1.jpg') !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Tier cards: force the three buttons onto one baseline. The theme resets link
   margins, which kills margin-top:auto, so this has to override with !important. */
.page-id-17098 section.wcc-adv-tiers div[style*="grid-template-columns"] > div {
  display: flex !important;
  flex-direction: column !important;
}
.page-id-17098 section.wcc-adv-tiers div[style*="grid-template-columns"] > div > a {
  margin-top: auto !important;
}
/* Hero final framing — must stay last; overrides all earlier hero rules */
.page-id-17098 .entry-content-wrap section.wcc-adv-hero {
  background-image: url('https://westcoastcowdogs.com/wp-content/uploads/2026/08/wcc-hero-advertise-with-us-2400x1500-1.jpg') !important;
  background-position: center top !important;
  background-size: cover !important;
  aspect-ratio: 1.95 / 1 !important;
  max-height: none !important;
}
/* Hero final framing — must stay last; overrides all earlier hero rules */
.page-id-17098 .entry-content-wrap section.wcc-adv-hero {
  background-image: url('https://westcoastcowdogs.com/wp-content/uploads/2026/08/wcc-hero-advertise-with-us-2400x1500-1.jpg') !important;
  background-position: center top !important;
  background-size: cover !important;
  aspect-ratio: 1.95 / 1 !important;
  max-height: none !important;
}	
/* Hero framing — keep this the LAST rule in the box */
.page-id-17098 .entry-content-wrap section.wcc-adv-hero {
  background-image: url('https://westcoastcowdogs.com/wp-content/uploads/2026/08/wcc-hero-advertise-with-us-2400x1500-1.jpg') !important;
  background-position: center top !important;
  background-size: cover !important;
  aspect-ratio: 1.95 / 1 !important;
  max-height: none !important;
margin-top: 72px !important;	
}

/* John Dowdy testimonial — K10 logo on a light chip so the whole mark reads on the dark band */
.page-id-17098 section.wcc-adv-quote p[style*="C9A876"]::before {
  content: "";
  display: block;
  width: 170px;
  height: 64px;
  margin: 0 auto 16px;
  background: #E2DED3 url('https://westcoastcowdogs.com/wp-content/uploads/2026/07/k10.png') center center / auto 40px no-repeat;
  border-radius: 8px;
}
/* ==========================================================
   BUSINESS CORRAL — page 17159
   Rulebook. Markup lives in six Custom HTML blocks on the page.
   ========================================================== */

/* --- page shell: kill the theme's title, wrapper caps and block gaps --- */
.page-id-17159 .entry-header,
.page-id-17159 .entry-title{display:none !important}
.page-id-17159 #wrapper,
.page-id-17159 #inner-wrap,
.page-id-17159 .entry-content-wrap,
.page-id-17159 .entry-content,
.page-id-17159 .content-container{
  overflow:visible !important;max-width:100% !important;
  padding-left:0 !important;padding-right:0 !important}
.page-id-17159 .entry-content-wrap{padding-top:0 !important}
.page-id-17159 .entry-content{background:#EDE9DD}
.page-id-17159 .entry-content > *{margin-top:0 !important;margin-bottom:0 !important}

/* --- full-bleed breakout --- */
.page-id-17159 section.wcc-corral{
  width:100vw;position:relative;left:50%;right:50%;
  margin-left:-50vw;margin-right:-50vw}

/* --- palette --- */
.page-id-17159 .wcc-corral{
  --espresso:#2B1710;--saddle:#5F5544;--clay:#9C6633;--clay-deep:#7E4F25;
  --sand:#CFC0A1;--dune:#E2DED3;--dunewarm:#EDE9DD;--gold:#C9A876;
  color:#2B1710;line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.page-id-17159 .wcc-corral *{box-sizing:border-box}

/* --- bands and shared type --- */
.page-id-17159 .wcc-corral .inner{max-width:1240px;margin:0 auto;
  padding:clamp(64px,8vw,96px) 34px;position:relative}
.page-id-17159 .wcc-corral .ov{position:absolute;inset:0}
.page-id-17159 .band-pale{background:#E2DED3}
.page-id-17159 .band-warm{background:#EDE9DD}
.page-id-17159 .wcc-corral h2{font-family:"Libre Caslon Text",Georgia,serif;
  font-size:2.5rem;font-weight:700;margin:0 0 16px;line-height:1.16;
  letter-spacing:-0.01em;max-width:18ch}
.page-id-17159 .wcc-corral .lede{font-size:1.06rem;max-width:62ch;margin:0 0 16px}
.page-id-17159 .wcc-corral .eyebrow-light,
.page-id-17159 .wcc-corral .eyebrow-dark{display:inline-block;font-size:0.92rem;
  padding:10px 22px;border-radius:999px;font-weight:600;margin:0 0 20px}
.page-id-17159 .wcc-corral .eyebrow-dark{background:#C9A876;color:#2B1710}
.page-id-17159 .wcc-corral .eyebrow-light{background:#5F5544;color:#E2DED3}
.page-id-17159 .wcc-corral a.inline{color:#7E4F25;text-decoration:none;
  border-bottom:1px solid rgba(126,79,37,0.4);font-weight:600}

/* --- buttons --- */
.page-id-17159 .wcc-corral .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.page-id-17159 .wcc-corral .btn{display:inline-block;font-size:0.96rem;font-weight:500;
  padding:15px 26px;border-radius:3px;text-decoration:none}
.page-id-17159 .wcc-corral .btn.sm{font-size:0.88rem;padding:12px 20px}
.page-id-17159 .wcc-corral .primary{background:#9C6633;color:#E2DED3;border:1px solid #9C6633}
.page-id-17159 .wcc-corral .secondary-light{background:transparent;color:#E2DED3;
  border:1px solid rgba(226,222,211,0.7)}

/* --- 1 HERO --- */
.page-id-17159 .wcc-corral-hero{min-height:640px;display:flex;align-items:flex-end;
  overflow:hidden;background-size:cover;background-position:center 55%}
.page-id-17159 .wcc-corral-hero .ov{background:
  linear-gradient(105deg,rgba(43,23,16,0.78) 0%,rgba(43,23,16,0.56) 50%,rgba(43,23,16,0.34) 100%),
  linear-gradient(0deg,rgba(43,23,16,0.58) 0%,rgba(43,23,16,0.12) 55%)}
.page-id-17159 .wcc-corral-hero .hero-inner{position:relative;width:100%;padding:0 34px 64px}
.page-id-17159 .wcc-corral-hero h1{font-family:"Libre Caslon Text",Georgia,serif;
  font-size:3.5rem;font-weight:700;color:#E2DED3;margin:0 0 16px;line-height:1.1;
  letter-spacing:-0.01em;max-width:15ch}
.page-id-17159 .wcc-corral-hero .sub{color:#E2DED3;font-size:1.02rem;max-width:58ch;margin:0 0 28px}
.page-id-17159 .wcc-corral-hero .eyebrow-dark{background:none;padding:0;border-radius:0;
  color:#C9A876;font-size:0.82rem;letter-spacing:0.2em;text-transform:uppercase;
  font-weight:700;margin-bottom:22px}

/* --- 2 RANCH, KENNEL, WORKING DOG --- */
.page-id-17159 .triad{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
  margin-top:36px;align-items:stretch}
.page-id-17159 .tri{background:#fff;border:1px solid rgba(95,85,68,0.18);
  border-top:3px solid #9C6633;border-radius:3px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 2px 12px rgba(43,23,16,0.06)}
.page-id-17159 .triphoto{aspect-ratio:4/3;overflow:hidden}
.page-id-17159 .triphoto img{width:100%;height:100%;object-fit:cover;display:block}
.page-id-17159 .tribody{padding:26px 24px 28px}
.page-id-17159 .tri h3{font-family:"Libre Caslon Text",Georgia,serif;font-size:1.32rem;
  font-weight:700;margin:0 0 10px}
.page-id-17159 .cats{list-style:none;margin:0;padding:0}
.page-id-17159 .cats li{position:relative;padding-left:20px;margin-bottom:9px;
  font-size:0.95rem;color:#5F5544}
.page-id-17159 .cats li:last-child{margin-bottom:0}
.page-id-17159 .cats li:before{content:"";position:absolute;left:0;top:9px;
  width:7px;height:1px;background:#9C6633}

/* --- 3 PREMIUM --- */
.page-id-17159 .prem{background:#20110C;border-radius:3px;overflow:hidden;
  box-shadow:0 6px 22px rgba(0,0,0,0.3);margin-top:26px}
.page-id-17159 .prem-banner{position:relative;aspect-ratio:4.6/1;overflow:hidden}
.page-id-17159 .prem-banner img{width:100%;height:100%;object-fit:cover;display:block}
.page-id-17159 .badge-p{position:absolute;top:16px;right:16px;background:#C9A876;
  color:#2B1710;font-size:0.64rem;letter-spacing:0.18em;text-transform:uppercase;
  font-weight:700;padding:8px 16px;border-radius:999px}
.page-id-17159 .prem-in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:36px}
.page-id-17159 .prem-logo{background:#E2DED3;border-radius:4px;display:inline-flex;
  align-items:center;justify-content:center;padding:14px 18px;margin-bottom:20px}
.page-id-17159 .prem-logo img{display:block;max-width:210px;height:auto}
.page-id-17159 .prem-name{font-family:"Libre Caslon Text",Georgia,serif;font-size:2rem;
  font-weight:700;color:#E2DED3;margin:0 0 6px;line-height:1.15}
.page-id-17159 .prem-cat{font-size:0.7rem;letter-spacing:0.18em;text-transform:uppercase;
  color:#C9A876;font-weight:700;margin:0 0 16px}
.page-id-17159 .prem-tag{font-size:0.92rem;color:#C9A876;margin:0 0 16px;
  font-style:italic;max-width:52ch}
.page-id-17159 .prem .lede{color:rgba(226,222,211,0.9)}
.page-id-17159 .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.page-id-17159 .tags span{background:rgba(226,222,211,0.1);
  border:1px solid rgba(226,222,211,0.24);color:rgba(226,222,211,0.9);
  font-size:0.78rem;padding:6px 13px;border-radius:999px}
.page-id-17159 .afflink{margin:14px 0 0;font-size:0.78rem;
  color:rgba(226,222,211,0.55);max-width:50ch}
.page-id-17159 .quote{background:rgba(226,222,211,0.08);border-left:3px solid #C9A876;
  border-radius:3px;padding:24px 24px 22px;margin-top:26px;max-width:56ch}
.page-id-17159 .qhead{font-family:"Libre Caslon Text",Georgia,serif;font-size:1.28rem;
  font-weight:700;color:#E2DED3;margin:0 0 12px;line-height:1.3}
.page-id-17159 .qbody{font-size:0.96rem;color:rgba(226,222,211,0.86);margin:0 0 14px}
.page-id-17159 .qattr{font-size:0.82rem;letter-spacing:0.14em;text-transform:uppercase;
  color:#C9A876;font-weight:700;margin:0}
.page-id-17159 .gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
  align-content:start;align-items:start}
.page-id-17159 .gal{aspect-ratio:1/1;border-radius:3px;overflow:hidden;
  border:1px solid rgba(201,168,118,0.3)}
.page-id-17159 .gal img{width:100%;height:100%;object-fit:cover;display:block}

/* --- 4 FEATURED (built, switched off) --- */
.page-id-17159 .feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px;
  margin-top:26px}
.page-id-17159 .feat-card{background:#fff;border:1px solid rgba(95,85,68,0.2);
  border-top:3px solid #9C6633;border-radius:3px;overflow:hidden;
  box-shadow:0 2px 14px rgba(43,23,16,0.08)}
.page-id-17159 .feat-photo{position:relative;aspect-ratio:16/9;display:flex;
  align-items:center;justify-content:center;
  background:repeating-linear-gradient(135deg,rgba(43,23,16,0.05) 0 14px,rgba(43,23,16,0.09) 14px 28px),
    linear-gradient(160deg,#CFC0A1,#5F5544)}
.page-id-17159 .feat-photo img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;display:block}
.page-id-17159 .ph{font-size:0.64rem;letter-spacing:0.2em;text-transform:uppercase;
  color:rgba(255,255,255,0.82);font-weight:700}
.page-id-17159 .badge{position:absolute;top:14px;right:14px;background:#2B1710;
  color:#C9A876;font-size:0.62rem;letter-spacing:0.18em;text-transform:uppercase;
  font-weight:700;padding:7px 15px;border-radius:999px;z-index:2}
.page-id-17159 .logo-chip{position:absolute;left:20px;bottom:-28px;width:82px;height:82px;
  background:#EDE9DD;border:1px solid rgba(95,85,68,0.25);border-radius:4px;
  display:flex;align-items:center;justify-content:center;font-size:0.56rem;
  letter-spacing:0.12em;text-transform:uppercase;color:#5F5544;font-weight:700;z-index:2}
.page-id-17159 .feat-body{padding:46px 26px 26px}
.page-id-17159 .feat-name{font-family:"Libre Caslon Text",Georgia,serif;font-size:1.55rem;
  font-weight:700;margin:0 0 4px;line-height:1.18}
.page-id-17159 .feat-cat{font-size:0.7rem;letter-spacing:0.16em;text-transform:uppercase;
  color:#5F5544;font-weight:700;margin:0 0 14px}
.page-id-17159 .feat-desc{font-size:0.98rem;margin:0 0 18px}

/* --- 5 CATEGORY FILTER (built, switched off) --- */
.page-id-17159 .fbar{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 34px}
.page-id-17159 .fpill{background:rgba(255,255,255,0.65);
  border:1px solid rgba(95,85,68,0.3);color:#5F5544;font-size:0.73rem;
  font-weight:700;padding:8px 15px;border-radius:999px}
.page-id-17159 .fpill.on{background:#2B1710;color:#C9A876;border-color:#2B1710}

/* --- 6 THE CORRAL, free cards --- */
.page-id-17159 .c-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;
  margin-top:26px}
.page-id-17159 .tile{min-height:156px;background:#E2DED3;border-radius:3px;padding:9px;
  box-shadow:0 3px 10px rgba(43,23,16,0.14),0 1px 2px rgba(43,23,16,0.1);
  transition:transform .18s ease,box-shadow .18s ease}
.page-id-17159 .tile:hover{transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(43,23,16,0.2)}
.page-id-17159 .engrave{height:100%;min-height:138px;border:1px solid rgba(95,85,68,0.42);
  border-radius:2px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:9px 11px}
.page-id-17159 .t-name{font-family:"Libre Caslon Text",Georgia,serif;font-size:0.98rem;
  font-weight:700;line-height:1.24;text-align:center}
.page-id-17159 .orn{display:flex;align-items:center;gap:6px;margin:9px 0 8px}
.page-id-17159 .orn span{width:20px;height:1px;background:#C9A876}
.page-id-17159 .orn i{width:5px;height:5px;background:#C9A876;
  transform:rotate(45deg);display:block}
.page-id-17159 .pill{background:#2B1710;color:#C9A876;font-size:0.55rem;
  letter-spacing:0.13em;text-transform:uppercase;font-weight:700;padding:4px 11px;
  border-radius:999px;text-align:center;line-height:1.3}
.page-id-17159 .c-body{padding:14px 1px 0}
.page-id-17159 .c-desc{font-size:0.86rem;margin:0 0 10px;line-height:1.5}
.page-id-17159 .meta{font-size:0.83rem;color:#5F5544;line-height:1.7}
.page-id-17159 .meta a{color:#7E4F25;text-decoration:none;
  border-bottom:1px solid rgba(126,79,37,0.4)}
.page-id-17159 .meta .loc{display:block;font-weight:700;color:#2B1710}

/* --- 7 JOIN THE CORRAL --- */
.page-id-17159 .wcc-corral-join{color:#E2DED3;background-size:cover;
  background-position:center 50%;border-top:3px solid #C9A876;
  background-image:url('https://westcoastcowdogs.com/wp-content/uploads/2026/08/Join-the-corral-business-corral.jpg')}
.page-id-17159 .wcc-corral-join .ov{background:
  linear-gradient(100deg,rgba(31,16,10,0.93) 0%,rgba(31,16,10,0.80) 44%,rgba(31,16,10,0.52) 100%)}
.page-id-17159 .wcc-corral-join h2{color:#E2DED3}
.page-id-17159 .wcc-corral-join .lede{color:rgba(226,222,211,0.9)}
.page-id-17159 .wcc-corral-join .lede.strong{font-weight:700;color:#C9A876}
.page-id-17159 .orn-lg{display:flex;align-items:center;gap:9px;margin:0 0 20px}
.page-id-17159 .orn-lg span{width:34px;height:1px;background:#C9A876}
.page-id-17159 .orn-lg i{width:7px;height:7px;background:#C9A876;
  transform:rotate(45deg);display:block}
.page-id-17159 .afterline{margin:24px 0 0;font-size:0.95rem;
  color:rgba(226,222,211,0.72);max-width:62ch}
.page-id-17159 .afterline a{color:#C9A876;text-decoration:none;
  border-bottom:1px solid rgba(201,168,118,0.45)}
.page-id-17159 .signin{margin:28px 0 0;padding-top:22px;
  border-top:1px solid rgba(226,222,211,0.2);font-size:0.92rem;
  color:rgba(226,222,211,0.6);max-width:62ch}
.page-id-17159 .signin a{color:#C9A876;text-decoration:none;
  border-bottom:1px solid rgba(201,168,118,0.4)}

/* --- phones and tablets --- */
@media(max-width:1000px){
  .page-id-17159 .c-grid{grid-template-columns:repeat(2,1fr)}
  .page-id-17159 .feat-grid{grid-template-columns:1fr}
  .page-id-17159 .prem-in{grid-template-columns:1fr;gap:28px}
  .page-id-17159 .triad{grid-template-columns:1fr}
}
@media(max-width:560px){
  .page-id-17159 .c-grid{grid-template-columns:1fr}
  .page-id-17159 .wcc-corral-hero h1{font-size:2.3rem}
  .page-id-17159 .wcc-corral h2{font-size:1.9rem}
  .page-id-17159 .wcc-corral .inner{padding:60px 22px}
}

/* Corral 17159: Join band goes solid on phones and tablets.
   The contained photo fills the width at narrow sizes and the text
   becomes unreadable over it. */
@media(max-width:1000px){
  .page-id-17159 .wcc-corral-join{
    background-image:none !important;
    background-color:#1F100A !important}
  .page-id-17159 .wcc-corral-join .ov{display:none}
}
/* ================= PRODUCT PAGES — all products site-wide ================= */

/* Related products ("You may also like") heading styling */
body.single-product .related.products > h2 {
    color: #E2DED3;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 24px auto 16px;
    max-width: 1100px;
    padding: 0 32px;
}
/* ===== PRODUCT PAGES: cream card on espresso, site-wide ===== */
body.single-product .site-main {
    max-width: 1160px;
    margin: 0 auto;
    padding: 30px;
}
body.single-product div.product {
    background: #E2DED3 !important;
    border: 1px solid #9C6633;
    border-radius: 12px;
    padding: 40px !important;
}
body.single-product div.product,
body.single-product div.product p,
body.single-product div.product li,
body.single-product div.product h1,
body.single-product div.product h2,
body.single-product div.product .price,
body.single-product div.product .wc-tabs-wrapper,
body.single-product div.product .woocommerce-Tabs-panel,
body.single-product div.product .woocommerce-tabs {
    color: #2B1710 !important;
}
body.single-product div.product .price {
    color: #2B1710 !important;
    font-weight: 600;
}
body.single-product .related.products > h2 {
    color: #2B1710 !important;
    font-size: 1.3rem;
    margin-top: 24px;
}
/* ===== WooCommerce gallery: fix FlexSlider thumbnail overlap ===== */
.woocommerce-product-gallery__image > a > img {
  width: 100%;
  height: auto;
}
.woocommerce div.product div.images .flex-viewport {
  height: auto !important;
}
.woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0;
  list-style: none;
}
.woocommerce-product-gallery .flex-control-thumbs::after {
  content: "";
  display: block;
  clear: both;
}

.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs {
  margin-top: 10px !important;
}

/* ===== Product pages: restore dune page background ===== */
body.single-product,
body.single-product .content-bg,
body.single-product .content-bg.content-container,
body.single-product #inner-wrap {
  background-color: #E2DED3 !important;
}

/* ===== Stage 2: summary panel becomes the lighter cream card ===== */
.woocommerce div.product .summary {
  background: #FBF9F4 !important;
  border: 1px solid rgba(95,85,68,.14);
  border-top: 5px solid #5F5544;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(43,23,16,.14);
  padding: 26px 30px 30px !important;
}

/* ===== Stage 3a: gallery + description become cream cards (more two-tone) ===== */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woocommerce-tabs {
  background: #FBF9F4 !important;
  border: 1px solid rgba(95,85,68,.14);
  border-top: 5px solid #5F5544;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(43,23,16,.14);
}
.woocommerce div.product .woocommerce-product-gallery { padding: 22px !important; }
.woocommerce div.product .woocommerce-tabs { padding: 10px 28px 28px !important; margin-top: 30px; }

/* ===== Stage 3b: readable quantity field ===== */
.woocommerce div.product form.cart .quantity input.qty {
  background: #FFFFFF !important;
  color: #241A12 !important;
  border: 1.5px solid rgba(95,85,68,.3) !important;
  font-weight: 600 !important;
}

/* ===== Stage 3c: Add to cart in solid clay ===== */
.woocommerce div.product form.cart .single_add_to_cart_button {
  background: #9C6633 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
  background: #7E4F25 !important;
}

/* ===== Stage 5: match homepage exactly ===== */
/* page back = the same warm cream as the homepage */
body.single-product,
body.single-product .content-bg,
body.single-product .content-bg.content-container,
body.single-product #inner-wrap {
  background-color: #EDE9DD !important;
}

/* crisper card lift, like the homepage cards */
.woocommerce div.product .summary,
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .woocommerce-tabs,
.woocommerce .related.products ul.products li.product {
  box-shadow: 0 12px 30px rgba(43,23,16,.16) !important;
  border: 1px solid rgba(95,85,68,.22) !important;
  border-top: 5px solid #5F5544 !important;
}

/* ===== Thumbnail color tiles: soften the border ===== */
.woocommerce div.product .flex-control-thumbs li { border: none !important; }
.woocommerce div.product .flex-control-thumbs li img {
  border: 1px solid rgba(95,85,68,.22) !important;
  border-radius: 6px !important;
  outline: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
.woocommerce div.product .flex-control-thumbs li img.flex-active,
.woocommerce div.product .flex-control-thumbs li img:hover {
  border-color: #9C6633 !important;
}

/* ===== Stage 6: Shop + category archive pages match the new theme ===== */

/* page background = dune-warm, like the rest of the site */
body.post-type-archive-product,
body.tax-product_cat,
body.tax-product_tag,
body.woocommerce-shop,
body.post-type-archive-product .content-bg,
body.tax-product_cat .content-bg,
body.tax-product_tag .content-bg,
body.woocommerce-shop .content-bg,
body.post-type-archive-product #inner-wrap,
body.tax-product_cat #inner-wrap,
body.tax-product_tag #inner-wrap {
  background-color: #EDE9DD !important;
}

/* product tiles = clean cream cards (shop, category, and related) */
.woocommerce ul.products li.product {
  background: #FBF9F4 !important;
  border: 1px solid rgba(95,85,68,.22) !important;
  border-top: 5px solid #5F5544 !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(43,23,16,.14) !important;
  overflow: hidden;
  padding-bottom: 18px !important;
  text-align: center;
}
.woocommerce ul.products li.product img { margin: 0 auto 12px !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0 14px !important; color: #241A12 !important;
  font-family: 'Libre Caslon Text', Georgia, serif !important; font-weight: 400 !important;
}
.woocommerce ul.products li.product .price {
  padding: 0 14px !important; color: #241A12 !important; display: block; margin-bottom: 12px !important;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart {
  background: #9C6633 !important; color: #FFFFFF !important;
}

/* ===== Stage 7: polish the shop/category cards ===== */
.woocommerce ul.products li.product { box-shadow: 0 12px 30px rgba(43,23,16,.16) !important; transition: transform .15s ease, box-shadow .15s ease; }
.woocommerce ul.products li.product:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(43,23,16,.20) !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 1.1rem !important; line-height: 1.25 !important; padding: 16px 16px 4px !important; }
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price bdi { color: #241A12 !important; font-family: 'Libre Caslon Text', Georgia, serif !important; font-size: 1.15rem !important; font-weight: 700 !important; }
.woocommerce ul.products li.product .price { margin: 2px 0 14px !important; }
.woocommerce ul.products li.product .price del { opacity: .5 !important; font-weight: 400 !important; }
.woocommerce ul.products li.product .button { display: inline-block !important; padding: 11px 24px !important; border-radius: 6px !important; font-weight: 600 !important; background: #9C6633 !important; color: #fff !important; }
.woocommerce ul.products li.product .button:hover { background: #7E4F25 !important; }

/* ===== Stage 8: force 4 products per row ===== */
@media (min-width: 992px) {
  .woocommerce ul.products,
  .woocommerce-page ul.products { grid-template-columns: repeat(4, 1fr) !important; }
}

/* ===== Stage 9: hide the duplicate Product Collection block on shop/category pages ===== */
body.post-type-archive-product .wp-block-woocommerce-product-collection,
body.tax-product_cat .wp-block-woocommerce-product-collection,
body.tax-product_tag .wp-block-woocommerce-product-collection,
body.woocommerce-shop .wp-block-woocommerce-product-collection {
  display: none !important;
}
/* ===== login-2026 · page 17447 · page shell ===== */

/* Full-bleed: the login band spans the full viewport width */
.page-id-17447 .entry-content-wrap section.wcc-login-shell {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}

/* Remove container clipping and width caps */
.page-id-17447 #wrapper, .page-id-17447 #inner-wrap,
.page-id-17447 .entry-content-wrap, .page-id-17447 .entry-content,
.page-id-17447 .content-container {
    overflow: visible !important; max-width: 100% !important;
}

/* Hide the WordPress page title above the card */
.page-id-17447 .entry-header, .page-id-17447 .entry-title { display: none !important; }

/* Kill default spacing */
.page-id-17447 .entry-content-wrap { padding-top: 0 !important; margin-top: 0 !important; }
.page-id-17447 .entry-content-wrap, .page-id-17447 .entry-content,
.page-id-17447 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-17447 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }
/* ===== login-2026 · reveal the registration form + fixes ===== */

/* WPUF renders the registration form then hides it. We show it inside our tab. */
.page-id-17447 #wpuf-registration-form,
.page-id-17447 .registration,
.page-id-17447 #registrationform,
.page-id-17447 form.wpuf-registration-form {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
}

/* Hide WPUF's own "Don't have an account? Register" so it stops duplicating our tab */
.page-id-17447 .wpuf-action-links { display: none !important; }


/* WPUF also appends its own "Already have an account? Login | Lost Password"
   as the last <li> of the registration field list, duplicating our tab.
   No class on it, so target it by the link it contains. */
.page-id-17447 #wpuf-registration-form ul.wpuf-form > li:has(> a[href*="action=lostpassword"]) { display: none; }
/* Force the card out to its intended width */
.page-id-17447 .wcc-login-wrap { max-width: 1180px !important; width: 100% !important; }

/* The page-shell block strips the theme's width caps but leaves its padding:
   24px per side on .content-container plus 32px on .entry-content-wrap = 112px
   the card never gets back. .wcc-login-wrap already supplies its own
   clamp(20px,5vw,56px) gutter, so that padding is doubled up. Zeroing it here
   lets the card reach 1180px at a 1195px window instead of needing 1307px.
   Scoped to page 17447 only, so no other page is affected. */
.page-id-17447 .content-container.site-container,
.page-id-17447 .entry-content-wrap { padding-left: 0; padding-right: 0; }
/* ===== WCC header account control ===== */

/* Logged out */
.wcc-hdr-login { display:inline-block; padding:11px 20px; border:1px solid rgba(226,222,211,.42); border-radius:6px; color:#E2DED3; font-size:.85rem; font-weight:600; line-height:1; white-space:nowrap; transition:border-color .18s ease, background-color .18s ease; }
.wcc-hdr-login:hover, .wcc-hdr-login:focus { border-color:rgba(226,222,211,.8); background:rgba(226,222,211,.08); color:#E2DED3; }
.wcc-hdr-login:focus-visible { outline:2px solid #C9A876; outline-offset:2px; }

/* Kadence underlines every link in the Header HTML widget at 0,2,1.
   This lands at 0,3,1 and wins without !important. */
.header-html.inner-link-style-normal a:not(.button),
.header-html.inner-link-style-normal a:not(.button):hover,
.header-html.inner-link-style-normal a:not(.button):focus { text-decoration:none; }

/* Kadence wraps Header HTML in a <p>. Zero its margin so the pill
   sits on the header's centerline instead of riding low. */
.header-html .header-html-inner p { margin:0; line-height:1; }
/* Logged in */
.wcc-account { position:relative; display:inline-block; }
.wcc-account::after { content:""; position:absolute; top:100%; right:0; width:100%; height:14px; }
.wcc-account-btn { display:flex; align-items:center; gap:8px; background:none; border:none; padding:4px 2px; cursor:pointer; color:#E2DED3; font-family:inherit; font-size:.85rem; font-weight:600; line-height:1; }
.wcc-account-btn:hover { color:#fff; }
.wcc-av { width:28px; height:28px; border-radius:50%; background:#C9A876; color:#2B1710; display:flex; align-items:center; justify-content:center; font-family:'Libre Caslon Text',Georgia,serif; font-weight:700; font-size:.85rem; flex:0 0 auto; }
.wcc-account-btn svg { opacity:.8; flex:0 0 auto; }

/* Dropdown, hidden until hover or keyboard focus */
.wcc-dropdown { position:absolute; top:calc(100% + 12px); right:0; width:236px; background:#FBF9F4; border-radius:10px; box-shadow:0 10px 30px rgba(43,23,16,.18); border:1px solid rgba(95,85,68,.15); overflow:hidden; z-index:9999; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .15s ease, transform .15s ease, visibility .15s; }
.wcc-account:hover .wcc-dropdown,
.wcc-account:focus-within .wcc-dropdown { opacity:1; visibility:visible; transform:translateY(0); }

.wcc-dhead { padding:12px 16px; border-bottom:1px solid rgba(95,85,68,.15); }
.wcc-dname { font-weight:700; font-size:.9rem; color:#241A12; line-height:1.3; }
.wcc-dmail { font-size:.78rem; color:#5A4A3A; line-height:1.3; word-break:break-all; }
.wcc-dropdown a { display:block; padding:11px 16px; font-size:.88rem; color:#241A12; text-decoration:none; border-bottom:1px solid rgba(95,85,68,.08); }
.wcc-dropdown a:hover { background:#EDE9DD; }
.wcc-dropdown a.wcc-out { color:#7E4F25; border-bottom:none; font-weight:600; }
/* ===== login-2026 · keep Create account open when registration errors ===== */

.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .wpuf-error) .wcc-pane-login,
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .error) .wcc-pane-login,
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form input[name="reg_email"]:not([value=""])) .wcc-pane-login { display:none !important; }

.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .wpuf-error) .wcc-pane-reg,
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .error) .wcc-pane-reg,
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form input[name="reg_email"]:not([value=""])) .wcc-pane-reg { display:block !important; }

/* Make whatever error WPUF prints actually look like an error */
.page-id-17447 #wpuf-registration-form .wpuf-error,
.page-id-17447 #wpuf-registration-form .error {
    background:#F3DED9; color:#8A3A26; border-radius:8px;
    padding:12px 14px; font-size:.85rem; margin-bottom:16px;
}
/* ===== login-2026 · match the tab highlight to the error state ===== */
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .wpuf-error) .wcc-tabs label[for="wcc-tab-login"],
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .error) .wcc-tabs label[for="wcc-tab-login"] {
    background:transparent !important; color:#5A4A3A !important; box-shadow:none !important;
}
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .wpuf-error) .wcc-tabs label[for="wcc-tab-reg"],
.page-id-17447 .wcc-login-form:has(#wpuf-registration-form .error) .wcc-tabs label[for="wcc-tab-reg"] {
    background:#FBF9F4 !important; color:#241A12 !important; box-shadow:0 1px 4px rgba(43,23,16,.12) !important;
}
/* Login page: keep the photo a sensible shape on the taller Create account tab */
.page-id-17447 .wcc-login-photo{
	align-self:flex-start;
	position:sticky;
	top:0;
	height:min(80vh,700px);
	min-height:420px;
	background-color:#2B1710;
}
/* Post Edit Page (4995): full-bleed hero + hide default title */
.page-id-4995 .entry-content-wrap section {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}
.page-id-4995 #wrapper, .page-id-4995 #inner-wrap,
.page-id-4995 .entry-content-wrap, .page-id-4995 .entry-content,
.page-id-4995 .content-container {
    overflow: visible !important; max-width: 100% !important;
}
.page-id-4995 .entry-header, .page-id-4995 .entry-title { display: none !important; }
.page-id-4995 .entry-content-wrap { padding-top: 0 !important; margin-top: -180px; }
.page-id-4995 .entry-content-wrap, .page-id-4995 .entry-content,
.page-id-4995 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-4995 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }

/* ===== CREATE CORRAL LISTING 2026 (page 17520) ===== */
.page-id-17520 .entry-content-wrap section.wcc-corral-create-hero,
.page-id-17520 .entry-content-wrap section.wcc-corral-create-form {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}
.page-id-17520 #wrapper, .page-id-17520 #inner-wrap,
.page-id-17520 .entry-content-wrap, .page-id-17520 .entry-content,
.page-id-17520 .content-container {
    overflow: visible !important; max-width: 100% !important;
}
.page-id-17520 .entry-header, .page-id-17520 .entry-title { display: none !important; }
.page-id-17520 section.entry-hero {
    display: none;
}
.page-id-17520 .entry-content-wrap {
    padding-top: 0 !important;
    margin-top: 0;
}
.page-id-17520 .entry-content-wrap, .page-id-17520 .entry-content,
.page-id-17520 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-17520 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }
/* Hero drops below the site header. Same 72px nudge Advertise needed, because
   it's the same photo and Brian's hat sits at the top of the frame. */
.page-id-17520 .entry-content-wrap section.wcc-corral-create-hero { margin-top: 72px !important; }

/* Page 17520: two more full-bleed bands */
.page-id-17520 .entry-content-wrap section.wcc-corral-create-steps,
.page-id-17520 .entry-content-wrap section.wcc-corral-create-close {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}

/* Full-bleed: List a Dog 2026 */
.page-id-17552 .entry-content-wrap section.wcc-dogform-hero,
.page-id-17552 .entry-content-wrap section.wcc-dogform-form {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}
.page-id-17552 #wrapper, .page-id-17552 #inner-wrap,
.page-id-17552 .entry-content-wrap, .page-id-17552 .entry-content,
.page-id-17552 .content-container {
    overflow: visible !important; max-width: 100% !important;
}
.page-id-17552 .entry-header, .page-id-17552 .entry-title { display: none !important; }
.page-id-17552 section.entry-hero {
    display: none;
}
.page-id-17552 .entry-content-wrap {
    padding-top: 0 !important;
    margin-top: 0;
}
.page-id-17552 .entry-content-wrap, .page-id-17552 .entry-content,
.page-id-17552 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-17552 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }

/* ==================================================================
   DOGS 4 SALE - shared component CSS   (added Aug 19 2026)
   Used by: Dogs For Sale 2026 (17570), At Stud 2026 (17571),
   the dog detail template, and the account hub dog cards.
   The [wcc_dog_grid] shortcode ships NO css of its own, so every
   card, filter and band rule lives here. Edit in one place.
   Everything is namespaced .wccd-* / .wccdog-* so nothing leaks.
   ================================================================== */

/* ---------- page shell: full bleed, no WP title ---------- */
.page-id-17570 .content-container, .page-id-17570 .entry-content-wrap,
.page-id-17571 .content-container, .page-id-17571 .entry-content-wrap {
    padding-left: 0 !important; padding-right: 0 !important;
}
.page-id-17570 .entry-content-wrap section.wccd-band,
.page-id-17571 .entry-content-wrap section.wccd-band,
.page-id-17570 .entry-content-wrap .wccdog-grid-wrap,
.page-id-17571 .entry-content-wrap .wccdog-grid-wrap {
    width: 100%; position: relative; margin-left: 0; margin-right: 0;
}
.page-id-17570 #wrapper, .page-id-17570 #inner-wrap,
.page-id-17570 .entry-content-wrap, .page-id-17570 .entry-content,
.page-id-17570 .content-container,
.page-id-17571 #wrapper, .page-id-17571 #inner-wrap,
.page-id-17571 .entry-content-wrap, .page-id-17571 .entry-content,
.page-id-17571 .content-container {
    overflow: visible !important; max-width: 100% !important;
}
.page-id-17570 .entry-header, .page-id-17570 .entry-title,
.page-id-17571 .entry-header, .page-id-17571 .entry-title { display: none !important; }
.page-id-17570 .entry-content-wrap,
.page-id-17571 .entry-content-wrap { padding-top: 0 !important; margin-top: 0; }
.page-id-17570 .content-area,
.page-id-17571 .content-area { margin-top: 0 !important; margin-bottom: 0 !important; }
.page-id-17570 .entry-content-wrap, .page-id-17570 .entry-content, .page-id-17570 .content-container,
.page-id-17571 .entry-content-wrap, .page-id-17571 .entry-content, .page-id-17571 .content-container {
    padding-bottom: 0 !important; margin-bottom: 0 !important;
}
.page-id-17570 .entry-content > *, .page-id-17571 .entry-content > * {
    margin-top: 0 !important; margin-bottom: 0 !important;
}
/* No hero nudge needed: the content wrapper no longer pulls up under the
   header, so the hero starts flush at the header bottom at every width. */

/* ---------- tokens ---------- */
.wccd-band, .wccdog-grid-wrap {
    --wccd-espresso:#2B1710; --wccd-saddle:#5F5544; --wccd-clay:#9C6633;
    --wccd-clay-deep:#7E4F25; --wccd-gold:#C9A876; --wccd-dune:#E2DED3;
    --wccd-dune-warm:#EDE9DD; --wccd-card:#FBF9F4; --wccd-sage:#A2ACA0;
    --wccd-sage-ink:#3E4A3B; --wccd-ink:#241A12; --wccd-ink-soft:#5A4A3A;
    --wccd-shadow:0 10px 30px rgba(43,23,16,.16);
    --wccd-serif:'Libre Caslon Text',Georgia,serif;
    --wccd-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--wccd-sans);
    color: var(--wccd-ink);
    line-height: 1.6;
}
.wccd-band *, .wccdog-grid-wrap * { box-sizing: border-box; }
.wccd-inner { max-width: 1140px; margin: 0 auto; padding: 0 clamp(20px,4vw,40px); }

/* ---------- buttons (clay is the only cta colour) ---------- */
.wccd-band .btn, .wccdog-grid-wrap .btn {
    font-family: var(--wccd-sans); font-size: .9rem; font-weight: 600;
    padding: 11px 22px; border-radius: 6px; display: inline-block;
    text-align: center; border: none; cursor: pointer; text-decoration: none;
    line-height: 1.3; margin: 0 !important;
}
.wccd-band .btn.primary, .wccdog-grid-wrap .btn.primary { background: var(--wccd-clay); color: #fff; }
.wccd-band .btn.primary:hover, .wccdog-grid-wrap .btn.primary:hover { background: var(--wccd-clay-deep); color: #fff; }
.wccd-band .btn.ghost, .wccdog-grid-wrap .btn.ghost { background: none; color: var(--wccd-clay); border: 1px solid rgba(156,102,51,.5); }
.wccd-band .btn.lightghost { background: rgba(255,255,255,.10); color: var(--wccd-dune); border: 1px solid rgba(226,222,211,.45); }
.wccd-band .btn.lightghost:hover { background: rgba(255,255,255,.18); color: #fff; }
.wccd-band .btn.sm, .wccdog-grid-wrap .btn.sm { font-size: .84rem; padding: 9px 18px; }

/* ---------- eyebrow pills (Decision 011a) ---------- */
.wccd-band .wccd-eyebrow {
    display: inline-block; background: var(--wccd-gold); color: var(--wccd-espresso);
    font-size: .92rem; font-weight: 600; letter-spacing: .03em;
    padding: 10px 22px; border-radius: 999px; margin: 0 0 18px;
}

/* ---------- hero ---------- */
.wccd-hero {
    position: relative; min-height: clamp(500px,64vh,560px);
    display: flex; align-items: flex-end; overflow: hidden;
    background-color: #2B1710; background-size: cover; background-repeat: no-repeat;
}
.wccd-hero .wccd-scrim {
    position: absolute; inset: 0;
    background: linear-gradient(115deg,rgba(43,23,16,.9) 0%,rgba(43,23,16,.55) 48%,rgba(43,23,16,.12) 100%);
}
.wccd-hero .wccd-heroinner { position: relative; z-index: 2; width: 100%; padding: clamp(34px,5vw,60px) 0 clamp(38px,5vw,56px); }
.wccd-hero h1 {
    font-family: var(--wccd-serif); font-weight: 400; line-height: 1.15;
    font-size: clamp(2rem,4.2vw,2.9rem); color: #fff; margin: 0 0 13px; max-width: 19ch;
}
.wccd-hero p { font-size: clamp(1rem,1.5vw,1.13rem); color: rgba(226,222,211,.94); max-width: 56ch; margin: 0 0 24px; }
.wccd-hero .wccd-fine { font-size: .86rem; color: rgba(226,222,211,.78); margin: 16px 0 0; }
.wccd-herorow { display: flex; gap: 14px; flex-wrap: wrap; }

/* ================= [wcc_dog_grid] output ================= */
.wccdog-grid-wrap { background: var(--wccd-dune-warm); }

/* filter band */
.wccdog-filters { background: var(--wccd-dune); border-bottom: 1px solid rgba(95,85,68,.18); padding: 20px 0; }
.wccdog-filters > * { max-width: 1140px; margin-left: auto; margin-right: auto; padding-left: clamp(20px,4vw,40px); padding-right: clamp(20px,4vw,40px); }
.wccdog-filters .fgrid { display: grid; grid-template-columns: repeat(auto-fit,minmax(158px,1fr)); gap: 13px; align-items: end; }
.wccdog-filters .f label {
    display: block; font-size: .72rem; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; color: var(--wccd-saddle); margin: 0 0 6px;
}
.wccdog-filters .f select {
    width: 100%; padding: 11px 12px; border: 1px solid rgba(95,85,68,.3);
    border-radius: 7px; background: #fff; color: var(--wccd-ink);
    font-size: .93rem; font-family: inherit; height: auto;
    -webkit-appearance: menulist; appearance: menulist;
}
.wccdog-filters .fmeta {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 12px; margin-top: 16px; font-size: .9rem; color: var(--wccd-ink-soft);
}
.wccdog-filters .fmeta b { color: var(--wccd-ink); font-family: var(--wccd-serif); font-size: 1.05rem; font-weight: 400; }
.wccdog-filters .clear { color: var(--wccd-clay); font-weight: 600; font-size: .86rem; text-decoration: none; cursor: pointer; }
.wccdog-filters .fmeta-right { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.wccdog-filters .toggle { display: inline-flex; align-items: center; gap: 8px; font-size: .86rem; color: var(--wccd-ink-soft); cursor: pointer; }
.wccdog-filters .toggle .sw { width: 34px; height: 19px; border-radius: 99px; background: #c3bcae; position: relative; transition: background .15s; flex: 0 0 auto; }
.wccdog-filters .toggle .sw::after { content: ""; position: absolute; top: 2px; left: 2px; width: 15px; height: 15px; border-radius: 50%; background: #fff; transition: left .15s; }
.wccdog-filters .toggle.on .sw { background: var(--wccd-clay); }
.wccdog-filters .toggle.on .sw::after { left: 17px; }

/* card grid */
.wccdog-grid-wrap .grid {
    display: grid; grid-template-columns: repeat(auto-fill,minmax(288px,1fr)); gap: 22px;
    max-width: 1140px; margin: 0 auto;
    padding: clamp(34px,5vw,54px) clamp(20px,4vw,40px) clamp(50px,6vw,70px);
}
.wccdog-grid-wrap .wccdog-empty {
    max-width: 1140px; margin: 0 auto; padding: clamp(40px,6vw,64px) clamp(20px,4vw,40px);
    text-align: center; color: var(--wccd-ink-soft); font-size: 1rem;
}
.wccdog-grid-wrap .dog {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.18); border-radius: 12px;
    overflow: hidden; box-shadow: var(--wccd-shadow); display: flex; flex-direction: column;
    transition: transform .15s ease, box-shadow .15s ease;
}
.wccdog-grid-wrap .dog:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(43,23,16,.2); }
.wccdog-grid-wrap .photo { position: relative; aspect-ratio: 4/3; background: #cfc8b7 center/cover no-repeat; }
.wccdog-grid-wrap .photo .lvl {
    position: absolute; left: 12px; top: 12px; background: rgba(43,23,16,.85); color: #fff;
    font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    padding: 5px 11px; border-radius: 5px;
}
.wccdog-grid-wrap .photo .cap {
    position: absolute; left: 0; right: 0; bottom: 0;
    background: linear-gradient(transparent,rgba(43,23,16,.78)); color: #fff;
    font-size: .76rem; padding: 16px 12px 8px;
}
.wccdog-grid-wrap .dog .body { padding: 17px 20px 20px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.wccdog-grid-wrap .dog h3 { font-family: var(--wccd-serif); font-weight: 400; font-size: 1.28rem; line-height: 1.15; margin: 0; }
.wccdog-grid-wrap .spec { font-size: .89rem; color: var(--wccd-ink-soft); }
.wccdog-grid-wrap .spec .d { opacity: .45; margin: 0 6px; }
.wccdog-grid-wrap .loc { font-size: .87rem; color: var(--wccd-ink-soft); display: flex; align-items: center; gap: 7px; }
.wccdog-grid-wrap .loc svg { width: 14px; height: 14px; color: var(--wccd-saddle); flex: 0 0 auto; }
.wccdog-grid-wrap .works { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.wccdog-grid-wrap .works .w {
    background: var(--wccd-dune-warm); border: 1px solid rgba(95,85,68,.26); color: var(--wccd-saddle);
    font-size: .72rem; padding: 3px 9px; border-radius: 999px;
}
.wccdog-grid-wrap .price { font-family: var(--wccd-serif); font-size: 1.32rem; color: var(--wccd-ink); margin-top: 8px; }
.wccdog-grid-wrap .price.cfp { font-family: var(--wccd-sans); font-size: .98rem; font-weight: 600; color: var(--wccd-saddle); }
.wccdog-grid-wrap .pricesuffix { font-family: var(--wccd-sans); font-size: .86rem; color: var(--wccd-ink-soft); }
.wccdog-grid-wrap .srow {
    margin-top: auto; padding-top: 13px; border-top: 1px solid rgba(95,85,68,.16);
    display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
.wccdog-grid-wrap .seller { font-size: .85rem; color: var(--wccd-ink-soft); }
.wccdog-grid-wrap .seller b { color: var(--wccd-ink); font-weight: 600; }
.wccdog-grid-wrap .vmark {
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(162,172,160,.28); border: 1px solid rgba(162,172,160,.65);
    color: var(--wccd-sage-ink); font-size: .66rem; font-weight: 800; letter-spacing: .05em;
    text-transform: uppercase; padding: 3px 9px; border-radius: 20px; white-space: nowrap;
}
.wccdog-grid-wrap .vmark svg { width: 11px; height: 11px; }
.wccdog-grid-wrap .go { margin-top: 12px; }
.wccdog-grid-wrap .go .btn { width: 100%; }

/* sold dogs sink to the bottom */
.wccdog-grid-wrap .dog.sold { order: 99; }
.wccdog-grid-wrap .dog.sold .photo { filter: grayscale(.75) brightness(.92); }
.wccdog-grid-wrap .dog.sold .photo::after {
    content: "Sold"; position: absolute; inset: 0; display: flex; align-items: center;
    justify-content: center; font-family: var(--wccd-serif); font-size: 1.8rem;
    letter-spacing: .16em; text-transform: uppercase; color: #fff; background: rgba(43,23,16,.48);
}
.wccdog-grid-wrap .dog.sold h3, .wccdog-grid-wrap .dog.sold .spec, .wccdog-grid-wrap .dog.sold .loc { opacity: .7; }

/* a stud who is not taking bookings */
.wccdog-grid-wrap .dog.paused .photo { filter: grayscale(.6) brightness(.95); }
.wccdog-grid-wrap .dog.paused .photo::after {
    content: "Not taking bookings"; position: absolute; inset: 0; display: flex;
    align-items: center; justify-content: center; font-family: var(--wccd-serif);
    font-size: 1.2rem; letter-spacing: .06em; color: #fff; background: rgba(43,23,16,.5);
    text-align: center; padding: 0 20px;
}
.wccdog-grid-wrap .dog.paused h3, .wccdog-grid-wrap .dog.paused .spec, .wccdog-grid-wrap .dog.paused .loc { opacity: .72; }

/* waiting on review, seller's own account only */
.wccdog-grid-wrap .pendbar, .wccd-band .pendbar {
    background: rgba(201,168,118,.26); border-bottom: 1px solid rgba(201,168,118,.7);
    color: #6B5426; font-size: .68rem; font-weight: 800; letter-spacing: .06em;
    text-transform: uppercase; padding: 7px 12px; text-align: center;
}

/* ---------- cross-link band ---------- */
.wccd-cross { background: var(--wccd-dune); padding: clamp(32px,4vw,48px) 0; }
.wccd-crossbox {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.2);
    border-top: 5px solid var(--wccd-saddle); border-radius: 12px; box-shadow: var(--wccd-shadow);
    padding: 24px 28px; display: flex; gap: 22px; align-items: center;
    justify-content: space-between; flex-wrap: wrap; margin-bottom: 16px;
}
.wccd-crossbox:last-child { margin-bottom: 0; }
.wccd-crossbox h3 { font-family: var(--wccd-serif); font-weight: 400; font-size: 1.24rem; margin: 0 0 5px; line-height: 1.15; }
.wccd-crossbox p { font-size: .95rem; color: var(--wccd-ink-soft); max-width: 58ch; margin: 0; }

/* ---------- sell your dog band ---------- */
.wccd-sell { background: var(--wccd-saddle); color: var(--wccd-dune); padding: clamp(64px,8vw,96px) 0; }
.wccd-sell h2 { font-family: var(--wccd-serif); font-weight: 400; line-height: 1.15; font-size: clamp(1.6rem,3vw,2.15rem); color: #fff; margin: 0 0 10px; max-width: 24ch; }
.wccd-sell .wccd-lead { font-size: 1.02rem; color: rgba(226,222,211,.9); max-width: 58ch; margin: 0 0 24px; }
.wccd-pricetag {
    display: inline-flex; align-items: baseline; gap: 12px; background: rgba(43,23,16,.3);
    border: 1px solid rgba(226,222,211,.28); border-radius: 10px; padding: 14px 22px;
    margin: 0 0 26px; flex-wrap: wrap;
}
.wccd-pricetag .big { font-family: var(--wccd-serif); font-size: 1.9rem; color: #fff; }
.wccd-pricetag .sub { font-size: .94rem; color: rgba(226,222,211,.88); max-width: 44ch; }
.wccd-steps { display: grid; grid-template-columns: repeat(auto-fit,minmax(245px,1fr)); gap: 20px; margin: 0 0 26px; }
.wccd-step {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.2);
    border-top: 5px solid var(--wccd-saddle); border-radius: 12px; padding: 22px;
    min-height: 196px; color: var(--wccd-ink); display: flex; flex-direction: column;
}
.wccd-step .n { font-family: var(--wccd-serif); font-size: 2rem; line-height: 1; color: var(--wccd-saddle); margin-bottom: 10px; }
.wccd-step h3 { font-family: var(--wccd-serif); font-weight: 400; font-size: 1.1rem; margin: 0 0 8px; line-height: 1.15; }
.wccd-step p { font-size: .94rem; color: var(--wccd-ink-soft); margin: 0; }
.wccd-step .tag {
    display: inline-block; margin-top: 10px; align-self: flex-start;
    background: rgba(162,172,160,.28); border: 1px solid rgba(162,172,160,.65);
    color: var(--wccd-sage-ink); font-size: .68rem; font-weight: 800; letter-spacing: .05em;
    text-transform: uppercase; padding: 3px 9px; border-radius: 20px;
}

/* ---------- disclaimer ---------- */
.wccd-disclaim { background: var(--wccd-dune-warm); padding: clamp(30px,4vw,44px) 0; }
.wccd-dbox {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.2);
    border-left: 5px solid var(--wccd-saddle); border-radius: 10px; padding: 20px 24px;
    font-size: .94rem; color: var(--wccd-ink-soft); line-height: 1.75;
}
.wccd-dbox b { color: var(--wccd-ink); }

/* ---------- phones ---------- */
@media (max-width: 640px) {
    .wccd-crossbox { flex-direction: column; align-items: flex-start; }
    .wccd-crossbox .btn { width: 100%; }
    .wccdog-grid-wrap .grid { grid-template-columns: 1fr; }
}
/* ============ end Dogs 4 Sale ============ */


/* ================= DOGS 4 SALE - single listing page ================= */
/* Only applies to listings carrying the new fields. The eight
   grandfathered WPUF listings never get the body class. */

body.wccdog-detail-page .entry-header,
body.wccdog-detail-page .entry-title { display: none !important; }
body.wccdog-detail-page .content-area { margin-top: 0 !important; margin-bottom: 0 !important; }
body.wccdog-detail-page .content-container,
body.wccdog-detail-page .entry-content-wrap {
    padding-left: 0 !important; padding-right: 0 !important;
    padding-top: 0 !important; padding-bottom: 0 !important;
    max-width: 100% !important;
}
body.wccdog-detail-page article.entry,
body.wccdog-detail-page .entry.content-bg,
body.wccdog-detail-page .content-wrap {
    background: transparent !important; box-shadow: none !important;
    border: 0 !important; padding: 0 !important; margin: 0 !important;
}
body.wccdog-detail-page #wrapper,
body.wccdog-detail-page #inner-wrap,
body.wccdog-detail-page .entry-content { overflow: visible !important; max-width: 100% !important; }
body.wccdog-detail-page .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }
body.wccdog-detail-page .site-main { padding: 0 !important; }

/* ---------- shared shell ---------- */
.wccd-detail {
    --wccd-espresso:#2B1710; --wccd-saddle:#5F5544; --wccd-clay:#9C6633;
    --wccd-clay-deep:#7E4F25; --wccd-gold:#C9A876; --wccd-dune:#E2DED3;
    --wccd-dune-warm:#EDE9DD; --wccd-card:#FBF9F4; --wccd-sage:#A2ACA0;
    --wccd-sage-ink:#3E4A3B; --wccd-ink:#241A12; --wccd-ink-soft:#5A4A3A;
    --wccd-shadow:0 10px 30px rgba(43,23,16,.16);
    --wccd-serif:'Libre Caslon Text',Georgia,serif;
    --wccd-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    font-family: var(--wccd-sans);
    color: var(--wccd-ink);
    background: var(--wccd-dune-warm);
    line-height: 1.6;
}
.wccd-detail * { box-sizing: border-box; }
.wccd-detail .wccd-inner { max-width: 1140px; margin: 0 auto; padding: 0 clamp(20px,4vw,40px); }
.wccd-detail h1, .wccd-detail h2, .wccd-detail .h3 {
    font-family: var(--wccd-serif); font-weight: 400; line-height: 1.15;
}
.wccd-detail a { text-decoration: none; }
.wccd-detail .btn {
    font-family: var(--wccd-sans); font-size: .9rem; font-weight: 600;
    padding: 11px 22px; border-radius: 6px; display: inline-block; text-align: center;
    border: none; cursor: pointer; text-decoration: none; line-height: 1.3; margin: 0 !important;
}
.wccd-detail .btn.ghost { background: none; color: var(--wccd-clay); border: 1px solid rgba(156,102,51,.5); }
.wccd-detail .btn.ghost:hover { background: rgba(156,102,51,.08); color: var(--wccd-clay-deep); }
.wccd-detail .btn.sm { font-size: .84rem; padding: 9px 18px; }
.wccd-detail .d { opacity: .45; }

/* ---------- breadcrumbs ---------- */
.wccd-crumbs {
    background: var(--wccd-dune); padding: 14px 0; font-size: .86rem;
    color: var(--wccd-ink-soft); border-bottom: 1px solid rgba(95,85,68,.16);
}
.wccd-crumbs a { color: var(--wccd-clay); }
.wccd-crumbs .sep { opacity: .5; margin: 0 8px; }

/* ---------- two column body ---------- */
.wccd-main { padding: clamp(26px,4vw,42px) 0 clamp(46px,6vw,68px); }
.wccd-cols { display: grid; grid-template-columns: 1.35fr .95fr; gap: 34px; align-items: start; }
@media (max-width: 900px) { .wccd-cols { grid-template-columns: 1fr; } }

/* ---------- gallery ---------- */
.wccd-gal {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.18);
    border-radius: 12px; box-shadow: var(--wccd-shadow); overflow: hidden;
}
.wccd-big { aspect-ratio: 16/10; background: #cfc8b7 center/cover no-repeat; position: relative; }
.wccd-lvl {
    position: absolute; left: 14px; top: 14px; background: rgba(43,23,16,.85); color: #fff;
    font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
    padding: 6px 12px; border-radius: 5px;
}
.wccd-capbar {
    padding: 11px 16px; font-size: .9rem; color: var(--wccd-ink-soft);
    border-bottom: 1px solid rgba(95,85,68,.14);
}
.wccd-capbar b { color: var(--wccd-ink); font-weight: 600; }
.wccd-thumbs { display: grid; grid-template-columns: repeat(7,1fr); gap: 8px; padding: 10px; }
@media (max-width: 560px) { .wccd-thumbs { grid-template-columns: repeat(4,1fr); } }
.wccd-thumb {
    position: relative; aspect-ratio: 1/1; border-radius: 6px;
    background: #cfc8b7 center/cover no-repeat; border: 2px solid transparent;
    cursor: pointer; opacity: .85;
}
.wccd-thumb.on { border-color: var(--wccd-clay); opacity: 1; }
.wccd-thumb.papers { background: var(--wccd-dune-warm); display: flex; align-items: center; justify-content: center; }
.wccd-thumb.papers svg { width: 20px; height: 20px; color: var(--wccd-saddle); }
.wccd-thumb .tag {
    position: absolute; bottom: 2px; left: 2px; right: 2px; text-align: center;
    background: rgba(43,23,16,.8); color: #fff; font-size: .52rem; font-weight: 800;
    letter-spacing: .05em; text-transform: uppercase; padding: 2px 0; border-radius: 3px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ---------- panels ---------- */
.wccd-panel {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.18);
    border-top: 5px solid var(--wccd-saddle); border-radius: 12px;
    box-shadow: var(--wccd-shadow); padding: 24px 26px 26px; margin-top: 24px;
}
.wccd-panel h2 { font-size: 1.32rem; margin: 0 0 12px; }
.wccd-prose p { font-size: .98rem; color: var(--wccd-ink-soft); margin: 0 0 12px; }
.wccd-prose p:last-child { margin-bottom: 0; }
.wccd-video { border-radius: 10px; overflow: hidden; background: #1F100A; }
.wccd-video iframe, .wccd-video video { width: 100%; height: 100%; border: 0; display: block; }

.wccd-grp { margin-bottom: 18px; }
.wccd-grp:last-child { margin-bottom: 0; }
.wccd-grp .gk {
    font-size: .68rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
    color: var(--wccd-saddle); margin-bottom: 8px;
}
.wccd-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.wccd-chip {
    background: var(--wccd-dune-warm); border: 1px solid rgba(95,85,68,.28);
    color: var(--wccd-saddle); font-size: .88rem; padding: 6px 14px; border-radius: 999px;
}
.wccd-chip.off { opacity: .38; text-decoration: line-through; }
.wccd-chip.one { background: #FDF8F2; border-color: rgba(156,102,51,.5); color: var(--wccd-clay); font-weight: 600; }

.wccd-brow {
    display: flex; justify-content: space-between; gap: 16px; padding: 12px 0;
    border-bottom: 1px solid rgba(95,85,68,.16); font-size: .96rem; flex-wrap: wrap;
}
.wccd-brow:last-of-type { border-bottom: none; }
.wccd-brow .k { color: var(--wccd-ink-soft); }
.wccd-brow .v { color: var(--wccd-ink); font-weight: 600; text-align: right; }
.wccd-papers-link {
    display: inline-flex; align-items: center; gap: 8px; margin-top: 14px;
    color: var(--wccd-clay); font-weight: 600; font-size: .94rem; cursor: pointer;
}
.wccd-papers-link svg { width: 16px; height: 16px; }

.wccd-safety {
    background: var(--wccd-dune); border-left: 5px solid var(--wccd-saddle); border-radius: 10px;
    padding: 18px 22px; margin-top: 24px; font-size: .92rem; color: var(--wccd-ink-soft); line-height: 1.75;
}
.wccd-safety b { color: var(--wccd-ink); }

/* ---------- buy box ---------- */
.wccd-buy {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.18);
    border-top: 5px solid var(--wccd-saddle); border-radius: 12px;
    box-shadow: var(--wccd-shadow); padding: 26px; position: sticky; top: 190px;
}
@media (max-width: 900px) { .wccd-buy { position: static; } }
.wccd-statusbar {
    margin: -26px -26px 20px; padding: 9px 12px; text-align: center;
    font-size: .7rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase;
}
.wccd-statusbar.sold { background: rgba(43,23,16,.12); color: var(--wccd-espresso); }
.wccd-statusbar.paused { background: rgba(95,85,68,.16); color: var(--wccd-saddle); }
.wccd-statusbar.pending { background: rgba(201,168,118,.26); color: #6B5426; }
.wccd-buy h1 { font-size: clamp(1.8rem,3vw,2.25rem); margin: 0 0 6px; }
.wccd-sub { font-size: 1rem; color: var(--wccd-ink-soft); margin-bottom: 4px; }
.wccd-loc {
    font-size: .94rem; color: var(--wccd-ink-soft); display: flex; align-items: center;
    gap: 7px; margin-bottom: 16px;
}
.wccd-loc svg { width: 15px; height: 15px; color: var(--wccd-saddle); flex: 0 0 auto; }
.wccd-priceline {
    display: flex; align-items: baseline; gap: 10px; padding: 14px 0 16px;
    border-top: 1px solid rgba(95,85,68,.18); border-bottom: 1px solid rgba(95,85,68,.18);
    margin-bottom: 18px; flex-wrap: wrap;
}
.wccd-price { font-family: var(--wccd-serif); font-size: 2.1rem; color: var(--wccd-ink); line-height: 1.1; }
.wccd-price.cfp { font-size: 1.35rem; }
.wccd-priceline .note { font-size: .86rem; color: var(--wccd-ink-soft); }

.wccd-contact { background: var(--wccd-dune-warm); border-radius: 10px; padding: 16px 18px; }
.wccd-contact .lbl {
    font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    color: var(--wccd-saddle); margin-bottom: 9px;
}
.wccd-contact .line { display: flex; align-items: center; gap: 10px; font-size: 1rem; margin-bottom: 7px; }
.wccd-contact .line:last-of-type { margin-bottom: 0; }
.wccd-contact .line svg { width: 15px; height: 15px; color: var(--wccd-saddle); flex: 0 0 auto; }
.wccd-contact a { color: var(--wccd-clay); font-weight: 600; word-break: break-word; }
.wccd-contact .after { font-size: .82rem; color: var(--wccd-ink-soft); margin: 11px 0 0; line-height: 1.55; }

.wccd-facts {
    display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 1px;
    background: rgba(95,85,68,.18); border: 1px solid rgba(95,85,68,.18);
    border-radius: 10px; overflow: hidden; margin-top: 20px;
}
.wccd-fact { background: var(--wccd-card); padding: 14px 16px; }
.wccd-fact .k {
    font-size: .66rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase;
    color: var(--wccd-saddle); margin-bottom: 4px;
}
.wccd-fact .v { font-size: .98rem; color: var(--wccd-ink); }

.wccd-sellerbox { margin-top: 20px; padding-top: 18px; border-top: 1px solid rgba(95,85,68,.18); }
.wccd-sellerbox .lbl {
    font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
    color: var(--wccd-saddle); margin-bottom: 10px;
}
.wccd-sellerrow { display: flex; gap: 13px; align-items: center; }
.wccd-savatar {
    width: 52px; height: 52px; border-radius: 9px; flex: 0 0 auto;
    background: linear-gradient(135deg,#c9c2b2,#a9a08b) center/cover no-repeat;
    border: 1px solid rgba(95,85,68,.2);
}
.wccd-sname { font-family: var(--wccd-serif); font-size: 1.12rem; line-height: 1.2; }
.wccd-sname a { color: var(--wccd-ink); }
.wccd-sname a:hover { color: var(--wccd-clay); }
.wccd-smeta { font-size: .85rem; color: var(--wccd-ink-soft); }
.wccd-vmark {
    display: inline-flex; align-items: center; gap: 5px;
    background: rgba(162,172,160,.28); border: 1px solid rgba(162,172,160,.65);
    color: var(--wccd-sage-ink); font-size: .67rem; font-weight: 800; letter-spacing: .05em;
    text-transform: uppercase; padding: 3px 9px; border-radius: 20px; white-space: nowrap; margin-top: 5px;
}
.wccd-vmark svg { width: 11px; height: 11px; }
.wccd-sellernote {
    font-size: .8rem; color: var(--wccd-ink-soft); background: var(--wccd-dune-warm);
    border-radius: 6px; padding: 7px 11px; margin: 9px 0 0; line-height: 1.5;
}
.wccd-slinks { display: flex; gap: 10px; margin-top: 13px; flex-wrap: wrap; }
.wccd-slinks .btn { flex: 1 1 auto; }

/* ---------- more from this seller ---------- */
.wccd-more { background: var(--wccd-dune); padding: clamp(38px,5vw,56px) 0; }
.wccd-more h2 { font-size: 1.5rem; margin: 0 0 5px; }
.wccd-more .lead { font-size: .95rem; color: var(--wccd-ink-soft); margin: 0 0 20px; }
.wccd-grid3 { display: grid; grid-template-columns: repeat(auto-fill,minmax(255px,1fr)); gap: 20px; }
.wccd-mini {
    background: var(--wccd-card); border: 1px solid rgba(95,85,68,.18); border-radius: 12px;
    overflow: hidden; box-shadow: var(--wccd-shadow); display: block; color: inherit;
    transition: transform .15s ease, box-shadow .15s ease;
}
.wccd-mini:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(43,23,16,.2); }
.wccd-mini .p { aspect-ratio: 4/3; background: #cfc8b7 center/cover no-repeat; position: relative; display: block; }
.wccd-mini .p .wccd-lvl { left: 10px; top: 10px; font-size: .62rem; padding: 4px 9px; }
.wccd-mini .b { padding: 14px 16px 17px; display: block; }
.wccd-mini .h3 { font-family: var(--wccd-serif); font-size: 1.1rem; display: block; margin-bottom: 3px; color: var(--wccd-ink); }
.wccd-mini .s { font-size: .85rem; color: var(--wccd-ink-soft); display: block; }

/* ---------- papers, full screen, no download ---------- */
.wccd-lightbox {
    position: fixed; inset: 0; z-index: 99999; background: rgba(31,16,10,.94);
    display: flex; align-items: center; justify-content: center; padding: 40px 20px;
}
.wccd-lightbox[hidden] { display: none; }
.wccd-lightbox img {
    max-width: 100%; max-height: 100%; object-fit: contain;
    border-radius: 6px; box-shadow: 0 24px 60px rgba(0,0,0,.5);
}
.wccd-lbclose {
    position: absolute; top: 18px; right: 22px; width: 44px; height: 44px;
    border-radius: 50%; border: 1px solid rgba(226,222,211,.5); background: rgba(226,222,211,.12);
    color: #E2DED3; font-size: 1.7rem; line-height: 1; cursor: pointer;
}
.wccd-lbclose:hover { background: rgba(226,222,211,.24); }
/* ============ end Dogs 4 Sale detail ============ */


/* ================= HERO PHOTOS: wide crop on computers, tall crop on phones =================
   Two crops per hero. The wide 2560x1000 file is set inline on the page itself.
   This block swaps in the tall 1200x1400 file below 900px, where the wide crop
   would otherwise lose most of its width. Add a line here for each new hero. */
@media (max-width: 900px) {
    .page-id-17570 .wccd-hero {
        background-image: url("/wp-content/uploads/2026/08/Ellie-Mae_Herodog4sale-Phone-1200x1400-1.jpg") !important;
        background-position: center center !important;
    }
    .page-id-17571 .wccd-hero {
        background-image: url("/wp-content/uploads/2026/08/XP_Hero-stud-page-Photo-Phone-1200x1400-1.jpg") !important;
        background-position: center center !important;
    }
    /* This hero's scrim is angled for a wide screen, so on a phone the
       headline lands on the pale calf. Lay a flat wash over the photo. */
    .page-id-17552 .wcc-dogform-hero {
        background-image: linear-gradient(rgba(43,23,16,.55), rgba(43,23,16,.55)), url("/wp-content/uploads/2026/08/XP_List-a-dog-Photo-Phone-1200x1400-1.jpg") !important;
        background-position: center center !important;
    }
}
/* ============ end hero photos ============ */


/* ==========================================================================
   TRIALS & CLINICS - shared component CSS
   Added Aug 20 2026, phase 2. Page shell for 17635 plus the .wcce-* component
   used by the browse page, the event template and the association archives.
   Namespaced throughout so the generic mockup class names cannot leak.
   ========================================================================== */

/* --- page shell, 17635. Uses the Dogs 4 Sale recipe, not the older -180px pair --- */
.page-id-17635 .entry-header,
.page-id-17635 .entry-title { display: none !important; }
.page-id-17635 #wrapper,
.page-id-17635 #inner-wrap,
.page-id-17635 .entry-content-wrap,
.page-id-17635 .entry-content,
.page-id-17635 .content-container { overflow: visible !important; max-width: 100% !important; }
.page-id-17635 .entry-content-wrap { padding-top: 0 !important; margin-top: 0; }
.page-id-17635 .content-area { margin-top: 0 !important; margin-bottom: 0 !important; }
.page-id-17635 .content-container,
.page-id-17635 .entry-content-wrap { padding-left: 0 !important; padding-right: 0 !important; }
.page-id-17635 .entry-content-wrap,
.page-id-17635 .entry-content,
.page-id-17635 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-17635 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }
.page-id-17635 .entry-content-wrap section.wcce-band,
.page-id-17635 .entry-content-wrap .wcce-wrap { width: 100%; position: relative; margin-left: 0; margin-right: 0; }

/* --- tokens --- */
.wcce-band, .wcce-wrap {
  --wcce-espresso:#2B1710; --wcce-saddle:#5F5544; --wcce-clay:#9C6633;
  --wcce-clay-deep:#7E4F25; --wcce-gold:#C9A876; --wcce-dune:#E2DED3;
  --wcce-dune-warm:#EDE9DD; --wcce-card:#FBF9F4; --wcce-ink:#241A12;
  --wcce-ink-soft:#5A4A3A;
  --wcce-shadow:0 10px 30px rgba(43,23,16,.16);
  --wcce-serif:'Libre Caslon Text',Georgia,serif;
  --wcce-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
.wcce-band *, .wcce-wrap * { box-sizing: border-box; }
.wcce-w { max-width: 1140px; margin: 0 auto; padding: 0 clamp(20px,4vw,40px); }
.wcce-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* --- buttons --- */
.wcce-btn { font-family: var(--wcce-sans); font-size:.9rem; font-weight:600; padding:11px 22px;
  border-radius:6px; display:inline-block; text-align:center; border:none; cursor:pointer; text-decoration:none; }
.wcce-btn-primary { background: var(--wcce-clay); color:#fff !important; }
.wcce-btn-primary:hover { background: var(--wcce-clay-deep); color:#fff !important; }
.wcce-btn-ghost { background:none; color: var(--wcce-clay) !important; border:1px solid rgba(156,102,51,.5); }
.wcce-btn-light { background: rgba(255,255,255,.10); color: var(--wcce-dune) !important; border:1px solid rgba(226,222,211,.45); }

/* --- hero --- */
.wcce-hero { position:relative; min-height:clamp(400px,44vw,540px); display:flex; align-items:flex-end;
  overflow:hidden; background:#2B1710 center center/cover no-repeat; }
.wcce-hero .wcce-scrim { position:absolute; inset:0;
  background:linear-gradient(115deg,rgba(43,23,16,.9) 0%,rgba(43,23,16,.55) 48%,rgba(43,23,16,.12) 100%); }
.wcce-heroinner { position:relative; z-index:2; width:100%; padding:clamp(34px,5vw,60px) 0 clamp(38px,5vw,56px); }
.wcce-eyebrow { display:inline-block; background:var(--wcce-gold); color:var(--wcce-espresso);
  font-family:var(--wcce-sans); font-size:.92rem; font-weight:600; letter-spacing:.03em;
  padding:10px 22px; border-radius:999px; margin-bottom:18px; }
.wcce-hero h1 { font-family:var(--wcce-serif); font-weight:400; line-height:1.15;
  font-size:clamp(2rem,4.2vw,2.9rem); color:#fff; margin:0 0 13px; max-width:20ch; }
.wcce-hero .wcce-lead { font-size:clamp(1rem,1.5vw,1.13rem); color:rgba(226,222,211,.94);
  max-width:58ch; margin:0 0 24px; }
.wcce-herorow { display:flex; gap:14px; flex-wrap:wrap; }
.wcce-hero .wcce-fine { font-size:.86rem; color:rgba(226,222,211,.78); margin:16px 0 0; }
.wcce-credit-photo { position:absolute; right:12px; bottom:8px; z-index:3; font-family:var(--wcce-sans);
  font-size:.68rem; letter-spacing:.04em; color:rgba(226,222,211,.62); }

/* the hero scrim is angled, so a phone needs a flat wash under it or the
   headline lands on the light part of the photo. See WCC-Hero-Two-Crop-System. */
@media (max-width: 900px) {
  .page-id-17635 .wcce-hero {
    background-image: linear-gradient(rgba(43,23,16,.5), rgba(43,23,16,.5)),
      url("/wp-content/uploads/2026/08/Brent-Flynn_Hero-trials_clinics-1764-Phone-1200x1400-1.jpg") !important;
    background-position: center center !important;
  }
}

/* --- filter bar --- */
.wcce-wrap { background: var(--wcce-dune-warm); font-family: var(--wcce-sans); color: var(--wcce-ink); }
.wcce-filters { background: var(--wcce-dune); border-bottom:1px solid rgba(95,85,68,.18); padding:18px 0; }
.wcce-filters > * { max-width:1140px; margin-left:auto; margin-right:auto; padding-left:clamp(20px,4vw,40px); padding-right:clamp(20px,4vw,40px); }
.wcce-frow { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.wcce-nearme { display:inline-flex; align-items:center; background:#fff;
  border:1px solid rgba(156,102,51,.45); border-radius:7px; overflow:hidden; }
.wcce-pinbox { display:flex; align-items:center; padding:0 7px 0 11px; color:var(--wcce-clay); }
.wcce-pinbox svg { width:15px; height:15px; }
.wcce-nearme input { border:none; width:74px; font-family:var(--wcce-sans); font-size:.9rem; padding:10px 4px; color:var(--wcce-ink); background:#fff; }
.wcce-nearme input:focus { outline:none; }
.wcce-nearme select { border:none; border-left:1px solid rgba(95,85,68,.25); background:#fbf9f4;
  font-family:var(--wcce-sans); font-size:.84rem; padding:10px 8px; color:var(--wcce-ink-soft); cursor:pointer; }
.wcce-filters input[type=search], .wcce-filters select.wcce-f {
  font-family:var(--wcce-sans); font-size:.9rem; color:var(--wcce-ink); background:#fff;
  border:1px solid rgba(95,85,68,.3); border-radius:7px; padding:10px 12px; cursor:pointer; }
.wcce-filters input[type=search] { flex:1 1 170px; min-width:150px; cursor:text; }
.wcce-fmeta { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  gap:12px; margin-top:15px; font-size:.9rem; color:var(--wcce-ink-soft); }
.wcce-fmeta b { color:var(--wcce-ink); font-family:var(--wcce-serif); font-size:1.05rem; font-weight:400; }
.wcce-fmeta-right { display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
.wcce-from { opacity:.6; }
.wcce-clear { color:var(--wcce-clay); font-weight:600; font-size:.86rem; background:none; border:none; cursor:pointer; font-family:var(--wcce-sans); }
.wcce-toggle { display:inline-flex; align-items:center; gap:8px; font-size:.86rem; color:var(--wcce-ink-soft);
  cursor:pointer; user-select:none; background:none; border:none; font-family:var(--wcce-sans); padding:0; }
.wcce-toggle .wcce-sw { width:34px; height:19px; border-radius:99px; background:#c3bcae; position:relative; transition:background .15s; }
.wcce-toggle .wcce-sw::after { content:""; position:absolute; top:2px; left:2px; width:15px; height:15px;
  border-radius:50%; background:#fff; transition:left .15s; }
.wcce-toggle.wcce-on .wcce-sw { background:var(--wcce-clay); }
.wcce-toggle.wcce-on .wcce-sw::after { left:17px; }
.wcce-toggle:focus-visible, .wcce-chip:focus-visible, .wcce-clear:focus-visible { outline:2px solid var(--wcce-clay); outline-offset:2px; }

/* --- association chips --- */
.wcce-chips { display:flex; gap:8px; flex-wrap:wrap; margin-top:15px; }
.wcce-chip { font-size:.8rem; font-weight:600; background:var(--wcce-card); border:1px solid rgba(95,85,68,.3);
  color:var(--wcce-saddle); padding:7px 14px; border-radius:999px; cursor:pointer; font-family:var(--wcce-sans); }
.wcce-chip:hover { border-color:rgba(156,102,51,.6); color:var(--wcce-clay); }
.wcce-chip.wcce-on { background:var(--wcce-saddle); border-color:var(--wcce-saddle); color:var(--wcce-dune); }
.wcce-chip .wcce-n { opacity:.6; font-weight:400; margin-left:4px; }
.wcce-chip.wcce-on .wcce-n { opacity:.75; }

/* --- results --- */
.wcce-results { max-width:1140px; margin:0 auto; padding:clamp(30px,4vw,46px) clamp(20px,4vw,40px) clamp(46px,6vw,66px); }
.wcce-nearnote { background:var(--wcce-card); border:1px solid rgba(156,102,51,.35); border-left:5px solid var(--wcce-clay);
  border-radius:8px; padding:13px 17px; margin-bottom:22px; font-size:.93rem; color:var(--wcce-ink); }
.wcce-nearnote b { color:var(--wcce-clay); }
.wcce-monthhead { display:flex; align-items:baseline; gap:14px; margin:34px 0 14px; }
.wcce-monthhead:first-child { margin-top:0; }
.wcce-monthhead h2 { font-family:var(--wcce-serif); font-weight:400; font-size:1.5rem; margin:0; }
.wcce-monthhead .wcce-rule { flex:1; height:1px; background:rgba(95,85,68,.28); }
.wcce-monthhead .wcce-n { font-size:.82rem; color:var(--wcce-ink-soft); white-space:nowrap; }
.wcce-group { display:flex; flex-direction:column; gap:12px; }

.wcce-ev { display:flex; background:var(--wcce-card); border:1px solid rgba(95,85,68,.18); border-radius:12px;
  overflow:hidden; box-shadow:var(--wcce-shadow); transition:transform .15s ease, box-shadow .15s ease; }
.wcce-ev:hover { transform:translateY(-3px); box-shadow:0 16px 38px rgba(43,23,16,.2); }
.wcce-when { flex:0 0 104px; background:var(--wcce-espresso); color:#fff; display:flex; flex-direction:column;
  align-items:center; justify-content:center; padding:16px 8px; text-align:center; }
.wcce-mo { font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--wcce-gold); }
.wcce-day { font-family:var(--wcce-serif); font-size:2.1rem; line-height:1.05; margin:2px 0; }
.wcce-day.wcce-span { font-size:1.5rem; letter-spacing:-.01em; }
.wcce-yr { font-size:.7rem; opacity:.6; letter-spacing:.08em; }
.wcce-dow { font-size:.7rem; opacity:.72; letter-spacing:.06em; text-transform:uppercase; margin-top:3px; }

.wcce-body { flex:1; padding:16px 20px; display:flex; gap:18px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.wcce-main { flex:1 1 380px; min-width:0; }
.wcce-pills { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:7px; }
.wcce-p { display:inline-flex; align-items:center; gap:5px; background:var(--wcce-dune-warm);
  border:1px solid rgba(95,85,68,.26); color:var(--wcce-saddle); font-size:.72rem; font-weight:600;
  padding:3px 10px; border-radius:999px; white-space:nowrap; }
.wcce-p svg { width:11px; height:11px; flex:0 0 auto; }
.wcce-p-assoc { background:#fff; border-color:rgba(95,85,68,.4); color:var(--wcce-ink); font-weight:700; letter-spacing:.04em; }
.wcce-p-member { background:var(--wcce-dune-warm); border-style:dashed; }
.wcce-p-wcc { background:var(--wcce-dune-warm); border-style:dashed; }
.wcce-p-flyer { background:#fff; border-color:rgba(95,85,68,.4); }
.wcce-p-full { background:var(--wcce-saddle); border-color:var(--wcce-saddle); color:var(--wcce-dune); font-weight:700; }
.wcce-ev h3 { font-family:var(--wcce-serif); font-weight:400; font-size:1.22rem; margin:0 0 5px; line-height:1.15; }
.wcce-ev h3 a { color:var(--wcce-ink); text-decoration:none; }
.wcce-ev h3 a:hover { color:var(--wcce-clay); }
.wcce-meta { font-size:.88rem; color:var(--wcce-ink-soft); display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
.wcce-meta svg { width:14px; height:14px; color:var(--wcce-saddle); flex:0 0 auto; }
.wcce-dist { color:var(--wcce-clay); font-weight:600; }
.wcce-sub { font-size:.85rem; color:var(--wcce-ink-soft); margin-top:6px; }
.wcce-sub b { color:var(--wcce-ink); font-weight:600; }
.wcce-dot { opacity:.4; }
.wcce-go { flex:0 0 auto; display:flex; flex-direction:column; gap:8px; align-items:stretch; min-width:158px; }
.wcce-go .wcce-btn { white-space:nowrap; font-size:.84rem; padding:9px 18px; }
.wcce-closes { font-size:.78rem; color:var(--wcce-saddle); text-align:center; }
.wcce-closes.wcce-soon { color:var(--wcce-clay-deep); font-weight:700; }

/* row states */
.wcce-wrapper { display:flex; flex-direction:column; background:var(--wcce-card); border:1px solid rgba(95,85,68,.18);
  border-radius:12px; overflow:hidden; box-shadow:var(--wcce-shadow); }
.wcce-wrapper .wcce-ev { border:none; border-radius:0; box-shadow:none; }
.wcce-wrapper .wcce-ev:hover { transform:none; box-shadow:none; }
.wcce-statebar { font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:6px 12px; text-align:center; }
.wcce-sb-cancel { background:rgba(95,85,68,.16); border-bottom:1px solid rgba(95,85,68,.4); color:#5A4A3A; }
.wcce-cancelled .wcce-when { background:var(--wcce-saddle); }
.wcce-cancelled h3 { text-decoration:line-through; opacity:.65; }
.wcce-cancelled .wcce-meta, .wcce-cancelled .wcce-sub { opacity:.62; }
.wcce-past { opacity:.72; }
.wcce-past .wcce-when { background:var(--wcce-saddle); }

.wcce-empty { text-align:center; padding:54px 20px; color:var(--wcce-ink-soft); }
.wcce-empty h3 { font-family:var(--wcce-serif); font-weight:400; font-size:1.3rem; margin:0 0 8px; color:var(--wcce-ink); }

.wcce-trust { margin-top:30px; background:var(--wcce-card); border:1px solid rgba(95,85,68,.2);
  border-left:5px solid var(--wcce-saddle); border-radius:0 10px 10px 0; padding:17px 21px; }
.wcce-trust p { font-size:.91rem; color:var(--wcce-ink-soft); line-height:1.7; margin:0; }
.wcce-trust p + p { margin-top:7px; }
.wcce-trust b { color:var(--wcce-ink); }
.wcce-trust a { color:var(--wcce-clay); font-weight:600; }
.wcce-credit { font-size:.8rem !important; opacity:.75; }

@media (max-width:760px) {
  .wcce-when { flex:0 0 84px; }
  .wcce-go { min-width:0; width:100%; }
  .wcce-body { align-items:flex-start; }
}

/* the row sets display:flex, which outranks the browser rule for [hidden].
   Without this the filter hides nothing. */
.wcce-ev[hidden], .wcce-wrapper[hidden] { display: none !important; }

/* Kadence puts margin: 0 -16px on article.entry at narrow widths to cancel the
   container padding. The full-bleed recipe zeroes that padding, so the negative
   margin then pushes 16px past the edge and a phone scrolls sideways. */
.page-id-17635 article.entry { margin-left: 0 !important; margin-right: 0 !important; }


/* --- TRIALS & CLINICS, phase 2b: calendar view and the closing bands --- */

/* view toggle */
.wcce-viewtoggle { display:inline-flex; border:1px solid rgba(95,85,68,.35); border-radius:7px; overflow:hidden; }
.wcce-viewtoggle button { font-family:var(--wcce-sans); font-size:.84rem; font-weight:600; padding:10px 15px;
  border:none; background:#fff; color:var(--wcce-ink-soft); cursor:pointer; }
.wcce-viewtoggle button.wcce-on { background:var(--wcce-saddle); color:var(--wcce-dune); }
.wcce-viewtoggle button:focus-visible { outline:2px solid var(--wcce-clay); outline-offset:-2px; }

/* calendar */
.wcce-calhead { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.wcce-calhead h2 { font-family:var(--wcce-serif); font-weight:400; font-size:1.55rem; margin:0; }
.wcce-calnav { display:flex; gap:8px; }
.wcce-calnav button { background:var(--wcce-card); border:1px solid rgba(95,85,68,.3); border-radius:7px;
  padding:8px 14px; font-family:var(--wcce-sans); font-size:.86rem; font-weight:600; color:var(--wcce-saddle); cursor:pointer; }
.wcce-calnav button:hover { border-color:rgba(156,102,51,.6); color:var(--wcce-clay); }
.wcce-calbox { background:var(--wcce-card); border:1px solid rgba(95,85,68,.2); border-radius:12px;
  overflow:hidden; box-shadow:var(--wcce-shadow); }
.wcce-dows { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); background:var(--wcce-saddle); }
.wcce-dows span { padding:9px 6px; text-align:center; font-size:.7rem; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:var(--wcce-dune); }
.wcce-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); }
.wcce-cell { min-width:0; min-height:104px; border-right:1px solid rgba(95,85,68,.14);
  border-bottom:1px solid rgba(95,85,68,.14); padding:7px 8px 9px; }
.wcce-cell:nth-child(7n) { border-right:none; }
.wcce-other { background:rgba(95,85,68,.05); }
.wcce-other .wcce-dn { opacity:.32; }
.wcce-has { background:rgba(237,233,221,.6); }
.wcce-today { box-shadow:inset 0 0 0 2px var(--wcce-clay); }
.wcce-dn { font-size:.82rem; font-weight:700; color:var(--wcce-saddle); margin-bottom:5px; }
.wcce-today .wcce-dn { color:var(--wcce-clay); }
.wcce-ce { display:block; font-size:.72rem; line-height:1.35; padding:3px 6px; border-radius:4px; margin-bottom:3px;
  background:var(--wcce-dune-warm); border-left:3px solid var(--wcce-saddle); color:var(--wcce-ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-decoration:none; }
.wcce-ce:hover { background:#fff; border-left-color:var(--wcce-clay); color:var(--wcce-clay-deep); }
.wcce-ce.wcce-clinic { border-left-style:dashed; }
.wcce-ce.wcce-cancel { text-decoration:line-through; opacity:.55; }
.wcce-callegend { display:flex; gap:18px; flex-wrap:wrap; margin-top:14px; font-size:.82rem; color:var(--wcce-ink-soft); }
.wcce-callegend span { display:inline-flex; align-items:center; gap:7px; }
.wcce-sw2 { width:14px; height:14px; border-radius:3px; background:var(--wcce-dune-warm); border-left:3px solid var(--wcce-saddle); }
.wcce-sw2.wcce-dash { border-left-style:dashed; }
.wcce-sw2.wcce-tod { background:none; border:2px solid var(--wcce-clay); border-radius:3px; }
.wcce-legendnote { opacity:.75; }

/* cross-link band */
.wcce-cross { background:var(--wcce-dune-warm); padding:clamp(32px,4vw,48px) 0; border-top:1px solid rgba(95,85,68,.18); }
.wcce-crossbox { background:var(--wcce-card); border:1px solid rgba(95,85,68,.2); border-top:5px solid var(--wcce-saddle);
  border-radius:12px; box-shadow:var(--wcce-shadow); padding:24px 28px; display:flex; gap:22px;
  align-items:center; justify-content:space-between; flex-wrap:wrap; }
.wcce-crossbox h3 { font-family:var(--wcce-serif); font-weight:400; font-size:1.24rem; margin:0 0 5px; }
.wcce-crossbox p { font-size:.95rem; color:var(--wcce-ink-soft); max-width:60ch; margin:0; }

/* association band */
.wcce-assocs { background:var(--wcce-dune); padding:clamp(64px,8vw,96px) 0; border-top:1px solid rgba(95,85,68,.18); }
.wcce-bandhead { margin-bottom:26px; max-width:70ch; }
.wcce-bandhead h2 { font-family:var(--wcce-serif); font-weight:400; font-size:1.7rem; margin:0 0 8px; }
.wcce-bandhead p { font-size:.96rem; color:var(--wcce-ink-soft); margin:0; }
.wcce-agrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(232px,1fr)); gap:18px; }
.wcce-a { background:var(--wcce-card); border:1px solid rgba(95,85,68,.2); border-top:5px solid var(--wcce-saddle);
  border-radius:12px; padding:20px; box-shadow:var(--wcce-shadow); display:flex; flex-direction:column;
  transition:transform .15s ease; text-decoration:none; }
.wcce-a:hover { transform:translateY(-3px); }
.wcce-a-logo { display:none; }
.wcce-a-logo[style] { display:block; height:44px; background-repeat:no-repeat; background-position:left center;
  background-size:auto 44px; margin-bottom:12px; }
.wcce-abbr { font-family:var(--wcce-serif); font-size:1.5rem; color:var(--wcce-ink); line-height:1; }
.wcce-afull { font-size:.83rem; color:var(--wcce-ink-soft); margin-top:6px; min-height:2.6em; }
.wcce-acnt { font-size:.86rem; color:var(--wcce-saddle); margin-top:12px; padding-top:11px; border-top:1px solid rgba(95,85,68,.16); }
.wcce-acnt b { font-family:var(--wcce-serif); font-size:1.15rem; color:var(--wcce-ink); font-weight:400; }
.wcce-anext { font-size:.8rem; color:var(--wcce-ink-soft); margin-top:3px; }
.wcce-ago { margin-top:13px; font-size:.85rem; font-weight:600; color:var(--wcce-clay); }

/* post your clinic band */
.wcce-post { background:var(--wcce-saddle); color:var(--wcce-dune); padding:clamp(64px,8vw,96px) 0; }
.wcce-post h2 { font-family:var(--wcce-serif); font-weight:400; font-size:clamp(1.6rem,3vw,2.15rem);
  color:#fff; margin:0 0 10px; max-width:26ch; }
.wcce-postlead { font-size:1.02rem; color:rgba(226,222,211,.9); max-width:60ch; margin:0 0 24px; }
.wcce-pricetag { display:inline-flex; align-items:baseline; gap:12px; background:rgba(43,23,16,.3);
  border:1px solid rgba(226,222,211,.28); border-radius:10px; padding:14px 22px; margin-bottom:26px; flex-wrap:wrap; }
.wcce-big { font-family:var(--wcce-serif); font-size:1.9rem; color:#fff; }
.wcce-sub2 { font-size:.94rem; color:rgba(226,222,211,.88); max-width:46ch; }
.wcce-steps { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:20px; margin-bottom:26px; }
.wcce-step { background:var(--wcce-card); border:1px solid rgba(95,85,68,.2); border-top:5px solid var(--wcce-saddle);
  border-radius:12px; padding:22px; color:var(--wcce-ink); display:flex; flex-direction:column; }
.wcce-stepn { font-family:var(--wcce-serif); font-size:2rem; line-height:1; color:var(--wcce-saddle); margin-bottom:10px; }
.wcce-step h3 { font-family:var(--wcce-serif); font-weight:400; font-size:1.1rem; margin:0 0 8px; }
.wcce-step p { font-size:.94rem; color:var(--wcce-ink-soft); margin:0; flex:1 1 auto; }
.wcce-steptag { display:inline-block; margin-top:10px; background:var(--wcce-dune-warm);
  border:1px solid rgba(95,85,68,.4); color:var(--wcce-saddle); font-size:.68rem; font-weight:800;
  letter-spacing:.05em; text-transform:uppercase; padding:3px 9px; border-radius:20px; align-self:flex-start; }

/* subscribe band */
.wcce-subs { background:var(--wcce-espresso); color:var(--wcce-dune); padding:clamp(64px,8vw,96px) 0; }
.wcce-subgrid { display:grid; grid-template-columns:repeat(auto-fit,minmax(310px,1fr)); gap:26px; align-items:start; }
.wcce-subs h2 { font-family:var(--wcce-serif); font-weight:400; color:#fff;
  font-size:clamp(1.5rem,2.8vw,2rem); margin:0 0 10px; max-width:22ch; }
.wcce-subs p { color:rgba(226,222,211,.88); font-size:.98rem; max-width:52ch; margin:0; }
.wcce-subform { display:flex; gap:10px; margin-top:20px; flex-wrap:wrap; }
.wcce-subform input { flex:1 1 190px; font-family:var(--wcce-sans); font-size:.93rem; padding:12px 14px;
  border:1px solid rgba(226,222,211,.4); border-radius:6px; background:rgba(255,255,255,.08); color:#fff; }
.wcce-subform input::placeholder { color:rgba(226,222,211,.6); }
.wcce-subform input.wcce-zipin { flex:0 0 96px; }
.wcce-subfine { font-size:.82rem !important; color:rgba(226,222,211,.6) !important; margin-top:12px !important; }
.wcce-subnote { margin-top:16px !important; padding:11px 15px; border-radius:7px; font-size:.92rem !important; }
.wcce-subok { background:rgba(162,172,160,.18); border:1px solid rgba(162,172,160,.5); color:#DDE4DB !important; }
.wcce-subbad { background:rgba(156,102,51,.18); border:1px solid rgba(201,168,118,.5); color:#EFD9B8 !important; }
.wcce-icalbox { background:rgba(255,255,255,.06); border:1px solid rgba(226,222,211,.24); border-radius:12px; padding:22px; }
.wcce-icalbox h3 { font-family:var(--wcce-serif); font-weight:400; color:#fff; font-size:1.15rem; margin:0 0 8px; }
.wcce-icalbox p { font-size:.92rem; margin:0 0 16px; }
.wcce-soonlabel { display:inline-block; font-size:.82rem; color:rgba(226,222,211,.7);
  border:1px dashed rgba(226,222,211,.35); border-radius:6px; padding:9px 14px; }

@media (max-width:760px) {
  .wcce-cell { min-height:74px; padding:5px; }
  .wcce-ce { font-size:.62rem; padding:2px 4px; }
  .wcce-calbox { overflow-x:auto; }
}

/* --- phase 2 fixes --- */

/* the middot between the town and the distance, from the mockup */
.wcce-dist::before { content: "\00b7\0020"; opacity: .42; margin-right: 5px; }

/* email capture in the empty state. The v1 audit put it here on purpose:
   somebody who just found nothing is the most willing to be told later. */
.wcce-emptysub { max-width:520px; margin:26px auto 0; background:var(--wcce-card);
  border:1px solid rgba(95,85,68,.2); border-top:5px solid var(--wcce-saddle);
  border-radius:12px; padding:20px 22px; text-align:left; }
.wcce-emptysub p { font-size:.93rem; margin:0 0 13px; color:var(--wcce-ink-soft); }
.wcce-emptysub b { color:var(--wcce-ink); }
.wcce-emptyform { display:flex; gap:9px; flex-wrap:wrap; }
.wcce-emptyform input { flex:1 1 160px; font-family:var(--wcce-sans); font-size:.92rem;
  padding:10px 12px; border:1px solid rgba(95,85,68,.3); border-radius:7px;
  background:#fff; color:var(--wcce-ink); }
.wcce-emptyform input.wcce-zipin { flex:0 0 88px; }
.wcce-emptyform .wcce-btn { font-size:.84rem; padding:9px 18px; }

/* ============================================================
   TRIALS & CLINICS EVENT PAGE - single wcc-event, snippet 36
   Namespaced .wcced-*. Variables are scoped to .wcced so nothing
   here can reach another page. Matches the browse page palette.
   ============================================================ */

.wcc-event-single .entry-hero,
.wcc-event-single .entry-header,
.wcc-event-single h1.entry-title,
.wcc-event-single .entry-taxonomies,
.wcc-event-single .entry-meta { display:none !important; }

.wcc-event-single .content-area,
.wcc-event-single .content-container,
.wcc-event-single .site-container,
.wcc-event-single .entry-content-wrap,
.wcc-event-single article.entry { max-width:100% !important; width:100% !important; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; }
.wcc-event-single .entry-content-wrap > .wcced { margin-top:0; }
.wcc-event-single .site-main { padding-top:0 !important; }

.wcced{
  --wcced-espresso:#2B1710; --wcced-saddle:#5F5544; --wcced-clay:#9C6633;
  --wcced-clay-deep:#7E4F25; --wcced-gold:#C9A876; --wcced-dune:#E2DED3;
  --wcced-dune-warm:#EDE9DD; --wcced-card:#FBF9F4; --wcced-ink:#241A12;
  --wcced-ink-soft:#5A4A3A; --wcced-shadow:0 10px 30px rgba(43,23,16,.16);
  --wcced-serif:'Libre Caslon Text',Georgia,serif;
  background:var(--wcced-dune-warm); color:var(--wcced-ink); line-height:1.65;
}
.wcced *{box-sizing:border-box}
.wcced-wrap{max-width:1140px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}

.wcced-crumbs{background:var(--wcced-dune);border-bottom:1px solid rgba(95,85,68,.16);font-size:.84rem;color:var(--wcced-ink-soft);padding:11px 0}
.wcced-crumbs a{color:var(--wcced-clay);font-weight:600;text-decoration:none}
.wcced-crumbs .sep{opacity:.4;margin:0 8px}
.wcced-crumbs .here{color:var(--wcced-ink-soft)}

.wcced-head{background:var(--wcced-espresso);padding:clamp(28px,4vw,46px) 0 clamp(26px,4vw,40px);color:#fff}
.wcced-head.is-cancelled{background:#4a2320}
.wcced-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.wcced-pill{display:inline-flex;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(226,222,211,.4);color:var(--wcced-dune);font-size:.78rem;font-weight:600;padding:5px 13px;border-radius:999px}
.wcced-pill.is-gold{background:var(--wcced-gold);border-color:var(--wcced-gold);color:var(--wcced-espresso);font-weight:700;letter-spacing:.04em}
.wcced-head h1{font-family:var(--wcced-serif);font-weight:400;line-height:1.15;font-size:clamp(1.7rem,3.6vw,2.6rem);color:#fff;margin:0 0 14px;max-width:24ch}
.wcced-cancelled-flag{background:rgba(255,255,255,.12);border-left:4px solid #e0705c;color:#fff;font-weight:600;padding:10px 14px;border-radius:6px;margin:0 0 14px;max-width:60ch}
.wcced-facts{display:flex;gap:26px;flex-wrap:wrap;color:rgba(226,222,211,.94);font-size:1rem}
.wcced-facts b{font-weight:600;color:#fff}

.wcced-main{padding:clamp(30px,4vw,50px) 0 clamp(40px,5vw,64px)}
.wcced-cols{display:grid;grid-template-columns:1fr 344px;gap:32px;align-items:start}
@media(max-width:940px){.wcced-cols{grid-template-columns:1fr}}

.wcced-blk{background:var(--wcced-card);border:1px solid rgba(95,85,68,.18);border-top:5px solid var(--wcced-saddle);border-radius:12px;box-shadow:var(--wcced-shadow);padding:24px 26px;margin-bottom:20px}
.wcced-blk h2{font-family:var(--wcced-serif);font-weight:400;font-size:1.32rem;margin:0 0 12px;line-height:1.2}
.wcced-blk h3{font-family:var(--wcced-serif);font-weight:400;font-size:1.18rem;margin:0 0 6px}
.wcced-blk p{font-size:.98rem;color:var(--wcced-ink-soft);margin:0 0 11px}
.wcced-blk p:last-child{margin-bottom:0}
.wcced-blk p b{color:var(--wcced-ink)}
.wcced-blk a{color:var(--wcced-clay);font-weight:600}
.wcced-note{font-size:.87rem !important;opacity:.9}

.wcced-lvls{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 12px}
.wcced-lv{background:var(--wcced-dune-warm);border:1px solid rgba(95,85,68,.26);color:var(--wcced-saddle);font-size:.8rem;font-weight:600;padding:5px 13px;border-radius:999px}

.wcced-k,.wcced-ctitle{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--wcced-saddle)}
.wcced-contact{margin-top:16px;padding-top:16px;border-top:1px solid rgba(95,85,68,.16);font-size:.95rem;color:var(--wcced-ink-soft)}
.wcced-contact .wcced-ctitle{margin-bottom:9px}
.wcced-contact .r{margin-bottom:7px}
.wcced-cnote{font-size:.85rem !important;margin-top:12px !important;padding-top:11px;border-top:1px solid rgba(95,85,68,.14)}

.wcced-sbox{background:var(--wcced-card);border:1px solid rgba(95,85,68,.18);border-top:5px solid var(--wcced-saddle);border-radius:12px;box-shadow:var(--wcced-shadow);overflow:hidden;margin-bottom:18px}
.wcced-sbox .pad{padding:20px 22px}
.wcced-deadline{background:var(--wcced-espresso);color:#fff;padding:16px 22px;text-align:center}
.wcced-deadline .k{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--wcced-gold)}
.wcced-deadline .big{font-family:var(--wcced-serif);font-size:1.5rem;margin-top:4px;line-height:1.2}
.wcced-deadline .sub{font-size:.82rem;opacity:.72;margin-top:5px;line-height:1.5}
.wcced-kv{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid rgba(95,85,68,.14);font-size:.93rem}
.wcced-kv:last-of-type{border-bottom:none}
.wcced-kv .k{color:var(--wcced-ink-soft);flex:0 0 auto}
.wcced-kv .v{text-align:right;color:var(--wcced-ink);font-weight:600}
.wcced-addr{font-size:.93rem;color:var(--wcced-ink-soft);line-height:1.55}
.wcced-addr b{display:block;color:var(--wcced-ink);font-size:.99rem;margin-bottom:3px}
.wcced-nogeo{font-size:.84rem;color:var(--wcced-ink-soft);margin-top:12px;line-height:1.55}

.wcced-actions{display:flex;flex-direction:column;gap:9px;margin-top:14px}
.wcced-btn{font-size:.9rem;font-weight:600;padding:11px 20px;border-radius:6px;text-align:center;text-decoration:none;display:block}
.wcced-btn.is-primary{background:var(--wcced-clay);color:#fff}
.wcced-btn.is-primary:hover{background:var(--wcced-clay-deep);color:#fff}
.wcced-btn.is-ghost{background:none;color:var(--wcced-clay);border:1px solid rgba(156,102,51,.5)}
.wcced-btn.is-sm{font-size:.84rem;padding:9px 16px}

.wcced-rel{background:var(--wcced-dune);padding:clamp(32px,4vw,52px) 0;border-top:1px solid rgba(95,85,68,.18)}
.wcced-rel h2{font-family:var(--wcced-serif);font-weight:400;font-size:1.5rem;margin:0 0 18px}
.wcced-rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:18px}
.wcced-r{background:var(--wcced-card);border:1px solid rgba(95,85,68,.18);border-radius:12px;box-shadow:var(--wcced-shadow);display:flex;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease}
.wcced-r:hover{transform:translateY(-3px)}
.wcced-r .when{flex:0 0 74px;background:var(--wcced-espresso);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:13px 6px;text-align:center}
.wcced-r .when .mo{font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--wcced-gold)}
.wcced-r .when .day{font-family:var(--wcced-serif);font-size:1.4rem;line-height:1.1}
.wcced-r .rb{padding:13px 15px;min-width:0}
.wcced-r .rb .p{display:inline-block;background:var(--wcced-dune-warm);border:1px solid rgba(95,85,68,.26);color:var(--wcced-saddle);font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:999px;margin-bottom:6px}
.wcced-r .rb .t{display:block;font-family:var(--wcced-serif);font-size:1rem;margin-bottom:4px;color:var(--wcced-ink)}
.wcced-r .rb .lc{display:block;font-size:.83rem;color:var(--wcced-ink-soft)}

@media(max-width:600px){
  .wcced-facts{gap:8px;flex-direction:column;font-size:.95rem}
  .wcced-blk{padding:20px 18px}
  .wcced-sbox .pad{padding:18px}
}

/* TRIALS & CLINICS EVENT PAGE - shell corrections, found on screen
   Kadence puts an 80px top margin on .content-area and 32px of padding on
   .entry-content-wrap. On a full-bleed page that reads as a cream gap and a
   brown stripe above the breadcrumb, because the article's own background
   shows through the padding. */
.wcc-event-single .content-area{margin-top:0 !important;margin-bottom:0 !important}
.wcc-event-single .entry-content-wrap{padding:0 !important}
.wcc-event-single .entry-content.single-content{margin-top:0 !important}
.wcc-event-single article.entry.content-bg{background:transparent !important;box-shadow:none !important;border:0 !important}
.wcc-event-single .site-main,
.wcc-event-single .content-wrap{padding:0 !important;margin:0 !important}



/* ============================================================
   CONTACT PAGE  (page 18116)
   Built Aug 21 2026. Roadmap item 34. Decisions #108 to #115.
   NOTE: the hero here is a SPLIT PANEL, not a full-bleed band,
   per Decision #110. Do not convert it to the full-bleed recipe.
   ============================================================ */

.page-id-18116 .entry-header,
.page-id-18116 .entry-title { display: none !important; }

.page-id-18116 #wrapper, .page-id-18116 #inner-wrap,
.page-id-18116 .entry-content-wrap, .page-id-18116 .entry-content,
.page-id-18116 .content-container { overflow: visible !important; max-width: 100% !important; }

.page-id-18116 section.entry-hero {
    display: none;
}
.page-id-18116 .entry-content-wrap {
    padding-top: 0 !important;
    margin-top: 0;
}
.page-id-18116 .entry-content-wrap, .page-id-18116 .entry-content,
.page-id-18116 .content-container { padding-bottom: 0 !important; margin-bottom: 0 !important; }
.page-id-18116 .entry-content > * { margin-top: 0 !important; margin-bottom: 0 !important; }

/* Kadence puts margin:0 -16px on article.entry at narrow widths, and the
   full-bleed recipe zeroes the padding that margin was cancelling. Without
   this line the page scrolls sideways by 16px on a phone. */
.page-id-18116 article.entry { margin-left: 0 !important; margin-right: 0 !important; }

.page-id-18116 .entry-content-wrap section.wcc-contact-hero,
.page-id-18116 .entry-content-wrap section.wcc-contact-doors,
.page-id-18116 .entry-content-wrap section.wcc-contact-write {
    width: 100vw; position: relative; left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
}

/* ---- hero, split panel ---- */
.wcc-contact-hero { background: #2B1710; display: grid; grid-template-columns: 1.3fr 1fr; align-items: stretch; padding-top: 100px; }
.wcc-contact-hero .wcch-text {
    padding: clamp(40px,5vw,72px) clamp(24px,4vw,64px) clamp(48px,6vw,80px) clamp(24px,5vw,72px);
    display: flex; flex-direction: column; justify-content: center;
}
.wcc-contact-hero .wcch-eyebrow {
    align-self: flex-start; display: inline-block; background: #C9A876; color: #2B1710;
    font-size: .92rem; font-weight: 700; letter-spacing: .03em; padding: 10px 22px; border-radius: 999px; margin-bottom: 16px;
}
.wcc-contact-hero h1 {
    font-family: 'Libre Caslon Text', Georgia, serif; font-weight: 400; line-height: 1.15;
    font-size: clamp(2.3rem,4.4vw,3.3rem); color: #fff; margin: 0 0 14px;
}
.wcc-contact-hero .wcch-text p { color: rgba(226,222,211,.88); font-size: 1.1rem; max-width: 40ch; margin: 0; }
.wcc-contact-hero .wcch-photo {
    position: relative; min-height: clamp(700px, 56vw, 1060px); background-size: cover; background-position: center 24%;
    background-image: url("/wp-content/uploads/2026/08/WCC-Contact-Brent-Lisa-Panel-1400x1867-1.jpg");
}
.wcc-contact-hero .wcch-credit { position: absolute; right: 12px; bottom: 10px; font-size: .66rem; color: rgba(255,255,255,.72); letter-spacing: .04em; }

/* ---- shared band bits ---- */
.wcc-contact-doors, .wcc-contact-write { padding: clamp(64px,8vw,96px) 0; }
.wcc-contact-doors { background: #E2DED3; }
.wcc-contact-write { background: #FBF9F4; }
.wccd-wrap, .wccw-wrap { max-width: 1120px; margin: 0 auto; padding: 0 clamp(18px,4vw,44px); }
.wccw-wrap { max-width: 980px; }
.wccd-eyebrow, .wccw-eyebrow {
    display: inline-block; background: #5F5544; color: #E2DED3; font-size: .92rem; font-weight: 700;
    letter-spacing: .03em; padding: 10px 22px; border-radius: 999px; margin-bottom: 16px;
}
.wcc-contact-doors h2, .wcc-contact-write h2 {
    font-family: 'Libre Caslon Text', Georgia, serif; font-weight: 400; line-height: 1.18;
    font-size: clamp(1.7rem,3.2vw,2.35rem); color: #241A12; margin: 0 0 12px;
}
.wccd-lede, .wccw-lede { font-size: 1.06rem; color: #5A4A3A; max-width: 64ch; margin: 0; }

/* ---- the three doors ---- */
.wccd-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; margin-top: 32px; }
.wccd-card {
    background: #FBF9F4; border: 1px solid rgba(95,85,68,.22); border-radius: 12px; padding: 28px 26px;
    display: flex; flex-direction: column; box-shadow: 0 10px 30px rgba(43,23,16,.10);
}
.wccd-card h3 { font-family: 'Libre Caslon Text', Georgia, serif; font-weight: 400; font-size: 1.34rem; color: #241A12; margin: 0 0 10px; line-height: 1.2; }
.wccd-card > p { font-size: .95rem; color: #5A4A3A; margin: 0 0 18px; }
.wccd-card ul { list-style: none; margin: 0 0 22px; padding: 0; flex: 1 1 auto; }
.wccd-card ul li { font-size: .9rem; color: #5A4A3A; padding: 7px 0 7px 22px; position: relative; border-top: 1px solid rgba(95,85,68,.13); }
.wccd-card ul li:first-child { border-top: 0; }
.wccd-card ul li:before { content: ""; position: absolute; left: 2px; top: 14px; width: 7px; height: 7px; border-radius: 2px; background: #9C6633; }
.wccd-btn, .wccc-btn {
    display: inline-block; align-self: flex-start; background: #9C6633; color: #fff; text-decoration: none;
    font-size: .95rem; font-weight: 700; letter-spacing: .02em; padding: 15px 26px; border-radius: 7px; border: 0; cursor: pointer;
}
.wccd-btn:hover, .wccc-btn:hover { background: #8a5a2c; color: #fff; }
.wccd-btn:focus-visible, .wccc-btn:focus-visible { outline: 3px solid #C9A876; outline-offset: 2px; }
.wccd-free { margin: 20px 0 0; font-size: .9rem; color: #5A4A3A; }
.wccd-free b { color: #241A12; }

/* ---- write to us ---- */
.wccw-grid { display: grid; grid-template-columns: 1.35fr .85fr; gap: 34px; margin-top: 32px; align-items: start; }
.wccw-formcard {
    background: #fff; border: 1px solid rgba(95,85,68,.2); border-top: 5px solid #9C6633; border-radius: 12px;
    box-shadow: 0 10px 30px rgba(43,23,16,.10); padding: clamp(22px,3vw,34px);
}
.wccw-rail { display: grid; gap: 16px; }
.wccw-box { background: #EDE9DD; border: 1px solid rgba(95,85,68,.22); border-radius: 12px; padding: 22px 24px; }
.wccw-box h3 { font-family: 'Libre Caslon Text', Georgia, serif; font-weight: 400; font-size: 1.2rem; color: #241A12; margin: 0 0 10px; }
.wccw-box p { font-size: .94rem; color: #5A4A3A; margin: 0 0 10px; }
.wccw-box p:last-child { margin-bottom: 0; }
.wccw-box a { color: #9C6633; font-weight: 700; }
.wccw-who { display: flex; gap: 14px; align-items: center; margin-bottom: 14px; }
.wccw-av { flex: 0 0 58px; width: 58px; height: 58px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(95,85,68,.28); }
.wccw-who b { display: block; font-size: 1rem; color: #241A12; }
.wccw-who span span { font-size: .85rem; color: #5A4A3A; }
.wccw-guard { background: #EDE9DD; border-left: 5px solid #5F5544; border-radius: 0 10px 10px 0; padding: 20px 24px; margin-top: 28px; }
.wccw-guard p { font-size: .95rem; color: #5A4A3A; margin: 0; }
.wccw-guard b { color: #241A12; }

/* ---- the form itself, styled here because the snippet ships no CSS ---- */
.wccc-form .wccc-f { margin-bottom: 22px; }
.wccc-lab { display: block; font-size: .78rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; color: #5F5544; margin-bottom: 8px; }
.wccc-hint { font-size: .86rem; color: #5A4A3A; margin: 6px 0 0; }
.wccc-form input[type=text], .wccc-form input[type=email], .wccc-form select, .wccc-form textarea {
    width: 100%; font-family: inherit; font-size: 1rem; color: #241A12; background: #fff;
    border: 1px solid rgba(95,85,68,.38); border-radius: 7px; padding: 14px;
}
.wccc-form textarea { min-height: 132px; resize: vertical; }
.wccc-form input:focus, .wccc-form select:focus, .wccc-form textarea:focus {
    outline: 3px solid rgba(156,102,51,.35); outline-offset: 1px; border-color: #9C6633;
}
.wccc-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.wccc-err { background: #f7ece7; border: 1px solid #e0bfb3; border-radius: 8px; padding: 12px 16px; color: #7a3b28; font-size: .93rem; margin: 0 0 20px; }
.wccc-sent { background: #E7EBE1; border: 1px solid #cdd6c4; border-radius: 10px; padding: 26px 28px; }
.wccc-sent h3 { font-family: 'Libre Caslon Text', Georgia, serif; font-weight: 400; font-size: 1.5rem; color: #2c3826; margin: 0 0 8px; }
.wccc-sent p { font-size: .98rem; color: #3c4a34; margin: 0; }

/* ---- phones ---- */
@media (max-width: 900px) {
    .wcc-contact-hero { grid-template-columns: 1fr; }
    .wcc-contact-hero .wcch-photo { order: 1; min-height: 660px; background-position: center 40%; }
    .wcc-contact-hero .wcch-text { order: 2; padding: 38px 22px 46px; }
    .wcc-contact-hero h1 { font-size: 2.05rem; }
    .wcc-contact-hero .wcch-text p { font-size: 1rem; }
    .wccd-grid { grid-template-columns: 1fr; }
    .wccw-grid { grid-template-columns: 1fr; gap: 26px; }
}


/* Dog card photos are real images now, not CSS backgrounds, so every dog
   carries alt text and can be indexed. Aug 21 2026, page audit finding. */
.dog .photo { overflow: hidden; }
.dog .photo .photoimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* ============================================================
   DOGS 4 SALE — after-submit confirmation
   Rendered by wccdog_status_notice() in Code Snippets id 23.
   Shows on /dogs-for-sale/ and /at-stud/ when the submit handler
   redirects back with ?wccdog=live|pending|saved.
   Aug 21 2026: reviewed by Lisa, option B. The BAND paints the light
   strip, because the article background behind it is espresso and a
   pale box floating on it read as a mistake. The CARD is lighter than
   the filter bar underneath so the two do not merge.
   ============================================================ */
.wccdog-flashband{background:#EDE9DD;padding:22px clamp(16px,3vw,34px) 22px}
.wccdog-flash{max-width:1200px;margin:0 auto;background:#FBF9F4;
  border:1px solid rgba(95,85,68,.18);border-left:5px solid #9C6633;border-radius:10px;
  padding:15px 20px;color:#5A4A3A;font-size:.95rem;line-height:1.55;
  box-shadow:0 3px 12px rgba(43,23,16,.07)}
.wccdog-flash b{color:#241A12}
/* Pending is the seller whose dog is NOT on the page. Gold, so it reads differently. */
.wccdog-flash-pending{border-left-color:#C9A876}
.wccdog-flash-saved{border-left-color:#5F5544}
@media (max-width:900px){.wccdog-flashband{padding:16px}.wccdog-flash{padding:14px 16px;font-size:.9rem}}

/* ============================================================
   LIST A DOG — keep an invalid field clear of the sticky header
   Aug 21 2026. Lisa hit a required field on submit and had to hunt
   for it. The browser does scroll to the first invalid control, but
   this site's fixed header sits over roughly 73px at the top, so the
   field it scrolls to can land underneath it. scroll-margin-top makes
   the browser stop short of the header instead.
   This matters MORE now: the dropdowns on this form used to arrive
   pre-answered and could never fail validation. They start blank now.
   Not a substitute for naming the field in a message, which is still owed.
   ============================================================ */
/* wccdog-scrollfix */
.wccdog-form input,.wccdog-form select,.wccdog-form textarea,
form input,form select,form textarea{scroll-margin-top:110px}
/* ============================================================
   CREATE PAGES — back to my account
   Rendered by Code Snippets "WCC Create Page Back Link" (id 42) on
   17552, 17520 and 3652. Aug 21 2026: Lisa found that stepping through
   a door from the hub left no route back except the header avatar menu.
   Sits above the form, quiet, so it does not compete with the hero.
   ============================================================ */
.wccd-backlink{max-width:1200px;margin:22px auto 0;padding:0 clamp(16px,3vw,34px);
  font-size:.9rem;line-height:1.4}
.wccd-backlink a{color:#9C6633;text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(156,102,51,.35);padding-bottom:2px}
.wccd-backlink a:hover{color:#2B1710;border-bottom-color:#2B1710}
@media (max-width:900px){.wccd-backlink{margin-top:16px;padding:0 16px}}
/* ============================================================
   WCC VERIFIED — the verified badges are links, Aug 21 2026
   Lisa's call. "Verified" appears 11 times on Dogs For Sale, 10 on
   Stockdog Connection and 6 on At Stud, and the only route to what it
   means was the footer link. Every badge now goes to the standard.
   These rules only stop the theme turning them into blue underlined
   links. The badge's own colours and shape are set further up.
   None of the badges sit inside another link, checked Aug 21, so there
   is no nested-anchor problem. Keep it that way.
   ============================================================ */
a.vmark,a.wccd-vmark,a.wcc-vbadge,a.wcc-vbanner,a.wcc-vpill,a.wcc-vbig{text-decoration:none;cursor:pointer}
a.vmark:hover,a.wccd-vmark:hover,a.wcc-vbadge:hover,a.wcc-vbanner:hover,a.wcc-vpill:hover,a.wcc-vbig:hover{filter:brightness(.93)}
a.vmark:focus-visible,a.wccd-vmark:focus-visible,a.wcc-vbadge:focus-visible,a.wcc-vbanner:focus-visible,a.wcc-vpill:focus-visible,a.wcc-vbig:focus-visible{
  outline:2px solid #9C6633;outline-offset:2px}
/* ============================================================
   MOBILE MENU TOGGLE — the hamburger
   Aug 21 2026, found by Lisa on a real iPhone (roadmap item 36).
   Kadence ships the toggle at #4A5568, a slate grey, and it was never
   overridden. On the espresso header that is roughly 1.6:1 contrast,
   well under the 3:1 minimum for a control. On a phone this icon IS the
   entire navigation, so invisible here means the site cannot be browsed.
   Pale Dune on espresso is about 11:1.
   ============================================================ */
.menu-toggle-open,.drawer-toggle,.menu-toggle-icon,
.menu-toggle-open .kadence-svg-icon,.drawer-toggle .kadence-svg-icon,
.menu-toggle-open svg,.drawer-toggle svg,.menu-toggle-icon svg{
  color:#E2DED3 !important;fill:#E2DED3 !important}
.menu-toggle-open:hover,.drawer-toggle:hover,
.menu-toggle-open:hover svg,.drawer-toggle:hover svg{
  color:#C9A876 !important;fill:#C9A876 !important}
.menu-toggle-open:focus-visible,.drawer-toggle:focus-visible{
  outline:2px solid #C9A876;outline-offset:3px}
/* ============================================================
   OUR STORY — the photo scrim on phones
   Aug 21 2026, found by Lisa on a real iPhone (roadmap item 36):
   "the writing was very light, and i could hardly see the words".

   The overlay is a LEFT-TO-RIGHT gradient, 0.92 opaque on the left
   falling to 0.10 on the right. On a desktop the text sits in the dark
   left third and reads fine. On a phone the text spans the full width
   and runs straight into the 0.10 end, so half of every line is pale
   text on a pale wall. Nothing is wrong with the text colour.

   On narrow screens the scrim becomes even instead of sideways.
   Do not remove the horizontal gradient, it is what makes the desktop
   version work.
   ============================================================ */
@media (max-width:900px){
  .wcc-story-scrim{background:linear-gradient(180deg,rgba(43,23,16,.88) 0%,rgba(43,23,16,.92) 100%) !important}
}
/* ============================================================
   PRODUCT PAGE ON PHONES
   Aug 21 2026, from Lisa's real-iPhone pass (roadmap item 36).

   Measured at 375px: the page loses width at four nested levels,
   375 -> 327 -> 267 -> 185 -> 123, so the Add to cart button ended up
   123px wide with a fixed 40px line-height. The label wrapped to two
   lines and the word 'cart' fell outside the button. The colour swatches
   overlapped for the same reason, there was no room for their labels.

   This gives the summary column and the cart form their width back on
   narrow screens and lets the button grow to fit its own text.
   ============================================================ */
@media (max-width:900px){
  .woocommerce div.product .summary.entry-summary,
  .woocommerce div.product form.cart,
  .woocommerce div.product .single_variation_wrap,
  .woocommerce div.product .woocommerce-variation-add-to-cart{
    padding-left:0 !important;padding-right:0 !important;width:auto !important;max-width:none !important}

  .woocommerce div.product .single_add_to_cart_button{
    display:block;width:100% !important;height:auto !important;min-height:48px;
    line-height:1.3 !important;white-space:normal !important;padding:14px 18px !important}

  /* Swatch rows stack instead of sharing a squeezed table cell. */
  .woocommerce div.product .variations th,
  .woocommerce div.product .variations td{display:block;width:100% !important;text-align:left}
  .woocommerce div.product .variations tr{display:block;margin-bottom:14px}
  .woocommerce div.product .variations{display:block;width:100%}
}
/* --- the product page loses 188px to stacked padding on a phone. give it back --- */
@media (max-width:767px){
  body.single-product .content-container.site-container{padding-left:14px !important;padding-right:14px !important}
  body.single-product main.site-main{padding-left:0 !important;padding-right:0 !important}
  body.single-product .entry.content-bg{padding-left:16px !important;padding-right:16px !important}
  body.single-product .woocommerce-product-gallery{width:100% !important;max-width:none !important;float:none !important;margin-bottom:20px}
  body.single-product .woocommerce-product-gallery img{width:100% !important;height:auto !important}
}

/* ============================================================
   MOBILE LOGO SIZE
   The logo was rendering 150x142 and setting the header height
   on its own. Cap it so the header returns to its 80px row.
   ============================================================ */
@media (max-width:1024px){
  #mobile-header .site-branding img.custom-logo,
  #mobile-header img.custom-logo,
  .site-mobile-header-wrap img.custom-logo{
    height:64px !important;width:64px !important;
    max-height:64px !important;max-width:64px !important;
    object-fit:contain !important}
}

/* ============================================================
   CORRAL PREMIUM BADGE ON PHONES  (Decision #140, option B)
   Premium is a paid placement. Nothing WCC adds sits on top of
   what the advertiser bought. On phones the pill drops out of
   the banner and sits above the business name instead.
   Desktop is untouched.
   ============================================================ */
@media (max-width:767px){
  .wcc-corral .prem-banner{overflow:visible}
  .wcc-corral .prem-banner .badge-p{
    top:100% !important;bottom:auto !important;right:auto !important;
    left:22px !important;margin-top:18px !important;
    transform:none !important;
    padding:7px 14px !important}
  .wcc-corral .prem-in{padding:22px !important;padding-top:64px !important}
  .wcc-corral .prem-name{font-size:26px !important}
}

/* ===== CONTENT BACKGROUND BAND (roadmap item 33 + profile pages) =====
   Kadence palette9 (#2b1710 espresso) backs BOTH #masthead and .content-bg.
   The header needs it. The content area does not: every WCC template paints
   transparent panels over it, so the espresso showed through the article's
   padding as a dark band, 64px above and 32px below the content.
   Do NOT fix this by changing palette9. That turns the header light and the
   nav unreadable. Tried Aug 24, reverted the same minute.
   Scope stays tight: :not(.loop-entry) keeps the 35 shop cards out of it. */
article.entry.content-bg:not(.loop-entry) { background-color: var(--global-palette8); }


/* ===== FULL-BLEED TEMPLATES: remove Kadence's 80px content gap =====
   Roadmap item 33, fixed Aug 24 2026.
   Kadence puts margin-top:80px on .content-area. Every WCC template below
   opens with a full-bleed hero that paints its own top edge, so that margin
   renders as an empty band between the header and the hero and reads as
   something failing to load.
   Scoped deliberately: pages that open with ordinary content (Apparel,
   Advertise With Us, Dakota 283, Shop, Cart, Checkout, My Account) are NOT
   listed, because there the 80px is correct spacing.
   Only the TOP margin is zeroed. The bottom margin is real space before the
   footer and stays. */
body.page-id-16850 .content-area,
body.page-id-17479 .content-area,
body.page-id-17238 .content-area,
body.page-id-17635 .content-area,
body.page-id-17570 .content-area,
body.page-id-17571 .content-area,
body.page-id-17552 .content-area,
body.page-id-17520 .content-area,
body.page-id-17241 .content-area,
body.page-id-16984 .content-area,
body.page-id-17159 .content-area,
body.page-id-17073 .content-area,
body.page-id-17447 .content-area,
body.page-id-18116 .content-area,
body.page-id-3652 .content-area,
body.single-profile-post .content-area,
body.single-dog-listing .content-area,
body.single-corral-listing .content-area,
body.single-wcc-event .content-area {
	margin-top: 0;
}


/* ===== MOBILE ACCOUNT CONTROL =====
   Added Aug 24 2026. The account control was rendered in the desktop header
   only, so on a phone a member had no way to sign in or reach their listings.
   The 'html' element is now in the mobile header row too (Customizer,
   header_mobile_items). This keeps it from crowding a 390px screen:
   avatar only, no label, and no hover dropdown because touch has no hover.
   wcc-account-btn is now an <a> to /account-2026/, so one tap gets there. */
a.wcc-account-btn {
	text-decoration: none;
	color: inherit;
}
@media screen and (max-width: 1024px) {
	.site-mobile-header-wrap .wcc-account-label { display: none; }
	.site-mobile-header-wrap .wcc-dropdown { display: none !important; }
	.site-mobile-header-wrap .wcc-account::after { display: none; }
	.site-mobile-header-wrap .wcc-account-btn {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
	.site-mobile-header-wrap .header-html { margin-right: 4px; }
}


/* ============================================================
   TRIALS & CLINICS EVENT PAGE - the venue map
   Leaflet 1.9.4 + OpenStreetMap tiles. Added Aug 25 2026.
   The pin is a CSS shape on purpose: Leaflet's default marker
   resolves its icon relative to wherever the stylesheet came
   from, which is a silent 404 waiting to happen.
   ============================================================ */

.wcced-map{
	position:relative;
	isolation:isolate;      /* keeps Leaflet's z-indexes off the site header */
	height:172px;
	width:100%;
	background:#dfe3da;
	border-bottom:1px solid rgba(95,85,68,.18);
}
.wcced-map .leaflet-control-attribution{
	background:rgba(251,249,244,.88);
	color:#5A4A3A;
	font-size:10px;
	line-height:1.5;
	padding:1px 6px;
}
.wcced-map .leaflet-control-attribution a{color:#9C6633}

.wcced-pin span{
	display:block;
	width:22px;
	height:22px;
	margin:2px;
	background:#9C6633;
	border:2px solid #FBF9F4;
	border-radius:50% 50% 50% 0;
	transform:rotate(-45deg);
	box-shadow:0 2px 6px rgba(43,23,16,.45);
}


/* ---- TRIALS & CLINICS EVENT PAGE - the date has passed. Aug 25 2026 ----
   Informational, not a warning. The trial is not wrong, it is simply over,
   and it may well come back. Never says the trial HAPPENED - only that the
   date has gone by - because a moved date is exactly the case we are least
   able to detect. */

.wcced-past-flag{
	display:block;
	max-width:62ch;
	margin:0 0 14px;
	padding:10px 16px;
	border-left:4px solid #C9A876;
	border-radius:0 6px 6px 0;
	background:rgba(226,222,211,.14);
	color:#E2DED3;
	font-size:.95rem;
	line-height:1.55;
}
.wcced-past-flag b{color:#fff}
.wcced-head.is-past .wcced-pill{opacity:.82}


/* ================= TRIALS & CLINICS - calendar view, Aug 26 2026 =================
   Three changes, each measured before it was made:
   - the fixed 142px site header was landing on the month title (title top: 33px)
   - 25 of 44 event names were truncated at 2159px, so a cell now shows three
     names in full and offers the rest behind a count
   - below 1000px a seven-column grid cannot carry a name at all (about 53px a
     cell on a phone), so each day shows how many trials are on and opens the
     day underneath when tapped
   Markup and behaviour live in Code Snippets 33 and 67. */

#wcce-calview,
#wcce-caltitle,
.wcca-archive { scroll-margin-top: 170px; }

.wcce-cal .wcce-ce {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.25;
}

.wcce-cmore {
  display: block;
  width: 100%;
  margin-top: 3px;
  padding: 2px 4px;
  background: none;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-family: var(--wcce-sans);
  font-size: .72rem;
  font-weight: 700;
  color: var(--wcce-clay);
}
.wcce-cmore:hover { color: var(--wcce-clay-deep); text-decoration: underline; }

.wcce-cn {
  display: block;
  width: fit-content;
  margin: 4px auto 0;
  padding: 2px 9px;
  background: var(--wcce-espresso);
  color: var(--wcce-gold);
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  font-family: var(--wcce-sans);
  font-size: .78rem;
  font-weight: 700;
  line-height: 1.35;
}

.wcce-cell.wcce-sel {
  background: var(--wcce-dune-warm);
  box-shadow: inset 0 0 0 2px var(--wcce-clay);
}

.wcce-calday { margin-top: 14px; display: grid; gap: 10px; }

@media (max-width: 999px) {
  .wcce-cell { min-height: 62px; padding: 5px 3px 7px; }
  .wcce-cal .wcce-ce,
  .wcce-cmore { display: none; }
}


/* ================= TRIALS & CLINICS - archive pages, Aug 26 2026 =================
   The association, state and type archives now render the calendar component
   itself, restricted server side to that term (Code Snippets 67, using a filter
   added to 33). So they carry the same filter bar, the same rows and the same
   calendar view as the main page rather than a second, thinner design.
   The theme's own pale archive hero is hidden because the component draws its
   own heading, and the control for the thing the page is already filtered by is
   removed so a visitor cannot quietly leave the page they came for. */

.wcc-event-archive-hero-section { display: none; }

body.tax-wcc_association .content-area,
body.tax-wcc_event_state .content-area,
body.tax-wcc_event_type .content-area { margin-top: 0; }

.wcca-head { margin: 0 0 20px; }
.wcca-eyebrow {
  font-family: var(--wcce-sans);
  font-size: .72rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--wcce-clay);
  margin: 0 0 6px;
}
.wcca-h1 {
  font-family: var(--wcce-serif);
  font-weight: 400;
  font-size: clamp(1.6rem, 3.4vw, 2.3rem);
  line-height: 1.15;
  color: var(--wcce-ink);
  margin: 0 0 6px;
}
.wcca-sub {
  font-family: var(--wcce-sans);
  font-size: .95rem;
  color: var(--wcce-ink-soft);
  margin: 0;
}
.wcca-back { margin-top: 18px; font-family: var(--wcce-sans); font-size: .9rem; }
.wcca-back a { color: var(--wcce-clay); font-weight: 700; }

.wcca-tax-wcc_association #wcce-assoc,
.wcca-tax-wcc_association #wcce-chips { display: none !important; }
.wcca-tax-wcc_event_state #wcce-state { display: none !important; }
.wcca-tax-wcc_event_type #wcce-type { display: none !important; }

/* On a phone the calendar shows counts, not name chips, so the two legend
   items explaining the chip markers describe something that is not there. */
@media (max-width: 999px) {
  .wcce-lg-mark { display: none; }
}


/* wcca-head breathing room: measured Aug 26 2026, the eyebrow was landing at
   exactly 0px below the fixed header once the theme's archive hero was hidden. */
.wcca-head { padding-top: 42px; }
@media (max-width: 999px) {
  .wcca-head { padding-top: 26px; }
}

/* WCC-LOGO-FIX-START */
/* Sep 1 2026. The mobile header rule above pins width AND height to 64px, forcing a square.
   That was harmless when the logo was 500x500. The new logo is 1583x1468 and was being
   stretched 7.3% taller than true. This unforces the height and brings the footer logo
   closer to the header size on phones. Delete this whole block to revert. */
@media (max-width: 1024px) {
	#mobile-header .site-branding img.custom-logo,
	#mobile-header img.custom-logo,
	.site-mobile-header-wrap img.custom-logo {
		height: auto !important;
		max-height: none !important;
	}
	.footer-widget-area-inner figure.wp-block-image img,
	.footer-widget-area-inner .wp-block-image img,
	.site-info-inner .wp-block-image img {
		max-width: 96px !important;
	}
}
/* WCC-LOGO-FIX-END */

/* WCC-MOBILE-FIX-START */
/* Sep 1 2026. Two phone fixes.
   1. Below 720px the theme gives article.entry a -16px side margin so its background reaches
      the screen edges. Five pages have no container padding to absorb it, so the article hangs
      16px off the right and the page slides sideways: login-2026, dogs-4-sale, at-stud,
      business-corral, account-2026. Stockdog Connection already solves this with overflow-x:clip
      on .site, but 13 page-scoped rules in this file force overflow:visible !important on #wrapper, which beat a plain rule. This clips the X axis only, at higher specificity, so the vertical escape those rules were added for is untouched. clip is used rather than
      hidden because clip does not create a scroll container and so does not break sticky headers.
   2. The registries table on /verification-standard/ already scrolls sideways but nothing says so,
      so it reads as cut off. Adds a line of text under it on phones.
   Delete this whole block to revert. */
@media (max-width: 720px) {
	html body #wrapper.site.wp-site-blocks { overflow-x: clip !important; }
}
/* Safari before 16 does not support overflow:clip and drops that line, so those browsers
   get hidden instead. hidden can break position:sticky, which is why it is only used where
   clip is unavailable. */
@supports not (overflow-x: clip) {
	@media (max-width: 720px) {
		html body #wrapper.site.wp-site-blocks { overflow-x: hidden !important; }
	}
}
@media (max-width: 720px) {
	.wcc-standard-registries div:has(> div > table) { position: relative; }
	.wcc-standard-registries div:has(> div > table)::after {
		content: "Swipe the table sideways to see all four columns";
		display: block;
		padding: 10px 14px 14px;
		font-size: 0.78rem;
		line-height: 1.35;
		opacity: 0.6;
	}
}
/* WCC-MOBILE-FIX-END */


/* WCC-CONFIRM-CONTRAST-START - added Sep 7 2026.
   Body text on the subscription confirmation page (18371) inherited the theme's
   gold body colour, measured at 1.85:1 against the cream background.
   Scoped to this page only. Delete this whole block to revert. */
.page-id-18371 .entry-content,
.page-id-18371 .entry-content p,
.page-id-18371 .entry-content li {
  color: #241A12;
}
/* WCC-CONFIRM-CONTRAST-END */