/* cc.css - cookie banner look & sizes for e-courses (one place). Texts and behaviour: /assets/cc/cc.js */
#cookie,#cookieBar{display:none !important}
.cc-banner{--cc-a:#16305a;--cc-on:#ffffff;--cc-h:#0f2027;position:fixed;left:16px;right:16px;bottom:16px;z-index:99999;display:none;background:#fff;border:1px solid #dbe6f5;border-top:4px solid var(--cc-a);border-radius:14px;box-shadow:0 18px 50px rgba(20,24,40,.22);max-width:560px;opacity:0;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease;font-family:inherit}
.cc-banner.show{opacity:1;transform:none}
.cc-inner{padding:18px 20px 16px}
.cc-title{display:block;font-size:1rem;font-weight:800;color:#16305a;margin-bottom:6px}
.cc-text{font-size:.86rem;line-height:1.5;color:#2a3644;margin:0 0 14px}
.cc-text a{color:#16305a;font-weight:700;text-decoration:underline}
.cc-prefs{margin:0 0 14px;border-top:1px solid #e9eff8;padding-top:12px}
.cc-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0}
.cc-row span{font-size:.84rem;color:#2a3644}.cc-row strong{color:#1a1d23}.cc-row small{color:#6b7c93}
.cc-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--cc-a);flex:0 0 auto}
.cc-actions{display:flex;flex-wrap:wrap;gap:10px}
.cc-btn{flex:1 1 auto;min-width:140px;font-size:.85rem;font-weight:700;padding:11px 16px;border-radius:10px;cursor:pointer;border:2px solid var(--cc-a);line-height:1;transition:background .15s,color .15s}
.cc-accept{background:var(--cc-a);color:var(--cc-on)}
.cc-accept:hover{background:var(--cc-h);border-color:var(--cc-h)}
.cc-reject{background:#fff;color:#16305a;border-color:#16305a}
.cc-reject:hover{background:#16305a;color:#fff}
.cc-save{background:var(--cc-a);color:var(--cc-on)}
.cc-save:hover{filter:brightness(.92)}
.cc-manage{flex:1 1 100%;background:transparent;border:none;color:#16305a;text-decoration:underline;padding:6px;min-width:0;font-weight:700}
/* PHONES: tiny strip. Change sizes here. */
@media(max-width:700px){
.cc-banner{left:6px !important;right:6px !important;bottom:6px !important;max-width:none !important;border-radius:10px !important;border-top-width:3px !important;box-shadow:0 6px 22px rgba(20,24,40,.25) !important;max-height:60vh;overflow:auto}
.cc-inner{padding:8px 10px 6px !important}
.cc-title{display:none !important}
.cc-text{font-size:.7rem !important;line-height:1.3 !important;margin:0 0 7px !important}
.cc-prefs{margin:0 0 6px !important;padding-top:6px !important}
.cc-row{padding:3px 0 !important}.cc-row span{font-size:.72rem !important}
.cc-actions{gap:6px !important}
.cc-btn{flex:1 1 calc(50% - 3px) !important;min-width:0 !important;padding:8px 4px !important;font-size:.74rem !important;border-radius:8px !important;border-width:1.5px !important}
.cc-save{flex:1 1 100% !important}
.cc-manage{flex:1 1 100% !important;padding:2px !important;font-size:.68rem !important;font-weight:600 !important}
}
