/*
Theme Name: Inclusiefabriek Academie Blokken
Theme URI: https://inclusiefabriek.com/
Author: Inclusiefabriek
Description: Zelfstandig WordPress blokthema. Vereist geen MasterStudy-thema. MasterStudy plugin blijft verantwoordelijk voor LMS-functionaliteit.
Version: 4.7.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: inclusiefabriek-academie
*/
:root{--if-navy:#12345b;--if-orange:#ff883e;--if-cream:#fff9f3;--if-blue:#e7f0f6}
html{scroll-behavior:smooth}body{margin:0}*,*:before,*:after{box-sizing:border-box}
a{transition:color .2s}a:hover{color:#dc6d2b}
.wp-site-blocks{overflow-x:clip}.wp-block-site-logo img{object-fit:contain;width:auto;max-height:82px;max-width:220px}
.if-shell{box-shadow:0 4px 20px rgba(18,52,91,.06)}
.if-card{border-radius:28px;overflow:hidden;box-shadow:0 12px 35px rgba(18,52,91,.05)}
.if-card img{border-radius:28px}.if-soft{border-radius:34px}.if-hero{border-radius:45px 110px 45px 110px}
.wp-block-button__link{transition:transform .2s,filter .2s}.wp-block-button__link:hover{transform:translateY(-2px);filter:brightness(.97)}
.wp-block-navigation a{font-weight:600}
.wp-block-post-template{gap:22px}.wp-block-post{border-radius:26px;overflow:hidden;background:#fff;padding:24px;box-shadow:0 8px 25px rgba(18,52,91,.05)}
.wp-block-post-title{overflow-wrap:anywhere}
/* MasterStudy course markup is still rendered by the plugin: visual refinements only. */
@media(max-width:780px){.wp-block-site-logo img{max-width:150px;max-height:60px}.if-hero{border-radius:30px}.if-card{border-radius:20px}}

/* Version 1.1: Real course cards and accessible account menu */
.if-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0 40px}
.if-course-card{background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 12px 32px rgba(18,52,91,.09);display:flex;flex-direction:column;border:1px solid #f4e5d9}
.if-course-card-image{display:block;height:190px;background:#e7f0f6;overflow:hidden}
.if-course-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.if-course-card:hover img{transform:scale(1.035)}
.if-course-placeholder{height:100%;display:grid;place-items:center;color:#ff883e;font-size:65px}
.if-course-card-body{padding:25px;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:12px}
.if-course-kicker{color:#c7652b;font-weight:750;font-size:12px;letter-spacing:.12em}
.if-course-card h3{font-size:clamp(20px,1.65vw,25px);line-height:1.23;margin:0}
.if-course-card h3 a{color:#12345b;text-decoration:none}
.if-course-card p{margin:0;color:#43566b;font-size:15px;line-height:1.6;flex:1}
.if-course-cta,.if-account-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;padding:12px 18px;background:#ff883e;color:#fff!important;font-weight:700;text-decoration:none!important}
.if-course-cta:hover,.if-account-button:hover{background:#dc6d2b;color:#fff}
.if-account-dropdown{position:relative;z-index:40}
.if-account-dropdown summary{cursor:pointer;list-style:none;white-space:nowrap;background:#e7f0f6;color:#12345b;padding:12px 18px;border-radius:30px;font-weight:700}
.if-account-dropdown summary::-webkit-details-marker{display:none}
.if-account-dropdown-links{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #12345b24;padding:9px;display:grid;gap:4px}
.if-account-dropdown-links a{padding:10px;border-radius:10px;text-decoration:none;color:#12345b}
.if-account-dropdown-links a:hover{background:#fff0e1}
.if-shell .wp-block-group.alignwide{gap:20px}
.if-shell .wp-block-site-logo img{max-height:76px;max-width:190px;width:auto;height:auto;object-fit:contain}
.if-course-page-shell{margin-block:32px 64px}
 border-radius:25px!important;
}
 background:#fff!important;padding:clamp(16px,2vw,28px)!important;
 box-shadow:0 10px 28px #12345b0b;
}
 background:#e7f0f6!important;padding:16px!important;
}
 border-radius:16px!important
}
@media(max-width:900px){.if-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.if-course-grid{grid-template-columns:1fr}.if-course-card-image{height:210px}
.if-shell .wp-block-site-logo img{max-width:145px;max-height:60px}
.if-account-dropdown summary{padding:9px 12px;font-size:13px}}

/* v1.2 header, typography, and two-column account dropdown */
.if-shell{position:relative;z-index:100;background:#fff9f3}
.if-shell>.wp-block-group{max-width:1400px}
.if-shell .wp-block-group.alignwide{gap:clamp(14px,2vw,30px);flex-wrap:nowrap;align-items:center}
.if-shell .wp-block-site-logo{flex-shrink:0;margin-right:auto}
.if-shell .wp-block-site-logo img{width:205px!important;max-width:205px!important;max-height:94px!important;height:auto!important;object-fit:contain}
.if-shell .wp-block-navigation{font-size:15px;white-space:nowrap}
.if-shell .wp-block-navigation a{font-weight:600;color:#12345b}
.if-header-search{display:flex;align-items:center;position:relative}
.if-header-search input{position:absolute;right:calc(100% + 7px);top:50%;transform:translateY(-50%);width:0;opacity:0;pointer-events:none;border:1px solid #d4dfec;background:#fff;padding:11px 0;border-radius:16px;transition:width .2s,opacity .2s,padding .2s}
.if-header-search:focus-within input,.if-header-search:hover input{width:190px;opacity:1;pointer-events:auto;padding:11px 13px}
.if-header-search button{border:0;background:#2879f4;color:#fff;width:51px;height:51px;display:grid;place-items:center;border-radius:50%;cursor:pointer}
.if-account-dropdown{z-index:200;position:relative;flex-shrink:0}
.if-account-dropdown summary{background:#edf3fc;color:#12345b;padding:13px 18px;font-size:15px;font-weight:500}
.if-account-avatar{color:#2879f4;font-size:17px;margin-right:5px}
.if-account-mega{position:absolute;right:0;top:calc(100% + 16px);width:min(840px,calc(100vw - 34px));background:#fff;border-radius:18px;display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);overflow:hidden;box-shadow:0 15px 35px #0e274030;border:1px solid #e7e9ef;color:#12345b}
.if-account-learning{padding:28px 30px 18px;min-width:0}
.if-account-mega h2{font-family:inherit;font-size:13px;font-weight:800;letter-spacing:.05em;margin:0 0 20px;color:#12345b}
.if-account-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.if-account-mega a{display:block;text-decoration:none;color:inherit;font-size:15px;padding:11px 0;line-height:1.25}
.if-account-mega a:hover{text-decoration:underline;color:#ff883e}
.if-account-bottom{border-top:1px solid #e6e6e6;margin-top:25px;padding-top:8px;display:flex;justify-content:space-between;gap:15px}
.if-account-instructor{background:#3656c9;color:white;padding:28px 35px}
.if-account-instructor h2,.if-account-instructor a{color:white}
.if-account-instructor-list{display:grid;gap:0}
.if-account-instructor a:hover{color:#ffe1c7}
.if-hero{border-radius:45px 100px 45px 100px;padding-block:clamp(30px,4vw,60px)!important}
.if-hero h1{font-size:clamp(32px,3.5vw,54px)!important;line-height:1.13!important;max-width:840px}
.if-hero p.has-large-font-size{font-size:clamp(17px,1.4vw,21px)!important;line-height:1.55;max-width:740px}
@media(max-width:1000px){.if-shell .wp-block-group.alignwide{flex-wrap:wrap}.if-shell .wp-block-site-logo{margin-right:0}.if-shell .wp-block-navigation{margin-left:auto}.if-account-mega{right:-12px}}
@media(max-width:650px){.if-account-mega{grid-template-columns:1fr;max-height:70vh;overflow-y:auto}.if-account-instructor{padding:20px 24px}.if-account-learning{padding:20px 24px}.if-account-link-grid{gap:0 14px}.if-account-mega a{font-size:13px}.if-shell .wp-block-site-logo img{max-width:155px!important}.if-header-search button{width:42px;height:42px}}

/* v1.3: compact accessible nav, no duplicate standalone account icon */
.if-shell .wp-block-navigation-item__content{position:relative;text-decoration:none!important;padding-block:8px;transition:color .2s}
.if-shell .wp-block-navigation-item__content:after{content:"";position:absolute;bottom:2px;left:0;right:100%;height:3px;border-radius:4px;background:#ff883e;transition:right .2s}
.if-shell .wp-block-navigation-item__content:hover:after,.if-shell .wp-block-navigation-item__content[aria-current="page"]:after{right:0}
.if-shell .wp-block-navigation-item__content:hover{color:#df6e29!important}
.if-account-verified{width:min(380px,calc(100vw - 30px));grid-template-columns:1fr}
.if-account-verified .if-account-learning{padding:24px}
.if-account-verified .if-account-link-grid{grid-template-columns:1fr 1fr}
.if-course-archive{max-width:1280px!important;padding:38px 24px 72px;min-height:60vh}
.if-archive-intro{background:#ffebdb;border-radius:35px 90px 35px 35px;padding:clamp(26px,4vw,52px);margin-bottom:35px}
.if-archive-intro h1{color:#12345b;font-size:clamp(30px,3.5vw,48px);margin:12px 0}
.if-archive-intro p{font-size:18px;color:#12345b}
.if-archive-intro .if-course-kicker{font-size:12px;color:#c7652b}
/* LMS lesson: fix scroll container, while leaving navigation and completion intact. */
body.single-stm-lessons,body.single-stm-lessons html{height:auto}
body.single-stm-lessons .stm_lms_lesson_content,
body.single-stm-lessons .stm_lms_lesson_content_wrapper,
body.single-stm-lessons .stm-lms-lesson-content,
body.single-stm-lessons .stm-lms-lesson-content-wrapper,
body.single-stm-lessons .stm_lms_lesson__content{
 overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:auto!important;
 scrollbar-color:#ff883e #f1f4f7!important;min-height:0!important;
}
body.single-stm-lessons :is(.stm_lms_lesson_content,.stm_lms_lesson_content_wrapper,.stm-lms-lesson-content,.stm-lms-lesson-content-wrapper,.stm_lms_lesson__content)::-webkit-scrollbar{width:12px}
body.single-stm-lessons :is(.stm_lms_lesson_content,.stm_lms_lesson_content_wrapper,.stm-lms-lesson-content,.stm-lms-lesson-content-wrapper,.stm_lms_lesson__content)::-webkit-scrollbar-thumb{background:#ff883e;border-radius:10px;border:3px solid #f1f4f7}
.if-lesson-logo{display:flex;align-items:center;flex-shrink:0;margin-right:15px;max-width:160px}
.if-lesson-logo img{display:block;max-width:150px;max-height:50px;width:auto;height:auto;object-fit:contain}
@media(max-width:760px){.if-lesson-logo{max-width:90px}.if-lesson-logo img{max-width:90px;max-height:38px}}

/* The login dropdown is the sole account control; no duplicate profile icon. */
.if-account-dropdown summary{transition:background .2s,color .2s}
.if-account-dropdown summary:hover{background:#ffeadb;color:#c95d19}

/* v1.5 – clean header, no broken search/widget placeholder or standalone account icon */
.if-shell .wp-block-navigation-item__content:hover{color:#f47632!important}
.if-shell .wp-block-navigation a:focus-visible{outline:2px solid #ff883e;outline-offset:5px}
.if-shell .wp-block-site-logo{flex-shrink:0}

/* MasterStudy course details and dashboard use their original plugin styling. */

/* v4.7.1: One unobtrusive dashboard link; MasterStudy owns account controls. */
.if-shell .if-native-dashboard-link{display:inline-flex;align-items:center;text-decoration:none;color:#12345b;font-weight:600;white-space:nowrap;padding:9px 0}
.if-shell .if-native-dashboard-link:hover{color:#f47632}

/* v4.7.2: compact, self-contained header menu; MasterStudy dashboard remains native. */
.if-shell .if-ms-account-menu{position:relative;z-index:1000;font-family:inherit;color:#12345b}
.if-shell .if-ms-account-menu summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;border-radius:999px;background:#eaf2ff;padding:8px 13px;font-size:14px;font-weight:600;max-width:220px}
.if-shell .if-ms-account-menu summary::-webkit-details-marker{display:none}
.if-shell .if-ms-account-menu summary span:not(.if-ms-menu-chevron){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.if-shell .if-ms-account-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}
.if-shell .if-ms-menu-chevron{margin-left:auto}
.if-shell .if-ms-account-links{position:absolute;top:calc(100% + 8px);right:0;min-width:225px;max-width:calc(100vw - 30px);padding:8px;background:white;border:1px solid #dbe5ef;border-radius:14px;box-shadow:0 12px 28px #12345b20;display:flex;flex-direction:column;z-index:1001}
.if-shell .if-ms-account-links a{padding:11px 12px;text-decoration:none;color:#12345b;border-radius:8px;white-space:nowrap;font-size:14px}
.if-shell .if-ms-account-links a:hover,.if-shell .if-ms-account-links a:focus{background:#eaf2ff}
.if-shell .if-ms-menu-login{color:#12345b;text-decoration:none;font-weight:600}
@media(max-width:600px){.if-shell .if-ms-account-menu summary{max-width:165px}}

/* v4.7.3 – gedeelde footer voor iedere pagina, ook toekomstige pagina's.
   Kleuren zijn aanpasbaar in Weergave > Editor > Stijlen > Kleuren. */
body .if-v28-footer, body:not(.single-stm-lessons) .if-v28-footer {
 background:var(--wp--preset--color--footer-background,#e5f4fc)!important;
 color:var(--wp--preset--color--navy,#12345b)!important;
 border-radius:36px 36px 0 0!important;
 padding:46px clamp(22px,5vw,70px) 18px!important;
 width:100%!important;max-width:none!important;margin:28px 0 0!important;
}
body .if-v28-footer-contact,body:not(.single-stm-lessons) .if-v28-footer-contact {
 background:var(--wp--preset--color--footer-contact,#f4faff)!important;
 padding:22px!important;border-radius:20px!important;
}
body .if-v28-footer h4 {color:var(--wp--preset--color--navy,#12345b)!important}
body .if-v28-footer a {color:var(--wp--preset--color--navy,#12345b)!important}
body .if-v28-footer .wp-block-columns {gap:clamp(16px,3vw,50px)}
@media(max-width:780px){body .if-v28-footer .wp-block-columns{display:flex;flex-direction:column}}