/* Group Chat Therapy pages: montherapy.pk/group-chat (list) and /group-chat/<slug> (details and join).
   Everything is scoped to .gcp. Mobile first; wider screens add columns. */
.gcp { --g:#456a38; --gd:#294d2d; --ink:#173b29; --pink:#df5593; --pinkd:#c9447f; --ln:#e6e1d4; --mu:#6b7466; --soft:#f2f6ee;
       font-size:15px; background:#fbf8f1; padding-bottom:40px; color:var(--ink); }
.gcp .serif { font-family: Georgia, "Times New Roman", serif; letter-spacing:-.4px; font-weight:400; }
.gcp a { text-decoration:none; }

/* hero */
.gcp-hero { position:relative; overflow:hidden; padding:26px 0 20px; background:linear-gradient(180deg,#f3eee0 0%,#fbf8f1 100%); }
.gcp-hero::after { content:''; position:absolute; right:-120px; top:-120px; width:300px; height:300px; border-radius:50%; background:rgba(69,106,56,.08); pointer-events:none; }
.gcp-kicker { display:inline-flex; align-items:center; gap:7px; padding:5px 12px; border-radius:20px; background:#fff; border:1px solid var(--ln); color:var(--g); font-size:11.5px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; }
.gcp-hero h1 { margin:12px 0 8px; color:var(--ink); font-size:clamp(28px, 7.4vw, 46px); line-height:1.08; }
.gcp-lead { max-width:640px; margin:0; color:#4c5747; line-height:1.6; }
.gcp-back { display:inline-flex; align-items:center; gap:6px; margin-bottom:12px; color:var(--g); font-weight:800; font-size:13.5px; }
.gcp-back:hover { color:var(--gd); }

/* badges and facts */
.gcp-badge { display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border-radius:20px; font-size:11.5px; font-weight:800; white-space:nowrap; }
.gcp-badge.female { background:#fdeaf3; color:#a3285f; }
.gcp-badge.male { background:#e6eef8; color:#24508a; }
.gcp-badge.paused { background:#fff4e5; color:#8a4b00; }
.gcp-badge.full { background:#fdecee; color:#a8232e; }
.gcp-facts { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 0; }
.gcp-fact { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:14px; background:#fff; border:1px solid var(--ln); color:var(--ink); font-size:13.5px; font-weight:700; }
.gcp-fact i { color:var(--g); font-size:15px; }

/* filter */
.gcp-filter { display:flex; gap:6px; margin:16px 0 0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.gcp-filter button { flex:0 0 auto; min-height:40px; padding:8px 16px; border-radius:20px; border:1.5px solid #d9e2d2; background:#fff; color:var(--gd); font-weight:800; font-size:13.5px; }
.gcp-filter button.on { background:var(--g); border-color:var(--g); color:#fff; }

/* list */
.gcp-list { display:grid; grid-template-columns:1fr; gap:12px; padding-top:18px; }
.gcp-card { display:flex; flex-direction:column; gap:12px; padding:16px; border-radius:20px; background:#fff; border:1px solid var(--ln); box-shadow:0 10px 30px rgba(35,67,43,.06); }
.gcp-card[hidden] { display:none; }
.gcp-card .top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.gcp-card .topic { color:#a67c1f; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; }
.gcp-card h2 { margin:3px 0 0; font-size:21px; line-height:1.2; }
.gcp-card h2 a { color:var(--ink); }
.gcp-who { display:flex; align-items:center; gap:10px; }
.gcp-ph { width:44px; height:44px; flex:0 0 auto; border-radius:12px; background:#e8efe4 center/cover no-repeat; color:var(--g); font-weight:800; display:flex; align-items:center; justify-content:center; }
.gcp-who b { display:block; color:var(--ink); font-size:14.5px; line-height:1.2; }
.gcp-who small { color:var(--mu); font-size:12px; font-weight:700; }
.gcp-rows { display:grid; gap:7px; margin:0; padding:0; list-style:none; }
.gcp-rows li { display:flex; align-items:flex-start; gap:9px; color:#3f4a3c; font-size:13.5px; line-height:1.45; }
.gcp-rows i { flex:0 0 auto; margin-top:1px; color:var(--g); font-size:15px; }
.gcp-seats { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.gcp-dots { display:inline-flex; gap:4px; }
.gcp-dots span { width:11px; height:11px; border-radius:50%; background:#fff; border:1.5px solid #b9c8ae; }
.gcp-dots span.t { background:var(--g); border-color:var(--g); }
.gcp-seat-txt { font-size:13.5px; font-weight:800; color:var(--gd); }
.gcp-seat-txt.full { color:#a8232e; }
.gcp-seat-txt.paused { color:#8a4b00; }
.gcp-card .foot { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px dashed var(--ln); }
.gcp-price b { display:block; color:var(--ink); font-size:17px; line-height:1.1; }
.gcp-price small { color:var(--mu); font-size:12px; font-weight:700; }

/* buttons */
.gcp-btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:46px; padding:10px 18px; border-radius:14px; border:1.5px solid var(--g); background:#fff; color:var(--gd); font-weight:800; font-size:14.5px; cursor:pointer; text-align:center; }
.gcp-btn:hover { background:var(--soft); color:var(--gd); }
.gcp-btn.solid { background:var(--g); color:#fff; } .gcp-btn.solid:hover { background:var(--gd); color:#fff; }
.gcp-btn.pink { background:var(--pink); border-color:var(--pink); color:#fff; } .gcp-btn.pink:hover { background:var(--pinkd); border-color:var(--pinkd); color:#fff; }
.gcp-btn:disabled { opacity:.55; cursor:not-allowed; }
.gcp-btn.block { width:100%; }

/* empty and notice boxes */
.gcp-empty { margin-top:18px; padding:28px 18px; border-radius:20px; background:#fff; border:1px solid var(--ln); text-align:center; }
.gcp-empty .ic { width:60px; height:60px; margin:0 auto 12px; border-radius:50%; background:var(--soft); color:var(--g); font-size:28px; display:flex; align-items:center; justify-content:center; }
.gcp-empty h2, .gcp-empty h3 { margin:0 0 6px; color:var(--ink); font-size:23px; }
.gcp-empty p { max-width:440px; margin:0 auto; color:#4c5747; line-height:1.6; }
.gcp-two { display:grid; grid-template-columns:1fr 1fr; gap:8px; max-width:420px; margin:16px auto 0; }

/* details sections */
.gcp-sec { padding:22px 0 0; }
.gcp-sec h2 { margin:0 0 4px; color:var(--ink); font-size:23px; }
.gcp-sec .sub { margin:0 0 12px; color:var(--mu); font-size:13.5px; }
.gcp-box { padding:16px; border-radius:18px; background:#fff; border:1px solid var(--ln); }
.gcp-desc { margin:0; color:#3f4a3c; line-height:1.65; white-space:pre-line; }
.gcp-ther { display:flex; gap:14px; align-items:flex-start; }
.gcp-ther .gcp-ph { width:72px; height:80px; border-radius:16px; font-size:22px; }
.gcp-ther b { display:block; font-size:16.5px; color:var(--ink); }
.gcp-ther .dg { margin-top:2px; color:var(--g); font-size:12.5px; font-weight:700; }
.gcp-ther p { margin:6px 0 0; color:#4c5747; font-size:13.5px; line-height:1.55; }
.gcp-steps { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:gcs; }
.gcp-steps li { display:flex; gap:11px; align-items:flex-start; color:#3f4a3c; font-size:14px; line-height:1.5; counter-increment:gcs; }
.gcp-steps li::before { content:counter(gcs); flex:0 0 26px; height:26px; display:grid; place-items:center; border-radius:50%; background:var(--gd); color:#fff; font-size:12px; font-weight:800; }
.gcp-rules { display:grid; gap:9px; margin:0; padding:0; list-style:none; counter-reset:gcr; }
.gcp-rules li { display:flex; gap:10px; color:#3f4a3c; font-size:14px; line-height:1.55; counter-increment:gcr; }
.gcp-rules li::before { content:counter(gcr) '.'; flex:0 0 18px; color:var(--g); font-weight:800; }
.gcp-note { margin:10px 0 0; color:var(--mu); font-size:12.5px; line-height:1.5; }

/* days stepper and dates */
.gcp-step { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.gcp-step .ctl { display:inline-flex; align-items:center; gap:4px; padding:4px; border-radius:16px; background:var(--soft); }
.gcp-step .ctl button { width:44px; height:44px; border:0; border-radius:12px; background:#fff; color:var(--gd); font-size:20px; font-weight:800; box-shadow:0 1px 3px rgba(0,0,0,.06); }
.gcp-step .ctl button:disabled { opacity:.4; }
.gcp-step .ctl output { min-width:64px; text-align:center; font-weight:800; font-size:15px; color:var(--ink); }
.gcp-step .tot b { display:block; font-size:20px; color:var(--ink); text-align:right; }
.gcp-step .tot small { display:block; color:var(--mu); font-size:12px; font-weight:700; text-align:right; }
.gcp-dates { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }
.gcp-dates span { padding:6px 10px; border-radius:10px; background:#f7f5ee; border:1px solid var(--ln); color:var(--ink); font-size:12.5px; font-weight:800; }

/* join form */
.gcp-form label.l { display:block; margin:12px 0 6px; color:var(--ink); font-weight:800; font-size:13.5px; }
.gcp-form .inp { display:flex; align-items:center; min-height:50px; border:1.5px solid #d9e2d2; border-radius:14px; background:#fff; padding:0 12px; gap:8px; }
.gcp-form .inp:focus-within { border-color:var(--g); box-shadow:0 0 0 3px rgba(69,106,56,.12); }
.gcp-form .inp.bad { border-color:#dc3545; }
.gcp-form .inp span { color:var(--mu); font-weight:800; }
.gcp-form .inp i { color:var(--mu); }
.gcp-form label.l:first-child { margin-top:0; }
.gcp-form input[type=text], .gcp-form input[type=tel] { flex:1; min-width:0; border:0; outline:0; background:transparent; font-size:16px; color:var(--ink); }
.gcp-agree { display:flex; gap:10px; align-items:flex-start; margin-top:14px; padding:12px; border-radius:14px; background:#f7f5ee; border:1px solid var(--ln); font-size:13.5px; line-height:1.45; color:#3f4a3c; cursor:pointer; }
.gcp-agree input { width:20px; height:20px; flex:0 0 auto; margin-top:1px; accent-color:var(--g); }
.gcp-agree.bad { border-color:#dc3545; }
.gcp-agree a { color:var(--g); font-weight:800; }
.gcp-err { margin-top:12px; padding:10px 12px; border-radius:12px; background:#fdecee; color:#a8232e; font-size:13px; font-weight:700; display:none; }
.gcp-err.show { display:block; }
.gcp-err a { color:#a8232e; text-decoration:underline; }

/* result */
.gcp-done { text-align:center; padding:22px 6px; }
.gcp-done .ic { width:64px; height:64px; margin:0 auto 12px; border-radius:50%; background:var(--g); color:#fff; font-size:30px; display:flex; align-items:center; justify-content:center; }
.gcp-done .ic.wa { background:#25d366; }
.gcp-done .ic.no { background:#b3261e; }
.gcp-done h3 { margin:0; color:var(--ink); font-size:24px; }
.gcp-done p { max-width:440px; margin:8px auto 0; color:#4c5747; line-height:1.6; }
.gcp-done h1 { margin:0; color:var(--ink); font-size:clamp(26px, 7vw, 34px); }
.gcp-paid { max-width:480px; margin:0 auto; padding:22px 0 10px; display:grid; gap:12px; }
.gcp-signin { display:grid; gap:6px; font-size:14px; }
.gcp-signin > b { color:var(--ink); font-size:15px; }
.gcp-signin div { display:flex; justify-content:space-between; gap:12px; padding:8px 10px; border-radius:10px; background:#f7f5ee; }
.gcp-signin div span { color:var(--mu); font-weight:700; }
.gcp-signin div b { color:var(--ink); word-break:break-all; text-align:right; }
.gcp-big { min-height:54px; font-size:16px; }
.gcp-done .acts { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:16px; }

/* sticky join button: above the site's Call / WhatsApp bar on phones */
.gcp-bar { position:sticky; bottom:0; z-index:6; margin-top:16px; padding:10px 0 calc(10px + env(safe-area-inset-bottom)); background:linear-gradient(0deg,#fbf8f1 70%,rgba(251,248,241,0)); }
.gcp-bar[hidden] { display:none; }
.gcp-bar .gcp-btn { width:100%; min-height:52px; font-size:15.5px; }
@media (max-width:767px) { .gcp-bar { bottom:58px; } .gcp-go-desk { display:none; } }
.gcp-go-desk { margin-top:12px; }
.gcp-go-desk[hidden] { display:none; }

@media (min-width:576px) {
    .gcp-hero { padding:34px 0 26px; }
    .gcp-card { padding:18px; }
}
@media (min-width:768px) {
    .gcp-list { grid-template-columns:repeat(2, 1fr); gap:14px; }
    .gcp-cols { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, .85fr); gap:22px; align-items:start; }
    .gcp-bar { display:none; }
    .gcp-bar[hidden] { display:none; }
}
@media (min-width:1200px) {
    .gcp-list { grid-template-columns:repeat(3, 1fr); }
}
@media (max-width:374px) {
    .gcp-card h2 { font-size:19px; }
    .gcp-step .ctl button { width:40px; height:40px; }
    .gcp-step .ctl output { min-width:54px; }
}