
/* Mechanics only. The mega menu's visual design is an Elementor template. */
.cphgi-hosting-trigger{position:relative!important}
.cphgi-hosting-trigger,.cphgi-hosting-trigger>ul{overflow:visible!important}
.cphgi-mega-shell{
 position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-22%);
 width:min(1120px,94vw);background:#fff;border-radius:18px;padding:8px;
 box-shadow:0 30px 75px rgba(4,24,65,.19);z-index:999999;
 opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease;text-align:left;
}
.cphgi-mega-shell:before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.cphgi-hosting-trigger:hover .cphgi-mega-shell,.cphgi-hosting-trigger.cphgi-open .cphgi-mega-shell{
 opacity:1;visibility:visible;pointer-events:auto
}
.cphgi-email-menu>a{font-weight:700!important}
@media(max-width:1000px){
 .cphgi-mega-shell{position:fixed;left:14px;right:14px;top:88px;transform:none;width:auto;max-height:78vh;overflow:auto}
}


/* v2: Mega menu sits after the Hosting anchor, never inside title text. */
.cphgi-hosting-trigger>.cphgi-mega-shell{
  font:initial!important;
  text-transform:none!important;
  letter-spacing:normal!important;
  white-space:normal!important;
  line-height:normal!important;
  color:initial!important;
}
.cphgi-hosting-trigger>.cphgi-mega-shell a{white-space:normal!important}


/* v5 — Business Email / Mail Quotas menu item: white card/pill */
.cphgi-email-menu > a,
.menu-item.cphgi-email-menu > a{
  background:#fff !important;
  color:#071F18 !important;
  border:1px solid #DCEBE3 !important;
  border-radius:12px !important;
  padding:10px 16px !important;
  box-shadow:0 8px 22px rgba(11,35,84,.08) !important;
}
.cphgi-email-menu > a:hover,
.menu-item.cphgi-email-menu > a:hover{
  background:#fff !important;
  color:#3FD486 !important;
  border-color:#C9DCF8 !important;
}

/* v6 homepage green identity */
.cphgi-mega-shell{box-shadow:0 30px 75px rgba(3,31,23,.20)}
.cphgi-email-menu>a,.menu-item.cphgi-email-menu>a{background:#fff!important;color:#071F18!important;border-color:#DCEBE3!important}
.cphgi-email-menu>a:hover,.menu-item.cphgi-email-menu>a:hover{background:#fff!important;color:#2DBD74!important;border-color:#BFE6D0!important}

/* v6.1 readability + final green identity */
.cphg-service-hero .elementor-heading-title,
.cphg-service-hero .elementor-widget-text-editor,
.cphg-service-hero .elementor-widget-text-editor *,
.cphg-service-hero .elementor-icon-list-text,
.cphg-hero-left .elementor-heading-title,
.cphg-hero-left .elementor-widget-text-editor,
.cphg-hero-left .elementor-widget-text-editor *,
.cphg-hero-left .elementor-icon-list-text {
    color:#FFFFFF !important;
}
.cphg-price-head,.cphg-offer-head,
.cphg-price-card .cphg-price-head,
.cphg-offer-card .cphg-offer-head {
    background:#08783E !important;
    background-image:linear-gradient(100deg,#075B32 0%,#13A85A 100%) !important;
}
.cphg-reseller-banner,.cphg-email-banner,.cphg-explore-banner {
    margin:50px !important;
    width:calc(100% - 100px) !important;
    max-width:none !important;
}
@media(max-width:767px){
 .cphg-reseller-banner,.cphg-email-banner,.cphg-explore-banner{
   margin:20px !important;width:calc(100% - 40px) !important;
 }
}

/* v6.2 final green/readability fallback */
.hg-hero-left,
.hg-hero-left h1,.hg-hero-left h2,.hg-hero-left h3,.hg-hero-left p,
.hg-hero-left b,.hg-hero-left small,
.hg-hero-left .hg-metrics b,.hg-hero-left .hg-metrics small{
  color:#fff !important;
}
.hg-badge{background:#119447 !important;color:#fff !important;}
.hg-price-top{
  background:#08783E !important;
  background-image:linear-gradient(135deg,#075B32,#13A85A) !important;
}

/* v6.3 comparison + orange WHMCS CTA */
.hg-compare{align-items:stretch!important}
.hg-compare>div,.hg-compare .hg-compare-col,.hg-compare table{height:100%!important}
.hg-compare thead tr{height:82px!important}
.hg-compare thead th{
 height:82px!important;min-height:82px!important;padding:16px 12px!important;
 vertical-align:middle!important;box-sizing:border-box!important;line-height:1.35!important;
}
.hg-cta,.hg-bottom-cta,.hg-ready-cta{
 background:#FFB51B!important;background-image:none!important;color:#06261C!important;
}
.hg-cta *,.hg-bottom-cta *,.hg-ready-cta *{color:#06261C!important}
.hg-cta a,.hg-bottom-cta a,.hg-ready-cta a{
 background:#06261C!important;color:#fff!important;border-color:#06261C!important;
}

/* v6.4 exact table header height + orange Order Now CTA */
.hg-compare-grid{align-items:stretch!important}
.hg-compare-table{height:100%!important}
.hg-compare-table table{height:100%!important}
.hg-compare-table thead tr{height:84px!important}
.hg-compare-table thead th{
  height:84px!important;min-height:84px!important;vertical-align:middle!important;
  padding:16px 10px!important;line-height:1.35!important;box-sizing:border-box!important;
}
.hg-order-final{
  background:#FFB51B!important;background-image:none!important;color:#06261C!important;
}
