/**
 * GLCT Training Calculator – Frontend Styles (v3.0.0)
 */

/* ── Widget container ── */
#glct-calc-widget{max-width:720px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;}

/* ── Section ── */
.glct-calc-section{padding:20px;background:#fff;border:1px solid #e1e7f0;border-radius:10px;margin-bottom:14px;}
.glct-calc-section-title{margin:0 0 14px;font-size:1.05rem;font-weight:700;color:#0d1526;}

/* ── Grid layouts ── */
.glct-calc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px;}
.glct-calc-grid--2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}

/* ── Form fields ── */
.glct-calc-field{display:flex;flex-direction:column;}
.glct-calc-label{font-size:.8rem;font-weight:600;color:#4a5876;margin-bottom:4px;}
.glct-calc-required{color:#c8332a;}
.glct-calc-input{padding:8px 10px;font-size:.88rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#0d1526;width:100%;box-sizing:border-box;}
.glct-calc-input:focus{outline:none;border-color:#3d63dd;box-shadow:0 0 0 2px rgba(61,99,221,.15);}
textarea.glct-calc-input{resize:vertical;}
select.glct-calc-input{cursor:pointer;appearance:auto;}
.glct-calc-hint{display:block;margin-top:4px;font-size:.78rem;font-style:italic;color:#8899b8;}

/* ── Checkbox ── */
.glct-calc-check-label{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:500;color:#4a5876;cursor:pointer;}
.glct-calc-check-label input[type="checkbox"]{width:16px;height:16px;accent-color:#3d63dd;cursor:pointer;}

/* ── Course list ── */
.glct-calc-course-list{max-height:320px;overflow-y:auto;border:1px solid #e1e7f0;border-radius:8px;background:#f7f9fc;}
.glct-calc-course-list__empty{padding:24px;text-align:center;color:#8899b8;font-size:.88rem;}

/* ── Course item ── */
.glct-calc-course-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid #e1e7f0;cursor:pointer;transition:background .12s;}
.glct-calc-course-item:last-child{border-bottom:none;}
.glct-calc-course-item:hover{background:#eef2fa;}
.glct-calc-course-item--selected{background:#eef7ed;}
.glct-calc-course-item--selected:hover{background:#ddf0dc;}
.glct-calc-course-item__checkbox{flex-shrink:0;width:18px;height:18px;accent-color:#3d63dd;margin-top:2px;cursor:pointer;}
.glct-calc-course-item__info{flex:1;min-width:0;}
.glct-calc-course-item__title{font-size:.88rem;font-weight:600;color:#0d1526;margin:0 0 2px;line-height:1.3;}
.glct-calc-course-item__excerpt{font-size:.78rem;color:#8899b8;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.glct-calc-course-item__price{flex-shrink:0;font-size:.85rem;font-weight:700;color:#0d1526;white-space:nowrap;margin-top:2px;}

/* ── Selected summary ── */
.glct-calc-selected-summary{margin-top:12px;padding:12px 14px;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:8px;}
.glct-calc-selected-summary__title{margin:0 0 8px;font-size:.88rem;font-weight:700;color:#0d1526;}
.glct-calc-selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.glct-calc-selected-summary__total{font-size:.85rem;color:#4a5876;font-weight:600;}

/* ── Chip ── */
.glct-calc-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#3d63dd;color:#fff;border-radius:99px;font-size:.78rem;font-weight:600;line-height:1.2;}
.glct-calc-chip__remove{background:none;border:none;color:rgba(255,255,255,.8);font-size:.9rem;cursor:pointer;padding:0 2px;line-height:1;}
.glct-calc-chip__remove:hover{color:#fff;}

/* ── Load more ── */
.glct-calc-load-more{display:block;width:100%;padding:10px;background:none;border:none;border-top:1px solid #e1e7f0;color:#3d63dd;font-size:.84rem;font-weight:600;cursor:pointer;text-align:center;}
.glct-calc-load-more:hover{background:#eef2fa;}

/* ── Calculate button ── */
.glct-calc-calculate-btn{padding:12px 32px;font-size:.95rem;font-weight:700;border:none;border-radius:8px;background:#0b7d5c;color:#fff;cursor:pointer;transition:background .15s;}
.glct-calc-calculate-btn:hover{background:#096b4e;}
.glct-calc-calculate-btn:disabled{background:#b0c4b8;cursor:not-allowed;}

/* ── Results grid ── */
.glct-calc-results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;}
.glct-calc-results-grid--3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;}
/* Compound selector ensures 2x2 always wins over the base 3-col rule. */
.glct-calc-results-grid.glct-calc-results-grid--2x2{grid-template-columns:1fr 1fr;}
.glct-calc-result-card{padding:16px;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:8px;text-align:center;}
.glct-calc-result-value{font-size:1.3rem;font-weight:800;color:#0d1526;margin-bottom:4px;}
.glct-calc-result-label{font-size:.75rem;font-weight:600;color:#8899b8;text-transform:uppercase;letter-spacing:.04em;}

/* ── Result card variants ── */
.glct-calc-result-card--highlight{background:#eef7ed;border-color:#b8e0b4;}
.glct-calc-result-card--highlight .glct-calc-result-value{color:#0b7d5c;}
.glct-calc-result-card--negative{background:#fef2f2;border-color:#e8b4b4;}
.glct-calc-result-card--negative .glct-calc-result-value{color:#c8332a;}

/* ── Results subsections (Per Learner / Entire Agency) ── */
.glct-calc-results-subsection{margin-bottom:18px;}
.glct-calc-results-subsection__title{margin:0 0 10px;font-size:.88rem;font-weight:700;color:#4a5876;text-transform:uppercase;letter-spacing:.04em;text-align:center;}

/* ── Annual total display ── */
.glct-calc-annual-total{margin-top:4px;padding:10px 14px;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:6px;font-size:.88rem;color:#4a5876;font-weight:600;text-align:center;}
.glct-calc-annual-total strong{color:#0d1526;font-size:1rem;}

/* ── Bundle preview (in course selection) ── */
.glct-calc-bundle-preview{margin-top:10px;padding:10px 14px;background:linear-gradient(135deg,#eef7ed,#e8f4e6);border:1px solid #b8e0b4;border-radius:8px;font-size:.84rem;}
.glct-calc-bundle-preview__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.glct-calc-bundle-preview__badge{display:inline-block;padding:2px 10px;background:#0b7d5c;color:#fff;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;}
.glct-calc-bundle-preview__text{color:#4a5876;font-weight:600;}
.glct-calc-bundle-preview__desc{margin-top:4px;font-size:.8rem;color:#6b7c99;line-height:1.4;}

/* ── Package banner ── */
.glct-calc-package-banner{margin:0 0 16px;padding:14px 18px;background:linear-gradient(135deg,#eef7ed,#e8f4e6);border:1px solid #b8e0b4;border-radius:10px;text-align:center;}
.glct-calc-package-banner__badge{display:inline-block;padding:3px 12px;background:#0b7d5c;color:#fff;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;}
.glct-calc-package-banner__name{font-size:1rem;font-weight:700;color:#0d1526;margin-bottom:4px;}
.glct-calc-package-banner__detail{font-size:.85rem;color:#4a5876;}

/* ── Estimate note ── */
.glct-calc-estimate-note{margin:12px 0 16px;padding:10px 14px;background:#f7f9fc;border:1px solid #e1e7f0;border-radius:6px;font-size:.82rem;color:#8899b8;font-style:italic;text-align:center;}

/* ── AI Course Finder ── */
.glct-calc-ai-finder{margin-bottom:14px;padding:14px;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:1px solid #b8c8f0;border-radius:10px;}
.glct-calc-ai-finder__header{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.glct-calc-ai-finder__badge{display:inline-block;padding:2px 10px;background:#3d63dd;color:#fff;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
.glct-calc-ai-finder__title{font-size:.92rem;font-weight:700;color:#0d1526;}
.glct-calc-ai-find-btn{padding:8px 20px;font-size:.88rem;font-weight:700;border:none;border-radius:6px;background:#3d63dd;color:#fff;cursor:pointer;transition:background .15s;}
.glct-calc-ai-find-btn:hover{background:#2b4fc7;}
.glct-calc-ai-find-btn:disabled{background:#a0b4e0;cursor:wait;}

/* ── AI Results ── */
.glct-calc-ai-results{margin-top:12px;}
.glct-calc-ai-results__empty{color:#8899b8;font-size:.85rem;font-style:italic;}
.glct-calc-ai-summary{font-size:.85rem;color:#4a5876;margin-bottom:10px;line-height:1.5;}

/* ── AI Recommendation Cards ── */
.glct-calc-ai-recs{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.glct-calc-ai-rec-card{padding:10px 14px;background:#fff;border:1px solid #e1e7f0;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;}
.glct-calc-ai-rec-card:hover{border-color:#3d63dd;background:#f7faff;}
.glct-calc-ai-rec-card--selected{border-color:#0b7d5c;background:#eef7ed;box-shadow:0 0 0 1px #0b7d5c inset;}
.glct-calc-ai-rec-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:4px;}
.glct-calc-ai-rec-card__title{font-size:.88rem;font-weight:700;color:#0d1526;flex:1;min-width:0;}
.glct-calc-ai-rec-card__reason{font-size:.82rem;color:#4a5876;margin-bottom:6px;line-height:1.4;}
.glct-calc-ai-rec-card__topics{display:flex;flex-wrap:wrap;gap:4px;}
.glct-calc-ai-rec-toggle{flex-shrink:0;padding:6px 14px;font-size:.78rem;font-weight:700;border:1.5px solid #3d63dd;border-radius:99px;background:#fff;color:#3d63dd;cursor:pointer;transition:all .15s;white-space:nowrap;}
.glct-calc-ai-rec-toggle:hover{background:#3d63dd;color:#fff;}
.glct-calc-ai-rec-card--selected .glct-calc-ai-rec-toggle{background:#0b7d5c;border-color:#0b7d5c;color:#fff;}
.glct-calc-ai-rec-card--selected .glct-calc-ai-rec-toggle:hover{background:#c8332a;border-color:#c8332a;}

/* ── Confidence Badges ── */
.glct-calc-confidence-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;}
.glct-calc-confidence--high{background:#eef7ed;color:#0b7d5c;border:1px solid #b8e0b4;}
.glct-calc-confidence--medium{background:#fff8e1;color:#b47d00;border:1px solid #f0d87a;}
.glct-calc-confidence--low{background:#f7f9fc;color:#8899b8;border:1px solid #d1d5db;}

/* ── AI Add Button ── */
.glct-calc-ai-add-btn{display:block;width:100%;padding:8px;font-size:.88rem;font-weight:700;border:none;border-radius:6px;background:#0b7d5c;color:#fff;cursor:pointer;text-align:center;margin-top:4px;transition:background .15s;}
.glct-calc-ai-add-btn:hover{background:#096b4e;}

/* ── Divider between AI Finder and Browse ── */
.glct-calc-divider{display:flex;align-items:center;gap:14px;margin:28px 0 18px;}
.glct-calc-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#d6dde8,transparent);}
.glct-calc-divider__text{font-size:.82rem;font-weight:700;color:#6b7a99;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;}

/* ── AI Demo CTA ── */
.glct-calc-ai-demo-cta{margin-top:12px;padding:14px 18px;background:linear-gradient(135deg,#f0f7ff,#e4efff);border:1px solid #a8c8f0;border-radius:10px;text-align:center;}
.glct-calc-ai-demo-cta__icon{font-size:1.5rem;margin-bottom:6px;}
.glct-calc-ai-demo-cta__text{font-size:.85rem;color:#4a5876;line-height:1.5;margin-bottom:10px;}
.glct-calc-ai-demo-cta__text strong{color:#0d1526;}
.glct-calc-ai-demo-cta__btn{display:inline-block;padding:8px 24px;font-size:.88rem;font-weight:700;border:none;border-radius:8px;background:#3d63dd;color:#fff;cursor:pointer;text-decoration:none;transition:background .15s;}
.glct-calc-ai-demo-cta__btn:hover{background:#2b4fc7;color:#fff;text-decoration:none;}

/* ── POST Topic Summary (in results) ── */
.glct-calc-post-summary{margin:0 0 16px;padding:14px 18px;background:linear-gradient(135deg,#f0f4ff,#e8eeff);border:1px solid #b8c8f0;border-radius:10px;}
.glct-calc-post-summary__title{margin:0 0 8px;font-size:.92rem;font-weight:700;color:#0d1526;}
.glct-calc-post-summary__text{font-size:.85rem;color:#4a5876;margin-bottom:8px;line-height:1.5;}
.glct-calc-post-summary__gaps{margin-top:8px;font-size:.82rem;color:#b47d00;}
.glct-calc-post-summary__disclaimer{margin-top:8px;font-size:.78rem;color:#8899b8;font-style:italic;}

/* ── ROI Message (for decision-makers) ── */
.glct-calc-roi-message{margin:0 0 16px;padding:16px 18px;background:linear-gradient(135deg,#eef7ed,#e4f2e1);border:1px solid #b8e0b4;border-radius:10px;}
.glct-calc-roi-message__icon{font-size:1.3rem;margin-bottom:6px;text-align:center;}
.glct-calc-roi-message__title{font-size:.92rem;font-weight:700;color:#0d1526;margin-bottom:8px;text-align:center;}
.glct-calc-roi-message__list{margin:0;padding:0 0 0 18px;font-size:.84rem;color:#4a5876;line-height:1.6;}
.glct-calc-roi-message__list li{margin-bottom:4px;}
.glct-calc-roi-message__list strong{color:#0d1526;}

/* ── CTA ── */
.glct-calc-cta-row{text-align:center;margin-top:8px;}
.glct-calc-cta-btn{padding:10px 28px;font-size:.92rem;font-weight:700;border:none;border-radius:8px;background:#3d63dd;color:#fff;cursor:pointer;transition:background .15s;}
.glct-calc-cta-btn:hover{background:#2b4fc7;}
.glct-calc-cta-sub{margin:6px 0 0;font-size:.78rem;color:#8899b8;font-style:italic;}
.glct-calc-back-btn{padding:10px 28px;font-size:.92rem;font-weight:600;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#4a5876;cursor:pointer;}
.glct-calc-back-btn:hover{background:#f7f9fc;}

/* ── Toast ── */
#glct-calc-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:999999;}
#glct-calc-toast>div{padding:10px 18px;border-radius:8px;font-size:.85rem;font-weight:600;color:#fff;margin-bottom:6px;box-shadow:0 4px 12px rgba(0,0,0,.12);}

/* ── Responsive ── */
@media(max-width:600px){
.glct-calc-grid{grid-template-columns:1fr;}
.glct-calc-grid--2col{grid-template-columns:1fr;}
.glct-calc-results-grid,.glct-calc-results-grid--3col,.glct-calc-results-grid.glct-calc-results-grid--2x2{grid-template-columns:1fr;}
.glct-calc-course-item__excerpt{display:none;}
.glct-calc-ai-recs{gap:6px;}
}