/* CG TECH - Strategy session booking embed (Microsoft Bookings)
 * Scoped under .cgtech-booking so it never collides with theme styles. */

.cgtech-booking { max-width: 1080px; margin: 0 auto; font-family: inherit; }
.cgtech-booking-intro { text-align: center; margin: 0 0 22px; }
.cgtech-booking-h { font-size: 28px; font-weight: 800; color: #0b1233; margin: 0 0 8px; letter-spacing: -0.02em; line-height: 1.15; }
.cgtech-booking-sub { font-size: 16px; color: #5f6b86; margin: 0 auto; max-width: 620px; line-height: 1.5; }
.cgtech-booking-sub strong { color: #1129B9; font-weight: 600; }

.cgtech-booking-frame { position: relative; width: 100%; border-radius: 14px; overflow: hidden;
  border: 1px solid #dbe2ef; box-shadow: 0 20px 48px -28px rgba(11,18,51,.35); background: #fff; }
.cgtech-booking-frame iframe { width: 100%; height: 1000px; border: 0; display: block; }

.cgtech-booking-ph { padding: 56px 24px; text-align: center; color: #5f6b86; font-size: 14px; line-height: 1.6;
  border: 1px dashed #bac5d9; border-radius: 14px; background: #f8f9fc; }
.cgtech-booking-ph code { background: #eef1f8; padding: 2px 6px; border-radius: 5px; font-size: 13px; color: #1129B9; }

/* Button mode - opens the Bookings page in a new tab ---------------------- */
.cgtech-booking-cta { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 8px 0 4px; }
.cgtech-booking-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 30px;
  font-size: 17px; font-weight: 700; color: #fff; text-decoration: none; border-radius: 12px;
  background-color: #EA5B38; box-shadow: 0 10px 24px -13px rgba(234,91,56,.85);
  transition: transform .15s ease, box-shadow .15s ease; }
.cgtech-booking-btn:hover { transform: translateY(-3px); box-shadow: 0 16px 30px -14px rgba(234,91,56,.95); color: #fff; }
.cgtech-booking-note { font-size: 13px; color: #8a96b3; }

/* CGTECH-COWORK-SKIN-v1: align with the 2026 design system */
.cgtech-booking-h { color: var(--cg-navy, #0b1233); }

@media (max-width: 600px) {
  .cgtech-booking-h { font-size: 23px; }
  .cgtech-booking-frame iframe { height: 1120px; }
}