/* 15 Oct 2026, 1.18.0 (owner yes after the phone mockups, evidence/email-capture-mockup-2026-10-15/): the free gift's
   bottom bar (a corner box on a computer) and the sign-up right after the article ends. Brand kit colors only
   (branding/BRAND-KIT.md): Rust for buttons, Deep Sage for the small label, Espresso titles, Cream box, Sage edge. */

/* The bottom bar: a slim strip on a phone that never covers the article (Google's banner rule) */
.crc-bar[hidden]{display:none!important}
.crc-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;align-items:center;gap:12px;
padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px)) 14px;background:#fff;border-top:1px solid var(--crc-line,#dfd5c6);
box-shadow:0 -6px 18px rgba(64,53,46,.12);animation:crcBarUp .35s ease-out}
@keyframes crcBarUp{from{transform:translateY(100%)}to{transform:none}}
.crc-bar-cover{flex:none;width:56px;height:42px;object-fit:cover;object-position:top;border-radius:5px;
border:1px solid var(--crc-line,#dfd5c6);background:#f6f1e7}
.crc-bar-words{flex:1;min-width:0;line-height:1.2}
.crc-bar-label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--crc-green,#3f5e4a)}
.crc-bar-title{display:block;font-size:16px;font-weight:600;color:var(--crc-espresso,#40352e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crc-bar-note{display:none}
.crc-bar .crc-bar-button{flex:none;display:inline-block;height:44px;line-height:44px;padding:0 16px;border-radius:8px;
background:var(--crc-rust,#a14e32);color:#fff!important;font-size:16px;font-weight:700;text-decoration:none!important;white-space:nowrap}
.crc-bar .crc-bar-button:hover,.crc-bar .crc-bar-button:focus{background:var(--crc-rust-dark,#8f4833)}
.crc-bar-close{flex:none;width:44px;height:44px;margin:0;padding:0;border:0;background:none!important;color:var(--crc-muted,#6f645d)!important;
font-size:22px;line-height:44px;cursor:pointer;box-shadow:none!important}
.crc-bar-close:focus-visible,.crc-bar .crc-bar-button:focus-visible{outline:2px solid var(--crc-green,#3f5e4a);outline-offset:2px}

/* On a computer: a small box in the bottom corner, with the email line */
@media (min-width:782px){
.crc-bar{left:auto;right:24px;bottom:24px;width:340px;display:grid;grid-template-columns:56px 1fr 44px;
grid-template-areas:"cover words close" "note note note" "button button button";gap:10px 12px;padding:16px;
border:1px solid var(--crc-line,#dfd5c6);border-radius:14px;box-shadow:0 12px 32px rgba(64,53,46,.18)}
.crc-bar-cover{grid-area:cover}.crc-bar-words{grid-area:words;align-self:center}
.crc-bar-close{grid-area:close;align-self:start;margin:-10px -10px 0 0}
.crc-bar-note{grid-area:note;display:block;font-size:14px;line-height:1.45;color:var(--crc-muted,#6f645d)}
.crc-bar .crc-bar-button{grid-area:button;text-align:center}
}
@media (prefers-reduced-motion:reduce){.crc-bar{animation:none}}

/* The sign-up after the article: the same look as the gift boxes inside articles */
.crc-gift-end{background:var(--crc-cream,#f6f1e7);border:1px solid var(--crc-line,#dfd5c6);border-left:4px solid var(--crc-sage,#94a187);
border-radius:14px;padding:22px 22px 44px;margin:44px 0 8px;overflow:hidden}
.crc-gift-end-cover{display:block}
.crc-gift-end-cover img{display:block;max-width:100%;max-height:340px;width:auto;height:auto;margin:0 auto 16px;
border:1px solid var(--crc-line,#dfd5c6);border-radius:8px}
.entry-content .crc-gift-end p{margin:0}
.crc-gift-end .crc-gift-end-label{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--crc-green,#3f5e4a)}
.crc-gift-end .crc-gift-end-title{margin:0 0 8px;font-size:1.35rem;font-weight:600;line-height:1.25;color:var(--crc-espresso,#40352e)}
.crc-gift-end .crc-gift-end-text{margin:0 0 16px;color:var(--crc-text,#51463e)}
.crc-gift-end .crc-gift-end-button{display:block;text-align:center;padding:14px 18px;border-radius:8px;background:var(--crc-rust,#a14e32);
color:#fff!important;font-size:17px;font-weight:700;text-decoration:none!important}
.crc-gift-end .crc-gift-end-button:hover,.crc-gift-end .crc-gift-end-button:focus{background:var(--crc-rust-dark,#8f4833)}
.crc-gift-end .crc-gift-note{margin:14px 0 0;font-size:1rem;line-height:1.5;color:var(--crc-muted,#6f645d)}
@media (min-width:782px){.crc-gift-end .crc-gift-end-button{display:inline-block}}