/* MediaHive Monitor: Elementor compatibility layer.
   Loads AFTER Elementor's own CSS and BEFORE the design CSS (monitor/pages/blog.css), so it neutralises Elementor's
   box defaults but never beats the design rules. Everything is scoped to the kit's own classes (.mh-c, .mh-*). */

/* 1. Containers with .mh-c behave like the plain HTML boxes they replace. Real properties (not Elementor's CSS
      variables), because Elementor writes per-element variables such as --display:flex for every container.
      Specificity 0,2,0 = beats Elementor's base rules, loses to the design CSS (also 0,2,0, loaded later). */
.e-con.mh-c{display:block;flex-direction:row;flex-wrap:nowrap;justify-content:normal;align-items:normal;align-content:normal;gap:normal;
  flex:0 1 auto;order:0;align-self:auto;width:auto;min-width:auto;min-height:0;max-width:none;position:static;overflow:visible;z-index:auto;
  padding:0;margin:0;text-align:inherit;border:0;border-radius:0}
.e-con.mh-c:where(.mh-t-span,.mh-t-a,.mh-t-i,.mh-t-strong,.mh-t-b,.mh-t-em){display:inline}
.e-con.mh-c:where(.mh-t-li){display:list-item}
/* 2. Simple widgets are transparent: their inner element (h2, p, a.btn, img) carries the design classes, so the
      wrapper must not create a box (keeps grid/flex layouts identical to the HTML) */
body .mh-c .elementor-widget:is(.elementor-widget-heading,.elementor-widget-text-editor,.elementor-widget-button,.elementor-widget-image,.elementor-widget-shortcode,.elementor-widget-video,.elementor-widget-n-accordion,.elementor-widget-theme-post-title,.elementor-widget-theme-post-excerpt,.elementor-widget-theme-post-featured-image,.elementor-widget-theme-post-content,.elementor-widget-theme-archive-title),
body .mh-c .elementor-widget:is(.elementor-widget-heading,.elementor-widget-text-editor,.elementor-widget-button,.elementor-widget-image,.elementor-widget-shortcode,.elementor-widget-video,.elementor-widget-n-accordion,.elementor-widget-theme-post-title,.elementor-widget-theme-post-excerpt,.elementor-widget-theme-post-featured-image,.elementor-widget-theme-post-content) > .elementor-widget-container,
body .mh-c .elementor-widget-button .elementor-button-wrapper,
body .mh-c .elementor-shortcode:has(> .elementor),body .mh-c .elementor-shortcode > .elementor,
body .mh-vid,body .mh-vid .elementor-custom-embed-image-overlay,
body .e-n-accordion.mh-acc,body .elementor-widget-n-accordion .mh-acc .e-n-accordion-item-title-header,body .elementor-widget-n-accordion .mh-acc .e-n-accordion-item-title-text{display:contents}
body :where(.mh-c) .elementor-widget-image{text-align:inherit}
body :where(.mh-c) :is(.elementor-widget-image,.elementor-widget-theme-post-featured-image) img{display:block;vertical-align:baseline}
body :where(.mh-c) .elementor-heading-title{line-height:inherit;font-size:inherit;font-weight:inherit;margin:0;padding:0}
:where(.mh-c) :where(h1,h2,h3).elementor-heading-title{font-weight:500}
/* 3. Buttons: drop Elementor's button skin; .btn/.hd-link/.tlink/.chip from the design CSS take over */
:where(.mh-c) .elementor-button{all:unset;box-sizing:border-box;cursor:pointer}
.elementor-button :is(.elementor-button-content-wrapper,.elementor-button-text):where(.mh-c *){display:contents}
:where(.mh-c) .elementor-button:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
/* 4. Nested accordion = the concept's <details> rows */
.mh-acc,.e-n-accordion.mh-acc{--n-accordion-border-width:0px;--n-accordion-padding:0px;--n-accordion-title-font-size:1em;--n-accordion-item-title-space-between:0px;
  --n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:currentColor;--n-accordion-title-hover-color:currentColor;--n-accordion-title-active-color:currentColor;--n-accordion-icon-size:auto;--n-accordion-icon-gap:0}
body :where(.mh-acc) .e-n-accordion-item{display:block}
body .elementor-widget-n-accordion :where(.mh-acc) .e-n-accordion-item-title{border:0;padding:0;background:none;justify-content:initial}
.mh-acc .e-n-accordion-item-title-icon{order:initial;width:auto}
.mh-acc .e-n-accordion-item-title-icon > span{display:none!important}
.mh-acc .e-n-accordion-item > .e-con{border:0}
.sv-src,.mh-c .sv-src{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;clip-path:inset(50%)}
/* 5. Video widget = the concept's clip frame (poster + labels); click opens the Elementor lightbox */
[data-mh-video]{cursor:pointer}
.mh-vid .elementor-custom-embed-play{display:none}
/* 6. Header nav (Pro Nav Menu) styled like the concept .hd-nav; burger below 1180px */
.mh-nav .elementor-nav-menu--main .elementor-nav-menu{gap:22px}
.mh-nav .elementor-nav-menu--main .elementor-item{font:500 13px var(--sans);color:var(--ink2);padding:0;text-decoration:none}
.mh-nav .elementor-nav-menu--main .elementor-item:hover,.mh-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--ink)}
.mh-nav .elementor-nav-menu--main .elementor-item.elementor-item-active:before{content:"";position:absolute;left:-10px;top:50%;width:5px;height:5px;margin-top:-2.5px;background:var(--acc);opacity:1;border:0}
.mh-nav .elementor-nav-menu--main .elementor-item:after{display:none}
.mh-nav .elementor-menu-toggle{background:transparent;color:var(--ink);border:1px solid var(--line2);border-radius:2px;width:38px;height:38px}
.mh-nav .elementor-nav-menu--dropdown{background:rgba(10,10,10,.96);border:1px solid var(--line2)}
.mh-nav .elementor-nav-menu--dropdown .elementor-item{font:500 15px var(--sans);color:var(--ink);padding:14px 18px}
.mh-nav .elementor-nav-menu--dropdown .elementor-item:hover{background:rgba(238,235,229,.06);color:var(--acc)}
@media (max-width:1180px){.mh-nav .elementor-nav-menu--main{display:none!important}.mh-nav .elementor-menu-toggle{display:flex!important}
  .mh-nav .elementor-nav-menu--dropdown.elementor-nav-menu__container{display:block!important}}
/* 7. Theme widgets: post info, TOC, author box, breadcrumbs */
:where(.mh-c) .elementor-post-info{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px}
.mh-c .elementor-post-info .elementor-icon-list-icon{display:none}
.mh-c .elementor-post-info a{color:inherit;text-decoration:none}
.toc-wrap .elementor-toc{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;--header-color:var(--ink3);--item-text-color:var(--ink2);--item-text-hover-color:var(--ink);--marker-color:var(--acc);--item-text-active-color:var(--ink)}
.toc-wrap .elementor-toc__header{padding:14px 0;border:0;background:none}
.toc-wrap .elementor-toc__header-title{font:400 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.toc-wrap .elementor-toc__body{padding:0}
.toc-wrap .elementor-toc__list-item-text{font:500 13.5px/1.35 var(--sans)}
.toc-wrap .elementor-toc__list-item-text.elementor-item-active{color:var(--ink);font-weight:500}
.mh-author .elementor-author-box{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:start}
.mh-author .elementor-author-box__avatar img{width:72px;height:72px;border-radius:0;filter:grayscale(1)}
.mh-author .elementor-author-box__name{font:500 18px var(--sans);color:var(--ink);margin:0 0 6px}
.mh-author .elementor-author-box__bio{color:var(--ink2);font-size:15px}
.mh-crumb .rank-math-breadcrumb p{margin:0;font:400 10.5px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.mh-crumb .rank-math-breadcrumb a{color:var(--ink2);text-decoration:none}
.mh-crumb .rank-math-breadcrumb .separator{margin:0 8px;color:var(--acc)}
/* 8. Theme (Hello Elementor) defaults the concept doesn't use */
body.mh-site{background:var(--bg);color:var(--ink)}
body.mh-site .site-header,body.mh-site .site-footer{display:none}
body.mh-site .page-header{display:none}
body.mh-site main.site-main{max-width:none;padding:0;margin:0}
/* 9. Editor: reveal-on-scroll elements and the HUD are static while editing */
body.elementor-editor-active .rv,body.elementor-editor-active .hin{opacity:1!important;transform:none!important}
body.elementor-editor-active .sv-src{position:static!important;width:auto!important;height:auto!important;opacity:.5;clip-path:none}
/* 10. Shortcode output that replaces a group of elements (hub box, booking iframe) stays layout-transparent */
.hub .elementor-shortcode,.book-f .elementor-shortcode{display:contents}
/* 11. Footer service links (Pro Nav Menu "footer-menu", vertical) look like the concept's plain link list */
.mh-foot-nav .elementor-nav-menu--main .elementor-nav-menu{flex-direction:column;gap:0}
.mh-foot-nav .elementor-nav-menu--main .elementor-item{display:block;padding:0;line-height:1.9;font:inherit;color:var(--ink2)}
.mh-foot-nav .elementor-nav-menu--main .elementor-item:hover,.mh-foot-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--ink)}
.mh-foot-nav .elementor-item:before,.mh-foot-nav .elementor-item:after{display:none}
.mh-foot-nav .elementor-menu-toggle{display:none}

/* 12. Hello's reset.css removes link underlines and colours links #c36/#336; the design relies on the browser default
   for plain inline links (no class), e.g. "Talk to us about your project." and the footer "Credits". */
body.mh-site :where(a:not([class])){text-decoration:underline}
body.mh-site :where(a:hover,a:active){color:inherit}