@import url('/local/cometoukapi/contact-page.css');
@import url('/local/cometoukapi/course-visual-polish.css');
/* Public-page structural fixes only. No global Klassroom chrome changes. */
body[id^="page-local-cometoukapi-public-"] #page-header,
body[id^="page-local-cometoukapi-public-"] #page-navbar-con{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
body[id^="page-local-cometoukapi-public-"] .blockcolumn,
body[id^="page-local-cometoukapi-public-"] [data-region="blocks-column"],
body.ctuk-public-ajax-mode #page-content > .blockcolumn,
body.ctuk-public-ajax-mode #page-content [data-region="blocks-column"]{display:none!important}

body[id^="page-local-cometoukapi-public-"] #page,
body.ctuk-public-ajax-mode #page,
body[id^="page-local-cometoukapi-public-"] #page-content,
body.ctuk-public-ajax-mode #page-content,
body[id^="page-local-cometoukapi-public-"] #region-main-box,
body.ctuk-public-ajax-mode #region-main-box,
body[id^="page-local-cometoukapi-public-"] #region-main,
body.ctuk-public-ajax-mode #region-main,
body[id^="page-local-cometoukapi-public-"] .container-fluid.container-wrapper,
body.ctuk-public-ajax-mode .container-fluid.container-wrapper{
    margin-top:0!important;
    padding-top:0!important;
}
body[id^="page-local-cometoukapi-public-"] #page-content,
body.ctuk-public-ajax-mode #page-content{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body[id^="page-local-cometoukapi-public-"] #region-main-box,
body[id^="page-local-cometoukapi-public-"] #region-main,
body.ctuk-public-ajax-mode #region-main-box,
body.ctuk-public-ajax-mode #region-main{
    width:100%!important;
    max-width:none!important;
    flex:0 0 100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}
body[id^="page-local-cometoukapi-public-"] .container-fluid.container-wrapper,
body.ctuk-public-ajax-mode .container-fluid.container-wrapper{
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
    margin-left:0!important;
    margin-right:0!important;
    max-width:none!important;
    width:100%!important;
}
body[id^="page-local-cometoukapi-public-"] .ctuk-public-shell,
body.ctuk-public-ajax-mode .ctuk-public-shell,
body[id^="page-local-cometoukapi-public-"] .ctuk-public-content,
body.ctuk-public-ajax-mode .ctuk-public-content{
    margin-top:0!important;
    padding-top:0!important;
}
body[id^="page-local-cometoukapi-public-"] .ctuk-public-content > :first-child,
body.ctuk-public-ajax-mode .ctuk-public-content > :first-child{margin-top:0!important}
body.ctuk-public-ajax-mode #page-content.blocks-pre,
body.ctuk-public-ajax-mode #page-content.blocks-post{grid-template-columns:1fr!important}
body[id^="page-local-cometoukapi-public-"] .loginsection{display:block!important;visibility:visible!important}
body[id^="page-local-cometoukapi-public-"] .top-header .login{display:inline-flex!important;visibility:visible!important}

/* Public course renderer: structural shell only. Login styling is intentionally inherited from the shared navbar/theme. */
body[id^="page-local-cometoukapi-course-"] .top-header .usermenu,
body[id^="page-local-cometoukapi-course-"] .top-header .login{
    display:inline-flex!important;
    visibility:visible!important;
}
body[id^="page-local-cometoukapi-course-"] #page-header,
body[id^="page-local-cometoukapi-course-"] #page-navbar-con,
body[id^="page-local-cometoukapi-course-"] .columnleft.blockcolumn,
body[id^="page-local-cometoukapi-course-"] .columnright.blockcolumn,
body[id^="page-local-cometoukapi-course-"] [data-region="blocks-column"]{display:none!important}
body[id^="page-local-cometoukapi-course-"] .container-fluid.container-wrapper,
body[id^="page-local-cometoukapi-course-"] #page-content,
body[id^="page-local-cometoukapi-course-"] #region-main-box,
body[id^="page-local-cometoukapi-course-"] #region-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
}
body[id^="page-local-cometoukapi-course-"] #page-content{display:block!important}
body[id^="page-local-cometoukapi-course-"] #region-main-box,
body[id^="page-local-cometoukapi-course-"] #region-main{flex:0 0 100%!important}

/* course.php emits the shared footer before Klassroom's native footer. */
body[id^="page-local-cometoukapi-course-"] #page-footer{display:none!important}
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid{
    width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1.1fr .8fr 1.25fr 1.25fr!important;
    gap:36px!important;
    padding:46px max(4vw,calc((100vw - 1180px)/2)) 30px!important;
    background:#071a32!important;
    color:#fff!important;
    text-align:left!important;
}
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid h3{margin:0 0 14px!important;color:#fff!important;font-size:1rem!important;font-weight:800!important}
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid p,
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid a{color:rgba(255,255,255,.82)!important;line-height:1.58!important}
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid a{display:block!important;padding:3px 0!important;text-decoration:none!important}
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid .brand-logo{display:block!important;max-width:180px!important;max-height:72px!important;width:auto!important;height:auto!important;margin:0 0 17px!important}
body[id^="page-local-cometoukapi-course-"] .ctuk-footer-bottom{
    width:100%!important;
    margin:0!important;
    display:flex!important;
    justify-content:space-between!important;
    gap:20px!important;
    padding:20px max(4vw,calc((100vw - 1180px)/2))!important;
    border-top:1px solid rgba(255,255,255,.15)!important;
    background:#071a32!important;
    color:rgba(255,255,255,.68)!important;
    font-size:.88rem!important;
}
@media(max-width:992px){
    body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}
}
@media(max-width:600px){
    body[id^="page-local-cometoukapi-course-"] .ctuk-footer-grid{grid-template-columns:1fr!important;gap:26px!important;padding-top:34px!important;padding-bottom:24px!important}
    body[id^="page-local-cometoukapi-course-"] .ctuk-footer-bottom{display:block!important;padding-top:18px!important;padding-bottom:18px!important}
    body[id^="page-local-cometoukapi-course-"] .ctuk-footer-bottom span{display:block!important;margin:5px 0!important}
}