/* ChickenCoops dark mode. Everything here only applies under html.cc-dark (set by the theme switch). */
html.cc-dark {
  color-scheme: dark;
  --cc-bg: oklch(0.18 0 0);
  --cc-fg: oklch(0.95 0.01 80);
  --cc-card: oklch(0.22 0 0);
  --cc-primary: oklch(0.68 0.18 28);
  --cc-primary-fg: oklch(0.15 0 0);
  --cc-secondary: oklch(0.5 0.06 140);
  --cc-muted: oklch(0.28 0 0);
  --cc-muted-fg: oklch(0.75 0 0);
  --cc-accent: oklch(0.85 0.16 95);
  --cc-border: oklch(0.95 0.01 80 / 0.15);
  --cc-ink: oklch(0.95 0.01 80);
  --cc-cream: oklch(0.22 0 0);
}
/* The plan, breed and tool pages (the original app styles) */
html.cc-dark, html.cc-dark .ccl {
  --background: oklch(0.18 0 0) !important;
  --foreground: oklch(0.95 0.01 80) !important;
  --cream: oklch(0.22 0 0) !important;
  --card: oklch(0.22 0 0) !important;
  --card-foreground: oklch(0.95 0.01 80) !important;
  --popover: oklch(0.22 0 0) !important;
  --popover-foreground: oklch(0.95 0.01 80) !important;
  --primary: oklch(0.68 0.18 28) !important;
  --primary-foreground: oklch(0.15 0 0) !important;
  --secondary: oklch(0.5 0.06 140) !important;
  --secondary-foreground: oklch(0.95 0.01 80) !important;
  --muted: oklch(0.28 0 0) !important;
  --muted-foreground: oklch(0.75 0 0) !important;
  --accent: oklch(0.85 0.16 95) !important;
  --accent-foreground: oklch(0.2 0 0) !important;
  --border: oklch(0.95 0.01 80 / 0.15) !important;
  --input: oklch(0.95 0.01 80 / 0.2) !important;
  --ring: oklch(0.68 0.18 28) !important;
  --shadow-stamp: oklch(0 0 0 / 0.6) !important;
}
/* App Home */
html.cc-dark .ccah {
  --c-bg: #121212;
  --c-card: #1b1b1b;
  --c-pri-fg: #fffaf1;
  --c-ink: #f4efe7;
  --c-muted: #262626;
  --c-mut-fg: #a39a8f;
  --c-line: rgba(244, 239, 231, .18);
}

/* Page, text and links */
html.cc-dark body, html.cc-dark body.ast-separate-container, html.cc-dark .ast-separate-container .site-content,
html.cc-dark #page, html.cc-dark .site-content, html.cc-dark .ast-plain-container, html.cc-dark .ast-page-builder-template .site-content {
  background: #121212 !important; color: #f4efe7;
}
html.cc-dark .ast-separate-container .ast-article-single, html.cc-dark .ast-separate-container .ast-article-post,
html.cc-dark .ast-separate-container .comments-area, html.cc-dark .ast-separate-container .ast-comment-list li,
html.cc-dark .ast-separate-container .ast-archive-description, html.cc-dark .widget-area .widget {
  background: #1b1b1b !important; color: #f4efe7;
}
html.cc-dark h1, html.cc-dark h2, html.cc-dark h3, html.cc-dark h4, html.cc-dark h5, html.cc-dark h6,
html.cc-dark .entry-title, html.cc-dark .entry-title a, html.cc-dark .site-title a { color: #f4efe7 !important; }
html.cc-dark .entry-content, html.cc-dark .entry-content p, html.cc-dark .entry-content li, html.cc-dark .entry-meta,
html.cc-dark .entry-meta a, html.cc-dark .ast-breadcrumbs, html.cc-dark .ast-breadcrumbs a { color: #ddd6cc; }
html.cc-dark a { color: #ef7a6f; }
html.cc-dark .entry-content blockquote { background: #1b1b1b; border-color: #ef5a4c; color: #ddd6cc; }
html.cc-dark .entry-content table, html.cc-dark .entry-content td, html.cc-dark .entry-content th { border-color: rgba(244, 239, 231, .15); }
html.cc-dark .entry-content th { background: #262626; }
html.cc-dark hr { background-color: rgba(244, 239, 231, .15); border-color: rgba(244, 239, 231, .15); }

/* Forms */
html.cc-dark input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), html.cc-dark select, html.cc-dark textarea {
  background: #1b1b1b !important; color: #f4efe7 !important; border-color: rgba(244, 239, 231, .22) !important;
}
html.cc-dark ::placeholder { color: #9a928990 !important; }

/* Header and menus */
html.cc-dark .site-header, html.cc-dark .main-header-bar, html.cc-dark .ast-primary-header-bar, html.cc-dark .ast-above-header-bar,
html.cc-dark .ast-below-header-bar, html.cc-dark #ast-mobile-header, html.cc-dark .ast-mobile-header-wrap .ast-primary-header-bar,
html.cc-dark #masthead, html.cc-dark .ast-sticky-active, html.cc-dark .ast-header-sticked {
  background: #121212 !important; border-bottom-color: rgba(244, 239, 231, .12) !important;
}
html.cc-dark .main-header-menu .menu-link, html.cc-dark .ast-builder-menu-1 .menu-item > .menu-link,
html.cc-dark .ast-header-account-wrap, html.cc-dark .ast-header-account-text, html.cc-dark .ast-search-menu-icon .search-field,
html.cc-dark .astra-search-icon, html.cc-dark .ast-mobile-header-wrap .menu-toggle, html.cc-dark .ast-button-wrap .menu-toggle,
html.cc-dark .menu-toggle .ast-mobile-svg, html.cc-dark .ast-header-account-wrap svg { color: #f4efe7 !important; fill: #f4efe7 !important; }
html.cc-dark .main-header-menu .sub-menu, html.cc-dark .ast-builder-menu-1 .sub-menu, html.cc-dark .ast-desktop .main-header-menu .sub-menu {
  background: #1b1b1b !important; border-color: rgba(244, 239, 231, .12) !important;
}
html.cc-dark .main-header-menu .sub-menu .menu-link { color: #f4efe7 !important; }
html.cc-dark .main-header-menu .menu-item:hover > .menu-link, html.cc-dark .main-header-menu .current-menu-item > .menu-link { color: #f9d544 !important; }
html.cc-dark .ast-mobile-popup-drawer .ast-mobile-popup-inner, html.cc-dark .ast-mobile-popup-drawer .ast-mobile-popup-header,
html.cc-dark .ast-mobile-popup-content, html.cc-dark .ast-mobile-popup-drawer .main-header-menu, html.cc-dark #mkmm-drawer,
html.cc-dark #mkmm-drawer .mkmm-panel {
  background: #121212 !important; color: #f4efe7 !important;
}
html.cc-dark .ast-mobile-popup-drawer .menu-link, html.cc-dark .ast-mobile-popup-drawer .menu-toggle-close,
html.cc-dark .ast-mobile-popup-drawer .ast-menu-toggle, html.cc-dark #mkmm-drawer a { color: #f4efe7 !important; }
html.cc-dark .ast-mobile-popup-drawer .menu-item { border-color: rgba(244, 239, 231, .1) !important; }
html.cc-dark .ast-search-box.header-cover, html.cc-dark .ast-search-box.full-screen, html.cc-dark .ast-search-menu-icon .search-form {
  background: #121212 !important; color: #f4efe7 !important;
}
html.cc-dark .ast-header-account-wrap .ast-header-account-link img, html.cc-dark .ast-header-account img { box-shadow: 0 0 0 2px #121212; }

/* Footer, ads, cards and boxes added by the site plugins */
html.cc-dark .site-footer, html.cc-dark .ccf, html.cc-dark .site-below-footer-wrap, html.cc-dark .site-primary-footer-wrap {
  background: #0c0c0c !important; color: #a39a8f !important;
}
html.cc-dark .site-footer a, html.cc-dark .ccf a { color: #f4efe7 !important; }
html.cc-dark .cca-ad { background: #1b1b1b !important; border-color: rgba(244, 239, 231, .15) !important; color: #f4efe7 !important; }
html.cc-dark .cca-ad strong { color: #f4efe7 !important; }
html.cc-dark .cca-ad span { color: #a39a8f; }

/* The header theme button */
.cct-tt-wrap { display: flex; align-items: center; }
.cct-tt { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0; margin: 0 2px; border: 0; border-radius: 50%;
  background: transparent; color: #321b13; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .15s ease, transform .14s ease; }
.cct-tt:hover { background: rgba(50, 27, 19, .08); }
.cct-tt:active { transform: scale(.86); }
.cct-tt .cct-sun { display: none; }
html.cc-dark .cct-tt { color: #f9d544; }
html.cc-dark .cct-tt:hover { background: rgba(244, 239, 231, .1); }
html.cc-dark .cct-tt .cct-sun { display: block; }
html.cc-dark .cct-tt .cct-moon { display: none; }
@media (prefers-reduced-motion: no-preference) {
  html.cc-theme-anim, html.cc-theme-anim body, html.cc-theme-anim .site-header, html.cc-theme-anim .ccah-tile { transition: background-color .25s ease, color .25s ease; }
}
html.cc-dark body.ccah-page { background-color: #121212 !important; background-image: none !important; }
html.cc-dark .ccah-mission { background: #3a2a12; }
html.cc-dark .ccah-mission-t, html.cc-dark .ccah-mission .ccah-kicker { color: #fdf0c0 !important; }
html.cc-dark .ccmig table, html.cc-dark .cct-card, html.cc-dark .cct-chip, html.cc-dark .cct-table, html.cc-dark .cct-chart-wrap,
html.cc-dark .cct-steps li label, html.cc-dark .cca-henroo, html.cc-dark .cca-bars, html.cc-dark .cca-plan-wrap, html.cc-dark .ccb-stat,
html.cc-dark .cc-site .mkmm-inner, html.cc-dark .cc-site .mkmm-feature, html.cc-dark .cc-site .mkmm-drawer {
  background: #1b1b1b !important; color: #f4efe7 !important; border-color: rgba(244, 239, 231, .16) !important;
}
html.cc-dark .cc-site .mkmm-ic, html.cc-dark .cc-site .mkmm-fi, html.cc-dark .cc-site .mkmm-fk { background: #262626 !important; }
html.cc-dark .ccmig td, html.cc-dark .ccmig th, html.cc-dark .cct-table td, html.cc-dark .cct-table th { border-color: rgba(244, 239, 231, .14) !important; color: #ddd6cc; }
html.cc-dark .cc-site .mkmm-inner a, html.cc-dark .cc-site .mkmm-feature a { color: #f4efe7 !important; }

/* No light outlines, offset shadows or boxes in dark mode */
html.cc-dark { --cc-primary-fg: #fffaf1; }
html.cc-dark, html.cc-dark .ccl { --primary-foreground: #fffaf1 !important; }
html.cc-dark .ast-separate-container .ast-article-single, html.cc-dark .ast-separate-container .ast-article-post,
html.cc-dark .ast-plain-container .site-main > article, html.cc-dark .site-main > article.cc_page, html.cc-dark article.type-cc_page {
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
html.cc-dark .ccl .chunky-card, html.cc-dark .ccl .chunky-btn, html.cc-dark .ccl .border-foreground, html.cc-dark .ccl [class*="border-foreground"],
html.cc-dark :is([class*="cch-"], [class*="cct-"], [class*="cca-"], [class*="ccb-"], [class*="ccx-"], [class*="ccp-"], [class*="cc-tool"], .ccah-tile, .ccah-card, .ccah-sec, .ccah-mission, .ccah-btn, .ccah-chip, .ccah-wire, .ccah-quote) {
  border-color: rgba(244, 239, 231, .1) !important; box-shadow: none !important;
}
html.cc-dark .ccl .chunky-btn:hover, html.cc-dark .ccl .chunky-btn:active, html.cc-dark .ccl [class*="shadow-chunky"] { box-shadow: none !important; }
html.cc-dark .ccl .chunky-card { background: #1b1b1b !important; }
html.cc-dark .cc-tool, html.cc-dark .cc-tool.cc-ai { background: transparent !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
html.cc-dark .cch-card:not(.cch-final), html.cc-dark .cch-tool, html.cc-dark .cch-sticker-a, html.cc-dark .cca-ad, html.cc-dark .ccx-card { background: #1b1b1b !important; }
html.cc-dark .cch-hero::before { opacity: 0 !important; }
html.cc-dark .cch-glow { opacity: .35; }
html.cc-dark .cct-check, html.cc-dark .cct-check span, html.cc-dark label.cct-check { color: #f4efe7 !important; }
html.cc-dark .cct-chip, html.cc-dark .cct-steps li label { background: #222222 !important; color: #f4efe7 !important; }
html.cc-dark .cct-btn-ghost { color: #f4efe7 !important; }
html.cc-dark .ccl label, html.cc-dark .ccl .text-foreground { color: #f4efe7; }

/* Mega menu panels */
html.cc-dark .cc-site .mkmm-panel, html.cc-dark .cc-site .mkmm-dropdown, html.cc-dark .cc-site [class*="mkmm-mega"], html.cc-dark .cc-site .mkmm-inner {
  background: #181818 !important; border-color: rgba(244, 239, 231, .1) !important; box-shadow: 0 18px 40px rgba(0, 0, 0, .5) !important;
}
html.cc-dark .cc-site .mkmm-feature { background: radial-gradient(circle at 92% 6%, rgba(249, 213, 68, .12), transparent 45%), #222222 !important; border-color: rgba(244, 239, 231, .1) !important; box-shadow: none !important; }
html.cc-dark .cc-site [class*="mkmm"] :is(h1, h2, h3, h4, strong, b, .mkmm-t, .mkmm-title) { color: #f4efe7 !important; }
html.cc-dark .cc-site [class*="mkmm"] :is(p, span, small, .mkmm-d, .mkmm-desc) { color: #a39a8f; }
html.cc-dark .cc-site [class*="mkmm"] a:hover, html.cc-dark .cc-site [class*="mkmm"] li:hover { background: rgba(244, 239, 231, .06) !important; }
html.cc-dark .cc-site .mkmm-ic, html.cc-dark .cc-site .mkmm-fi, html.cc-dark .cc-site .mkmm-fk { border-color: rgba(244, 239, 231, .12) !important; }

/* Mega menu, chat (desktop popup and phone) and community colours in dark mode, from the NexURLs dark theme in Coops colours. */
/* mega.css */
html.cc-dark .mkmm-inner{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-item{color:#f4efe7 !important}
html.cc-dark .mkmm-item:hover,html.cc-dark .mkmm-item:focus-visible{background:#262626}
html.cc-dark .mkmm-item.is-here{background:#262626}
html.cc-dark .mkmm-ic{background:color-mix(in srgb,var(--mkmm-accent) 10%,#1b1b1b)}
html.cc-dark .mkmm-d{color:#a39a8f}
html.cc-dark .mkmm-b{background:#262626;color:#857edd}
html.cc-dark .mkmm-b-free{background:#262626}
html.cc-dark .mkmm-b-new{background:#262626;color:#ed6ea3}
html.cc-dark .mkmm-glow{background:radial-gradient(circle,color-mix(in srgb,var(--mkmm-accent) 70%,#1b1b1b) 0%,transparent 70%)}
html.cc-dark .mkmm-fb{background:#1b1b1b;color:#f4efe7 !important}
html.cc-dark .mkmm-b-price{background:#262626;color:#a39a8f}
html.cc-dark .mkmm-skel{background:linear-gradient(90deg,#262626 0%,#262626 50%,#262626 100%)}
html.cc-dark .mkmm-gate{background:rgba(28,27,25,0.94)}
html.cc-dark .mkmm-gate strong{color:#f4efe7}
html.cc-dark .mkmm-gate span{color:#a39a8f}
html.cc-dark .mkmm-gate a.mkmm-gate-in{color:#a39a8f !important}
html.cc-dark .mkmm-post{color:#f4efe7 !important}
html.cc-dark .mkmm-post:hover{background:#262626}
html.cc-dark .mkmm-av{background:#262626}
html.cc-dark .mkmm-pm strong{color:#f4efe7}
html.cc-dark .mkmm-px{color:#a39a8f}
html.cc-dark .mkmm-upd{color:#f4efe7 !important}
html.cc-dark .mkmm-upd:hover{background:#262626}
html.cc-dark .mkmm-ut{background:color-mix(in srgb,var(--c) 12%,#1b1b1b)}
html.cc-dark .mkmm-thought{background:#1b1b1b;color:#a39a8f}
html.cc-dark .mkmm-faces img{border:2px solid rgba(255,255,255,0.07)}
html.cc-dark .mkmm-form input:focus{border-color:rgba(255,255,255,0.12)}
html.cc-dark .mkmm-form button{background:#1b1b1b;color:#f4efe7}
html.cc-dark .mkmm-me-head{color:#f4efe7 !important}
html.cc-dark .mkmm-me-head img{background:#262626}
html.cc-dark .mkmm-me-stats span{background:#262626;color:#a39a8f}
html.cc-dark .mkmm-me-stats strong{color:#f4efe7}
html.cc-dark .mkmm-bp{color:#f4efe7 !important}
html.cc-dark .mkmm-bp:hover{background:#262626}
html.cc-dark .mkmm-bi{background:#262626}
html.cc-dark .mkmm-bi-none{background:linear-gradient(135deg,color-mix(in srgb,var(--mkmm-accent) 18%,#1b1b1b),#262626)}
html.cc-dark .mkmm-item.is-tease .mkmm-t{color:#a39a8f}
html.cc-dark .mkmm-drawer{background:#1b1b1b}
html.cc-dark .mkmm-dr-head{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-dr-title{color:#f4efe7}
html.cc-dark .mkmm-dr-x{background:#262626;color:#f4efe7}
html.cc-dark .mkmm-dr-me{background:#262626;color:#f4efe7 !important}
html.cc-dark .mkmm-dr-me em{color:#a39a8f}
html.cc-dark .mkmm-dr-in{border:1px solid rgba(255,255,255,0.12);color:#f4efe7 !important}
html.cc-dark .mkmm-ml,html.cc-dark .mkmm-ms-h{border-bottom:1px solid rgba(255,255,255,0.12);color:#f4efe7 !important}
html.cc-dark .mkmm-ms-b{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-drawer{color:#f4efe7}
html.cc-dark .mkmm-drawer .mkmm-dr-x,html.cc-dark .mkmm-drawer .mkmm-dr-x:hover,html.cc-dark .mkmm-drawer .mkmm-dr-x:focus,html.cc-dark .mkmm-drawer .mkmm-dr-x:active{background:#262626 !important;color:#f4efe7 !important}
html.cc-dark .mkmm-drawer .mkmm-ms-h,html.cc-dark .mkmm-drawer .mkmm-ms-h:hover,html.cc-dark .mkmm-drawer .mkmm-ms-h:focus,html.cc-dark .mkmm-drawer .mkmm-ms-h:active{border-bottom:1px solid rgba(255,255,255,0.12) !important;color:#f4efe7 !important}
html.cc-dark .mkmm-drawer .mkmm-ml{color:#f4efe7 !important}
html.cc-dark .mkmm-drawer .mkmm-t{color:#f4efe7 !important}
html.cc-dark .mkmm-drawer .mkmm-d{color:#a39a8f !important}
html.cc-dark .mkmm-dot.is-on{background:#1b1b1b}
html.cc-dark .mkmm-deck:not(:has(.is-on)) .mkmm-dot:first-child{background:#1b1b1b}
html.cc-dark .mkmm-feature{color:#f4efe7;border:1px solid rgba(255,255,255,0.12);background:radial-gradient(circle at 92% 6%,rgba(8,145,178,.16),transparent 42%),radial-gradient(circle at 4% 100%,rgba(37,99,235,.12),transparent 46%),linear-gradient(150deg,#262626 0%,#262626 100%)}
html.cc-dark .mkmm-fk{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-ft{color:#f4efe7}
html.cc-dark .mkmm-fx{color:#a39a8f}
html.cc-dark .mkmm-fi{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-fbd .mkmm-b-price{background:#1b1b1b;color:#f4efe7;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-faces img{border-color:rgba(255,255,255,0.12);background:#262626}
html.cc-dark .mkmm-stats{color:#a39a8f}
html.cc-dark .mkmm-stats strong{color:#f4efe7}
html.cc-dark .mkmm-form input[type=email],html.cc-dark .mkmm-form input[type=text]{border:1px solid rgba(255,255,255,0.12);background:#1b1b1b;color:#f4efe7}
html.cc-dark .mkmm-form input:focus{background:#1b1b1b}
html.cc-dark .mkmm-earn-main{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mkmm-earn-main span,html.cc-dark .mkmm-earn-grid span,html.cc-dark .mkmm-earn-link{color:#a39a8f}
html.cc-dark .mkmm-earn-main strong,html.cc-dark .mkmm-earn-grid strong{color:#f4efe7}
html.cc-dark .mkmm-earn-link code{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12);color:#f4efe7}
html.cc-dark .mkmm-earn-none p{color:#a39a8f}
html.cc-dark .mkmm-top{color:#f4efe7 !important}
html.cc-dark .mkmm-top img{background:#262626}
html.cc-dark .mkmm-top span{color:#a39a8f}
html.cc-dark .mkmm-top-more{border-top-color:rgba(255,255,255,0.12)}
/* marketur-chat.css */
html.cc-dark .mc-reply-quote{border-left:3px solid rgba(255,255,255,0.06)}
html.cc-dark .mc-reaction-pill{color:var(--mc-muted, #a39a8f)}
html.cc-dark #mc-pill-badge{border:2px solid rgba(255,255,255,0.12)}
html.cc-dark #mc-panel{background:#1b1b1b}
html.cc-dark #mc-panel-header{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark #mc-panel-title{color:#f4efe7}
html.cc-dark #mc-panel-close{background:#262626;color:#a39a8f}
html.cc-dark #mc-panel-close:hover{background:#262626}
html.cc-dark .mc-view-header{border-bottom:1px solid rgba(255,255,255,0.12);color:#f4efe7}
html.cc-dark .mc-view-back{background:#262626}
html.cc-dark .mc-mini-thread-row{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mc-mini-thread-row:hover{background:#262626}
html.cc-dark .mc-thr-name{color:#f4efe7}
html.cc-dark #mc-panel-footer{border-top:1px solid rgba(255,255,255,0.12);background:#1b1b1b}
html.cc-dark #mc-me-name{color:#f4efe7}
html.cc-dark #mc-new-search-wrap{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark #mc-new-search{border:1px solid rgba(255,255,255,0.12);background:#1b1b1b;color:#f4efe7}
html.cc-dark #mc-new-search:focus{background:#1b1b1b}
html.cc-dark .mc-user-row{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark .mc-user-row:hover{background:#262626}
html.cc-dark .mc-user-row span{color:#f4efe7}
html.cc-dark #mc-messages-list{background:#1b1b1b}
html.cc-dark .mc-bubble-other{background:#1b1b1b;color:#f4efe7}
html.cc-dark #mc-input-bar{border-top:1px solid rgba(255,255,255,0.12);background:#1b1b1b}
html.cc-dark #mc-msg-input{border:1.5px solid rgba(255,255,255,0.12);background:#1b1b1b;color:#f4efe7}
html.cc-dark #mc-msg-input:focus{background:#1b1b1b}
html.cc-dark #mc-pinned-bar{background:linear-gradient(135deg, #262626, #2b2b2b);border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark #mc-pinned-bar:hover{background:#2b2b2b}
html.cc-dark .mc-app .mc-load-more{background:var(--mc-surface, #1b1b1b) !important}
/* mc-popup.css */
html.cc-dark #bmc-pill-cnt{border:2px solid rgba(255,255,255,0.12)}
html.cc-dark #bmc-panel-settings{background:#262626}
html.cc-dark #bmc-panel-close:hover{background:#262626}
html.cc-dark #bmc-panel-foot{background:#1b1b1b}
html.cc-dark #bmc-srch{border:1.5px solid rgba(255,255,255,0.12)}
html.cc-dark #bmc-srch:focus{background:#1b1b1b}
html.cc-dark .bmc-reaction-pill{color:var(--bmc-muted, #a39a8f)}
html.cc-dark .bmc-act-btn{color:#a39a8f}
html.cc-dark .bmc-act-btn:hover{background:#262626}
html.cc-dark .bmc-act-btn.danger:hover{background:#262626}
html.cc-dark .bmc-emoji-picker button:hover{background:#262626}
html.cc-dark .bmc-edit-bar{background:#262626}
html.cc-dark .bmc-reply-bar{background:#262626}
html.cc-dark .bmc-att-fname{color:#a39a8f}
html.cc-dark .bmc-emoji-panel{background:#1b1b1b !important;border-top:1px solid rgba(255,255,255,0.12) !important}
html.cc-dark #bmc-incoming-call{background:#1b1b1b}
html.cc-dark .bmc-incoming-pulse{background:#1b1b1b}
html.cc-dark #bmc-thread-ctx .bmc-ctx-action:hover{background:#1b1b1b}
html.cc-dark #bmc-online-toast{background:#1b1b1b}
html.cc-dark #bmc-online-toast-av{border:2px solid rgba(255,255,255,0.12)}
html.cc-dark #bmc-online-toast-dot{border:2px solid rgba(255,255,255,0.12)}
html.cc-dark #bmc-online-toast-name{color:#f4efe7}
html.cc-dark #bmc-online-toast-bar{background:#262626}
html.cc-dark .bmc-rpill{background:#1b1b1b;border:1.5px solid rgba(255,255,255,0.12);color:#f4efe7}
html.cc-dark .bmc-rpill:hover{background:#262626}
html.cc-dark .bmc-ab{color:#a39a8f}
html.cc-dark .bmc-ab:hover{background:#262626}
html.cc-dark #bmc-emoji-popup{background:#1b1b1b}
html.cc-dark #bmc-emoji-popup button:hover{background:#262626}
html.cc-dark .bmc-ep{background:#1b1b1b}
html.cc-dark .bmc-ep button:hover{background:#262626}
html.cc-dark .bmc-reply-bar{background:#262626}
html.cc-dark .bmc-edit-bar{background:#262626}
html.cc-dark #bmc-online-toast{background:#1b1b1b}
html.cc-dark .bmc-tdm-item.danger:hover{background:#262626}
html.cc-dark #bmc-mobile-badge{border:2px solid rgba(255,255,255,0.12)}
html.cc-dark #bmc-mobile-app{background:#1b1b1b}
html.cc-dark #bmc-mv-list{background:#1b1b1b}
html.cc-dark #bmc-mv-list-header{border-bottom:1px solid rgba(255,255,255,0.12) !important;background:#1b1b1b !important}
html.cc-dark #bmc-mv-list-title{color:#f4efe7 !important}
html.cc-dark .bmc-mv-hbtn{color:#f4efe7 !important}
html.cc-dark .bmc-mv-online{border:2px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-mv-name{color:#f4efe7}
html.cc-dark #bmc-mv-conv{background:#1b1b1b}
html.cc-dark #bmc-mv-pinned{background:#1b1b1b}
html.cc-dark #bmc-mv-reply-bar,html.cc-dark #bmc-mv-edit-bar{background:#262626}
html.cc-dark #bmc-mv-footer{background:#1b1b1b !important;border-top:1px solid rgba(255,255,255,0.12)}
html.cc-dark #bmc-mv-footer-input:focus{background:#1b1b1b}
html.cc-dark #bmc-panel-menu{background:#1b1b1b}
html.cc-dark .bmc-bbl-call{background:#262626 !important;border:1.5px solid rgba(255,255,255,0.12) !important}
html.cc-dark .bmc-bbl-call.me,html.cc-dark .bmc-mr.me .bmc-bbl-call{background:#262626 !important}
html.cc-dark .bmc-call-event-label{color:#f4efe7}
html.cc-dark .bmc-og-preview{border:1px solid rgba(255,255,255,0.12);background:#1b1b1b}
html.cc-dark .bmc-og-title{color:#f4efe7}
html.cc-dark .bmc-yt-preview{border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-yt-label{color:#ff5c5c;background:#1b1b1b}
html.cc-dark #bmc-mv-emoji-panel{background:#1b1b1b !important;border-top:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-mv-epick:active{background:#262626 !important}
html.cc-dark #bmc-settings-panel{background:#1b1b1b}
html.cc-dark .bmc-sp-section{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-sp-row{color:#f4efe7}
html.cc-dark .bmc-sp-row input[type=checkbox]{background:#262626}
html.cc-dark .bmc-sp-row input[type=checkbox]::after{background:#1b1b1b}
html.cc-dark .bmc-sp-btn.danger{background:#262626}
html.cc-dark .bmc-sp-btn.danger:hover{background:#3f1512}
html.cc-dark .bmc-gcall-join{background:#1b1b1b}
html.cc-dark #bmc-mention-pop{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-mp-row img{background:#262626}
html.cc-dark .bmc-mp-name{color:#f4efe7}
html.cc-dark .bmc-fwd-card{background:#1b1b1b}
html.cc-dark .bmc-fwd-preview{background:#1b1b1b;border-bottom:1px solid rgba(255,255,255,0.12);color:#f4efe7}
html.cc-dark .bmc-fwd-prev-body{color:#f4efe7}
html.cc-dark .bmc-fwd-search{border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-fwd-row:hover{background:#1b1b1b}
html.cc-dark .bmc-fwd-row img{background:#262626}
html.cc-dark .bmc-fwd-row-name{color:#f4efe7}
html.cc-dark .bmc-fwd-send:disabled{background:#262626}
html.cc-dark .bmc-fav-item{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-fav-item:hover{background:#262626}
html.cc-dark .bmc-fav-av{background:#262626}
html.cc-dark .bmc-fav-meta strong{color:#f4efe7}
html.cc-dark .bmc-fav-content{color:#f4efe7}
html.cc-dark .bmc-fav-unstar{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-fav-unstar:hover{background:#262626}
html.cc-dark .bmc-lc-join{background:#1b1b1b !important}
html.cc-dark .bmc-lc-join:hover{background:#1b1b1b !important}
html.cc-dark .bmc-cp-intro{color:#a39a8f}
html.cc-dark .bmc-cp-row{border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-cp-row:hover{border-color:rgba(255,255,255,0.12);background:#1b1b1b}
html.cc-dark .bmc-cp-row:has(input:checked){background:#262626}
html.cc-dark .bmc-cp-label{color:#f4efe7}
html.cc-dark .bmc-cp-footer{border-top:1px solid rgba(255,255,255,0.12);background:#1b1b1b}
html.cc-dark .bmc-cp-cancel{background:#1b1b1b !important;color:#f4efe7 !important;border:1px solid rgba(255,255,255,0.12) !important}
html.cc-dark .bmc-cp-cancel:hover{background:#1b1b1b !important}
html.cc-dark .bmc-gif-picker{background:#1b1b1b;border:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-gif-picker-head{border-bottom:1px solid rgba(255,255,255,0.12)}
html.cc-dark .bmc-gif-search{border:1.5px solid rgba(255,255,255,0.12) !important;background:#1b1b1b !important;color:#f4efe7 !important}
html.cc-dark .bmc-gif-search:focus{background:#1b1b1b !important}
html.cc-dark .bmc-gif-close{background:#1b1b1b !important;color:#f4efe7 !important}
html.cc-dark .bmc-gif-close:hover{background:#262626 !important}
html.cc-dark .bmc-gif-item{background:#1b1b1b}
html.cc-dark .bmc-gif-attribution{border-top:1px solid rgba(255,255,255,0.12);background:#1b1b1b}


html.cc-dark{--bmc-bg:#121212;--bmc-surface:#1b1b1b;--bmc-bubble-them:#2e2e2e;--bmc-bubble-them-text:#f4efe7;--bmc-border:rgba(255,255,255,.1);--bmc-text:#f4efe7;--bmc-muted:#a39a8f;--bmc-purple-l:#2a1f1d;
  --mc-bg:#121212;--mc-surface:#1b1b1b;--mc-border:rgba(255,255,255,.1);--mc-text:#f4efe7;--mc-muted:#a39a8f;--mc-primary-light:#2a1f1d}

/* The community's own dark colors use the same warm charcoal (1.2.0). */
html.cc-dark,html.cc-dark.qcf-dark,html.cc-dark body.qcf-dark,html.cc-dark .qcf-dark{--bg:#121212 !important;--surface:#1b1b1b !important;--surface2:#262626 !important;--surface3:#2e2e2e !important;--text:#f4efe7 !important;--muted:#8a8279 !important;--muted2:#a39a8f !important;--border:rgba(255,255,255,.07) !important;--border2:rgba(255,255,255,.13) !important}

/* Phone chat (1.2.2). The chat paints its own light colors with !important in its template, so dark mode has to answer the same way. Matches the site: page #121212, bars #1b1b1b, orange accent. */
html.cc-dark #bmc-mobile-app{--bmc-bg:#121212;--bmc-surface:#1b1b1b;--bmc-border:rgba(255,255,255,.08);--bmc-text:#f4efe7;--bmc-muted:#a39a8f;--bmc-purple-l:#1f1f1f;--bmc-bubble-them:#262626;--bmc-bubble-them-text:#f4efe7;background:#121212 !important;color:#f4efe7}
html.cc-dark #bmc-mv-list,html.cc-dark #bmc-mv-thread-list{background:#121212 !important}
html.cc-dark #bmc-mv-list-header{background:#1b1b1b !important;border-bottom:1px solid rgba(255,255,255,.08) !important}
html.cc-dark #bmc-mv-list-title{color:#f7f3ec !important}
html.cc-dark .bmc-mv-hbtn{background:rgba(255,255,255,.08) !important;color:#f4efe7 !important}
html.cc-dark .bmc-mv-hbtn:active{background:rgba(255,255,255,.16) !important}
html.cc-dark .bmc-mv-thread{background:transparent;border-bottom:1px solid rgba(255,255,255,.07) !important}
html.cc-dark .bmc-mv-thread:active{background:#1b1b1b !important}
html.cc-dark .bmc-mv-name{color:#f4efe7 !important}
html.cc-dark .bmc-mv-prev,html.cc-dark .bmc-mv-time{color:#a39a8f !important}
html.cc-dark .bmc-mv-prev.bmc-mv-draft{color:#c9c2b8 !important}
html.cc-dark .bmc-mv-online{border-color:#121212 !important}
html.cc-dark .bmc-mv-th-dots{color:#a39a8f !important}
html.cc-dark .bmc-mv-thread.mc-ai-thread-row{background:linear-gradient(90deg,rgba(239,90,76,.12),transparent 65%) !important;border-left-color:#ef5a4c !important}
html.cc-dark #bmc-mv-list>div:last-child{background:#1b1b1b !important;border-top:1px solid rgba(255,255,255,.08) !important}
html.cc-dark #bmc-mv-list>div:last-child div{color:#f4efe7}
html.cc-dark #bmc-mv-list>div:last-child div+div{color:#34c759}
html.cc-dark #bmc-mv-compose{background:#ef5a4c !important;color:#121212 !important}
/* The conversation. */
html.cc-dark #bmc-mv-conv,html.cc-dark #bmc-mv-msgs{background:#121212 !important}
html.cc-dark #bmc-mv-conv-header{background:#1b1b1b !important;border-bottom:1px solid rgba(255,255,255,.08)}
html.cc-dark #bmc-mv-back,html.cc-dark #bmc-mv-conv-name{color:#f7f3ec !important}
html.cc-dark #bmc-mv-conv-status,html.cc-dark #bmc-mv-conv-typing{color:#a39a8f !important}
html.cc-dark .bmc-mv-conv-btn{color:#f4efe7 !important}
html.cc-dark .bmc-mv-conv-btn svg{fill:#f4efe7 !important}
html.cc-dark .bmc-mv-conv-btn:active{background:rgba(255,255,255,.1) !important}
html.cc-dark #bmc-mv-pinned{background:#1b1b1b !important;border-bottom-color:rgba(255,255,255,.08) !important}
html.cc-dark #bmc-mv-reply-bar,html.cc-dark #bmc-mv-edit-bar{background:#262626 !important;border-top-color:#ef5a4c !important}
html.cc-dark .bmc-mv-bar-text{color:#ef7a6f !important}
html.cc-dark #bmc-mobile-app .bmc-mr:not(.me) .bmc-bbl{background:#262626 !important;color:#f4efe7 !important;box-shadow:none !important}
html.cc-dark #bmc-mobile-app .bmc-mr.me .bmc-bbl{background:#ef5a4c !important;color:#121212 !important}
html.cc-dark #bmc-mobile-app .bmc-mr.me .bmc-msg-link{color:#121212 !important}
html.cc-dark #bmc-mobile-app .bmc-msg-time{color:#8a8279 !important}
/* The typing bar: the words you type are light now. */
html.cc-dark #bmc-mv-footer{background:#1b1b1b !important;border-top:1px solid rgba(255,255,255,.08) !important}
html.cc-dark #bmc-mv-footer-input{background:#262626 !important;color:#f4efe7 !important;-webkit-text-fill-color:#f4efe7 !important;caret-color:#ef7a6f !important;border-radius:20px !important;padding:10px 14px !important;color-scheme:dark}
html.cc-dark #bmc-mv-footer-input::placeholder{color:#8a8279 !important;-webkit-text-fill-color:#8a8279 !important}
html.cc-dark #bmc-mv-footer-attach{color:#a39a8f !important}
html.cc-dark #bmc-mv-emoji-panel,html.cc-dark #bmc-mobile-app .bmc-emoji-panel{background:#1b1b1b !important;border-top:1px solid rgba(255,255,255,.08) !important}
html.cc-dark #bmc-mv-att-prev{background:#1b1b1b !important}
html.cc-dark #bmc-mv-search-overlay{background:#121212 !important}
html.cc-dark #bmc-mv-search-inp{background:#262626 !important;color:#f4efe7 !important;-webkit-text-fill-color:#f4efe7 !important;border-color:rgba(255,255,255,.12) !important}
html.cc-dark #bmc-mv-search-back{color:#ef7a6f !important}
html.cc-dark #bmc-mv-ctx,html.cc-dark #bmc-mv-mem-panel{background:#1b1b1b !important;color:#f4efe7 !important}

html.cc-dark .mkmm-item.is-here{background:rgba(249,213,68,.12) !important}
html.cc-dark .mkmm-item:hover{background:#262626 !important}
html.cc-dark #bmc-panel,html.cc-dark #bmc-panel-foot{background:#1b1b1b !important;color:#f4efe7}
html.cc-dark #bmc-panel-new,html.cc-dark #bmc-panel-settings,html.cc-dark #bmc-panel-close,html.cc-dark #bmc-new-btn{background:#262626 !important;color:#f4efe7 !important}
html.cc-dark #bmc-pill,html.cc-dark #bmc-mobile-btn{border-color:rgba(244,239,231,.15) !important;box-shadow:0 6px 18px rgba(0,0,0,.45) !important}

/* The header picture: a soft ring in dark mode, so the photo fills the circle. */
html.cc-dark .cc-site .ast-header-account-type-avatar img.avatar, html.cc-dark .ast-header-account img.avatar { border-color: rgba(244, 239, 231, .22) !important; background: #1b1b1b; }

/* Profiles: the community already has its own Block button, so the extra one stays hidden (both modes). */
.qpr-header-actions:has(#qpr-bk) .ccsf-block-btn { display: none !important; }

/* Account page (membership plugin) and the not-found page. */
html.cc-dark .ihc-ap-wrap, html.cc-dark .ihc-ap-menu, html.cc-dark .ihc-account-page-wrapp, html.cc-dark .iump-account-page,
html.cc-dark .ihc-ap-top-background, html.cc-dark .ihc-user-page-details, html.cc-dark .ihc-account-subscr-list, html.cc-dark .iump-form-line-register,
html.cc-dark .ihc-ap-section, html.cc-dark .iump-user-page-wrapper, html.cc-dark .ihc-public-wrapp-visual-user, html.cc-dark .error-404, html.cc-dark .ast-404-layout-1 {
  background: #1b1b1b !important; color: #f4efe7 !important; border-color: rgba(244, 239, 231, .1) !important; box-shadow: none !important;
}
html.cc-dark .ihc-ap-wrap :is(h1, h2, h3, h4, a, span, p, td, th, label), html.cc-dark .ihc-ap-menu a, html.cc-dark .error-404 :is(h1, h2, p) { color: #f4efe7 !important; }
html.cc-dark .ihc-ap-menu a:hover, html.cc-dark .ihc-ap-menu .ihc-ap-menu-item-selected a { color: #f9d544 !important; background: rgba(244, 239, 231, .06) !important; }
html.cc-dark .ihc-ap-wrap table, html.cc-dark .ihc-ap-wrap td, html.cc-dark .ihc-ap-wrap th { border-color: rgba(244, 239, 231, .12) !important; background: transparent !important; }

/* Header like the NexURLs app (both modes): plain ink icons, a bell, and the picture in a red ring with a soft glow. */
#masthead .site-header-primary-section-right { gap: 2px; }
#masthead .cct-tt-wrap, #masthead .cct-bell-wrap { margin: 0 !important; background: transparent !important; }
#masthead .cct-tt, #masthead .cct-tt:hover, #masthead .cct-tt:focus { width: 40px; height: 40px; background: transparent !important; border: 0 !important; box-shadow: none !important; color: #321b13; }
#masthead .cct-tt svg { width: 22px; height: 22px; }
#masthead .ast-header-search .astra-search-icon, #masthead .ast-header-search .ast-icon, #masthead .ast-header-search svg { color: #321b13 !important; fill: #321b13 !important; }
#masthead .ast-header-search .ast-icon svg { width: 21px; height: 21px; }
#masthead .cct-bell-wrap .qcf-notif-btn { color: #321b13 !important; padding: 9px !important; }
#masthead .cct-bell-wrap .qcf-notif-btn svg { width: 22px !important; height: 22px !important; }
#masthead .cct-bell-wrap .qcf-notif-badge { border-color: #fef6e7; background: #ef5a4c; }
#masthead .ast-header-account img.avatar, #masthead .ast-header-account-wrap img.avatar {
  width: 38px !important; height: 38px !important; border-radius: 50% !important; object-fit: cover;
  border: 2px solid #fef6e7 !important; background: #fef6e7;
  box-shadow: 0 0 0 2px #ef5a4c, 0 0 0 8px rgba(239, 90, 76, .15) !important;
}
#masthead .ast-header-account-link { margin: 0 6px; }
html.cc-dark #masthead .cct-tt { color: #f9d544; }
html.cc-dark #masthead .ast-header-search .astra-search-icon, html.cc-dark #masthead .ast-header-search .ast-icon, html.cc-dark #masthead .ast-header-search svg,
html.cc-dark #masthead .cct-bell-wrap .qcf-notif-btn { color: #f4efe7 !important; fill: #f4efe7 !important; }
html.cc-dark #masthead .cct-bell-wrap .qcf-notif-badge { border-color: #121212; }
html.cc-dark #masthead .ast-header-account img.avatar, html.cc-dark #masthead .ast-header-account-wrap img.avatar {
  border-color: #121212 !important; background: #1b1b1b; box-shadow: 0 0 0 2px #ef5a4c, 0 0 0 8px rgba(239, 90, 76, .22) !important;
}

/* 1.7.3 Bigger logo and the picture lined up with the other header icons. */
#masthead .site-logo-img .custom-logo-link img, #masthead .custom-logo-link img.custom-logo { width: auto !important; max-width: 128px !important; height: 50px !important; max-height: none !important; object-fit: contain; }
#ast-mobile-header .site-logo-img .custom-logo-link img, #ast-mobile-header .custom-logo-link img.custom-logo { height: 46px !important; max-width: 112px !important; }
#masthead .site-header-primary-section-right, #masthead .site-header-primary-section-right > div { align-items: center !important; }
#masthead .ast-header-account, #masthead .ast-header-account-wrap, #masthead .ast-header-account-link { display: inline-flex !important; align-items: center; justify-content: center; line-height: 0 !important; vertical-align: middle; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
#masthead .ast-header-account-link { margin: 0 8px !important; }
#masthead .ast-header-account, #masthead .ast-header-account-wrap, #masthead .ast-header-account-link { flex: 0 0 auto !important; min-width: 34px !important; width: auto !important; }
#masthead .ast-header-account img.avatar, #masthead .ast-header-account-wrap img.avatar { flex: 0 0 34px !important; min-width: 34px !important; max-width: none !important; min-height: 34px !important; }
/* 1.7.5 Phones: everything fits on one row, the menu button always on screen. */
@media (max-width: 921px) {
  #ast-mobile-header { overflow-x: hidden; }
  #ast-mobile-header .site-header-primary-section-left { min-width: 0; flex: 0 1 auto !important; }
  #ast-mobile-header .site-header-primary-section-right { min-width: 0; flex-wrap: nowrap !important; justify-content: flex-end !important; gap: 0 !important; }
  #ast-mobile-header .site-header-primary-section-right > * { flex: 0 0 auto !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
  #ast-mobile-header .site-logo-img .custom-logo-link img, #ast-mobile-header .custom-logo-link img.custom-logo { height: 52px !important; max-width: 118px !important; }
  #ast-mobile-header .cct-tt, #ast-mobile-header .cct-tt:hover { width: 36px !important; height: 36px !important; }
  #ast-mobile-header .ast-header-search .ast-search-menu-icon, #ast-mobile-header .ast-header-search a { padding: 0 7px !important; }
  #ast-mobile-header .cct-bell-wrap .qcf-notif-btn { padding: 7px !important; }
  #ast-mobile-header .ast-header-account-link { margin: 0 8px !important; }
  #ast-mobile-header .ast-header-account img.avatar, #ast-mobile-header .ast-header-account-wrap img.avatar { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; flex-basis: 32px !important; box-shadow: 0 0 0 2px #ef5a4c, 0 0 0 5px rgba(239, 90, 76, .15) !important; }
  #ast-mobile-header .ast-mobile-menu-trigger-minimal, #ast-mobile-header .menu-toggle { padding: 6px !important; margin: 0 !important; }
}
#masthead .ast-header-account img.avatar, #masthead .ast-header-account-wrap img.avatar { display: block; margin: 0 !important; width: 34px !important; height: 34px !important; box-shadow: 0 0 0 2px #ef5a4c, 0 0 0 6px rgba(239, 90, 76, .15) !important; }
html.cc-dark #masthead .ast-header-account img.avatar, html.cc-dark #masthead .ast-header-account-wrap img.avatar { box-shadow: 0 0 0 2px #ef5a4c, 0 0 0 6px rgba(239, 90, 76, .22) !important; }

/* ==========================================================================
   Coops design v2 (Tools 1.7.7)
   Clean white cards, soft rounded corners, pill buttons, no offset shadows.
   Light tokens first, then dark (neutral near black).
   ========================================================================== */
:root {
  --v2-bg: #faf6ef; --v2-surface: #ffffff; --v2-surface2: #f5efe5; --v2-line: #ebe2d4;
  --v2-ink: #24170f; --v2-muted: #6f6259; --v2-red: #d23f31; --v2-red-h: #b83426;
  --v2-sun: #f6c945; --v2-sage: #6f9a63;
  --v2-shadow: 0 1px 2px rgba(36,23,15,.05), 0 6px 20px -10px rgba(36,23,15,.18);
  --v2-shadow-h: 0 2px 4px rgba(36,23,15,.06), 0 12px 28px -12px rgba(36,23,15,.24);
  --cc-bg: var(--v2-bg); --cc-card: var(--v2-surface); --cc-fg: var(--v2-ink);
  --cc-primary: var(--v2-red); --cc-muted: var(--v2-surface2); --cc-muted-fg: var(--v2-muted);
  --cc-border: var(--v2-line);
}
html.cc-dark {
  --v2-bg: #121212; --v2-surface: #1b1b1b; --v2-surface2: #262626; --v2-line: #2a2a2a;
  --v2-ink: #f4efe7; --v2-muted: #a39a8f; --v2-red: #ef5a4c; --v2-red-h: #f2705f;
  --v2-sage: #8fbf80;
  --v2-shadow: 0 1px 2px rgba(0,0,0,.3), 0 8px 24px -12px rgba(0,0,0,.6);
  --v2-shadow-h: 0 2px 4px rgba(0,0,0,.35), 0 14px 30px -12px rgba(0,0,0,.7);
}

/* Lovable layout tokens */
html .ccl {
  --background: #faf6ef; --foreground: #24170f; --cream: #f5efe5; --card: #ffffff; --card-foreground: #24170f;
  --popover: #ffffff; --popover-foreground: #24170f; --primary: #d23f31; --primary-foreground: #ffffff;
  --muted: #f5efe5; --muted-foreground: #6f6259; --accent: #f6c945; --border: #ebe2d4; --input: #e3d9ca;
  --ring: #d23f31; --sun: #f6c945; --barn: #d23f31; --sage: #8fb784; --shadow-stamp: rgba(36,23,15,.12);
  background-image: none;
}
html.cc-dark .ccl {
  --background: #121212; --foreground: #f4efe7; --cream: #1b1b1b; --card: #1b1b1b; --card-foreground: #f4efe7;
  --popover: #1b1b1b; --popover-foreground: #f4efe7; --primary: #ef5a4c; --primary-foreground: #ffffff;
  --muted: #262626; --muted-foreground: #a39a8f; --border: #2a2a2a; --input: #333333; --ring: #ef5a4c;
  --shadow-stamp: rgba(0,0,0,.5);
}

/* App home and reels tokens */
html .ccah { --c-bg: #faf6ef; --c-card: #ffffff; --c-pri: #d23f31; --c-ink: #24170f; --c-sun: #f6c945; --c-sage: #8fb784; --c-muted: #f5efe5; --c-mut-fg: #6f6259; --c-line: #ebe2d4; }
html .ccr { --red: #d23f31; --ink: #24170f; --cream: #faf6ef; --sun: #f6c945; --card: #ffffff; }

/* Cards: 1px line, soft shadow, round corners */
html .ccl .chunky-card, html .cch-card, html .ccah-chunky-card, html .ccah-hd-card, html .ccah-hero,
html .cc-site .mkmm-inner, html .cc-site .mkmm-feature, html .ccr-sheet-in {
  border: 1px solid var(--v2-line) !important; box-shadow: var(--v2-shadow) !important; border-radius: 18px;
}
html .ccl .chunky-card, html .cch-card:not(.cch-final), html .ccah-chunky-card, html .ccah-hd-card { background: var(--v2-surface) !important; }
html .ccl .shadow-\[6px_6px_0_0_hsl\(var\(--foreground\)\)\],
html .ccl .shadow-\[4px_4px_0_0_hsl\(var\(--foreground\)\/0\.35\)\] { box-shadow: var(--v2-shadow) !important; }
html .ccl .border-foreground { border-color: var(--v2-line) !important; }
html .ccl .border-2.border-foreground, html .ccl .chunky-card.border-2 { border-width: 1px !important; }
html .ccah-tile:hover, html .ccah-wire:hover, html .ccah-hot:hover, html .ccah-card:hover {
  box-shadow: var(--v2-shadow-h) !important; transform: translateY(-2px) !important;
}

/* Buttons: pill, flat, no offset shadow */
html .ccl .chunky-btn, html .cch-btn, html .ccah-chunky-btn, html .ccp-cta, html .ccah-go-btn,
html .cc-site .mkmm-fb, html .cc-site .mkmm-form button, html .cc-site .mkmm-dr-up, html .ccr-add, html .ccr-go {
  border: 0 !important; box-shadow: none !important; border-radius: 999px !important;
  transition: background-color .15s ease, transform .12s ease, box-shadow .15s ease !important;
}
html .ccl .chunky-btn:hover, html .cch-btn:hover, html .ccah-chunky-btn:hover, html .ccp-cta:hover,
html .cc-site .mkmm-fb:hover, html .cc-site .mkmm-form button:hover {
  box-shadow: 0 6px 16px -8px rgba(210,63,49,.55) !important; transform: translateY(-1px) !important;
}
html .ccl .chunky-btn:active, html .cch-btn:active, html .ccah-chunky-btn:active,
html .ccr-add:active, html .ccr-go:active:not(:disabled) { box-shadow: none !important; transform: scale(.98) !important; }
html .ccl .chunky-btn.bg-card, html .ccl .chunky-btn.bg-background, html .ccl .chunky-btn.bg-cream, html .cch-btn:not(.cch-btn-primary):not(.cch-btn-accent) {
  border: 1px solid var(--v2-line) !important;
}

/* Small pieces */
html .ccah-go { border: 0 !important; box-shadow: 0 10px 24px -12px rgba(210,63,49,.6) !important; }
html .ccah-go:active { transform: scale(.99) !important; box-shadow: none !important; }
html .ccah-plan { border: 0 !important; }
html .cch-sticker, html .cch-num, html .ccr-toast { border: 1px solid var(--v2-line) !important; box-shadow: var(--v2-shadow) !important; }
html .ccb-photo img, html .ccah-av img { border: 1px solid var(--v2-line) !important; box-shadow: none !important; }
html .ccr-sheet textarea, html .ccr-sheet select { border: 1px solid var(--v2-line) !important; border-radius: 12px !important; }

/* Page background */
html body.cc-site, html .cc-site #page, html .cc-site .site-content { background-color: var(--v2-bg); }

/* ==========================================================================
   Coops design v2, stage 2 (Tools 1.7.8)
   ========================================================================== */
/* App home: the Jump in grid and its icon tiles, no ink outline or hard drop */
html .ccah-quick .ccah-grid { background: var(--v2-surface) !important; border: 1px solid var(--v2-line) !important; box-shadow: var(--v2-shadow); border-radius: 22px; }
html .ccah-quick .ccah-tile-ic { border: 0 !important; box-shadow: 0 1px 2px rgba(36,23,15,.06), 0 4px 12px -6px rgba(36,23,15,.22) !important; }
html .ccah-tile-ic.c4, html .ccah-tile-ic.c8 { box-shadow: inset 0 0 0 1px var(--v2-line), 0 4px 12px -6px rgba(36,23,15,.2) !important; }
html .ccah-quick .ccah-tile-l { color: var(--v2-ink) !important; }
html.cc-dark .ccah-quick .ccah-tile-ic { box-shadow: none !important; }
html.cc-dark .ccah-tile-ic.c2 { background: #2e2e2e !important; color: #f4efe7 !important; }
html.cc-dark .ccah-tile-ic.c4, html.cc-dark .ccah-tile-ic.c8 { background: #262626 !important; box-shadow: none !important; }
html.cc-dark .ccah-tile-ic.c4 { color: #ef5a4c !important; }
html.cc-dark .ccah-tile-ic.c8 { color: #f4efe7 !important; }
html.cc-dark .ccah-tile-ic.c3 { background: #3a2422 !important; color: #f6b9b0 !important; }
html.cc-dark .ccah-tile-ic.c5 { background: #3a3220 !important; color: #f6d97a !important; }
html.cc-dark .ccah-tile-ic.c6 { background: #24301f !important; color: #a8d39a !important; }
html.cc-dark .ccah-tile-ic.c7 { background: #2e2a25 !important; color: #ddd6cc !important; }

/* Reading pages: calm links, link cards and tappable guide lists */
html .entry-content a:not(:is(.ccl *)):not([class]) {
  color: var(--v2-red); text-decoration: underline; text-decoration-thickness: 1px;
  text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 35%, transparent);
}
html.cc-dark .entry-content a:not(:is(.ccl *)):not([class]) { color: #ef7a6f; }
html .entry-content a:not(:is(.ccl *)):not([class]):hover { text-decoration-color: currentColor; }
/* A link that wraps a title and a line of text becomes a card with an arrow */
html .entry-content a:not(:is(.ccl *)):has(> div) {
  display: flex !important; align-items: center; justify-content: space-between; gap: 14px;
  padding: 16px 18px; margin: 0 0 12px; border: 1px solid var(--v2-line); border-radius: 18px;
  background: var(--v2-surface); box-shadow: var(--v2-shadow); color: var(--v2-red) !important;
  text-decoration: none !important; font-size: 1.25rem; line-height: 1;
}
html .entry-content a:not(:is(.ccl *)):has(> div) > div { min-width: 0; }
html .entry-content a:not(:is(.ccl *)):has(> div) > div > div:first-child { font-weight: 700; font-size: 1.02rem; line-height: 1.35; color: var(--v2-ink); }
html .entry-content a:not(:is(.ccl *)):has(> div) > div > div + div { margin-top: 4px; font-size: .92rem; line-height: 1.5; color: var(--v2-muted); font-weight: 400; }
html .entry-content a:not(:is(.ccl *)):has(> div):active { transform: scale(.99); }
/* A list where every item is just one link: rows you can tap, no bullets */
html .entry-content ul:not(:is(.ccl *, .ccmig-extra *)):has(> li > a:only-child) {
  list-style: none; margin: 12px 0 24px; padding: 4px 0; border: 1px solid var(--v2-line);
  border-radius: 18px; background: var(--v2-surface); box-shadow: var(--v2-shadow); overflow: hidden;
}
html .entry-content ul:not(:is(.ccl *, .ccmig-extra *)):has(> li > a:only-child) > li { margin: 0; padding: 0; }
html .entry-content ul:not(:is(.ccl *, .ccmig-extra *)):has(> li > a:only-child) > li + li { border-top: 1px solid var(--v2-line); }
html .entry-content ul:not(:is(.ccl *, .ccmig-extra *)):has(> li > a:only-child) > li > a:only-child {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px;
  color: var(--v2-ink) !important; text-decoration: none !important; font-weight: 500; line-height: 1.4;
}
html .entry-content ul:not(:is(.ccl *, .ccmig-extra *)):has(> li > a:only-child) > li > a:only-child::after {
  content: ""; flex: none; width: 8px; height: 8px; border-top: 2px solid var(--v2-red); border-right: 2px solid var(--v2-red);
  transform: rotate(45deg); opacity: .8;
}
html .entry-content ul:not(:is(.ccl *, .ccmig-extra *)):has(> li > a:only-child) > li > a:only-child:active { background: var(--v2-surface2); }
html .entry-content h2:not(:is(.ccl *)) { letter-spacing: -.01em; }

/* ==========================================================================
   Coops design v2, stage 3 (Tools 1.7.9): form fields, focus and small touches
   ========================================================================== */
html .entry-content :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=file]), select, textarea):not(:is(.ccl *)) {
  border: 1px solid var(--v2-line) !important; background-color: var(--v2-surface);
  color: var(--v2-ink); box-shadow: 0 1px 2px rgba(36,23,15,.04); transition: border-color .15s ease, box-shadow .15s ease;
}
html.cc-dark .entry-content :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=range]):not([type=file]), select, textarea):not(:is(.ccl *)) {
  border-color: #333333 !important; background-color: #1b1b1b !important; box-shadow: none;
}
html :is(.entry-content, .ccl) :is(input:not([type=checkbox]):not([type=radio]), select, textarea):focus { outline: none; border-color: var(--v2-red) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--v2-red) 16%, transparent) !important; }
html :is(.entry-content, .ccl) :is(input[type=checkbox], input[type=radio], input[type=range]) { accent-color: var(--v2-red); }
html ::selection { background: color-mix(in srgb, #d23f31 22%, transparent); }
html .cc-site :is(a, button):focus-visible { outline: 2px solid var(--v2-red); outline-offset: 2px; }
/* Section headings on reading pages: a touch more room above */
html .entry-content :is(h2, h3):not(:is(.ccl *)) { margin-top: 1.6em; }
html .entry-content section:first-of-type > h2:not(:is(.ccl *)) { margin-top: 1.2em; }

/* 1.8.3 Site pages: no "By Clucky / date" line under the title, the pages carry their own updated line */
.single-cc_page .entry-header .entry-meta, .single-cc_page .ast-single-post-meta { display: none !important; }

/* 1.8.4 Supplies tool */
.cc-sup { display: grid; gap: 22px; margin: 8px 0 34px; text-align: left; }
.csup-card { background: var(--v2-surface); border: 1px solid var(--v2-line); border-radius: 22px; box-shadow: var(--v2-shadow); padding: 20px; }
.csup-h { font-family: Fraunces, Georgia, serif; font-size: 1.5rem; line-height: 1.2; margin: 0 0 4px !important; color: var(--v2-ink); }
.csup-sub { margin: 0 0 14px; color: var(--v2-muted); font-size: .95rem; line-height: 1.5; }
.csup-search { display: flex; gap: 8px; }
.csup-search input { flex: 1; min-width: 0; height: 50px; padding: 0 18px !important; border-radius: 999px !important; border: 1px solid var(--v2-line) !important; background: var(--v2-bg) !important; color: var(--v2-ink) !important; font-size: 16px; box-shadow: none !important; }
.csup-search input:focus { outline: none; border-color: var(--v2-red) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--v2-red) 16%, transparent) !important; }
.csup-zip input { max-width: 180px; }
.csup-btn { height: 50px; padding: 0 22px !important; border: 0 !important; border-radius: 999px !important; background: var(--v2-red) !important; color: #fff !important; font-weight: 700; font-size: 15px; cursor: pointer; white-space: nowrap; }
.csup-btn:disabled { opacity: .6; }
.csup-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.csup-chip { border: 1px solid var(--v2-line) !important; background: var(--v2-surface) !important; color: var(--v2-ink) !important; border-radius: 999px !important; padding: 7px 13px !important; font-size: 13px; font-weight: 600; cursor: pointer; line-height: 1.2; box-shadow: none !important; }
.csup-chip.is-on { background: var(--v2-red) !important; border-color: var(--v2-red) !important; color: #fff !important; }
.csup-out:not(:empty) { margin-top: 18px; }
.csup-res-h h3, .csup-mini { font-size: 1.05rem; margin: 0 0 10px !important; color: var(--v2-ink); }
.csup-mini { margin-top: 18px !important; }
.csup-guide { display: grid; grid-template-columns: 200px 1fr; gap: 16px; padding: 16px; border-radius: 18px; background: var(--v2-bg); border: 1px solid var(--v2-line); }
.csup-loading, .csup-soft { display: flex; align-items: center; gap: 10px; color: var(--v2-muted); font-size: .95rem; }
.csup-spin { width: 18px; height: 18px; flex: none; border-radius: 50%; border: 2.5px solid var(--v2-line); border-top-color: var(--v2-red); animation: csupspin .8s linear infinite; }
@keyframes csupspin { to { transform: rotate(360deg); } }
.csup-price { display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 14px; border-radius: 14px; background: var(--v2-surface); border: 1px solid var(--v2-line); text-align: center; }
.csup-price-l { font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--v2-muted); }
.csup-price strong { font-family: Fraunces, Georgia, serif; font-size: 1.6rem; line-height: 1.15; color: var(--v2-ink); }
.csup-price-u { font-size: 12.5px; color: var(--v2-muted); }
.csup-guide-b p { margin: 0 0 8px; font-size: .95rem; line-height: 1.5; color: var(--v2-ink); }
.csup-guide-b h3 { font-size: .95rem; margin: 6px 0 6px !important; }
.csup-guide-b ul { margin: 0 0 10px 18px; padding: 0; font-size: .95rem; line-height: 1.5; }
.csup-avoid strong { color: var(--v2-red); }
.csup-stores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.csup-store { display: flex; flex-direction: column; gap: 3px; padding: 14px; border-radius: 16px; border: 1px solid var(--v2-line); background: var(--v2-surface); color: var(--v2-ink) !important; text-decoration: none !important; transition: transform .12s ease, box-shadow .15s ease; }
.csup-store:hover { box-shadow: var(--v2-shadow-h); transform: translateY(-1px); }
.csup-store-top { display: flex; justify-content: space-between; align-items: center; font-size: 1rem; }
.csup-arrow { color: var(--v2-muted); }
.csup-store-kind { font-size: 12.5px; color: var(--v2-muted); }
.csup-store-go { margin-top: 6px; font-size: 13px; font-weight: 700; color: var(--v2-red); }
.csup-note { margin: 12px 0 0; font-size: 12.5px; color: var(--v2-muted); line-height: 1.5; }
.csup-err { margin: 0; color: var(--v2-red); font-weight: 600; }
.csup-local { display: grid; grid-template-columns: 1fr 340px; gap: 14px; }
.csup-mapw { border-radius: 16px; overflow: hidden; border: 1px solid var(--v2-line); min-height: 380px; background: var(--v2-bg); }
.csup-map { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }
.csup-found { margin: 0; font-weight: 700; color: var(--v2-ink); }
.csup-filter { margin: 8px 0 10px; }
.csup-list { display: grid; gap: 8px; max-height: 470px; overflow-y: auto; padding-right: 2px; }
.csup-place { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--v2-line); background: var(--v2-surface); }
.csup-place-top { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; }
.csup-place-top strong { font-size: .98rem; color: var(--v2-ink); line-height: 1.3; }
.csup-mi { flex: none; font-size: 12.5px; font-weight: 700; color: var(--v2-muted); }
.csup-tag { align-self: flex-start; font-size: 11px; font-weight: 700; padding: 3px 8px; border-radius: 999px; background: var(--v2-bg); color: var(--v2-muted); }
.csup-tag-farm, .csup-tag-feed { background: color-mix(in srgb, #6f9a63 18%, transparent); color: #4c7a42; }
.csup-tag-hardware { background: color-mix(in srgb, #d23f31 12%, transparent); color: #b83426; }
.csup-addr { font-size: 13px; color: var(--v2-muted); }
.csup-acts { display: flex; gap: 14px; margin-top: 4px; }
.csup-acts a { font-size: 13px; font-weight: 700; color: var(--v2-red) !important; text-decoration: none !important; }
.csup-more { margin-top: 14px; font-size: 14px; color: var(--v2-muted); }
.csup-more a { color: var(--v2-red) !important; font-weight: 600; }
html.cc-dark .csup-tag-farm, html.cc-dark .csup-tag-feed { color: #a8d39a; }
html.cc-dark .csup-tag-hardware { color: #f2705f; }
@media (max-width: 760px) {
  .csup-card { padding: 16px; border-radius: 20px; }
  .csup-guide { grid-template-columns: 1fr; }
  .csup-stores { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .csup-local { grid-template-columns: 1fr; }
  .csup-mapw, .csup-map { min-height: 240px; }
  .csup-list { max-height: none; }
  .csup-zip input { max-width: none; }
}

/* 1.8.5 Old app leftovers swapped for working parts */
.ccl .ccl-ask, .ccl-ask { margin: 40px 0 8px; padding: 22px; border-radius: 20px; background: var(--v2-surface); border: 1px solid var(--v2-line); box-shadow: var(--v2-shadow); }
.ccl .ccl-ask h2, .ccl-ask h2 { margin: 0 0 6px !important; font-family: Fraunces, Georgia, serif; font-size: 1.35rem; font-weight: 700; color: var(--v2-ink); }
.ccl .ccl-ask p, .ccl-ask p { margin: 0 0 14px; color: var(--v2-muted); line-height: 1.55; }
.ccl .ccl-ask p a, .ccl-ask p a { color: var(--v2-red) !important; font-weight: 600; }
.ccl .ccl-ask-btn, .ccl-ask-btn { display: inline-flex; align-items: center; height: 46px; padding: 0 22px; border-radius: 999px; background: var(--v2-red); color: #fff !important; font-weight: 700; text-decoration: none !important; }
.ccl .ccl-ask-btn:hover, .ccl-ask-btn:hover { background: var(--v2-red-h); }

/* 1.8.6 Builder finder */
.cc-bld .csup-card + .csup-card { margin-top: 18px; }
.cbld-tips { margin: 6px 0 14px; padding-left: 20px; color: var(--v2-ink); line-height: 1.6; }
.cbld-tips li { margin: 6px 0; }
.cbld-cta { align-items: center; flex-wrap: wrap; gap: 18px; }
.cbld-cta a.csup-btn { display: inline-flex; align-items: center; height: 46px; font-size: 14px; color: #fff !important; }
.cbld-tag-shed { background: color-mix(in srgb, #6f9a63 18%, transparent); color: #4c7a42; }
.cbld-tag-wood { background: color-mix(in srgb, #c98a3a 18%, transparent); color: #9a6420; }
.cbld-tag-build { background: color-mix(in srgb, #d23f31 12%, transparent); color: #b83426; }
html.cc-dark .cbld-tag-shed { color: #a8d39a; }
html.cc-dark .cbld-tag-wood { color: #e8b56f; }
html.cc-dark .cbld-tag-build { color: #f2705f; }