/* Styles for behaviors the clone adds in place of Thrive/Swarmify runtime JS (see clone.js). */

/* Click-to-load YouTube player standing in for Swarmify's player. The play button matches
   Swarmify's: brand-blue disc, white ring, white triangle. */
.cch-video { display: block; position: relative; aspect-ratio: 16 / 9; background: #000; overflow: hidden; cursor: pointer; }
.cch-video img, .cch-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.cch-video-play { position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; padding: 0; border: 4px solid #fff; border-radius: 50%; background: rgba(33, 117, 174, 0.9); cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
.cch-video-play::after { content: ''; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -7px; border-style: solid; border-width: 12px 0 12px 20px; border-color: transparent transparent transparent #fff; }
.cch-video:hover .cch-video-play { background: rgba(33, 117, 174, 1); }

/* Opt-in forms: honeypot stays off-screen; success and error notes replace Thrive's toast. */
.cch-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.cch-form-note { margin: 12px 0 0; padding: 12px 14px; border-radius: 4px; background: #e9f5ee; color: #1d5c37; font-size: 16px; line-height: 1.5; text-align: center; }
.cch-form-note.cch-form-error { background: #fdecea; color: #8a1f11; }