/* TacOps course catalog widget — scoped with .tac- prefix to avoid clashing with Squarespace styles.
   Brand colors are CSS variables on .tac-wrap — tweak these to re-skin. */
.tac-wrap{
	--tac-accent:#1b3a5b;   /* interactive accent (Details, tab underline) — site is black/white/navy */
	--tac-ink:#15233a;      /* headings / titles (dark navy, matches site course names) */
	--tac-post:#2e7d32;     /* POST-certified badge (green = certified) */
	--tac-border:#e1e5ea;
	--tac-tag-bg:#eef2f6; --tac-tag-fg:#38577a;
	--tac-muted:#6a7682;
	--tac-radius:5px;
	font-family:inherit;color:#222;max-width:1100px;margin:0 auto;box-sizing:border-box;
}
.tac-wrap *{box-sizing:border-box;}

.tac-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;}
.tac-toolbar input[type=text],.tac-toolbar select{padding:9px 12px;border:1px solid #cfd6dd;border-radius:var(--tac-radius);font-size:15px;background:#fff;color:#222;}
.tac-search{flex:1 1 240px;}
.tac-count{font-size:13px;color:var(--tac-muted);margin:0 0 14px;text-transform:uppercase;letter-spacing:.04em;}

.tac-card{border:1px solid var(--tac-border);border-radius:var(--tac-radius);margin-bottom:12px;background:#fff;overflow:hidden;transition:box-shadow .15s ease;}
.tac-card:hover{box-shadow:0 2px 12px rgba(20,40,60,.09);}
.tac-card-head{padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;}
.tac-card-title{font-weight:700;font-size:17px;color:var(--tac-ink);line-height:1.3;}
.tac-badge-post{display:inline-block;font-size:11px;font-weight:700;color:#fff;background:var(--tac-ink);border-radius:3px;padding:2px 8px;margin-left:8px;vertical-align:middle;letter-spacing:.4px;text-transform:uppercase;}
.tac-cats{margin-top:7px;}
.tac-tag{display:inline-block;font-size:11px;background:var(--tac-tag-bg);color:var(--tac-tag-fg);border-radius:12px;padding:3px 10px;margin:0 6px 5px 0;}
.tac-sub{font-size:13px;color:var(--tac-muted);margin-top:6px;}
.tac-toggle{color:var(--tac-accent);font-size:12px;font-weight:700;white-space:nowrap;padding-top:2px;text-transform:uppercase;letter-spacing:.04em;}

.tac-detail{padding:2px 16px 16px;border-top:1px solid #eef1f4;}
.tac-detail p{margin:12px 0;line-height:1.55;}
.tac-field{font-size:14px;margin:8px 0;line-height:1.5;}
.tac-field b{color:var(--tac-ink);}
.tac-offering{font-size:13px;padding:6px 0;border-bottom:1px dashed #e8ecef;}
.tac-offering:last-child{border-bottom:0;}
.tac-oconf{font-weight:700;color:var(--tac-ink);}

.tac-empty,.tac-err{padding:30px;text-align:center;color:#8a95a0;}
.tac-err{color:#b04a44;}

/* agenda view */
.tac-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--tac-border);margin-bottom:14px;}
.tac-tab{padding:9px 15px;cursor:pointer;font-weight:700;color:var(--tac-muted);border-bottom:3px solid transparent;margin-bottom:-2px;}
.tac-tab:hover{color:var(--tac-ink);}
.tac-tab.active{color:var(--tac-ink);border-bottom-color:var(--tac-accent);}
.tac-ag-item{display:flex;gap:16px;padding:11px 2px;border-bottom:1px solid #eef1f4;}
.tac-ag-time{min-width:150px;font-weight:700;color:var(--tac-ink);font-size:14px;}
.tac-ag-name{font-size:15px;line-height:1.4;}

@media(max-width:600px){
	.tac-card-head{flex-direction:column;}
	.tac-ag-item{flex-direction:column;gap:2px;}
	.tac-ag-time{min-width:0;}
}

/* Dark variant — add data-theme="dark" to the embed div for black-themed pages */
.tac-wrap[data-theme="dark"]{
	--tac-ink:#ffffff;
	--tac-accent:#8ab4e8;
	--tac-border:#2a2f36;
	--tac-tag-bg:#222a33; --tac-tag-fg:#c3d0de;
	--tac-muted:#9aa6b2;
	color:#e6e9ee;
}
.tac-wrap[data-theme="dark"] .tac-card{background:#15181c;}
.tac-wrap[data-theme="dark"] .tac-card:hover{box-shadow:0 2px 14px rgba(0,0,0,.5);}
.tac-wrap[data-theme="dark"] .tac-toolbar input[type=text],
.tac-wrap[data-theme="dark"] .tac-toolbar select{background:#15181c;color:#e6e9ee;border-color:#2a2f36;}
.tac-wrap[data-theme="dark"] .tac-detail{border-top-color:#262b31;}
.tac-wrap[data-theme="dark"] .tac-offering{border-bottom-color:#262b31;}
.tac-wrap[data-theme="dark"] .tac-ag-item{border-bottom-color:#262b31;}
.tac-wrap[data-theme="dark"] .tac-detail p{color:#dfe4ea;}
.tac-wrap[data-theme="dark"] .tac-badge-post{background:#e6e9ee;color:#15233a;}
