/* Mehr Media – page styling for Hello Elementor (2026-10-04) */
:root{--mb-p:#85378d;--mb-p2:#6a2c91;--mb-p3:#a24bb0;--mb-ink:#2b2140;--mb-text:#454a5a;--mb-muted:#6b7080;--mb-bg:#f6f4f9;--mb-line:#ece7f2;--mb-radius:18px;--mb-shadow:0 10px 30px rgba(68,30,96,.08)}
/* ---------- plain pages & posts (Hello templates) ---------- */
body.mb-plain{background:var(--mb-bg)}
body.mb-plain .site-main .page-header,.mph-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--mb-p2) 0%,var(--mb-p) 55%,var(--mb-p3) 100%)!important;padding:64px 20px 88px!important;margin:0!important;text-align:center}
body.mb-plain .site-main .page-header:before,.mph-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 85% 0%,rgba(255,255,255,.18),transparent 70%),radial-gradient(500px 200px at 10% 100%,rgba(255,255,255,.10),transparent 70%);pointer-events:none}
body.mb-plain .site-main .page-header .entry-title,.mph-hero__title{position:relative;color:#fff!important;font-size:clamp(24px,3.2vw,36px)!important;font-weight:800!important;margin:0!important;line-height:1.5}
.mph-hero__sub{position:relative;color:rgba(255,255,255,.88);margin:10px 0 0!important;font-size:15px}
.mph-hero{margin-bottom:-40px!important;padding-bottom:96px!important}
.mph-hero+.elementor{position:relative;z-index:1}
body.mb-plain .site-main>.page-content,body.mb-plain .site-main .page-content{position:relative;z-index:1;max-width:1080px!important;margin:-48px auto 56px!important;padding:40px 44px!important;background:#fff;border-radius:var(--mb-radius);box-shadow:var(--mb-shadow)}
body.mb-plain .page-content p,body.mb-plain .page-content li{font-size:15.5px;line-height:2.05;color:var(--mb-text)}
body.mb-plain .page-content strong{color:var(--mb-ink)}
body.mb-plain .page-content h2,body.mb-plain .page-content h3,body.mb-plain .page-content h4{color:var(--mb-p2)!important;font-weight:700!important;margin:1.8rem 0 .9rem!important;line-height:1.6}
body.mb-plain .page-content>h2:first-child,body.mb-plain .page-content>h3:first-child{margin-top:0!important}
body.mb-plain .page-content a{color:var(--mb-p)!important}
body.mb-plain .page-content img{max-width:100%;height:auto;border-radius:12px}
body.mb-plain .page-content pre,body.mb-plain .page-content code{direction:ltr;text-align:left;font-family:ui-monospace,Consolas,monospace}
body.mb-plain .page-content pre{background:#1f1630;color:#f3eefa;border-radius:12px;padding:16px 18px;overflow:auto;margin:1rem 0 1.4rem}
body.mb-plain .post-tags,body.mb-plain #comments{max-width:1080px!important;margin:0 auto 40px!important;padding:32px 44px!important;background:#fff;border-radius:var(--mb-radius);box-shadow:var(--mb-shadow)}
body.mb-plain #comments .comment-reply-title,body.mb-plain #comments .title-comments{color:var(--mb-ink);font-weight:700;margin-bottom:12px}
@media (max-width:767px){
 body.mb-plain .site-main .page-header,.mph-hero{padding:44px 16px 72px!important}
 body.mb-plain .site-main .page-content{margin:-40px 12px 32px!important;padding:24px 18px!important;border-radius:14px}
 body.mb-plain .page-content p{font-size:15px;line-height:1.95}
 body.mb-plain .post-tags,body.mb-plain #comments{margin:0 12px 28px!important;padding:22px 18px!important}
}
/* ---------- WPBakery content inside plain pages ---------- */
body.mb-plain .page-content .vc_row{margin-left:-12px;margin-right:-12px;display:flex;flex-wrap:wrap}
body.mb-plain .page-content .vc_column_container>.vc_column-inner{padding:0 12px}
body.mb-plain .page-content .wpb_content_element{margin-bottom:24px}
/* tariff: voice price boxes */
body.mb-plain .vcex-icon-box{background:#fff;border:1px solid var(--mb-line);border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(68,30,96,.06);text-align:center;padding-bottom:14px;transition:transform .2s,box-shadow .2s}
body.mb-plain .vcex-icon-box:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(68,30,96,.12)}
body.mb-plain .vcex-icon-box img{width:100%;height:170px;object-fit:cover;border-radius:0!important;margin:0 0 14px}
body.mb-plain .vcex-icon-box-heading{font-size:18px!important;margin:0 14px 6px!important;color:var(--mb-ink)!important}
body.mb-plain .vcex-icon-box-content{padding:0 14px;color:var(--mb-muted)}
body.mb-plain .vcex-callout.callout-price-box{margin:-4px 14px 0;background:var(--mb-bg)!important;border:0!important;border-radius:12px;padding:10px!important;text-align:center}
body.mb-plain .vcex-callout.callout-price-box *{color:var(--mb-p2)!important;font-weight:800}
/* tariff: ADSL pricing tables */
body.mb-plain .vcex-pricing{background:#fff;border:1px solid var(--mb-line)!important;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px rgba(68,30,96,.06);height:100%}
body.mb-plain .vcex-pricing-header{background:linear-gradient(135deg,var(--mb-p2),var(--mb-p))!important;color:#fff!important;font-weight:800;font-size:18px!important;padding:14px!important;text-align:center;direction:ltr}
body.mb-plain .vcex-pricing-header *{color:#fff!important}
body.mb-plain .vcex-pricing-cost{background:var(--mb-bg)!important;padding:12px!important;text-align:center;border:0!important}
body.mb-plain .vcex-pricing-cost *{color:var(--mb-ink)!important;font-weight:700}
body.mb-plain .vcex-pricing-content{padding:8px 16px 14px!important;font-size:14px}
body.mb-plain .vcex-pricing-content p,body.mb-plain .vcex-pricing-content li{font-size:14px!important;line-height:1.9!important;margin:0!important;padding:7px 0;border-bottom:1px dashed var(--mb-line)}
body.mb-plain .vcex-pricing-content p:last-child,body.mb-plain .vcex-pricing-content li:last-child{border-bottom:0}
body.mb-plain .vcex-bullets ul li{position:relative;padding-right:26px!important;margin-bottom:8px}
body.mb-plain .vcex-bullets ul li:before{content:"";position:absolute;right:0;top:.75em;width:12px;height:12px;border-radius:50%;background:var(--mb-p);box-shadow:0 0 0 4px #f1e6f4}
body.mb-plain .vcex-bullets .vcex-icon,body.mb-plain .vcex-bullets .ticon{display:none!important}
body.mb-plain .text-success{color:var(--mb-p)!important}
@media (max-width:767px){body.mb-plain .page-content .vc_column_container{width:100%!important}body.mb-plain .vcex-pricing,body.mb-plain .vcex-icon-box{margin-bottom:16px}}
/* ---------- Elementor text pages: VPS (7749), About (5223) ---------- */
.elementor-7749 .elementor-widget-text-editor,.elementor-5223 .elementor-widget-text-editor{background:#fff;border-radius:var(--mb-radius);box-shadow:var(--mb-shadow);padding:34px 40px}
.elementor-7749 .elementor-widget-text-editor p,.elementor-7749 .elementor-widget-text-editor li,.elementor-5223 .elementor-widget-text-editor p{line-height:2.05;color:var(--mb-text)}
.elementor-7749 .elementor-widget-text-editor h2,.elementor-7749 .elementor-widget-text-editor h3{color:var(--mb-p2)!important;font-weight:700!important;margin:1.4rem 0 .8rem!important}
.elementor-7749 .elementor-widget-text-editor ol{padding-right:1.4rem!important;list-style:decimal}
.elementor-7749 .elementor-widget-text-editor ol li{margin-bottom:10px}
body.page-id-7749,body.page-id-5223{background:var(--mb-bg)}
body.page-id-5223 .elementor-5223>.elementor-element,body.page-id-5223 .elementor-5223>.elementor-section{padding-top:28px}
@media (max-width:767px){.elementor-7749 .elementor-widget-text-editor,.elementor-5223 .elementor-widget-text-editor{padding:22px 18px;border-radius:14px}}
/* ---------- header menu: never wrap on 1025–1440 px ---------- */
@media (min-width:1025px){.elementskit-navbar-nav{flex-wrap:nowrap!important}.elementskit-navbar-nav>li>a{white-space:nowrap}}
@media (min-width:1025px) and (max-width:1280px){.elementskit-navbar-nav>li>a{padding-left:3px!important;padding-right:3px!important;font-size:12.5px!important}}
/* WPBakery/Total "i.icon{width:16px}" widened the ElementsKit submenu arrows -> header menu wrapped */
.elementskit-navbar-nav i.icon.elementskit-submenu-indicator,.ekit-wid-con i.icon{width:auto!important;height:auto!important;line-height:inherit!important;vertical-align:baseline!important}

/* phase5: reserve scrollbar to avoid a full-page layout shift (CLS) */
html{overflow-y:scroll}