/* ЄвроХост 10.11.2026 v3: шапка, підвал, шрифт і фон кабінету за затвердженим макетом (лише my.evrohost.com.ua) */
:root{--ev-ink:#0d1b34;--ev-ink2:#3a4760;--ev-mut:#6b7891;--ev-line:#e3e8f1;--ev-bg:#f4f7fc;--ev-blue:#1a56db;--ev-blue-d:#1446b8}
html[data-bs-theme],body{font-family:'Onest',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important}
body{background:var(--ev-bg)!important;color:var(--ev-ink)}
body::before,body::after{display:none!important;content:none!important;background:none!important}
.js-theme-toggler{display:none!important}
/* шапка */
.ev-hdr,.ev-foot{margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}
.ev-hdr{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--ev-line);margin-bottom:24px}
.ev-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ev-hdr>.ev-wrap{display:flex;align-items:center;gap:28px;height:72px}
.ev-logo{display:flex;align-items:center;gap:10px;flex:none;text-decoration:none!important}
.ev-logo b{font-size:21px;font-weight:700;letter-spacing:-.02em;color:var(--ev-ink)}
.ev-logo b span{color:var(--ev-blue)}
.ev-logo-sm b{font-size:17px}
.ev-nav{display:flex;gap:2px;flex:1;min-width:0}
.ev-nav a{padding:8px 13px;border-radius:8px;font-weight:500;font-size:15px;color:var(--ev-ink2)!important;text-decoration:none!important;white-space:nowrap}
.ev-nav a:hover,.ev-nav a.on{color:var(--ev-ink)!important;background:var(--ev-bg)}
.ev-nav a.on{font-weight:600}
.ev-right{display:flex;align-items:center;gap:8px;flex:none}
.ev-lang{display:flex;align-items:center;gap:4px;padding:0 6px 0 10px;height:40px;border-radius:8px;color:var(--ev-ink2);cursor:pointer;margin:0}
.ev-lang:hover{background:var(--ev-bg)}
.ev-lang select{border:0;background:transparent;font:inherit;font-weight:600;font-size:14px;color:var(--ev-ink2);cursor:pointer;outline:0;padding:0 2px;appearance:auto}
.ev-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:10px;font-weight:600;font-size:15px;white-space:nowrap;text-decoration:none!important;border:1px solid transparent;transition:background .15s,border-color .15s}
.ev-ghost{border-color:var(--ev-line);color:var(--ev-ink)!important;background:#fff}
.ev-ghost:hover{border-color:#c9d3e3;background:var(--ev-bg)}
.ev-pri{background:var(--ev-blue);color:#fff!important}
.ev-pri:hover{background:var(--ev-blue-d)}
.ev-user .dropdown-toggle::after{margin-left:2px}
.ev-uname{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.ev-icon{display:none;width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center;color:var(--ev-ink)!important;background:none;border:0}
.ev-icon:hover{background:var(--ev-bg)}
.ev-mnav{border-top:1px solid var(--ev-line);background:#fff;padding:6px 16px 16px}
.ev-mnav[hidden]{display:none!important}
.ev-mnav>a{display:block;padding:14px 4px;font-size:17px;font-weight:600;color:var(--ev-ink)!important;text-decoration:none!important;border-bottom:1px solid var(--ev-line)}
.ev-mnav-foot{display:grid;gap:10px;padding-top:14px}
.ev-mnav-foot .ev-btn{height:48px;font-size:16px}
/* підвал */
.ev-foot{border-top:1px solid var(--ev-line);background:#fff;margin-top:40px;padding:22px 0 26px;font-size:14px}
.ev-foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ev-foot-links{display:flex;gap:6px 20px;flex-wrap:wrap}
.ev-foot-links a{color:var(--ev-ink2)!important;text-decoration:none!important}
.ev-foot-links a:hover{color:var(--ev-blue)!important}
.ev-foot-legal{display:flex;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-top:14px;color:var(--ev-mut);font-size:13px}
/* старі елементи, яких у шапці ЄвроХост бути не повинно */
#footer,.mer-foot-trust{display:none!important}
/* кнопки й картки ближче до сайту */
.btn{border-radius:10px}
.btn-primary{--bs-btn-bg:var(--ev-blue);--bs-btn-hover-bg:var(--ev-blue-d);--bs-btn-active-bg:var(--ev-blue-d);background-color:var(--ev-blue)!important}
.card{border-radius:14px!important;border-color:var(--ev-line)!important;box-shadow:0 1px 2px rgba(13,27,52,.05)!important}
@media (max-width:1100px){.ev-nav a{padding:8px 9px;font-size:14.5px}}
@media (max-width:900px){
  .ev-nav,.ev-hide-m,.ev-lang{display:none!important}
  .ev-show-m{display:inline-flex}
  .ev-hdr>.ev-wrap{justify-content:space-between;height:64px;gap:8px}
  .ev-wrap{padding:0 16px}
  .ev-uname{display:none}
  .ev-hdr{margin-bottom:14px}
}
.ev-mlang{height:46px;border:1px solid var(--ev-line);border-radius:10px;padding:0 12px;font:inherit;background:#fff;color:var(--ev-ink)}
html,body{overflow-x:clip}
/* мова в шапці: компактно */
.ev-lang .ts-wrapper{width:60px!important;min-width:0!important;max-width:60px!important;flex:none!important}
.ev-lang .ts-control>input{width:0!important;min-width:0!important;flex:0 0 0!important}
.ev-lang .ts-control{border:0!important;background:transparent!important;box-shadow:none!important;padding:6px 22px 6px 2px!important;min-height:0!important;font-weight:600;font-size:14px;color:var(--ev-ink2)}
.ev-lang .ts-dropdown{min-width:96px;right:0;left:auto}
/* пошук зони домену */
#md-tld + .ts-wrapper .ts-control{min-height:46px;border-radius:10px;align-items:center}
#md-tld + .ts-wrapper .ts-dropdown{border-radius:10px;box-shadow:0 12px 32px -12px rgba(13,27,52,.25)}
#md-tld + .ts-wrapper .ts-dropdown .option{padding:9px 12px}
#md-tld + .ts-wrapper .ts-dropdown .active{background:var(--ev-blue);color:#fff}
/* замовлення: одна валюта (UAH) - вибір не потрібен */
.card-header label:has(#currency){display:none!important}
/* термін оплати в один рядок, на телефоні гортається пальцем */
.ho-billing-toggle{display:flex!important;flex-wrap:nowrap!important;flex-direction:row!important;overflow-x:auto;scrollbar-width:none;max-width:100%!important;width:max-content;-webkit-overflow-scrolling:touch}
.ho-billing-toggle::-webkit-scrollbar{display:none}
.ho-billing-toggle .ho-bt{flex:none!important;white-space:nowrap}
@media (max-width:640px){
  .ho-billing-toggle{width:100%}
  .ho-billing-toggle .ho-bt{padding:9px 14px;font-size:14px}
  /* менше вкладених рамок і відступів */
  .content-block>.card>.card-body,.content-block>.card>.card-header{padding-left:12px!important;padding-right:12px!important}
  .ho-order-card .accordion-item{border-left:0!important;border-right:0!important;border-radius:0!important}
  .ho-order-card .accordion-button{padding:14px 12px!important}
  .ho-order-card .accordion-body{padding:12px 4px!important}
  #wrapper{padding:0}
}
/* панель клієнта: пласкі білі картки й сині кнопки замість градієнтів */
.svc{background:#fff!important;border:1px solid var(--ev-line)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(13,27,52,.05)}
.dash-card{background:#fff!important;border:1px solid var(--ev-line)!important;border-radius:14px!important}
.paybox{background:#fff7f6!important;border-color:rgba(217,48,37,.28)!important}
a.dash-btn,.dash-btn{background:#fff!important;border:1px solid var(--ev-line)!important;color:var(--ev-ink)!important;border-radius:10px!important}
a.dash-btn:hover,.dash-btn:hover{background:var(--ev-bg)!important}
a.dash-btn--main,.dash-btn--main{background:var(--ev-blue)!important;background-image:none!important;border-color:transparent!important;color:#fff!important;box-shadow:none!important}
a.dash-btn--main:hover,.dash-btn--main:hover{background:var(--ev-blue-d)!important}
.svc .badge,.dash .badge{border-radius:6px}
/* бокове меню: активний пункт у кольорі бренду */
.list-group-item.active,.nav-pills .nav-link.active{background:var(--ev-blue-50,#eef3ff)!important;color:var(--ev-blue)!important;border-color:transparent!important}