/* =========================================================
   HSTQ — WHMCS Full Skin (unified auth / guest)
   Палитра: navy #080245, aqua #3fd7d7
   Шрифты: Poppins (заголовки), Nunito (текст)
   ========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&family=Poppins:wght@600;700;800&display=swap");

:root{
  --hstq-navy:#080245;
  --hstq-aqua:#3fd7d7;
  --hstq-slate:#0e0e2b;
  --hstq-bg:#f1f9f9;
  --hstq-text:#151522;
  --hstq-muted:#666b85;
  --hstq-white:#fff;
  --hstq-success:#21c197;
  --hstq-warning:#ffb34d;
  --hstq-danger:#ff5a6b;
  --r-sm:12px;
  --r:16px;
  --r-lg:22px;
  --shadow:0 10px 30px rgba(8,2,69,.08), 0 2px 8px rgba(8,2,69,.06);
}

/* ========= БАЗА / ТИПОГРАФИКА (везде) ===================== */
html,body{font-family:"Nunito",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif !important; color:var(--hstq-text)}
h1,h2,h3,h4,.panel-title,.product-title,.page-header h1,.hero>h1{
  font-family:"Poppins",sans-serif !important; color:var(--hstq-navy); font-weight:800; letter-spacing:.2px
}
h1{font-size:40px} h2{font-size:32px} h3{font-size:26px}
.lead{color:var(--hstq-muted)}
a{color:var(--hstq-navy)} a:hover,a:focus{color:var(--hstq-aqua);text-decoration:none}

/* ========= КНОПКИ ========================================= */
.btn{border-radius:var(--r) !important;border:0 !important;box-shadow:none !important;transition:.18s}
.btn-primary{background:var(--hstq-navy) !important}
.btn-primary:hover{background:#0a065a !important}
.btn-default,.btn-light{background:#eef2ff !important;color:var(--hstq-navy)!important}
.btn-default:hover,.btn-light:hover{background:#e3e9ff !important}
.btn-success{background:var(--hstq-success)!important}
.btn-warning{background:var(--hstq-warning)!important}
.btn-danger{background:var(--hstq-danger)!important}
.btn-outline{background:transparent!important;border:2px solid var(--hstq-navy)!important;color:var(--hstq-navy)!important}
.btn-outline:hover{background:var(--hstq-navy)!important;color:#fff!important}

/* ========= ВЕРХНЕЕ МЕНЮ (авторизован/гость) =============== */
.navbar-main,.navbar,.navbar-default{
  background:#fff !important; border:0 !important; box-shadow:var(--shadow) !important;
}
.navbar-main .navbar-brand img,.navbar-default .navbar-brand img{max-height:44px !important}
.navbar-main .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a{
  font-weight:700; color:var(--hstq-navy)!important; padding:12px 16px !important; border-radius:10px !important;
}
.navbar-main .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:hover{
  background:#eef2ff !important; color:var(--hstq-navy)!important;
}
.navbar-main .navbar-nav>li.active>a,
.navbar-default .navbar-nav>li.active>a{
  background:#e9fbfb !important; color:var(--hstq-navy)!important;
}
/* Выпадающее меню (оба состояния) */
.dropdown-menu{
  border:0 !important; border-radius:14px !important; overflow:hidden; padding:6px !important; box-shadow:var(--shadow) !important; background:#fff !important;
}
.dropdown-menu>li>a,.dropdown-item{padding:10px 14px !important;color:#232343!important;border-radius:10px!important}
.dropdown-menu>li>a:hover,.dropdown-item:hover{background:#eef6ff!important;color:var(--hstq-navy)!important}

/* ========= БОКОВОЕ МЕНЮ (есть у авторизованных; но стиль общий) */
#secondary-sidebar,.sidebar,.client-sidebar{background:transparent !important}
#secondary-sidebar .list-group,.sidebar .list-group{
  border:0 !important; border-radius:var(--r-lg) !important; box-shadow:var(--shadow)!important; overflow:hidden; background:#fff !important;
}
#secondary-sidebar .list-group-item,.sidebar .list-group-item{
  border:0 !important; padding:12px 14px !important; color:#2a2a44 !important; display:flex;align-items:center;gap:10px
}
#secondary-sidebar .list-group-item:hover,#secondary-sidebar .list-group-item.active,
.sidebar .list-group-item:hover,.sidebar .list-group-item.active{
  background:linear-gradient(90deg,#eefaff,#e9fbfb) !important; color:var(--hstq-navy)!important
}
#secondary-sidebar .list-group-item i.fa,.sidebar .list-group-item i.fa{color:#95a0c8;width:18px;text-align:center}
#secondary-sidebar .list-group-item.active i.fa,.sidebar .list-group-item.active i.fa{color:var(--hstq-aqua)}

/* ========= ПАНЕЛИ/КАРТОЧКИ ================================== */
.panel,.panel-default,.card,.well,.tile,.marketconnect-service{
  border:0 !important; border-radius:var(--r) !important; box-shadow:var(--shadow)!important; background:#fff !important;
}
.panel-heading,.card-header{
  border:0 !important; background:linear-gradient(180deg,#fff,#f6f9ff)!important;
  border-top-left-radius:var(--r); border-top-right-radius:var(--r)
}
.panel-body,.card-body{background:#fff !important}

/* ========= ТАБЛИЦЫ =========================================== */
.table{border-collapse:separate !important;border-spacing:0 10px !important}
.table>thead>tr>th{border:0 !important;color:var(--hstq-navy)!important;font-weight:800!important}
.table>tbody>tr{background:#fff !important; box-shadow:var(--shadow) !important}
.table>tbody>tr>td{border:0 !important}
.table>tbody>tr>td:first-child{border-top-left-radius:var(--r);border-bottom-left-radius:var(--r)}
.table>tbody>tr>td:last-child{border-top-right-radius:var(--r);border-bottom-right-radius:var(--r)}

/* ========= ФОРМЫ/АЛЕРТЫ ====================================== */
.form-control{border-radius:12px !important;border:1px solid #e6e8f5 !important;box-shadow:none !important}
.form-control:focus{border-color:var(--hstq-aqua)!important;box-shadow:0 0 0 3px rgba(63,215,215,.15)!important}
.input-group-addon{border:0!important;background:#eef6f6!important;color:#245!important}
.alert{border:0!important;border-left:6px solid transparent!important;border-radius:12px!important;box-shadow:var(--shadow)!important}
.alert-info{background:#e9fbfb!important;border-left-color:var(--hstq-aqua)!important;color:#123!important}
.alert-success{background:#e8fbf5!important;border-left-color:var(--hstq-success)!important}
.alert-warning{background:#fff6ea!important;border-left-color:var(--hstq-warning)!important}
.alert-danger{background:#ffeef1!important;border-left-color:var(--hstq-danger)!important}

/* ========= ГЕРОЙ/ДЖАМБО (гость и авторизован) ================ */
.hero,.jumbotron{
  background:linear-gradient(135deg,#173b63,#0b1540)!important;color:#fff!important;border-radius:24px!important;box-shadow:var(--shadow)!important
}
.hero .btn-primary{background:var(--hstq-aqua)!important;color:#052a2a!important}

/* ========= ПЛИТКИ / СЕТКИ с ОТСТУПАМИ (везде) ================ */
/* Универсальный «gap» без ломания Bootstrap: добавим внутренние паддинги и внешний отступ */
.hstq-grid-gap .row{margin-left:-10px;margin-right:-10px}
.hstq-grid-gap .row>[class*="col-"]{padding-left:10px;padding-right:10px}
.hstq-grid-gap .row>[class*="col-"]>.panel,
.hstq-grid-gap .row>[class*="col-"]>.card{margin-bottom:20px}

/* Принудительно применим на частых контейнерах */
.client-home .row,[class*="homepage-panels"] .row,.home .row{margin-left:-10px;margin-right:-10px}
.client-home .row>[class*="col-"],[class*="homepage-panels"] .row>[class*="col-"],.home .row>[class*="col-"]{padding-left:10px;padding-right:10px}
.client-home .row>[class*="col-"]>.panel,
.client-home .row>[class*="col-"]>.card,
.home .row>[class*="col-"]>.panel,
.home .row>[class*="col-"]>.card{margin-bottom:20px}

/* Выравнивание плиток по высоте (карточки продуктов/панели) */
.client-home .row>[class*="col-"],.home .row>[class*="col-"]{display:flex}
.client-home .row>[class*="col-"]>.panel,
.client-home .row>[class*="col-"]>.card,
.home .row>[class*="col-"]>.panel,
.home .row>[class*="col-"]>.card{display:flex;flex-direction:column;flex:1 1 auto}
.panel .panel-body,.card .card-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:space-between}

/* ========= «Как мы можем помочь» / «Ваш аккаунт» (тайлы) ===== */
.client-home .home-shortcuts .panel,.home .home-shortcuts .panel{
  border-radius:16px!important;box-shadow:var(--shadow)!important;overflow:hidden;background:#fff!important
}
.client-home .home-shortcuts .panel::before,.home .home-shortcuts .panel::before{
  content:"";display:block;height:3px;width:100%;background:linear-gradient(90deg,var(--hstq-aqua),#5f80ff)
}
.client-home .home-shortcuts .panel .panel-body,.home .home-shortcuts .panel .panel-body{padding:20px 22px!important}

/* ========= Standard Cart ===================================== */
#order-standard_cart .view-cart-items,
#order-standard_cart .products .product,
#order-standard_cart .products .product .price{border:0!important}
#order-standard_cart .products .product{border-radius:18px!important;box-shadow:var(--shadow)!important;overflow:hidden;background:#fff!important}
#order-standard_cart .product .product-header{background:linear-gradient(180deg,#ffffff,#f6fbff)!important;padding:18px 20px!important}
#order-standard_cart .product .product-title{font-family:"Poppins";font-weight:800;color:var(--hstq-navy)!important}
#order-standard_cart .product .price{color:var(--hstq-aqua)!important;font-weight:800!important;font-size:22px!important}
#order-standard_cart .summary-container{border-radius:18px!important;box-shadow:var(--shadow)!important}
#order-standard_cart .order-summary{background:#fff!important;border:0!important;border-radius:18px!important}
#order-standard_cart .order-summary .total-due-today .amt{color:var(--hstq-navy)!important;font-weight:800!important}
#order-standard_cart .btn-checkout,#order-standard_cart .btn-primary{background:var(--hstq-navy)!important}
#order-standard_cart .btn-continue-shopping{background:#eef2ff!important;color:var(--hstq-navy)!important}

/* ========= Домены/Анонсы/Тикеты =============================== */
.domainchecker-homepage-cards .card{border-radius:18px!important;box-shadow:var(--shadow)!important}
.domainchecker-homepage .btn-primary{background:var(--hstq-navy)!important}
.announcements .panel{border:0!important}
.ticket-reply .panel-body{background:#f9fbff!important}
.ticket-reply .user .panel-body{background:#fff!important}

/* ========= Footer ============================================= */
#footer,.site-footer{background:var(--hstq-navy)!important;color:#cfd2ff!important}
#footer a,.site-footer a{color:#cfeff0!important} #footer a:hover{color:#fff!important}

/* ========= Хлебные крошки/мелочи ============================== */
.breadcrumb{background:transparent!important}
.breadcrumb>li+li:before{color:#aab}

/* ========= Адаптив ============================================ */
@media (max-width:991px){
  h1{font-size:34px} h2{font-size:28px}
  .navbar-main,.navbar,.navbar-default{box-shadow:none !important}
  .panel,.card{border-radius:20px!important}
  .client-home .home-shortcuts .panel .panel-body,.home .home-shortcuts .panel .panel-body{padding:18px!important}
}