.clubhouse-membership { max-width: 820px; margin: 1.5rem auto 2.5rem; }
.clubhouse-member-login { align-items:center; background:#fff; border:1px solid #ded8d2; border-left:4px solid #bd1f2d; border-radius:10px; display:flex; gap:1.25rem; justify-content:space-between; margin:0 0 1.5rem; padding:1rem 1.1rem; }
.clubhouse-member-login strong,.clubhouse-member-login span { display:block; }
.clubhouse-member-login span { color:#5d6268; margin-top:.2rem; }
.clubhouse-member-login-actions { align-items:center; display:flex; flex-shrink:0; gap:.9rem; }
.clubhouse-member-login-actions a { white-space:nowrap; }
.clubhouse-counter-access { background:#fff; border:1px solid #ded8d2; border-radius:10px; margin:0 0 1.5rem; padding:.9rem 1.1rem; }
.clubhouse-counter-access summary { cursor:pointer; font-weight:700; }
.clubhouse-counter-access-body { border-top:1px solid #e7e0da; margin-top:.9rem; padding-top:.9rem; }
.clubhouse-counter-access-body>p { color:#565b61; margin:.1rem 0 1rem; }
.clubhouse-counter-access-form { align-items:end; display:grid; gap:.75rem 1rem; grid-template-columns:minmax(220px,1fr) auto; }
.clubhouse-counter-access-form label { display:flex; flex-direction:column; font-weight:650; gap:.35rem; }
.clubhouse-counter-access-form input { border:1px solid #b9bdc2; border-radius:7px; font:inherit; min-height:46px; padding:.7rem; }
.clubhouse-counter-access-form .clubhouse-form-status { grid-column:1 / -1; margin:0; }
.clubhouse-access-not-found { margin-top:.9rem; }
.clubhouse-access-request-modal[hidden] { display:none!important; }
.clubhouse-access-request-modal { align-items:center; display:flex; inset:0; justify-content:center; padding:1rem; position:fixed; z-index:100200; }
.clubhouse-access-request-backdrop { background:rgba(20,27,36,.72); border:0; inset:0; padding:0; position:absolute; width:100%; }
.clubhouse-access-request-dialog { background:#fff; border:1px solid #e6ded7; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,.32); box-sizing:border-box; max-height:calc(100vh - 2rem); max-width:560px; overflow:auto; padding:1.6rem; position:relative; width:min(100%,560px); }
.clubhouse-access-request-dialog h3 { font-family:Georgia,serif; font-size:1.8rem; line-height:1.1; margin:.2rem 2.5rem .65rem 0; }
.clubhouse-access-request-dialog>p { color:#565b61; line-height:1.5; margin:.4rem 0 1rem; }
.clubhouse-access-request-close { background:transparent; border:0; border-radius:50%; color:#62666d; cursor:pointer; font-size:1.8rem; height:40px; line-height:1; position:absolute; right:.75rem; top:.65rem; width:40px; }
.clubhouse-access-request-close:hover,.clubhouse-access-request-close:focus { background:#f1eeea; color:#202127; }
.clubhouse-access-request-form { display:grid; gap:.85rem; }
.clubhouse-access-request-form>label { display:flex; flex-direction:column; font-weight:650; gap:.35rem; }
.clubhouse-access-request-form input { background:#fff; border:1px solid #b9bdc2; border-radius:7px; box-sizing:border-box; font:inherit; min-height:46px; padding:.7rem; width:100%; }
.clubhouse-access-request-trap { height:1px; left:-10000px; overflow:hidden; position:absolute; width:1px; }
.clubhouse-access-request-actions { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; margin-top:.25rem; }
.clubhouse-access-request-open { overflow:hidden; }
.clubhouse-plan-picker { border: 0; margin: 0 0 1.5rem; padding: 0; }
.clubhouse-plan-picker legend,.clubhouse-kind-picker legend { font-size: 1.15rem; font-weight: 700; margin-bottom: .75rem; }
.clubhouse-kind-picker { border:0; display:grid; gap:.65rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0 0 1.5rem; padding:0; }
.clubhouse-kind-picker legend { grid-column:1 / -1; }
.clubhouse-kind-option { align-items:flex-start; background:#fff; border:1px solid #ded8d2; border-radius:10px; cursor:pointer; display:flex; gap:.7rem; padding:1rem; }
.clubhouse-kind-option:has(input:checked) { border-color:#bd1f2d; box-shadow:0 0 0 2px rgba(189,31,45,.12); }
.clubhouse-kind-option input { margin-top:.25rem; }
.clubhouse-kind-option span,.clubhouse-kind-option small { display:block; }
.clubhouse-kind-option small { color:#5d6268; line-height:1.4; margin-top:.2rem; }
.clubhouse-form-section { border-top:1px solid #e6ded7; margin-top:1.25rem; padding-top:.25rem; }
.clubhouse-form-section[hidden] { display:none; }
.clubhouse-field-help { color:#5d6268; font-size:.9rem; margin:-.6rem 0 1.2rem; }
.clubhouse-field-help[hidden] { display:none; }
.clubhouse-optional { color:#6d6865; font-size:.85rem; font-weight:400; }
.clubhouse-plan { align-items: center; background:#fff; border: 1px solid #ded8d2; border-radius: 10px; cursor: pointer; display: flex; gap: .75rem; margin-bottom: .65rem; padding: 1rem; }
.clubhouse-plan:has(input:checked) { border-color: #bd1f2d; box-shadow: 0 0 0 2px rgba(189,31,45,.12); }
.clubhouse-plan span { display: flex; justify-content: space-between; width: 100%; }
.clubhouse-plan small { color: #50555a; }
.clubhouse-fields { display: grid; gap: 1rem; margin-bottom: 1.25rem; }
.clubhouse-fields-two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.clubhouse-fields label { display: flex; flex-direction: column; font-weight: 600; gap: .35rem; }
.clubhouse-fields input { background:#fff; border: 1px solid #b9bdc2; border-radius: 7px; font: inherit; min-height:44px; padding: .7rem; }
.clubhouse-span-two { grid-column: 1 / -1; }
.clubhouse-square-card { min-height: 90px; margin: .5rem 0; }
.clubhouse-secure-note { color: #5d6268; font-size: .9rem; }
.clubhouse-consent { display: flex; gap: .6rem; margin: 1rem 0; }
.clubhouse-honeypot { height: 1px; left: -10000px; overflow: hidden; position: absolute; width: 1px; }
.clubhouse-primary-button,.clubhouse-secondary-button { border: 0; border-radius: 999px; cursor: pointer; font-weight: 700; min-height:46px; padding: .8rem 1.3rem; }
.clubhouse-primary-button { background: #bd1f2d; color: #fff; }
.clubhouse-secondary-button { background: #f6e9e9; color: #8f1721; }
.clubhouse-link-button { background: transparent; border: 0; color: #8d2525; cursor: pointer; padding: .75rem 0; text-decoration: underline; }
.clubhouse-primary-button:disabled,.clubhouse-secondary-button:disabled { cursor: wait; opacity: .65; }
.clubhouse-form-status,.clubhouse-account-status { margin-top: .9rem; min-height: 1.5em; }
.clubhouse-form-status.is-error { color: #922; }
.clubhouse-form-status.is-success { color: #176b32; font-weight: 700; }
.clubhouse-form-status.is-warning,.clubhouse-message-warning { background: #fff6d7; border-left: 4px solid #c89500; padding: .8rem; }
.clubhouse-account-summary { display: grid; gap: .75rem; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 1rem 0; }
.clubhouse-account-summary div { background: #f4f6f7; border-radius: 6px; padding: .85rem; }
.clubhouse-account-summary span { color: #60666c; display: block; font-size: .85rem; }
.clubhouse-account-summary .clubhouse-tenure-summary { background:#eef5ef; border-left:4px solid #58705b; }
.clubhouse-account-summary .clubhouse-tenure-summary.is-protected { background:#fff7df; border-left-color:#c89500; }
.clubhouse-account-summary .clubhouse-tenure-summary.is-inactive { background:#f8edef; border-left-color:#bd1f2d; }
.clubhouse-account-summary .clubhouse-tenure-summary.is-sobriety { background:#eef3f9; border-left-color:#52709b; }
.clubhouse-account-summary .clubhouse-tenure-summary small { color:#60666c; display:block; font-size:.78rem; line-height:1.35; margin-top:.35rem; }
.clubhouse-home-member-card { width:100%; }
.clubhouse-home-member-title { font-size:clamp(1.55rem,2.2vw,2rem); letter-spacing:-.025em; line-height:1.15; margin:0 0 .25rem; }
.clubhouse-home-member-stats { grid-template-columns:1fr; margin:1rem 0; }
.clubhouse-home-member-stats .clubhouse-tenure-summary { min-width:0; }
.clubhouse-home-member-actions { margin-top:.35rem; }
.clubhouse-elementor-page .home-cta--membership > .clubhouse-home-membership-cta-widget { grid-column:1 / -1; width:100%; }
.clubhouse-home-membership-cta { align-items:center; display:grid; gap:clamp(26px,4vw,52px); grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); min-width:0; }
.clubhouse-home-membership-cta .home-cta__body { min-width:0; }
.clubhouse-home-membership-cta .home-cta__benefits { min-width:0; }
.clubhouse-home-membership-cta .home-cta__benefits > p:not(.home-cta__label):not(.home-cta__fine) { color:#4f5359; line-height:1.65; }
@media (max-width:900px) { .clubhouse-home-membership-cta { grid-template-columns:minmax(0,1fr); gap:1.25rem; } }
.clubhouse-member-profile { background:#fff; border:1px solid #ddd; border-radius:10px; margin:0; padding:.85rem 1.1rem; }
.clubhouse-member-profile summary { cursor:pointer; font-weight:700; }
.clubhouse-profile-readonly { display:grid; gap:.75rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:1rem 0; }
.clubhouse-member-profile > .clubhouse-profile-readonly { padding-left:0; padding-right:0; }
.clubhouse-profile-readonly div { background:#f8f4ef; border-radius:7px; padding:.75rem; }
.clubhouse-profile-readonly span { color:#60666c; display:block; font-size:.82rem; }
.clubhouse-profile-form label { display:flex; flex-direction:column; font-weight:650; gap:.35rem; max-width:320px; }
.clubhouse-profile-form input { background:#fff; border:1px solid #b9bdc2; border-radius:7px; font:inherit; min-height:44px; padding:.7rem; }
.clubhouse-profile-help { color:#5d6268; font-size:.9rem; margin:.5rem 0 .85rem; }
.clubhouse-profile-status { margin-bottom:0; }
.clubhouse-profile-photo-editor { align-items:center; background:#f8f4ef; border-radius:10px; display:flex; gap:1rem; margin:0 0 1.1rem; padding:1rem; }
.clubhouse-profile-photo-preview { align-items:center; background:#e5dfd9; border:3px solid #fff; border-radius:12px; box-shadow:0 5px 16px rgba(42,35,31,.12); display:flex; flex:0 0 116px; height:116px; justify-content:center; overflow:hidden; width:116px; }
.clubhouse-profile-photo-preview span { color:#8c857f; font-size:3rem; line-height:1; }
.clubhouse-profile-photo-preview img { height:100%; object-fit:cover; width:100%; }
.clubhouse-profile-photo-controls { min-width:0; }
.clubhouse-profile-photo-controls>strong { display:block; }
.clubhouse-profile-photo-controls p { color:#5d6268; line-height:1.45; margin:.3rem 0 .75rem; }
.clubhouse-profile-photo-controls .clubhouse-secondary-button { min-height:40px; padding:.55rem 1rem; }
.clubhouse-profile-photo-controls .clubhouse-link-button { margin-left:.5rem; }
body.clubhouse-profile-crop-open { overflow:hidden; }
.clubhouse-profile-crop-modal[hidden] { display:none; }
.clubhouse-profile-crop-modal { align-items:center; display:flex; inset:0; justify-content:center; padding:1.25rem; position:fixed; z-index:100200; }
.clubhouse-profile-crop-backdrop { background:rgba(20,27,36,.78); border:0; inset:0; padding:0; position:absolute; width:100%; }
.clubhouse-profile-crop-dialog { background:#fff; border-radius:16px; box-shadow:0 24px 70px rgba(0,0,0,.38); box-sizing:border-box; max-height:calc(100vh - 2.5rem); overflow:auto; padding:1.5rem; position:relative; width:min(700px,calc(100vw - 2.5rem)); }
.clubhouse-profile-crop-close { background:transparent; border:0; color:#5d6268; cursor:pointer; font-size:2rem; height:40px; line-height:1; position:absolute; right:.8rem; top:.7rem; width:40px; }
.clubhouse-profile-crop-header { padding-right:2.5rem; }
.clubhouse-profile-crop-header h3 { font-family:Georgia,serif; font-size:1.8rem; margin:.2rem 0 .45rem; }
.clubhouse-profile-crop-header p { color:#5d6268; margin:0; }
.clubhouse-profile-crop-workspace { display:grid; justify-items:center; padding:1.25rem 0 .5rem; }
.clubhouse-profile-crop-stage { background:#24272b; border:7px solid #fff; border-radius:12px; box-shadow:0 7px 24px rgba(0,0,0,.2); cursor:grab; overflow:hidden; position:relative; touch-action:none; user-select:none; width:min(340px,68vw); aspect-ratio:1; }
.clubhouse-profile-crop-stage:active { cursor:grabbing; }
.clubhouse-profile-crop-stage::before,.clubhouse-profile-crop-stage::after { content:''; opacity:.6; pointer-events:none; position:absolute; z-index:2; }
.clubhouse-profile-crop-stage::before { border-bottom:1px solid rgba(255,255,255,.8); border-top:1px solid rgba(255,255,255,.8); inset:33.333% 0; }
.clubhouse-profile-crop-stage::after { border-left:1px solid rgba(255,255,255,.8); border-right:1px solid rgba(255,255,255,.8); inset:0 33.333%; }
.clubhouse-profile-crop-stage img { display:block; height:auto; left:0; max-width:none!important; pointer-events:none; position:absolute; top:0; }
.clubhouse-profile-crop-zoom { align-items:center; display:grid!important; gap:.7rem!important; grid-template-columns:auto 1fr 50px; margin-top:1rem; max-width:420px!important; width:100%; }
.clubhouse-profile-crop-zoom input { min-height:0!important; padding:0!important; width:100%; }
.clubhouse-profile-crop-zoom>span { color:#5d6268; font-variant-numeric:tabular-nums; text-align:right; }
.clubhouse-profile-crop-status { color:#5d6268; min-height:1.5em; text-align:center; }
.clubhouse-profile-crop-status.is-error { color:#922; }
.clubhouse-profile-crop-status.is-success { color:#176b32; font-weight:700; }
.clubhouse-profile-crop-actions { align-items:center; border-top:1px solid #e3ddd7; display:flex; gap:.75rem; justify-content:flex-end; padding-top:1rem; }
.clubhouse-card-update { background:#fff; border:1px solid #ddd; border-radius:10px; margin:0; padding:.85rem 1.1rem; }
.clubhouse-card-update summary { cursor:pointer; font-weight:700; margin-bottom:0; }
.clubhouse-card-update[open] summary { margin-bottom:1rem; }
.clubhouse-counter-payment-form>p,.clubhouse-counter-autopay-form>p { color:#52575d; line-height:1.5; }
.clubhouse-compact-plans { margin:.9rem 0 1rem; }
.clubhouse-payment-table-wrap { max-width:100%; min-width:0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.clubhouse-payment-table { border-collapse: collapse; width: 100%; }
.clubhouse-payment-table th,.clubhouse-payment-table td { border-bottom: 1px solid #ddd; padding: .65rem; text-align: left; }
.clubhouse-payment-retry { min-height:36px; padding:.45rem .9rem; white-space:nowrap; }
.clubhouse-account-links { border-top:1px solid #ddd; margin-top:1.5rem; padding-top:1rem; }
.clubhouse-membership-list { display:grid; gap:1rem; min-width:0; }
.clubhouse-membership-entry { display:grid; gap:.75rem; max-width:100%; min-width:0; }
.clubhouse-membership-entry > .clubhouse-member-profile,.clubhouse-membership-entry > .clubhouse-card-update,.clubhouse-membership-entry > .clubhouse-payment-history { box-sizing:border-box; margin:0; }
.clubhouse-managed-membership { background:#fff; border:1px solid #ded8d2; border-radius:12px; max-width:100%; min-width:0; padding:1.1rem; }
.clubhouse-managed-membership-header { align-items:flex-start; display:flex; gap:1rem; justify-content:space-between; }
.clubhouse-managed-membership-header h3 { margin:.15rem 0 0; }
.clubhouse-membership-type { color:#9f1825; font-size:.75rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.clubhouse-status-pill { background:#e8f5ec; border-radius:999px; color:#176b32; font-size:.78rem; padding:.35rem .65rem; white-space:nowrap; }
.clubhouse-status-pill.is-past_due,.clubhouse-status-pill.is-grace,.clubhouse-status-pill.is-pending { background:#fff1cf; color:#825f00; }
.clubhouse-status-pill.is-canceled,.clubhouse-status-pill.is-expired { background:#f3e8e9; color:#8f1721; }
.clubhouse-sponsor-note { background:#fbf7f2; border-left:3px solid #bd1f2d; margin:1rem 0; padding:.7rem .8rem; }
.clubhouse-transfer-login,.clubhouse-transfer-accept { background:#fff; border:1px solid #ded8d2; border-radius:14px; box-shadow:0 16px 38px rgba(69,48,37,.08); padding:1.35rem; }
.clubhouse-transfer-login h2,.clubhouse-transfer-accept h3 { margin:.25rem 0 .65rem; }
.clubhouse-transfer-login .clubhouse-primary-button { display:inline-block; margin-top:.5rem; text-decoration:none; }
.clubhouse-transfer-accept { border-top:5px solid #bd1f2d; margin:1rem 0 1.35rem; }
.clubhouse-transfer-card-form { border-top:1px solid #e6ded7; margin-top:1rem; padding-top:.75rem; }
.clubhouse-transfer-controls { background:#f7f2ed; border:1px solid #e4d9cf; border-radius:10px; margin:1rem 0; padding:1rem; }
.clubhouse-transfer-controls h4 { margin:0 0 .35rem; }
.clubhouse-transfer-controls p { color:#55515a; margin:.35rem 0 .8rem; }
.clubhouse-transfer-pending { background:#edf7f0; border-left:4px solid #267343; color:#245534; margin:.8rem 0; padding:.75rem; }
.clubhouse-transfer-actions { align-items:center; display:flex; flex-wrap:wrap; gap:.8rem; }
.clubhouse-restart { background:#f1f6f1; border:1px solid #cfddcf; border-left:4px solid #4f6b56; border-radius:10px; margin:1rem 0; padding:1rem; }
.clubhouse-restart h4 { margin:0 0 .35rem; }
.clubhouse-restart p { color:#4e5851; line-height:1.5; margin:.35rem 0 .9rem; }
.clubhouse-payment-history { background:#fff; border:1px solid #ddd; border-radius:10px; margin:0; max-width:100%; min-width:0; padding:.85rem 1.1rem; }
.clubhouse-payment-history summary { cursor:pointer; font-weight:700; }
.clubhouse-payment-history > .clubhouse-payment-table-wrap { padding-left:0; padding-right:0; }
.clubhouse-managed-membership-footer { align-items:flex-end; display:flex; flex-direction:column; margin-top:0; }
.clubhouse-managed-membership-footer .clubhouse-account-status { align-self:stretch; margin-top:0; }
.clubhouse-cancel-link { font-size:.76rem; line-height:1.35; margin-left:auto; padding:.35rem 0 .1rem; }
.clubhouse-cancel-dialog { background:#fff; border:0; border-radius:18px; box-shadow:0 24px 70px rgba(35,28,24,.28); box-sizing:border-box; color:#202127; max-width:540px; padding:2rem; width:calc(100% - 2rem); }
.clubhouse-cancel-dialog::backdrop { backdrop-filter:blur(2px); background:rgba(32,33,39,.58); }
.clubhouse-cancel-dialog h3 { font-family:Georgia,serif; font-size:clamp(1.65rem,4vw,2.15rem); line-height:1.08; margin:.35rem 2rem .85rem 0; }
.clubhouse-cancel-dialog p { color:#4f5359; line-height:1.6; margin:.65rem 0; }
.clubhouse-cancel-dialog__detail { background:#f8f4ef; border-radius:11px; padding:.85rem 1rem; }
.clubhouse-cancel-dialog__close { align-items:center; background:transparent; border:0; border-radius:50%; color:#62666d; cursor:pointer; display:flex; font-size:1.8rem; height:38px; justify-content:center; line-height:1; padding:0; position:absolute; right:1rem; top:1rem; width:38px; }
.clubhouse-cancel-dialog__close:hover,.clubhouse-cancel-dialog__close:focus { background:#f1eeea; color:#202127; }
.clubhouse-cancel-dialog__actions { align-items:center; display:flex; flex-wrap:wrap; gap:.75rem; justify-content:flex-end; margin-top:1.35rem; }
.clubhouse-cancel-confirm { background:#fff; border:1px solid #c8bdba; border-radius:999px; color:#8d2525; cursor:pointer; font-weight:700; min-height:46px; padding:.75rem 1.2rem; }
.clubhouse-cancel-confirm:hover,.clubhouse-cancel-confirm:focus { background:#fff4f4; border-color:#bd1f2d; }
.clubhouse-cancel-confirm:disabled { cursor:wait; opacity:.65; }
.clubhouse-cancel-dialog__status { font-weight:650; min-height:1.4em; padding-top:.8rem; }
.clubhouse-member-login-page { background:#fff; border:1px solid #ded8d2; border-radius:14px; box-shadow:0 18px 45px rgba(69,48,37,.08); max-width:560px; padding:1.5rem; }
.clubhouse-member-login-page h2 { margin-top:0; }
.clubhouse-login-form { display:grid; gap:1rem; margin-top:1.25rem; }
.clubhouse-login-form>label:not(.clubhouse-login-remember) { display:flex; flex-direction:column; font-weight:650; gap:.35rem; }
.clubhouse-login-form input[type=text],.clubhouse-login-form input[type=password],.clubhouse-login-form input:not([type]) { border:1px solid #b9bdc2; border-radius:7px; font:inherit; min-height:46px; padding:.7rem; }
.clubhouse-login-remember { align-items:center; display:flex; gap:.5rem; }
.clubhouse-login-form .clubhouse-primary-button { justify-self:start; }
.clubhouse-login-help { border-top:1px solid #e7e0da; margin:1.25rem 0 0; padding-top:1rem; }
body.logged-in .clubhouse-membership-visitor-only { display:none !important; }
@media (max-width:620px) { .clubhouse-counter-access-form { grid-template-columns:1fr; } .clubhouse-counter-access-form .clubhouse-secondary-button { width:100%; } .clubhouse-access-request-modal { padding:.5rem; } .clubhouse-access-request-dialog { max-height:calc(100vh - 1rem); padding:1.2rem; width:calc(100vw - 1rem); } .clubhouse-access-request-actions { align-items:stretch; flex-direction:column; } .clubhouse-access-request-actions button { width:100%; } }
@media (max-width: 620px) { .clubhouse-fields-two,.clubhouse-account-summary,.clubhouse-kind-picker,.clubhouse-profile-readonly { grid-template-columns: 1fr; } .clubhouse-kind-picker legend,.clubhouse-span-two { grid-column: auto; } .clubhouse-plan span { display: block; } .clubhouse-plan small { display: block; margin-top: .2rem; } .clubhouse-member-login { align-items:flex-start; flex-direction:column; } .clubhouse-member-login-actions,.clubhouse-transfer-actions { align-items:stretch; flex-direction:column; width:100%; } .clubhouse-transfer-actions button { width:100%; } .clubhouse-managed-membership-header { align-items:flex-start; flex-direction:column; gap:.55rem; } .clubhouse-profile-photo-editor { align-items:flex-start; flex-direction:column; } .clubhouse-profile-photo-preview { height:104px; width:104px; flex-basis:104px; } .clubhouse-profile-crop-modal { padding:.5rem; } .clubhouse-profile-crop-dialog { max-height:calc(100vh - 1rem); padding:1.15rem; width:calc(100vw - 1rem); } .clubhouse-profile-crop-stage { width:min(280px,72vw); } .clubhouse-profile-crop-actions { align-items:stretch; flex-direction:column-reverse; } .clubhouse-profile-crop-actions button { width:100%; } .clubhouse-cancel-dialog { padding:1.5rem; } .clubhouse-cancel-dialog__actions { align-items:stretch; flex-direction:column; } .clubhouse-cancel-dialog__actions button { width:100%; } .clubhouse-payment-table-wrap { overflow:visible; } .clubhouse-payment-table,.clubhouse-payment-table tbody { display:block; width:100%; } .clubhouse-payment-table thead { clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px; } .clubhouse-payment-table tr { background:#f8f5f1; border:1px solid #e2dad3; border-radius:9px; display:grid; gap:.15rem .8rem; grid-template-columns:repeat(2,minmax(0,1fr)); margin:.7rem 0; padding:.6rem; } .clubhouse-payment-table td { border:0; min-width:0; overflow-wrap:anywhere; padding:.35rem; } .clubhouse-payment-table td::before { color:#6b6865; content:attr(data-label); display:block; font-size:.7rem; font-weight:750; letter-spacing:.06em; margin-bottom:.15rem; text-transform:uppercase; } .clubhouse-payment-table td[data-label="Description"] { grid-column:1 / -1; order:-1; overflow-wrap:normal; } .clubhouse-payment-table td.is-empty { display:none; } .clubhouse-payment-table td[colspan] { grid-column:1 / -1; } .clubhouse-payment-table td[colspan]::before { content:none; } }