/* =====================================================================
   CCN Technologies — Espace client WHMCS aligné sur le Design A du site
   (octobre 2026). Chargé par includes/hooks/ccn_design_a.php.
   Pour revenir à l'ancien habillage : retirer le hook (le thème hostma-hosting n'est pas modifié).
   ===================================================================== */
:root{
  --primary-rgb:15,58,79;          /* bleu nuit CCN #0f3a4f */
  --secondary-rgb:23,202,104;      /* vert CCN #17ca68 */
  --success-rgb:23,202,104;
  --heading-color:#0f3a4f;
  --default-color:#1f3b4d;
  --text-muted:#4f6676;
  --border-color:#e3eaf1;
  --ccn-navy:#0f3a4f; --ccn-blue:#245580; --ccn-green:#17ca68; --ccn-green-dark:#12b35b; --ccn-ink:#062a17;
  --ccn-bg:#f2f6fa; --ccn-line:#e3eaf1; --ccn-line-strong:#c9d6e2;
}
body{font-family:'Source Sans 3',system-ui,sans-serif;color:#1f3b4d;font-size:16.5px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.btn,.navbar,.card-title,.panel-title,.breadcrumb,.nav-link,.list-group-item,label{font-family:'Urbanist',system-ui,sans-serif}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:var(--ccn-navy);font-weight:800;letter-spacing:-.01em}
a{color:var(--ccn-blue)} a:hover{color:var(--ccn-navy)}
.primary-bg-color{background-color:var(--ccn-bg)!important}

/* ---------- En-tête blanc, comme le site ---------- */
header.header{background:#fff!important;border-bottom:1px solid var(--ccn-line);box-shadow:0 2px 10px rgba(15,58,79,.05)}
header.header .navbar{padding-top:10px;padding-bottom:10px}
header.header .main-navbar-wrapper{background:#fff!important;border-top:1px solid #eef3f7;padding:0}
header.header .navbar-nav a,header.header .main-navbar-wrapper .navbar-nav>li>a{color:#1f3b4d!important;font-weight:600;font-size:15.5px}
header.header .main-navbar-wrapper .navbar-nav>li>a:hover,header.header .main-navbar-wrapper .navbar-nav>li.active>a{color:var(--ccn-blue)!important}
header.header .dropdown-menu{border:1px solid var(--ccn-line);border-radius:12px;box-shadow:0 18px 40px rgba(15,58,79,.12);padding:8px}
header.header .dropdown-menu a,header.header .dropdown-item{color:#1f3b4d!important;border-radius:8px;padding:.5rem .9rem!important;font-size:15px}
header.header .dropdown-item:hover,header.header .dropdown-menu a:hover{background:var(--ccn-bg)!important;color:var(--ccn-blue)!important}
header.header .toolbar .nav-link{background:#fff!important;color:var(--ccn-navy)!important;border:1px solid var(--ccn-line-strong)!important;border-radius:10px}
header.header .toolbar .nav-link .badge{background:var(--ccn-green);color:var(--ccn-ink)}
header.header .search{border:1px solid var(--ccn-line-strong)!important;border-radius:10px;background:var(--ccn-bg)}
header.header .search .form-control,header.header .search .form-control:focus{background:transparent!important;color:#1f3b4d!important}
header.header .search .form-control::placeholder{color:#6a7f8d!important}
header.header .search .btn{background:transparent!important;color:var(--ccn-blue)!important}
header.header .search:focus-within{border-color:var(--ccn-blue)!important;box-shadow:0 0 0 3px rgba(36,85,128,.12)!important}
header.header .topbar{background:var(--ccn-navy)!important;color:#d8e6ef!important}
header.header .topbar .btn,header.header .topbar .active-client .btn,header.header .topbar .active-client .input-group-text{color:#d8e6ef!important}
header.header .navbar-toggler{color:var(--ccn-navy)!important;border:1px solid var(--ccn-line-strong)!important;border-radius:8px}
header.header .navbar-toggler .fa,header.header .navbar-toggler i{color:var(--ccn-navy)!important}
header.header .navbar-brand img{max-height:46px;width:auto}

/* ---------- Fil d'Ariane ---------- */
.master-breadcrumb{background:var(--ccn-bg)!important;border-bottom:1px solid var(--ccn-line)!important}
.master-breadcrumb .breadcrumb-item.active{color:#4f6676!important;opacity:1}
.master-breadcrumb .breadcrumb-item a,.master-breadcrumb .breadcrumb-item a:hover{color:var(--ccn-blue)!important}
.master-breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:#8aa0ae!important;opacity:1}

/* ---------- Boutons ---------- */
.btn{border-radius:10px;font-weight:700}
.btn-primary,.btn-success,.btn-primary:is(:not(:disabled,.disabled)):is(:active,.active){background:var(--ccn-green)!important;border-color:var(--ccn-green)!important;color:var(--ccn-ink)!important}
.btn-primary:hover,.btn-primary:focus,.btn-success:hover{background:var(--ccn-green-dark)!important;border-color:var(--ccn-green-dark)!important;color:var(--ccn-ink)!important;box-shadow:none}
.btn-default,.btn-outline-primary,.btn-secondary{background:#fff!important;color:var(--ccn-navy)!important;border:2px solid var(--ccn-line-strong)!important}
.btn-default:hover,.btn-outline-primary:hover,.btn-secondary:hover{border-color:var(--ccn-navy)!important;color:var(--ccn-navy)!important;background:#fff!important}
.btn-info{background:var(--ccn-blue)!important;border-color:var(--ccn-blue)!important;color:#fff!important}
.card-columns.home .card .btn-outline-primary,.announcements .announcement .btn-default{background:var(--ccn-green)!important;border-color:var(--ccn-green)!important;color:var(--ccn-ink)!important}

/* ---------- Bandeau de recherche de domaine (accueil) ---------- */
.home-domain-search.bg-white{background:linear-gradient(180deg,#f2f6fa 0%,#eaf2f8 100%)!important;background-image:none!important;color:var(--ccn-navy)!important}
.home-domain-search.bg-white::before,.home-domain-search.bg-white::after{display:none!important}
.home-domain-search h2{color:var(--ccn-navy)!important;text-shadow:none!important;font-weight:800}
.home-domain-search .tld-logos{color:var(--ccn-blue)!important;text-shadow:none!important}
.home-domain-search .input-group-wrapper{border:1px solid var(--ccn-line-strong);border-radius:14px;box-shadow:0 4px 14px rgba(15,58,79,.08)}
.home-domain-search .btn-success{background:var(--ccn-navy)!important;border-color:var(--ccn-navy)!important;color:#fff!important}
.home-domain-search :is(.btn.btn-link,.btn.btn-link:is(:hover,:focus)){color:var(--ccn-blue)!important;background:#fff!important;border:1px solid var(--ccn-line-strong)}

/* ---------- Connexion / inscription ---------- */
section#main-body .login-form::before{background:linear-gradient(180deg,#eaf2f8 0%,#f2f6fa 100%)!important}
section#main-body .login-form::after{display:none!important}
.login-form .card,.login-form .card-body{border-radius:16px}

/* ---------- Cartes, panneaux, menus latéraux ---------- */
.card,.panel{border:1px solid var(--ccn-line)!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(15,58,79,.05)}
.card-header,.panel-heading{background:#fff!important;border-bottom:1px solid var(--ccn-line)!important;border-radius:16px 16px 0 0!important}
.card-header .card-title,.card-header h3{color:var(--ccn-navy)}
.card-footer{background:var(--ccn-bg)!important;border-top:1px solid var(--ccn-line)!important}
.list-group-item{border-color:var(--ccn-line)!important}
.list-group-item.active,.list-group-item.active:hover{background:var(--ccn-navy)!important;border-color:var(--ccn-navy)!important;color:#fff!important}
.sidebar .list-group-item:hover,.cart-sidebar .list-group-item:hover{background:var(--ccn-bg)!important;color:var(--ccn-blue)!important}
.tiles .tile{border-radius:16px;border:1px solid var(--ccn-line)}
.tiles .tile .stat{color:var(--ccn-navy);font-family:'Urbanist',sans-serif;font-weight:800}
.tiles .tile .highlight{border-radius:0 0 16px 16px}
.client-home-cards .card-header{background:#fff!important}
.badge-success,.label-success,.status-active{background:#dff6e8!important;color:#0f7a3e!important}
.form-control{border-color:var(--ccn-line-strong);border-radius:10px}
.form-control:focus{border-color:var(--ccn-blue);box-shadow:0 0 0 3px rgba(36,85,128,.12)}
.modal .modal-header{background:var(--ccn-bg)!important}
.modal-content{border-radius:16px;border:0}

/* ---------- Tableaux ---------- */
.table thead th,table.dataTable thead th{background:var(--ccn-bg);color:var(--ccn-navy);font-family:'Urbanist',sans-serif;border-bottom:1px solid var(--ccn-line)!important}

/* ---------- Boutique (order form standard_cart) ---------- */
#order-standard_cart .products .product{border:1px solid var(--ccn-line)!important;border-radius:16px!important;box-shadow:0 2px 8px rgba(15,58,79,.05)}
#order-standard_cart .products .product footer .btn,
#order-standard_cart .products .row:nth-child(even) div:nth-child(odd) .product footer .btn,
#order-standard_cart .products .row:nth-child(even) div:nth-child(even) .product footer .btn,
#order-standard_cart .products .row div:nth-child(even) .product footer .btn{background:var(--ccn-green)!important;border-color:var(--ccn-green)!important;color:var(--ccn-ink)!important}
#order-standard_cart .products .product .price{color:var(--ccn-navy)!important;font-family:'Urbanist',sans-serif;font-weight:800}
#order-standard_cart .domain-pricing .tld-pricing-header :is(.col-xs-2,.col-sm-2,.col-xs-4,.col-sm-4,.tld-column){background:var(--ccn-navy)!important}
#order-standard_cart .secondary-cart-body .view-cart-items-header{background:var(--ccn-navy)!important}
#order-standard_cart .order-summary,#order-standard_cart .summary-container{border-radius:16px}
#order-standard_cart .order-summary h2{background:var(--ccn-navy)!important;color:#fff!important;border-radius:16px 16px 0 0}
#order-standard_cart .btn-checkout,#order-standard_cart #btnCompleteOrder{background:var(--ccn-green)!important;border-color:var(--ccn-green)!important;color:var(--ccn-ink)!important}

/* ---------- Base de connaissances ---------- */
.kb-search .form-control,#inputKnowledgebaseSearch{border-radius:12px}

/* ---------- Pied de page : même bleu nuit que le site ---------- */
.ccn-footer{background:var(--ccn-navy)!important}
.ccn-footer::before{display:none!important}
footer.footer{background:#0b2f40!important;border-top:1px solid #1d4a63!important;color:#c9d8e2}
footer.footer .nav-link,footer.footer .copyright,footer.footer .btn{color:#c9d8e2!important}
footer.footer .btn{border:1px solid #1d4a63!important;background:transparent!important}