/**
 * Thank-you and confirmation pages (templates/template-confirmation.php),
 * from "Contact Form Confirmation.dc.html". Scoped to .ij-confirm.
 */
.ij-confirm { font-family: var(--font-sans); font-weight: 500; color: var(--color-text); -webkit-font-smoothing: antialiased; }
.ij-confirm a { text-decoration: none; }
/* Beaver Builder's skin sets h1…h6 to Helvetica after our sheets load. */
body .ij-confirm :is(h1, h2, h3, h4, h5, h6) { font-family: var(--font-display); color: var(--color-text); }

/* ---- The design's own rules (om-cfc) ---- */
.ij-confirm .ulcard { transition: box-shadow 200ms cubic-bezier(0.4,0,0.2,1), transform 200ms cubic-bezier(0.4,0,0.2,1); }
.ij-confirm .ulcard:hover { box-shadow: var(--shadow-overlay); transform: translateY(-2px); }
.ij-confirm .ulcard:hover .ullink { text-decoration: underline; }
.ij-confirm .ularrow { transition: transform 200ms cubic-bezier(0.4,0,0.2,1); }
.ij-confirm .ulcard:hover .ularrow { transform: translateX(3px); }
.ij-confirm .postcard-t, .ij-confirm .postcard img { transition: color 200ms cubic-bezier(0.4,0,0.2,1), transform 320ms cubic-bezier(0.16,1,0.3,1); }
.ij-confirm .postcard:hover .postcard-t { text-decoration: underline; text-underline-offset: 3px; }
.ij-confirm .postcard:hover img { transform: scale(1.04); }
@media (max-width: 1000px) { .ij-confirm .postgrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 900px)  { .ij-confirm .cfcgrid { grid-template-columns: minmax(0, 1fr) !important; } }
@media (max-width: 640px)  { .ij-confirm .postgrid { grid-template-columns: minmax(0, 1fr) !important; gap: 40px !important; } .ij-confirm .postgrid .postcard-t { font-size: 18px !important; } }

/* ---- Buttons (design's green pill) ---- */
.ij-confirm .cf-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 100px; background: var(--brand-green); color: #fff; font-size: 14px; font-weight: 600; transition: background 200ms cubic-bezier(0.4,0,0.2,1); }
.ij-confirm .cf-btn:hover { background: var(--brand-green-dark); color: #fff; }

/* ---- Page extras ---- */
.ij-confirm .cf-banner { margin: 0 auto 40px; border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-card); background: #fff; }
.ij-confirm .cf-banner img { display: block; width: 100%; height: auto; }
.ij-confirm .cf-label { margin-top: 20px; font-size: 13px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: var(--color-text-secondary); }
.ij-confirm .cf-label + h1 { margin-top: 8px !important; }
.ij-confirm .cf-sub { margin: 16px auto 0; max-width: 620px; font-size: 20px; line-height: 1.4; font-weight: 600; color: var(--color-text); }
.ij-confirm .cf-video { margin: 40px auto 0; max-width: 720px; border-radius: 24px; overflow: hidden; background: var(--slate-900); box-shadow: var(--shadow-card); }
.ij-confirm .cf-video video { display: block; width: 100%; height: auto; }
.ij-confirm .cf-social { margin-top: 32px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.ij-confirm .cf-social-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 100px; background: #fff; border: 1px solid var(--color-border-strong); color: var(--color-text); font-size: 14px; font-weight: 600; transition: border-color 200ms, color 200ms; }
.ij-confirm .cf-social-btn svg { color: var(--brand-green-dark); }
.ij-confirm .cf-social-btn:hover { border-color: var(--brand-green); color: var(--brand-green-dark); }
@media (max-width: 600px) { .ij-confirm .cf-banner { margin-bottom: 28px; border-radius: 16px; } }