/* Takwa Community — member area styles (work with or without the theme) */
:root{--tk-blue:#3872C0;--tk-navy:#2B394C;--tk-slate:#3E4F73;--tk-wave:#BCD7F7;--tk-mist:#F3F8FE;--tk-ink:#0A0A0A;--tk-coral:#E87C67;--tk-sage:#C3D8CC;--tk-orange:#EF9B5B;  --tk-r:26px 20px 28px 22px / 22px 28px 20px 26px}
.tk-wrap{  font-family:"IBM Plex Sans Arabic","Baloo Bhaijaan 2",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--tk-ink);line-height:1.8;max-width:980px;margin-inline:auto;padding-block:8px 40px}
.tk-wrap *{box-sizing:border-box}
.tk-wrap h2,.tk-wrap h3,.tk-wrap h4{font-family:"Baloo Bhaijaan 2","IBM Plex Sans Arabic",system-ui,sans-serif;color:var(--tk-navy);line-height:1.35;margin:0 0 .5em}
.tk-wrap h2{font-size:clamp(26px,4vw,36px)}
.tk-wrap h3{font-size:22px}
.tk-wrap h4{font-size:18px}
.tk-wrap a{color:var(--tk-blue)}
.tk-card{background:#fff;border:2.5px solid var(--tk-slate);border-radius:var(--tk-r);box-shadow:6px 6px 0 var(--tk-wave);padding:22px 24px;margin:0 0 22px}
.tk-center{text-align:center}
.tk-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.tk-head h2{margin:0}
.tk-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 22px}
.tk-block{margin-top:34px}
.tk-list{display:grid;gap:0}
.tk-note{color:var(--tk-slate);margin:.3em 0}
.tk-small{font-size:14px}
.tk-big{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:56px;line-height:1.1;color:var(--tk-blue);margin:.1em 0}
.tk-big small{font-size:20px;color:var(--tk-slate)}
.tk-dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:.4em 0 1em}
.tk-dl dt{color:var(--tk-slate);font-weight:600}
.tk-dl dd{margin:0}
.tk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 28px;border-radius:999px;border:2px solid var(--tk-blue);background:var(--tk-blue);color:#fff!important;text-decoration:none;font:600 16px/1 inherit;font-family:inherit;cursor:pointer;transition:background .15s,transform .15s}
.tk-btn:hover{background:var(--tk-navy);border-color:var(--tk-navy)}
.tk-btn:focus-visible,.tk-copy:focus-visible,.tk-wrap input:focus-visible,.tk-wrap textarea:focus-visible{outline:3px solid var(--tk-wave);outline-offset:2px}
.tk-btn-ghost{background:transparent;color:var(--tk-navy)!important;border-color:var(--tk-navy)}
.tk-btn-ghost:hover{background:var(--tk-navy);color:#fff!important}
.tk-btn[disabled]{opacity:.5;cursor:not-allowed}
.tk-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.tk-link{font-weight:600}
.tk-pill{display:inline-block;padding:2px 14px;border-radius:999px;font-size:14px;font-weight:600;border:2px solid var(--tk-slate);background:#fff;color:var(--tk-navy)}
.tk-pill-ok{background:var(--tk-sage);border-color:#6f8f7a}
.tk-pill-warn{background:#FBE3C8;border-color:var(--tk-orange)}
.tk-pill-muted{background:var(--tk-mist);border-color:var(--tk-wave);color:var(--tk-slate)}
.tk-flash{border:2.5px solid;border-radius:18px;padding:12px 18px;margin:0 0 22px;font-weight:600}
.tk-flash-ok{background:#E6F2EA;border-color:#6f8f7a;color:#24402f}
.tk-flash-err{background:#FDE7E2;border-color:var(--tk-coral);color:#7a2a1c}
.tk-intro{max-width:720px;margin-bottom:26px}
.tk-row{display:flex;gap:18px;align-items:flex-start}
.tk-row-body{flex:1;min-width:0}
.tk-thumb{width:92px;height:auto;border-radius:12px;border:2px solid var(--tk-wave);flex:none}
.tk-book{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.tk-book-meta{color:var(--tk-slate);font-size:15px;flex-basis:100%}
.tk-book form{margin:0}
.tk-ticket{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}
.tk-ticket.is-off{opacity:.6}
.tk-ticket-code{text-align:center;border:2px dashed var(--tk-slate);border-radius:16px;padding:10px 18px;background:var(--tk-mist)}
.tk-ticket-code small{display:block;color:var(--tk-slate)}
.tk-ticket-code strong{font:700 22px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:var(--tk-navy)}
.tk-table-wrap{overflow-x:auto;border:2px solid var(--tk-wave);border-radius:18px;background:#fff}
.tk-table{width:100%;border-collapse:collapse;font-size:15px}
.tk-table th,.tk-table td{padding:10px 14px;text-align:start;border-bottom:1px solid var(--tk-wave)}
.tk-table th{background:var(--tk-mist);color:var(--tk-navy)}
.tk-table tr:last-child td{border-bottom:0}
.tk-pos{color:#24602f}.tk-neg{color:#a23a27}
/* membership form */
.tk-step{margin:30px 0 14px}
.tk-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-bottom:28px}
.tk-pkg{position:relative;display:block;cursor:pointer}
.tk-pkg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tk-pkg-in{display:flex;flex-direction:column;gap:4px;height:100%;background:#fff;border:2.5px solid var(--tk-slate);border-radius:var(--tk-r);padding:20px 22px;transition:box-shadow .15s,background .15s}
.tk-pkg-in b{font-family:"Baloo Bhaijaan 2",sans-serif;font-size:22px;color:var(--tk-navy)}
.tk-pkg-price{font-size:28px;font-weight:700;color:var(--tk-blue)}
.tk-pkg-meta{color:var(--tk-slate)}
.tk-pkg-in small{color:var(--tk-slate);font-size:14px;margin-top:4px}
.tk-pkg input:checked+.tk-pkg-in{background:var(--tk-mist);box-shadow:6px 6px 0 var(--tk-blue);border-color:var(--tk-blue)}
.tk-pkg input:focus-visible+.tk-pkg-in{outline:3px solid var(--tk-wave);outline-offset:3px}
.tk-bank .tk-dl{grid-template-columns:auto 1fr}
.tk-iban{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tk-iban span{font-family:ui-monospace,Consolas,monospace;font-size:17px;word-break:break-all}
.tk-copy{border:2px solid var(--tk-slate);background:#fff;color:var(--tk-navy);border-radius:999px;padding:2px 16px;font:600 14px/1.8 inherit;font-family:inherit;cursor:pointer}
.tk-copy:hover{background:var(--tk-navy);color:#fff}
.tk-fields{display:grid;gap:16px}
.tk-fields label{display:grid;gap:6px;font-weight:600;color:var(--tk-navy)}
.tk-fields input[type=text],.tk-fields input[type=tel],.tk-fields textarea{width:100%;border:2px solid var(--tk-wave);border-radius:14px;padding:10px 14px;font:400 16px/1.6 inherit;font-family:inherit;background:#fff}
.tk-fields input[type=file]{padding:10px;border:2px dashed var(--tk-wave);border-radius:14px;background:var(--tk-mist);width:100%}
.tk-fields .tk-btn{justify-self:start}
/* member dashboard */
.tk-tabs{margin:0 0 26px}
.tk-tabs ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.tk-tabs a{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;border-radius:999px;border:2px solid var(--tk-slate);background:#fff;color:var(--tk-navy);text-decoration:none;font-weight:600}
.tk-tabs a:hover{background:var(--tk-mist)}
.tk-tabs a.is-on{background:var(--tk-blue);border-color:var(--tk-blue);color:#fff}
.tk-tabs a:focus-visible{outline:3px solid var(--tk-wave);outline-offset:2px}
.tk-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin:0 0 30px}
.tk-tile{display:flex;flex-direction:column;gap:2px;background:#fff;border:2.5px solid var(--tk-slate);border-radius:var(--tk-r);box-shadow:5px 5px 0 var(--tk-wave);padding:16px 20px;text-decoration:none;color:var(--tk-navy)}
a.tk-tile:hover{transform:translateY(-2px)}
.tk-tile-n{font:700 46px/1.1 "Baloo Bhaijaan 2",sans-serif;color:var(--tk-blue)}
.tk-tile-l{font-weight:700;color:var(--tk-navy)}
.tk-tile-s{font-size:14px;color:var(--tk-slate);line-height:1.6}
.tk-tile.is-sage{background:#F1F7F3;box-shadow:5px 5px 0 var(--tk-sage)}
.tk-tile.is-sage .tk-tile-n{color:#3f6b52}
.tk-tile.is-orange{background:#FFF6EC;box-shadow:5px 5px 0 #F7D3B1}
.tk-tile.is-orange .tk-tile-n{color:#c4631f}
.tk-tile.is-sky{background:var(--tk-mist)}
.tk-lines{list-style:none;margin:0;padding:0}
.tk-lines li{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0;border-bottom:1px dashed var(--tk-wave)}
.tk-lines li:last-child{border-bottom:0}
.tk-lines span{color:var(--tk-slate)}
.tk-lines.tk-card{padding:8px 24px}
.tk-meter{height:18px;border:2.5px solid var(--tk-slate);border-radius:999px;background:var(--tk-mist);overflow:hidden;margin:10px 0 4px}
.tk-meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--tk-blue),#588FDA);border-radius:999px}
.tk-policy h4{margin:22px 0 10px}
.tk-policy h4:first-child{margin-top:0}
.tk-rules{margin:0;padding-inline-start:22px}
.tk-rules li{margin:0 0 8px;color:var(--tk-navy)}
.tk-was{color:var(--tk-slate);font-weight:400;font-size:.65em}
@media (max-width:600px){.tk-tile-n{font-size:40px}.tk-tabs a{padding:0 16px}.tk-lines li{flex-direction:column;gap:0}}
@media (max-width:600px){
  .tk-card{padding:18px 16px}
  .tk-row{flex-direction:column}
  .tk-thumb{width:100%;max-width:220px}
  .tk-big{font-size:46px}
  .tk-dl{grid-template-columns:1fr}
  .tk-dl dt{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.tk-btn,.tk-pkg-in{transition:none}}

.tk-preview{max-width:none;padding:0}