/* One vertical spacing rule replaces the older device-specific gaps. */
:root{--myedin-page-gap:8px;--myedin-content-gutters:16px}
html body:not(.myedin-learning-wide):not(.myedin-exam-active) #content{margin:8px 0!important;padding-block:0!important;min-height:0!important}
html body #myedin-footer{margin-top:0!important;padding-top:0!important}
html body:not(.myedin-learning-wide):not(.myedin-exam-active) #content>.ast-container{margin-block:0!important}
html body .myedin-product .myedin-product-layout{padding-top:8px!important}
html body .myedin-product .myedin-product-tabs{margin-bottom:8px!important}
html body .myedin-product :is(.myedin-product-panel,.myedin-certificate-showcase-card,.tutor-course-details-content){margin-bottom:8px!important}
html body .myedin-product .myedin-sidebar-clearance{height:0!important}
html body .myedin-product-content>:last-child,html body .myedin-shop-product-content>:last-child{margin-bottom:0!important}
html body .myedin-product-content{padding-bottom:0!important}
/* Category names remain legible despite general hero link rules. */
html body.myedin-single-product .myedin-product .myedin-product-hero .myedin-course-header-categories>a,
html body.myedin-single-product .myedin-product .myedin-product-hero .myedin-course-header-categories>a *{color:var(--myedin-on-brand,#fff)!important;-webkit-text-fill-color:var(--myedin-on-brand,#fff)!important;opacity:1!important;visibility:visible!important;font-size:12px!important}
html body .myedin-product-hero .tutor-meta.tutor-course-details-info>div{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
html body .myedin-product-hero .tutor-meta.tutor-course-details-info .tutor-avatar,
html body .myedin-product-hero .tutor-meta.tutor-course-details-info .tutor-avatar img{border-radius:50%!important;width:44px!important;height:44px!important;overflow:hidden!important}
html body .myedin-product-hero .tutor-meta.tutor-course-details-info>div>a{border:0!important;padding:0!important;background:transparent!important;border-radius:50%!important}
html body .myedin-product .myedin-certificate-showcase-card>h2#myedin-certificate-heading{font-family:inherit!important;font-size:18px!important;font-weight:700!important;line-height:1.4!important;padding:8px 20px!important;margin:0!important}
/* Only the outer card scrolls, and only when its natural height cannot fit. */
html body .myedin-product .myedin-sidebar-slot>.myedin-product-sidebar:not(.myedin-sidebar-scrollable){max-height:none!important;overflow:visible!important;scrollbar-width:none!important}
html body .myedin-product .myedin-sidebar-slot>.myedin-product-sidebar.myedin-sidebar-scrollable{max-height:var(--myedin-sidebar-available-height)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:var(--myedin-brand,#172554) var(--myedin-soft,#f8f3e8)!important}
html body .myedin-product .myedin-product-sidebar::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
html body .myedin-product .myedin-product-sidebar.myedin-sidebar-scrollable::-webkit-scrollbar{display:block!important;width:6px!important}
html body .myedin-product .myedin-product-sidebar.myedin-sidebar-scrollable::-webkit-scrollbar-thumb{background:var(--myedin-brand,#172554)!important;border-radius:6px!important}
html body .myedin-product .myedin-product-sidebar.myedin-sidebar-scrollable::-webkit-scrollbar-track{background:var(--myedin-soft,#f8f3e8)!important}
/* Purchase controls keep their natural size; no flex growth or auto stretching. */
html body.single-product .myedin-shop-product .summary.entry-summary form.cart:not(.variations_form):not(.grouped_form)>.single_add_to_cart_button,
html body.single-product .myedin-shop-product .summary.entry-summary .woocommerce-variation-add-to-cart>.single_add_to_cart_button{flex:0 0 auto!important;width:auto!important;min-width:0!important}
html body.single-product .custom-sticky-footer.myedin-sticky-footer .sticky-product-buttons{display:flex!important;justify-content:center!important;gap:8px!important}
html body.single-product .custom-sticky-footer.myedin-sticky-footer .sticky-product-buttons>.sticky-add-to-cart,
html body.single-product .custom-sticky-footer.myedin-sticky-footer .sticky-product-buttons>.sticky-buy-now{flex:0 0 auto!important;width:auto!important;min-width:0!important;padding-inline:12px!important}
/* Coupon controls occupy their own action row, with Update pushed to the right. */
html body.woocommerce-cart .woocommerce table.shop_table td.actions{grid-template-columns:minmax(70px,220px) auto minmax(0,1fr) auto!important;gap:6px!important}
html body.woocommerce-cart .woocommerce table.shop_table td.actions input#coupon_code{grid-column:1!important;grid-row:1!important}
html body.woocommerce-cart .woocommerce table.shop_table td.actions button[name=apply_coupon]{grid-column:2!important;grid-row:1!important;justify-self:start!important}
html body.woocommerce-cart .woocommerce table.shop_table td.actions button[name=update_cart]{grid-column:4!important;grid-row:1!important;justify-self:end!important}
html body.woocommerce-cart .woocommerce table.shop_table td.actions .coupon :is(.coupon-error-notice,.woocommerce-error){grid-column:1/-1!important;grid-row:2!important}
@media(max-width:640px){html body.woocommerce-cart .woocommerce table.shop_table td.actions{grid-template-columns:minmax(50px,1fr) auto minmax(0,1fr) auto!important;gap:4px!important}html body.woocommerce-cart .woocommerce table.shop_table td.actions input#coupon_code{font-size:11px!important;padding-inline:6px!important}}
/* Align the centre lines of the icon, wrapped text and action. */
html body #content :is(.woocommerce-message,.woocommerce-info,.woocommerce-error){align-items:center!important}
html body #content :is(.woocommerce-message,.woocommerce-info,.woocommerce-error):before{align-self:center!important;justify-self:center!important;line-height:1!important}
html body #content .myedin-notice-text,html body #content .myedin-notice-action{align-self:center!important;min-width:0!important}
html body #content .myedin-notice-action{overflow:visible!important;box-sizing:border-box!important}
html body .myedin-commerce-progress li{align-items:center!important}

html body .myedin-product .myedin-product-tabs{top:var(--myedin-sticky-top,100px)!important}

/* Every standard page shares the footer width, with eight-pixel edge gutters. */
html body:not(.myedin-learning-wide):not(.myedin-exam-active) #content>.ast-container,html body #myedin-footer .myedin-footer-card{width:calc(100% - 16px)!important;max-width:1180px!important;margin-inline:auto!important;padding-inline:0!important;box-sizing:border-box!important}
html body.woocommerce-cart #content>.ast-container,html body.woocommerce-checkout #content>.ast-container{margin-block:0!important}
html body #myedin-footer .myedin-footer-card{padding:20px!important}
html body #myedin-footer :is(.myedin-footer-social-icon,.myedin-footer-more-toggle){align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;border-radius:50%!important;border:1px solid var(--myedin-action-hover,#2563eb)!important;background:var(--myedin-action-hover,#2563eb)!important;color:#fff!important;box-shadow:none!important}
html body #myedin-footer :is(.myedin-footer-social-icon,.myedin-footer-more-toggle) :is(i,svg){color:#fff!important}
/* Long coupon links remain part of the sentence, rather than becoming action buttons. */
html body #content .woocommerce-info .showcoupon{display:inline!important;max-width:none!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;font:inherit!important;color:var(--myedin-action-hover,#2563eb)!important;text-decoration:underline!important;border-radius:0!important}
html body .myedin-product #myedin-course-instructors>.myedin-section-heading{padding:8px 20px!important;line-height:1.4!important;background:var(--myedin-brand,#172554)!important;color:#fff!important}
html body .myedin-product #myedin-course-instructors>.myedin-section-heading h2{font-size:18px!important;line-height:1.4!important;margin:0!important;color:#fff!important}
html body .myedin-product #myedin-course-instructors>.myedin-section-heading>span{font-size:9px!important;line-height:1.4!important;margin:0 0 3px!important;color:#fff!important}
/* The two cart text rows share the exact top and bottom image boundaries. */
html body.woocommerce-cart .woocommerce table.shop_table tr.cart_item{grid-template-rows:minmax(28px,auto) minmax(38px,auto)!important}
html body.woocommerce-cart .woocommerce .product-thumbnail img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
html body.woocommerce-cart .woocommerce .product-thumbnail a{width:100%!important;height:100%!important}
html body.woocommerce-cart .woocommerce table.shop_table tr.cart_item .product-price{line-height:38px!important;margin:0!important;padding:0!important}
html body.woocommerce-cart .woocommerce table.shop_table tr.cart_item .product-name a{display:block!important;line-height:1.4!important}

@media(max-width:640px){html body.woocommerce-cart .woocommerce table.shop_table td.actions{grid-template-columns:minmax(0,1fr) auto auto!important}html body.woocommerce-cart .woocommerce table.shop_table td.actions button[name=update_cart]{grid-column:3!important}}
html body.woocommerce-cart .woocommerce .product-remove a.remove{opacity:1!important}
