/* *****************************************************

    ** Vename — Feuille de personnalisation Hostify **

    Charte Vename appliquée au thème WHMCS Hostify.
    Chargée en DERNIER (voir includes/head.tpl) donc elle
    prime sur all.min.css.

    Couleurs :
      navy   #0f056b  (header, footer, surfaces sombres)
      bleu   #004ff7  (actions primaires, liens)
      orange #ea8e1c  (accents, boutons secondaires, support)

***************************************************** */

:root {
  --v-navy: #0f056b;
  --v-navy-700: #0a2560;
  --v-blue: #004ff7;
  --v-blue-600: #0043d6;
  --v-orange: #ea8e1c;
  --v-orange-600: #d97e12;
  --v-ink: #0f172a;
  --v-green: #16a34a;
}

/* ============================================================
   DIRECTIVE DESIGN VENAME : AUCUNE OMBRE (jamais de box-shadow).
   Design plat -> les surfaces se distinguent par des bordures.
   ============================================================ */
*, *::before, *::after { box-shadow: none !important; }

/* Ombres du thème posées en !important (spécificité > règle universelle) : neutralisées. */
body .support-button-holder a.support-button,
body table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
body table.dataTable.dtr-inline.collapsed tbody th:first-child:before,
body .md-editor.md-fullscreen-mode .md-preview,
body .md-editor.md-fullscreen-mode .md-input { box-shadow: none !important; }

/* Focus accessible SANS ombre (remplace les anneaux box-shadow supprimés). */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible,
.form-control:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--v-blue); outline-offset: 2px;
}

/* Éléments qui comptaient sur l'ombre pour se détacher -> bordure discrète. */
.dropdown-menu, .bootstrap-select .dropdown-menu, .navbar-nav .dropdown-menu,
.select2-dropdown, .modal-content, .popover {
  border: 1px solid #e6eaf2 !important;
}

/* ============================ Liens & texte ============================ */
a { color: var(--v-blue); }
a:hover, a:focus { color: var(--v-blue-600); }

.text-purple-dark { color: var(--v-navy) !important; }
.text-purple-light { color: var(--v-blue) !important; }

.row-title { color: var(--v-blue) !important; font-weight: 500 !important; }
.row-title:after { background-color: var(--v-orange) !important; }

/* ============================ Boutons ================================= */
.btn-primary {
  background-color: var(--v-blue) !important;
  border-color: var(--v-blue) !important;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--v-blue-600) !important;
  border-color: var(--v-blue-600) !important;
}

/* Bouton secondaire du thème = orange Vename */
.btn-default { background-color: var(--v-orange) !important; border-color: var(--v-orange) !important; color:#fff !important; }
.btn-default:hover, .btn-default:focus { background-color: var(--v-orange-600) !important; color:#fff !important; }

.ybtn-purple { color: #fff; background-color: var(--v-blue) !important; }
.ybtn-purple:hover, .ybtn-purple:focus { color: #fff; background-color: var(--v-blue-600) !important; }

ul.top-nav > li.primary-action > a.btn { background-color: var(--v-blue) !important; }
.inner-header ul.top-nav > li.primary-action > a.btn { background-color: var(--v-blue) !important; }
.form-holder .menu-holder ul.main-links li a.sign-button { background-color: var(--v-blue) !important; }
.form-holder .menu-holder ul.main-links li a.sign-button:hover,
.form-holder .menu-holder ul.main-links li a.sign-button:focus { background-color: var(--v-blue-600) !important; }

/* ============================ Header (navy) =========================== */
#header-holder.inner-header { background-color: var(--v-navy) !important; }
/* Header en navy PLEIN, sans la diagonale décorative (headbg.svg ni skew) :
   séparation nette et horizontale avec le hero blanc. */
#header-holder .bg-animation {
  background-color: var(--v-navy) !important;
  background-image: none !important;
  transform: none !important;   /* supprime l'inclinaison (skewY) du thème */
  height: 100% !important;      /* ne déborde plus sous le hero */
}
/* Filet de séparation subtil sous le header. */
#top-content.va-home-hero { border-top: 1px solid rgba(0, 0, 0, 0.04); }

/* Retirer le voile blanc du bandeau haut -> navy uniforme #0f056b (comme l'app). */
#header, #header.container-fluid { background: transparent !important; }

/* Bandeau haut façon app : "Créer un compte" (bouton bleu) + panier en contour. */
.top-nav > li.va-register > a {
  display: inline-block;
  background: var(--v-blue) !important;
  color: #fff !important;
  padding: 9px 18px;
  border-radius: 10px;
  font-weight: 600;
  margin-left: 6px;
  transition: background .15s;
}
.top-nav > li.va-register > a:hover,
.top-nav > li.va-register > a:focus { background: var(--v-blue-600) !important; color: #fff !important; }
/* Panier : contour discret (le bouton primaire est "Créer un compte"). */
ul.top-nav > li.primary-action > a.btn,
.inner-header ul.top-nav > li.primary-action > a.btn {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
ul.top-nav > li.primary-action > a.btn:hover,
.inner-header ul.top-nav > li.primary-action > a.btn:hover {
  background: rgba(255, 255, 255, 0.12) !important;
}

/* Séparateur avant le bouton panier : filet discret sur le navy. */
ul.top-nav > li.primary-action,
.inner-header ul.top-nav > li.primary-action { border-left-color: rgba(255,255,255,0.18) !important; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #ffffff !important; }

.navbar-main .navbar-nav .dropdown-menu > .active > a,
.navbar-main .navbar-nav .dropdown-menu > .active > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .active > a:hover,
.navbar-main .navbar-nav .dropdown-menu > .open > a,
.navbar-main .navbar-nav .dropdown-menu > .open > a:focus,
.navbar-main .navbar-nav .dropdown-menu > .open > a:hover,
.navbar-main .navbar-nav .dropdown-menu > li > a:focus,
.navbar-main .navbar-nav .dropdown-menu > li > a:hover { color: var(--v-blue) !important; }

div.header-lined .breadcrumb > .active { color: var(--v-blue) !important; }

/* ============================ Domain checker (navy) =================== */
.domain-checker-container { background-color: var(--v-navy) !important; }
.spotlight-tld { height: 145px !important; }

/* ============================ Support button (orange) ================= */
.support-button-holder a.support-button { background-color: var(--v-orange) !important; }
.support-button-holder a.support-button:hover,
.support-button-holder a.support-button:focus { background-color: var(--v-orange-600) !important; }
.support-button-holder .dropdown-menu li a:hover .fa,
.support-button-holder .dropdown-menu li a:focus .fa { color: var(--v-blue) !important; }

/* ============================ Footer (navy) — NEUTRALISÉ ============= */
/* Ancien footer navy désactivé : le footer est réécrit en clair (.va-site-footer).
#footer { background-color: var(--v-navy) !important; }
#footer .social-menu li a .fa { color: #c7d2f0 !important; }
#footer .email:hover, #footer .phone:hover, #footer .address:hover { background-color: var(--v-navy-700) !important; }
#footer ul.footer-menu li a { color: #ffffff !important; }
#footer ul.footer-menu li a:hover,
#footer ul.footer-menu li a:focus,
#footer ul.footer-menu li.active a { color: var(--v-orange) !important; }
*/

/* ===================== Footer (design app Next.js) ===================== */
.va-site-footer { background: #f9fafb !important; border-top: 1px solid #e6eaf2; color: #475569; }
.va-footer-inner { max-width: 1180px; margin: 0 auto; padding: 48px 24px 28px; }
.va-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
.va-footer-brand { max-width: 340px; }
.va-footer-logo { display: inline-block; line-height: 0; }
.va-footer-logo img { height: auto; }
.va-footer-desc { margin: 16px 0 0; font-size: 14px; line-height: 1.6; color: #64748b; }
.va-footer-social { margin-top: 20px; display: flex; gap: 16px; }
.va-footer-soc { color: #9aa6bd; display: inline-flex; transition: color .15s; }
.va-footer-soc:hover { color: #004ff7; }
.va-footer-title { font-size: 14px; font-weight: 700; color: #0f172a; margin: 0 0 14px; }
.va-footer-links { list-style: none; margin: 0; padding: 0; }
.va-footer-links li { margin-bottom: 10px; }
.va-footer-links a { font-size: 14px; color: #64748b; text-decoration: none; transition: color .15s; }
.va-footer-links a:hover { color: #004ff7; }
.va-footer-bottom { margin-top: 36px; padding-top: 20px; border-top: 1px solid #e6eaf2; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.va-footer-copy { margin: 0; font-size: 12.5px; color: #94a3b8; }
.va-footer-legal { display: flex; gap: 22px; flex-wrap: wrap; }
.va-footer-legal a { font-size: 12.5px; color: #94a3b8; text-decoration: none; }
.va-footer-legal a:hover { color: #004ff7; }
@media (max-width: 900px) { .va-footer-grid { grid-template-columns: 1fr 1fr; } .va-footer-brand { grid-column: 1 / -1; } }
@media (max-width: 560px) { .va-footer-grid { grid-template-columns: 1fr; } .va-footer-bottom { flex-direction: column; align-items: flex-start; } }

/* ============================ Panneaux / tuiles / tables ============= */
.panel-sidebar .panel-title { color: var(--v-blue) !important; }
.panel-sidebar .panel-title .fa { color: var(--v-blue) !important; }
.tile .stat { color: var(--v-blue); }
.dataTables_wrapper .dataTables_info { background-color: var(--v-blue) !important; }

/* ============================ Commande / panier ===================== */
#order-standard_cart .order-summary {
  background-color: var(--v-orange) !important;
  border: 1px solid var(--v-orange) !important;
}
#order-standard_cart .btn-checkout { padding: 14px 13px !important; }
#order-premium_comparison .price-table-container .price-table .top-head .top-area {
  border-bottom: 1px solid var(--v-blue) !important;
}
#product1 .price-table .top-head {
  background: linear-gradient(to bottom, var(--v-orange) 0%, var(--v-orange) 100%) !important;
}

/* ============================ Features (accueil) ==================== */
#features-links-holder .feature-icon-holder { background-color: var(--v-blue) !important; }
#features-links-holder .feature-icon-holder:hover,
#features-links-holder .feature-icon-holder:focus { background-color: var(--v-blue-600) !important; }
#features-links-holder .feature-icon-holder.opened { background-color: var(--v-green) !important; }

/* ============================ Pricing ================================ */
.pricing-box .pricing-content { padding: 70px 70px 70px 70px !important; }
.pricing-link { padding-top: 40px !important; }
#order-hostify_cart .price-table-container ul li { padding-bottom: 10px !important; }

/* ============================ Logo Vename animé (inline) ============ */
.va-logo-link { display: inline-block; line-height: 0; }
.va-logo-svg { width: 150px; height: auto; display: block; }
.va-logo-svg .va-ic { transform-box: fill-box; transform-origin: center; }
.va-logo-svg .va-ic1 { animation: vfadeIn 1s ease-in both; }
.va-logo-svg .va-ic2 { animation: vbounceIn 1s ease-in both; }
.va-logo-svg .va-ic3 { animation: vbackInLeft 1s ease-in both; }
@keyframes vfadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes vbounceIn {
  0%   { opacity: 0; transform: scale(.3); }
  20%  { transform: scale(1.1); }
  40%  { transform: scale(.9); }
  60%  { opacity: 1; transform: scale(1.03); }
  80%  { transform: scale(.97); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes vbackInLeft {
  0%   { transform: translateX(-1200px) scale(.7); opacity: 0; }
  80%  { transform: translateX(0) scale(.7); opacity: .7; }
  100% { transform: scale(1); opacity: 1; }
}
@media (max-width: 992px) { .va-logo-svg { width: 120px; } }

/* ============================ Logo Vename (fallback CSS) ============ */
/* Le System Logo WHMCS n'étant pas défini, on affiche le logo Vename via CSS. */
.logo-holder .logo,
.website-logo .logo,
.logo.logo-text .logo {
  background-image: url(../images/vename-logo-white-anim.svg) !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  width: 150px !important;
  height: 34px !important;
  text-indent: -9999px;
}

/* ============================ Formulaires connexion ================= */
.signin-signup-form .form-text input,
.signin-signup-form .form-text .dropdown-toggle.btn-default {
  width: 100%;
  padding: 20px 20px !important;
  text-align: left;
  border: 0;
  outline: 0;
  border-radius: 8px;
  background-color: #f0f4fd;
  font-size: 13px;
  color: #526489;
}
/* Le champ de connexion ne doit pas hériter de l'orange .btn-default */
.signin-signup-form .form-text .dropdown-toggle.btn-default { background-color: #f0f4fd !important; color: #526489 !important; }

/* ============================ Correctifs divers ===================== */
#tabNameservers form .radio.hide { display: block !important; }

/* ============================ Responsive ============================ */
@media (max-width: 992px) {
  /* En menu mobile (fond clair), on repasse au logo sombre Vename. */
  .website-logo .logo {
    background-image: url(../images/vename-logo.svg) !important;
    width: 120px !important;
  }
  #languageChooser { display: none; }
  .pricing-link { padding-top: 10px !important; }
  .pricing-box {
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ============================ Bannière maintenance ================= */
.maintenance-alert-banner {
  background: linear-gradient(135deg, var(--v-orange) 0%, var(--v-orange-600) 100%);
  color: #ffffff !important;
  text-align: center;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  z-index: 10001;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: 'DM Sans', 'DM Sans', sans-serif;
}
.maintenance-alert-banner i { font-size: 16px; animation: banner-pulse 1.8s infinite ease-in-out; }
.maintenance-alert-banner span { letter-spacing: 0.3px; }
@keyframes banner-pulse {
  0% { transform: scale(1); opacity: 0.85; }
  50% { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1); opacity: 0.85; }
}

/* ============================ Hero d'accueil (style app Next.js) ===== */
#top-content.va-home-hero {
  background: #ffffff !important;
  position: relative;
  z-index: 2;
  padding: 0 !important;
}
.va-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 56px;
  align-items: center;
  min-height: 600px;
}
.va-hero-left { padding: 56px 0; text-align: left; }
.va-hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 14px; border: 1px solid #e6eaf2; border-radius: 999px;
  font-size: 13px; font-weight: 600; color: var(--v-navy); background: #f4f6fb;
}
.va-hero-badge svg { color: var(--v-orange); }
.va-hero-title {
  font-size: clamp(2.1rem, 4vw, 3.25rem);
  font-weight: 800; color: #0f172a; line-height: 1.14;
  letter-spacing: -0.02em; margin: 24px 0 0; max-width: 17ch;
}
.va-hero-sub { font-size: 18px; color: #475569; margin-top: 22px; max-width: 52ch; line-height: 1.6; }
.va-hero-actions { display: flex; gap: 16px; margin-top: 40px; flex-wrap: wrap; }
.va-hero-btn {
  padding: 14px 26px !important; border-radius: 16px !important;
  font-size: 16px !important; font-weight: 600 !important;
  display: inline-flex !important; align-items: center; gap: 8px; line-height: 1.2;
}
.va-hero-btn.btn-primary { color: #fff !important; }
.va-hero-btn-outline { background: #fff !important; border: 1px solid #e6eaf2 !important; color: #0f172a !important; box-shadow: none !important; }
.va-hero-btn-outline:hover, .va-hero-btn-outline:focus { border-color: var(--v-blue) !important; color: var(--v-blue) !important; }
.va-hero-right { align-self: stretch; }
.va-hero-img {
  width: 100%; height: 100%; min-height: 600px;
  border-radius: 20px; background-size: cover; background-position: center;
  box-shadow: 0 30px 70px rgba(2, 12, 40, 0.20);
}
@media (max-width: 992px) {
  .va-hero-grid { grid-template-columns: 1fr; gap: 28px; min-height: 0; }
  .va-hero-left { padding: 40px 0 8px; }
  .va-hero-img { min-height: 300px; height: 300px; }
  .va-hero-title { margin-top: 18px; }
}


/* =================== ACCUEIL VENAME (réplique app, sections .vh-*) =================== */
.vh-home{
  --vh-navy:#0f056b; --vh-blue:#004ff7; --vh-blue-hover:#0043d6; --vh-blue-600:#0043d6;
  --vh-orange:#ea8e1c; --vh-orange-hover:#d97e12; --vh-title:#0f172a; --vh-ink:#0f172a;
  --vh-text:#475569; --vh-muted:#64748b; --vh-bg:#ffffff; --vh-bg-alt:#f9fafb;
  --vh-card:#ffffff; --vh-border:#e6eaf2; --vh-green:#16a34a;
}
.vh-home img{max-width:100%;}


/* ---- section: pricing ---- */
.vh-pricing{padding:64px 16px;background:#ffffff}
.vh-pricing__inner{max-width:1200px;margin:0 auto}
.vh-pricing__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.vh-pcard{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#004ff7 0%,#3820e4 100%);padding:36px;color:#ffffff;box-shadow:0 20px 45px rgba(15,5,107,.18)}
.vh-pcard__blob{position:absolute;border-radius:9999px;background:rgba(255,255,255,.10);pointer-events:none}
.vh-pcard__blob--a{top:0;right:0;width:256px;height:256px;filter:blur(64px);transform:translate(50%,-50%)}
.vh-pcard__blob--b{bottom:0;left:0;width:192px;height:192px;filter:blur(48px);transform:translate(-50%,50%)}
.vh-pcard--search .vh-pcard__blob--a{right:auto;left:0;transform:translate(-50%,-50%)}
.vh-pcard--search .vh-pcard__blob--b{left:auto;right:0;transform:translate(50%,50%)}
.vh-pcard__body{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.vh-pcard__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.vh-pcard__title{font-size:26px;line-height:1.2;font-weight:700;margin:0;color:#ffffff}
.vh-pcard__arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:9999px;background:rgba(255,255,255,.20);color:#ffffff;transition:background-color .2s ease}
.vh-pcard__arrow:hover{background:rgba(255,255,255,.32)}
.vh-pcard__arrow svg{width:22px;height:22px}
.vh-pcard__text{color:rgba(219,234,254,.95);margin:0 0 32px;font-size:16px;line-height:1.6;max-width:340px}
.vh-pcard--search .vh-pcard__text{max-width:none}
.vh-pcard__price{margin-top:auto}
.vh-pcard__from{font-size:14px;color:rgba(191,219,254,.9);margin:0 0 4px}
.vh-pcard__amount{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.vh-pcard__value{font-size:48px;line-height:1;font-weight:700}
.vh-pcard__currency{font-size:24px;font-weight:600}
.vh-pcard__period{font-size:16px;color:rgba(191,219,254,.9)}
.vh-pcard__form{position:relative;margin:0}
.vh-pcard__pill{display:flex;align-items:center;gap:8px;background:#ffffff;border-radius:9999px;padding:8px 12px 8px 8px}
.vh-pcard__field{display:flex;align-items:center;gap:12px;flex:1;padding:0 8px 0 16px;min-width:0}
.vh-pcard__field svg{width:20px;height:20px;flex:none;color:#94a3b8}
.vh-pcard__input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#0f172a;font-size:16px;font-family:inherit;padding:10px 0}
.vh-pcard__input::placeholder{color:#94a3b8}
.vh-pcard__submit{flex:none;border:0;cursor:pointer;background:#0f172a;color:#ffffff;border-radius:9999px;padding:0 24px;height:44px;font-size:15px;font-weight:600;font-family:inherit;transition:background-color .2s ease}
.vh-pcard__submit:hover{background:#1e293b}
@media (max-width:768px){
.vh-pricing{padding:48px 16px}
.vh-pricing__grid{grid-template-columns:1fr;gap:20px}
.vh-pcard{padding:28px;border-radius:24px}
.vh-pcard__title{font-size:22px}
.vh-pcard__value{font-size:40px}
.vh-pcard__submit{padding:0 18px}
}

/* ---- section: testimonials ---- */
.vh-testi{background:#ffffff;padding:80px 24px}
.vh-testi__inner{max-width:1152px;margin:0 auto}
.vh-testi__head{max-width:640px;margin:0 auto 56px;text-align:center}
.vh-testi__title{margin:0 0 20px;font-size:40px;line-height:1.15;font-weight:600;color:#0f172a;letter-spacing:-.02em}
.vh-testi__sub{margin:0;font-size:18px;line-height:1.6;color:#475569}
.vh-testi__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:16px}
.vh-testi__card{display:flex;flex-direction:column;background:#ffffff;border:1px solid #e6eaf2;border-radius:20px;padding:24px;box-shadow:0 4px 16px rgba(15,5,107,.05)}
.vh-testi__card--lg{grid-column:span 2;grid-row:span 2;padding:32px;gap:24px}
.vh-testi__card--wide{grid-column:span 2}
.vh-testi__logo-wrap{margin:0 0 4px}
.vh-testi__logo{display:block;height:40px;width:auto}
.vh-testi__quote{margin:0;display:flex;flex-direction:column;flex:1 1 auto;gap:24px;border:0}
.vh-testi__text{margin:0;flex:1 1 auto;color:#0f172a}
.vh-testi__card--lg .vh-testi__text{font-size:20px;line-height:1.55;font-weight:500}
.vh-testi__card--wide .vh-testi__text{font-size:20px;line-height:1.55;font-weight:500}
.vh-testi__card--sm .vh-testi__text{font-size:16px;line-height:1.6;color:#475569}
.vh-testi__author{display:flex;align-items:center;gap:12px}
.vh-testi__avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#004ff7 0%,#ea8e1c 100%);color:#ffffff;font-size:15px;font-weight:600;letter-spacing:.02em}
.vh-testi__meta{min-width:0}
.vh-testi__name{display:block;font-size:14px;font-weight:600;font-style:normal;color:#0f172a}
.vh-testi__role{display:block;font-size:14px;color:#64748b}
@media (max-width:900px){
.vh-testi{padding:64px 20px}
.vh-testi__title{font-size:32px}
.vh-testi__grid{grid-template-columns:repeat(2,1fr)}
.vh-testi__card--lg{grid-column:span 2;grid-row:auto}
.vh-testi__card--wide{grid-column:span 2}
}
@media (max-width:640px){
.vh-testi__title{font-size:28px}
.vh-testi__grid{grid-template-columns:1fr}
.vh-testi__card--lg,.vh-testi__card--wide{grid-column:span 1}
}

/* ---- section: logocloud ---- */
.vh-logocloud{background:#ffffff;overflow:hidden;padding:64px 0}
.vh-logocloud .vh-lc-inner{margin:0 auto;max-width:1024px;padding:0 24px}
.vh-logocloud .vh-lc-row{display:flex;flex-direction:column;align-items:center}
.vh-logocloud .vh-lc-label{width:100%;text-align:center;margin-bottom:8px}
.vh-logocloud .vh-lc-label p{margin:0;font-size:14px;line-height:1.4;color:#64748b}
.vh-logocloud .vh-lc-marquee{position:relative;width:100%;padding:24px 0;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 80px,#000 calc(100% - 80px),transparent 100%)}
.vh-logocloud .vh-lc-track{display:flex;width:max-content;animation:vh-lc-scroll 34s linear infinite}
.vh-logocloud .vh-lc-marquee:hover .vh-lc-track{animation-duration:17s}
.vh-logocloud .vh-lc-group{display:flex;flex:0 0 auto}
.vh-logocloud .vh-lc-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-right:112px}
.vh-logocloud .vh-lc-item img{height:40px;width:auto;display:block;object-fit:contain;
  filter:grayscale(100%);opacity:.55;transition:filter .25s ease,opacity .25s ease}
.vh-logocloud .vh-lc-item img:hover{filter:grayscale(0);opacity:1}
.vh-logocloud .vh-lc-fade{position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:2}
.vh-logocloud .vh-lc-fade-l{left:0;background:linear-gradient(to right,#ffffff,rgba(255,255,255,0))}
.vh-logocloud .vh-lc-fade-r{right:0;background:linear-gradient(to left,#ffffff,rgba(255,255,255,0))}
@keyframes vh-lc-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.vh-logocloud .vh-lc-track{animation:none}}
@media (min-width:768px){
  .vh-logocloud .vh-lc-row{flex-direction:row}
  .vh-logocloud .vh-lc-label{width:auto;max-width:176px;margin-bottom:0;padding-right:24px;border-right:1px solid #e6eaf2;text-align:right}
  .vh-logocloud .vh-lc-marquee{width:calc(100% - 176px)}
}

/* ---- section: features ---- */
.vh-features{background:#ffffff;color:#475569}
.vh-features *{box-sizing:border-box}
.vh-features .vh-container{max-width:1024px;margin:0 auto;padding:64px 24px}
.vh-features .vh-feat-title{margin:0;color:#0f172a;font-size:40px;line-height:1.15;font-weight:600;letter-spacing:-.02em}
.vh-features .vh-why-title{margin:0;color:#0f172a;font-size:40px;line-height:1.2;font-weight:600;letter-spacing:-.03em;max-width:36rem}
.vh-features .vh-why-sub{margin:12px 0 0;color:#64748b;font-size:20px;line-height:1.5;max-width:44rem}

/* ---- Bento block 1 ---- */
.vh-features .vh-bento{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vh-features .vh-bento-card{grid-column:span 1;background:#f9fafb;border:1px solid #e6eaf2;border-radius:20px;padding:28px;display:flex;flex-direction:column}
.vh-features .vh-bento-card-title{color:#0f172a;font-size:20px;font-weight:600;letter-spacing:-.01em}
.vh-features .vh-bento-list{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:16px}
.vh-features .vh-feat-item{display:flex;align-items:flex-start;gap:12px}
.vh-features .vh-feat-item svg{flex:0 0 auto;width:24px;height:24px;color:#004ff7;margin-top:1px}
.vh-features .vh-feat-item p{margin:0;color:#475569;font-size:16px;line-height:1.5}
.vh-features .vh-btn{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;background:#004ff7;color:#fff;font-size:15px;font-weight:600;text-decoration:none;border-radius:12px;border:none;transition:background .15s ease}
.vh-features .vh-btn:hover{background:#0043d6}
.vh-features .vh-btn svg{width:18px;height:18px}
.vh-features .vh-btn-spacer{margin-top:28px}
.vh-features .vh-bento-img{grid-column:span 2;min-height:300px;border-radius:20px;background-position:center;background-size:cover;background-repeat:no-repeat}

/* ---- Why block 2 ---- */
.vh-features .vh-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}
.vh-features .vh-card{display:flex;flex-direction:column;background:#ffffff;border:1px solid #e6eaf2;border-radius:16px;overflow:hidden}
.vh-features .vh-card-head{padding:24px 24px 0}
.vh-features .vh-card-icon{width:26px;height:26px;color:#004ff7}
.vh-features .vh-card-title{margin:12px 0 0;color:#0f172a;font-size:20px;font-weight:600;letter-spacing:-.01em}
.vh-features .vh-card-desc{margin:6px 0 24px;color:#64748b;font-size:17px;line-height:1.5}
.vh-features .vh-card-media{margin-top:auto;margin-left:24px;height:160px;border-top-left-radius:16px;background-position:center;background-size:cover;background-repeat:no-repeat}

/* ---- Responsive ---- */
@media (max-width:960px){
  .vh-features .vh-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .vh-features .vh-container{padding:48px 20px}
  .vh-features .vh-feat-title,.vh-features .vh-why-title{font-size:30px}
  .vh-features .vh-why-sub{font-size:18px}
  .vh-features .vh-bento{grid-template-columns:1fr}
  .vh-features .vh-bento-card,.vh-features .vh-bento-img{grid-column:auto}
  .vh-features .vh-bento-img{min-height:220px}
  .vh-features .vh-grid{grid-template-columns:1fr}
}

/* ---- section: plans ---- */
.vh-plans{background:#f9fafb;padding:64px 16px 72px;font-feature-settings:"kern" 1;}
.vh-plans *{box-sizing:border-box;}
.vh-plans__head{max-width:768px;margin:0 auto 8px;text-align:center;}
.vh-plans__title{margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.12;font-weight:700;color:#0f172a;letter-spacing:-.02em;}
.vh-plans__subtitle{margin:0;font-size:18px;line-height:1.6;color:#475569;}
.vh-plans__grid{max-width:1120px;margin:56px auto 0;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);align-items:start;}
.vh-plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e6eaf2;border-radius:20px;padding:28px 26px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:box-shadow .2s ease,transform .2s ease;}
.vh-plan--popular{border:2px solid #004ff7;box-shadow:0 18px 40px -18px rgba(0,79,247,.35);}
@media(min-width:769px){.vh-plan--popular{transform:translateY(-10px);}}
.vh-plan__badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;height:28px;padding:0 16px;border-radius:9999px;background:#004ff7;color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;box-shadow:0 6px 14px -4px rgba(0,79,247,.5);white-space:nowrap;}
.vh-plan__name{margin:0;font-size:19px;font-weight:600;color:#0f172a;}
.vh-plan__price{margin:14px 0 4px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.vh-plan__amount{font-size:34px;font-weight:700;color:#0f172a;letter-spacing:-.02em;line-height:1.1;}
.vh-plan__period{font-size:15px;font-weight:500;color:#64748b;}
.vh-plan__desc{margin:4px 0 20px;font-size:14px;line-height:1.5;color:#64748b;}
.vh-plan__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;height:46px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease;}
.vh-plan__cta--solid{background:#004ff7;color:#fff;border:1px solid #004ff7;}
.vh-plan__cta--solid:hover{background:#0043d6;border-color:#0043d6;}
.vh-plan__cta--outline{background:#fff;color:#0f056b;border:1px solid #e6eaf2;}
.vh-plan__cta--outline:hover{border-color:#004ff7;color:#004ff7;}
.vh-plan__divider{margin:24px 0 20px;border:none;border-top:1px dashed #e6eaf2;}
.vh-plan__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.vh-plan__feature{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;color:#475569;}
.vh-plan__check{flex:0 0 auto;width:20px;height:20px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:rgba(0,79,247,.1);color:#004ff7;}
.vh-plan--popular .vh-plan__check{background:#004ff7;color:#fff;}
.vh-plan__check svg{width:12px;height:12px;display:block;}
@media(max-width:768px){
  .vh-plans{padding:48px 16px 56px;}
  .vh-plans__grid{grid-template-columns:1fr;max-width:440px;margin-top:44px;}
  .vh-plan--popular{transform:none;}
}

/* ---- section: faq ---- */
.vh-faq{padding:64px 0}
@media(min-width:768px){.vh-faq{padding:96px 0}}
.vh-faq *{box-sizing:border-box}
.vh-faq-container{max-width:1200px;margin:0 auto;padding:0 16px}
.vh-faq-head{max-width:768px;margin:0 auto 48px;text-align:center}
.vh-faq-badge{display:inline-block;padding:6px 14px;border-radius:9999px;background:#eef2ff;color:#004ff7;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:16px}
.vh-faq-title{margin:0 0 16px;font-size:30px;line-height:1.15;font-weight:700;color:#0f172a}
@media(min-width:768px){.vh-faq-title{font-size:36px}}
.vh-faq-sub{margin:0;font-size:18px;line-height:1.6;color:#475569}
.vh-faq-list{max-width:768px;margin:0 auto;border-top:1px solid #e6eaf2}
.vh-faq-item{border-bottom:1px solid #e6eaf2}
.vh-faq-q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px;font-size:16px;font-weight:500;color:#0f172a;transition:color .18s ease}
.vh-faq-q::-webkit-details-marker{display:none}
.vh-faq-q:hover{color:#004ff7}
.vh-faq-chevron{flex:0 0 auto;color:#64748b;transition:transform .25s ease,color .18s ease}
.vh-faq-item[open] .vh-faq-chevron{transform:rotate(180deg);color:#004ff7}
.vh-faq-a{padding:0 4px 22px;margin:0;font-size:15px;line-height:1.7;color:#475569;max-width:660px}
.vh-faq-foot{margin-top:48px;text-align:center}
.vh-faq-foot-text{margin:0 0 16px;color:#475569;font-size:16px}
.vh-faq-btns{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:stretch}
@media(min-width:640px){.vh-faq-btns{flex-direction:row;align-items:center}}
.vh-faq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:12px;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease;border:1px solid transparent}
.vh-faq-btn svg{flex:0 0 auto}
.vh-faq-btn-outline{background:#fff;color:#0f172a;border-color:#e6eaf2}
.vh-faq-btn-outline:hover{border-color:#004ff7;color:#004ff7}
.vh-faq-btn-solid{background:#004ff7;color:#fff}
.vh-faq-btn-solid:hover{background:#0043d6}

/* ---- section: cta ---- */
.vh-cta{padding:64px 0;background:linear-gradient(to bottom,#ffffff,#eef2ff)}
.vh-cta__inner{max-width:1024px;margin:0 auto;padding:0 24px;text-align:center}
.vh-cta__title{font-size:34px;line-height:1.15;font-weight:700;color:#0f172a;text-wrap:balance;margin:0}
.vh-cta__text{margin:24px auto 0;max-width:640px;font-size:18px;line-height:1.7;color:#475569}
.vh-cta__text b{font-weight:600;color:#004ff7}
.vh-cta__form{max-width:448px;margin:40px auto 0}
.vh-cta__field{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;background:#fff;border:2px solid #e6eaf2;border-radius:16px;padding-right:8px;transition:border-color .2s ease,box-shadow .2s ease}
.vh-cta__field:hover{border-color:rgba(0,79,247,.4)}
.vh-cta__field:focus-within{border-color:#004ff7;box-shadow:0 0 0 4px rgba(0,79,247,.15)}
.vh-cta__icon{position:absolute;left:18px;top:0;bottom:0;margin:auto;width:20px;height:20px;color:#94a3b8;pointer-events:none}
.vh-cta__input{grid-column:1;height:56px;width:100%;border:0;background:transparent;padding:0 16px 0 46px;font:inherit;font-size:16px;color:#0f172a;outline:none}
.vh-cta__input::placeholder{color:#94a3b8}
.vh-cta__btn{grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:0;border-radius:10px;background:#004ff7;color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s ease}
.vh-cta__btn:hover{background:#0043d6}
.vh-cta__btn-icon{width:20px;height:20px;display:none}
.vh-cta__note{margin:16px 0 0;font-size:14px;color:#64748b}
@media (min-width:768px){
.vh-cta{padding:128px 0}
.vh-cta__title{font-size:48px}
.vh-cta__form{margin-top:48px}
}
@media (max-width:520px){
.vh-cta__btn-label{display:none}
.vh-cta__btn-icon{display:block}
.vh-cta__btn{padding:0 14px}
}

/* Grille pricing dynamique (offres réelles depuis la base WHMCS : 3 ou 4 cartes) */
.vh-plans__grid--dyn { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
@media (max-width: 560px){ .vh-plans__grid--dyn { grid-template-columns: 1fr; } }

/* ===================== Pages Auth (login / register / reset) ===================== */
.va-auth { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; background: #fff; }
.va-auth-aside {
  position: relative; overflow: hidden; color: #fff;
  background: linear-gradient(160deg, var(--v-navy) 0%, #12086e 55%, #1a0f8a 100%);
  padding: 56px 52px; display: flex; flex-direction: column; justify-content: space-between;
}
.va-auth-glow { position: absolute; width: 360px; height: 360px; border-radius: 50%; filter: blur(120px); background: var(--v-blue); opacity: .5; top: -90px; right: -90px; pointer-events: none; }
.va-auth-glow--o { background: var(--v-orange); opacity: .28; top: auto; right: auto; bottom: -110px; left: -70px; }
.va-auth-logo { position: relative; z-index: 1; line-height: 0; }
.va-auth-logo img { height: 34px; width: auto; }
.va-auth-quote { position: relative; z-index: 1; margin: 0; max-width: 42ch; }
.va-auth-quote p { font-size: 18px; line-height: 1.55; color: #eef2ff; margin: 0 0 12px; }
.va-auth-quote footer { font-size: 14px; color: #b9c5f0; }

.va-auth-main { display: flex; align-items: center; justify-content: center; padding: 40px 24px; }
.va-auth-card { width: 100%; max-width: 380px; }
.va-auth-head { text-align: center; margin-bottom: 28px; }
.va-auth-head h1 { font-size: 24px; font-weight: 700; color: var(--v-ink); margin: 0 0 8px; letter-spacing: -.01em; }
.va-auth-head p { font-size: 14.5px; color: #64748b; margin: 0; }

.va-auth-form { display: block; }
.va-auth-field { margin-bottom: 18px; }
.va-auth-labelrow { display: flex; align-items: center; justify-content: space-between; }
.va-auth-label { display: block; font-size: 13.5px; font-weight: 600; color: var(--v-ink); margin-bottom: 7px; }
.va-auth-input {
  width: 100%; font: inherit; font-size: 15px; padding: 12px 14px;
  border: 1px solid #e6eaf2; border-radius: 10px; background: #fff; color: var(--v-ink);
  transition: border-color .15s, box-shadow .15s;
}
.va-auth-input:focus { outline: none; border-color: var(--v-blue); box-shadow: 0 0 0 4px rgba(0,79,247,.12); }
.va-auth-link { font-size: 13px; font-weight: 600; color: var(--v-blue); text-decoration: none; }
.va-auth-link:hover { color: var(--v-blue-600); text-decoration: underline; }
.va-auth-remember { display: flex; align-items: center; gap: 8px; font-size: 14px; color: #475569; margin: 4px 0 22px; cursor: pointer; }
.va-auth-btn {
  width: 100%; font: inherit; font-size: 15px; font-weight: 600; color: #fff;
  background: var(--v-blue); border: 0; border-radius: 12px; padding: 13px 18px; cursor: pointer;
  transition: background .15s;
}
.va-auth-btn:hover { background: var(--v-blue-600); }
.va-auth-foot { text-align: center; margin-top: 22px; font-size: 14px; color: #64748b; }

@media (max-width: 900px) {
  .va-auth { grid-template-columns: 1fr; }
  .va-auth-aside { display: none; }
}

/* ---- Register : carte large + champs WHMCS (préservés) ---- */
.va-auth-card--wide { max-width: 560px; }
.va-auth-main { padding: 40px 24px; }
.va-auth-foot--top { margin-top: 0; margin-bottom: 22px; text-align: center; }
.va-auth-card--wide .form-items > .form-text,
.va-auth-card--wide .form-items > .form-group,
.va-auth-card--wide .form-items .row { margin-bottom: 14px; }
.va-auth-card--wide .form-items .row { margin-left: -6px; margin-right: -6px; }
.va-auth-card--wide .form-items .row > [class^="col-"] { padding-left: 6px; padding-right: 6px; }
.va-auth-card--wide label.control-label { font-size: 13.5px; font-weight: 600; color: var(--v-ink); margin-bottom: 6px; display: block; }
.va-auth-card--wide select.selectpicker,
.va-auth-card--wide select.form-control {
  width: 100%; padding: 14px; border: 1px solid #e6eaf2; border-radius: 10px;
  background: #fff; font: inherit; font-size: 15px; color: var(--v-ink);
}
.va-auth-card--wide .panel { border: 1px solid #e6eaf2; border-radius: 12px; box-shadow: none; }
.va-auth-card--wide .panel-heading { background: #f9fafb; border-bottom: 1px solid #e6eaf2; border-radius: 12px 12px 0 0; }
.va-auth-card--wide .form-button { margin-top: 10px; }
.va-auth-card--wide .form-button .va-auth-btn { width: 100%; }
.va-auth-card--wide .va-auth-btn { border: 0; }

/* ---- Mot de passe oublié ---- */
.va-auth-lead { color: #64748b; font-size: 14.5px; margin: 0 0 18px; line-height: 1.55; }
.va-auth-msg { color: #475569; font-size: 14.5px; line-height: 1.55; }
.va-auth-msg--center { text-align: center; margin: 18px 0; }
.va-auth-actions { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: 10px; margin-top: 22px; }
.va-auth-actions--single { display: block; }
.va-auth-actions .va-auth-btn { width: 100%; }
.va-auth-secondary {
  width: 100%; min-height: 46px; border: 1px solid #d9e1ec; border-radius: 10px;
  background: #fff; color: #334155; font-size: 14px; font-weight: 700;
}
.va-auth-secondary:hover { border-color: #b9c6d8; background: #f8fafc; }
.va-auth-btn--link { display: flex; align-items: center; justify-content: center; text-decoration: none; }
.va-auth-btn--link:hover { color: #fff; text-decoration: none; }
.va-auth-strength .progress { height: 7px; margin: 8px 0 4px; border-radius: 999px; background: #edf1f6; box-shadow: none; overflow: hidden; }
.va-auth-strength .progress-bar { border-radius: 999px; }
.va-auth-strength #passwordStrengthText { color: #64748b; font-size: 12px; }
.va-auth-card .alert { border-radius: 10px; font-size: 13px; line-height: 1.45; }
.va-auth-card #inputNewPassword2Msg .help-block { margin: 7px 0 0; color: #c43b4d; font-size: 12px; }

@media (max-width: 480px) {
  .va-auth-main { padding: 28px 18px; }
  .va-auth-actions { grid-template-columns: 1fr; }
}

/* ===================== Pages internes (KB, actualités, espace client) ===================== */
.panel { border: 1px solid #e6eaf2 !important; border-radius: 14px !important; box-shadow: none !important; }
.panel > .panel-heading { background: #f9fafb !important; border-bottom: 1px solid #e6eaf2 !important; border-radius: 14px 14px 0 0 !important; }
.panel .panel-title { font-size: 15px; font-weight: 700; }
.list-group-item { border-color: #eef1f7 !important; }
.list-group-item:hover { background: #f4f6fb !important; }
.list-group-item.active { background: var(--v-blue) !important; border-color: var(--v-blue) !important; }
.header-lined { border-bottom: 1px solid #e6eaf2; padding-bottom: 8px; }
/* Champs de recherche (KB) */
form[action*="kbsearch"] .form-control,
.home-kb-search .form-control,
#knowledgebase .form-control,
.searchbar .form-control { border-radius: 12px !important; border: 1px solid #e6eaf2 !important; height: auto; padding: 12px 16px; }

/* ===================== Espace client — layout façon app (header + sidebar) ===================== */
.vc-header { position: fixed; inset: 0 0 auto 0; height: 64px; z-index: 50; background: var(--v-navy); color:#fff; display:flex; align-items:center; justify-content:space-between; padding: 0 18px; gap: 12px; }
.vc-header-left { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.vc-sidebar-toggle { width:38px; height:38px; padding:0; border:0; border-radius:9px; background:transparent; color:#fff; display:none; place-items:center; flex:none; cursor:pointer; }
.vc-sidebar-toggle:hover, .vc-sidebar-toggle:focus { background:rgba(255,255,255,.12); color:#fff; outline:0; }
.vc-sidebar-toggle svg { width:22px; height:22px; }
.vc-logo img { height: 26px; width:auto; display:block; }
.vc-divider { width:1px; height:24px; background: rgba(255,255,255,.2); }
.vc-trigger, .vc-iconbtn { background:transparent; border:0; color:#c7d2f0; border-radius:8px; display:grid;place-items:center; cursor:pointer; }
.vc-trigger { width:34px;height:34px; color:#fff; }
.vc-trigger:hover, .vc-iconbtn:hover { background: rgba(255,255,255,.1); color:#fff; }
.vc-breadcrumb { font-size:14px; color:#c7d2f0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vc-breadcrumb b { color:#fff; font-weight:600; }
.vc-header-right { display:flex; align-items:center; gap:4px; flex:none; }
.vc-head-menu { position:relative; }
.vc-head-control { min-height:38px; padding:0 10px; border:0; border-radius:8px; background:transparent; color:#dbe5ff; display:inline-flex; align-items:center; justify-content:center; gap:7px; font:inherit; font-size:13.5px; font-weight:500; line-height:1; text-decoration:none; white-space:nowrap; cursor:pointer; transition:background .15s, color .15s; }
.vc-head-control:hover, .vc-head-control:focus, .vc-head-menu.open > .vc-head-control { background:rgba(255,255,255,.1); color:#fff; outline:0; text-decoration:none; }
.vc-head-icon { width:18px; height:18px; flex:none; }
.vc-head-caret { width:13px; height:13px; flex:none; transition:transform .15s; }
.vc-head-menu.open .vc-head-caret { transform:rotate(180deg); }
.vc-head-new { padding:4px 6px; border-radius:3px; background:var(--v-orange); color:#fff; font-size:10px; font-weight:800; line-height:1; letter-spacing:.03em; }
.vc-cart-count { min-width:19px; height:19px; padding:0 5px; border:2px solid var(--v-navy); border-radius:999px; background:var(--v-orange); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-size:10px; font-weight:800; line-height:1; }
.vc-header-separator { width:1px; height:26px; margin:0 4px; background:rgba(255,255,255,.18); }
.vc-head-dropdown { margin-top:7px; padding:7px; border:1px solid #e2e8f0; border-radius:10px; box-shadow:0 14px 34px rgba(2,12,40,.18); }
/* Le thème Hostify ouvre tous les `.dropdown` au survol. Dans la top-bar
   connectée, les menus doivent rester strictement pilotés par le clic
   Bootstrap (`.open`) pour ne pas disparaître pendant le déplacement de la
   souris vers leur contenu. */
.vc-header .vc-head-menu.dropdown > .vc-head-dropdown { display:none !important; }
.vc-header .vc-head-menu.dropdown.open > .vc-head-dropdown { display:block !important; }
.vc-head-dropdown > li > a { min-height:38px; padding:9px 11px; border-radius:7px; color:#1e293b; display:flex; align-items:center; gap:9px; font-size:13.5px; text-decoration:none; }
.vc-head-dropdown > li > a:hover, .vc-head-dropdown > li > a:focus { background:#eff6ff; color:#1d4ed8; }
.vc-head-dropdown > li.active > a, .vc-head-dropdown > li.active > a:hover { background:#eff6ff; color:#1d4ed8; font-weight:600; }
.vc-language-dropdown { min-width:190px; max-height:min(70vh, 460px); overflow-y:auto; }
.vc-language-dropdown > li > a { justify-content:space-between; }
.vc-alerts-dropdown { width:340px; max-width:calc(100vw - 24px); }
.vc-alerts-dropdown > li + li { margin-top:2px; }
.vc-alerts-dropdown > li > a { align-items:flex-start; white-space:normal; line-height:1.35; }
.vc-alerts-dropdown .fa { margin-top:2px; color:var(--v-blue); }
.vc-alert-message { min-width:0; overflow-wrap:anywhere; }
.vc-alert-empty { padding:14px 12px; color:#64748b; font-size:13.5px; text-align:center; }
.vc-iconbtn { width:38px;height:38px; position:relative; }
.vc-iconbtn svg { width:20px;height:20px; }
.vc-iconbtn .vc-dot { position:absolute; top:9px; right:10px; width:7px;height:7px;border-radius:50%; background: var(--v-orange); }
.vc-user { display:flex; align-items:center; gap:10px; padding:5px 10px 5px 6px; border-radius:999px; cursor:pointer; }
.vc-user:hover { background: rgba(255,255,255,.1); }
.vc-avatar { width:32px;height:32px;border-radius:50%; background: linear-gradient(135deg, var(--v-blue), var(--v-orange)); display:grid;place-items:center; color:#fff; font-weight:700; font-size:12.5px; flex:none; }
.vc-user-name { font-size:13.5px; font-weight:600; color:#fff; line-height:1.15; }
.vc-user-display { display:block; max-width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.vc-user-name small { display:block; font-weight:400; color:#a9b8de; font-size:11.5px; }

@media (max-width: 1120px) {
  .vc-head-control { width:38px; padding:0; position:relative; }
  .vc-head-control .vc-head-label, .vc-head-control .vc-head-caret { display:none; }
  .vc-head-new { position:absolute; top:1px; right:-2px; width:9px; height:9px; padding:0; border:2px solid var(--v-navy); border-radius:50%; font-size:0; }
  .vc-cart-count { position:absolute; top:0; right:-3px; }
}
@media (max-width: 760px) {
  .vc-header { padding:0 10px; gap:6px; }
  .vc-header-left { gap:8px; }
  .vc-logo img { height:23px; }
  .vc-divider, .vc-breadcrumb, .vc-header-separator { display:none; }
  .vc-user { padding-right:4px; }
  .vc-user-name { display:none; }
}
@media (max-width: 430px) {
  .vc-header-right { gap:1px; }
  .vc-head-control, .vc-iconbtn { width:34px; height:34px; min-height:34px; }
  .vc-user { padding:3px; }
  .vc-avatar { width:30px; height:30px; }
}

.vc-sidebar { position: fixed; top:64px; left:0; width:256px; height: calc(100vh - 64px); background:#fff; border-right:1px solid #e5e7eb; overflow-y:auto; z-index:40; display:flex; flex-direction:column; padding: 10px 8px; }
.vc-sidebar-mobile-head { display:none; }
.vc-sidebar-overlay { display:none; }
.vc-side-group { margin-bottom: 2px; padding: 4px; }
.vc-side-label { font-size:12.5px; font-weight:500; color: rgba(15,23,42,.6); text-transform:none; letter-spacing:0; padding: 7px 8px; }
.vc-side-link { display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:6px; color:#0f172a; font-size:15px; font-weight:400; text-decoration:none; margin:1px 0; transition: background .15s, color .15s; }
.vc-side-link svg { width:18px;height:18px; flex:none; color:currentColor; }
.vc-side-link:hover { background: rgba(59,130,246,.08); color:#2563eb; }
.vc-side-link.active { background:#eff6ff; color:#1d4ed8; font-weight:600; }
.vc-side-link.active svg { color:#1d4ed8; }
.vc-side-badge { margin-left:auto; background:#eff6ff; color:#1d4ed8; font-size:11px; font-weight:600; border-radius:999px; padding:1px 8px; }
.vc-side-caret { margin-left:auto; width:18px;height:18px; color:#94a3b8; flex:none; }
.vc-side-sub { margin:2px 0 4px 22px; padding-left:0; border-left:1px solid #e5e7eb; display:flex; flex-direction:column; }
.vc-side-sublink { padding:7px 12px; border-radius:6px; color:#334155; font-size:14px; text-decoration:none; margin-left:2px; }
.vc-side-sublink:hover { background: rgba(59,130,246,.08); color:#2563eb; }
.vc-side-sublink.active { background:#eff6ff; color:#1d4ed8; font-weight:600; }
/* Items repliables (sous-menus) — façon app Vename (chevron + parent gris quand ouvert). */
.vc-side-col > summary { list-style:none; cursor:pointer; }
.vc-side-col > summary::-webkit-details-marker { display:none; }
.vc-side-col > summary::marker { content:""; font-size:0; }
.vc-side-caret2 { margin-left:auto; width:18px; height:18px; color:#94a3b8; flex:none; transition: transform .2s ease; }
.vc-side-col[open] > summary .vc-side-caret2 { transform: rotate(90deg); }
.vc-side-parent.is-open, .vc-side-parent.is-open:hover { background:#f3f4f6; color:#111827; font-weight:600; }
.vc-side-parent.is-open svg { color:#4b5563; }
.vc-side-spacer { flex:1; }
.vc-side-user { margin:4px; padding:8px; border:0; border-radius:8px; display:flex; align-items:center; gap:8px; cursor:pointer; background:transparent; }
.vc-side-user:hover { background: rgba(59,130,246,.08); }
.vc-side-user .vc-avatar { background: linear-gradient(135deg,var(--v-blue),var(--v-navy)); }
.vc-side-user-info { min-width:0; flex:1; }
.vc-side-user-info b { display:block; font-size:14px; color:#0f172a; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vc-side-user-info small { font-size:12px; color:#64748b; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

.vc-main { margin-left:264px; padding-top:64px; background:#f9fafb; min-height:100vh; }
.vc-main-inner { max-width: 1040px; margin:0 auto; padding: 26px 28px; }
.vc-page-title { font-size:24px; font-weight:800; color:#0f172a; margin:0 0 4px; }
.vc-page-sub { color:#64748b; margin:0 0 22px; font-size:14.5px; }
.vc-grid4 { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:22px; }
.vc-grid2 { display:grid; grid-template-columns:1.6fr 1fr; gap:20px; align-items:start; }
.vc-stat { background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:18px; display:flex;gap:14px;align-items:flex-start; }
.vc-stat-ic { width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none; }
.vc-stat-ic svg{width:22px;height:22px;}
.vc-stat-ic.blue{background:#eef3ff;color:var(--v-blue);}
.vc-stat-ic.navy{background:#e5ecfb;color:var(--v-navy);}
.vc-stat-ic.orange{background:#fdf3e4;color:var(--v-orange);}
.vc-stat-ic.green{background:#f0fdf4;color:#16a34a;}
.vc-stat-val{font-size:24px;font-weight:800;color:#0f172a;line-height:1;}
.vc-stat-lab{font-size:13px;color:#64748b;margin-top:6px;}
.vc-card{background:#fff;border:1px solid #e6eaf2;border-radius:14px;}
.vc-card-head{padding:16px 20px;border-bottom:1px solid #e6eaf2;font-weight:700;color:#0f172a;display:flex;justify-content:space-between;align-items:center;font-size:15px;}
.vc-card-body{padding:20px;}
.vc-table{width:100%;border-collapse:collapse;}
.vc-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-weight:700;padding:12px 20px;border-bottom:1px solid #eef1f7;}
.vc-table td{padding:14px 20px;border-bottom:1px solid #eef1f7;font-size:14px;color:#475569;}
.vc-table tr:last-child td{border-bottom:0;}
.vc-table .strong{color:#0f172a;font-weight:600;}
.vc-card-more{padding:12px 16px;border-top:1px solid #eef1f7;display:flex;align-items:center;justify-content:center;background:#fbfcfe;border-radius:0 0 14px 14px;}
.vc-card-more a{min-height:34px;padding:7px 13px;border-radius:8px;color:var(--v-blue);display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:650;text-decoration:none;}
.vc-card-more a:hover,.vc-card-more a:focus{background:#eef4ff;color:var(--v-blue);text-decoration:none;}
.vc-card-more svg{width:16px;height:16px;}
.vc-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;}
.vc-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;}
.vc-badge.green{background:#f0fdf4;color:#16a34a;}
.vc-badge.orange{background:#fdf3e4;color:#d97706;}
.vc-type{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#64748b;font-weight:500;white-space:nowrap;}
.vc-type svg{width:14px;height:14px;flex:none;color:#94a3b8;}

/* ===================== Pages espace client (en-tête, bannière SSL, toolbar, tableau) ===================== */
.vc-page-head{display:flex;flex-direction:column;gap:16px;margin-bottom:20px;}
.vc-page-head h1{font-size:24px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em;}
.vc-page-head .vc-sub{margin:2px 0 0;color:#64748b;font-size:14px;}
.vc-page-actions{display:flex;gap:8px;flex-wrap:wrap;}
@media(min-width:768px){.vc-page-head{flex-direction:row;align-items:flex-start;justify-content:space-between;}}

.vc-btn2{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;border-radius:10px;padding:9px 16px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s;white-space:nowrap;}
.vc-btn2 svg{width:16px;height:16px;flex:none;}
.vc-btn2-primary{background:var(--v-blue);color:#fff;}
.vc-btn2-primary:hover,.vc-btn2-primary:focus{background:var(--v-blue-600);color:#fff;}
.vc-btn2-outline{background:#fff;border-color:#e6eaf2;color:#0f172a;}
.vc-btn2-outline:hover,.vc-btn2-outline:focus{background:#f8fafc;border-color:#cdd8f2;color:#0f172a;}
.vc-btn2-sm{padding:6px 12px;font-size:13px;border-radius:8px;}

.vc-ssl{position:relative;overflow:hidden;border:1px solid #dbe4ff;border-radius:14px;background:linear-gradient(90deg,#eef4ff 0%,rgba(238,244,255,.35) 45%,#fff 100%);padding:16px 20px;margin-bottom:20px;display:flex;flex-direction:column;gap:16px;}
.vc-ssl-left{display:flex;align-items:center;gap:16px;}
.vc-ssl-ic{width:48px;height:48px;border-radius:12px;background:var(--v-blue);color:#fff;display:grid;place-items:center;flex:none;}
.vc-ssl-ic svg{width:24px;height:24px;}
.vc-ssl h3{margin:0;font-size:15px;font-weight:600;color:#0f172a;}
.vc-ssl p{margin:2px 0 0;font-size:13.5px;color:#64748b;}
.vc-ssl-right{display:flex;align-items:center;gap:16px;}
.vc-ssl-price{line-height:1.15;}
.vc-ssl-price small{display:block;font-size:12px;color:#64748b;}
.vc-ssl-price b{font-size:18px;color:#0f172a;font-weight:700;}
.vc-ssl-price b span{font-size:13px;font-weight:500;color:#64748b;}
@media(min-width:768px){.vc-ssl{flex-direction:row;align-items:center;justify-content:space-between;}}

.vc-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;}
.vc-search{position:relative;flex:1;}
.vc-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8;pointer-events:none;}
.vc-search input{width:100%;height:40px;padding:0 14px 0 36px;border:1px solid #e6eaf2;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s;}
.vc-search input:focus{border-color:var(--v-blue);}
.vc-toolbar-right{display:flex;align-items:center;gap:8px;}
.vc-select{height:40px;padding:0 34px 0 12px;border:1px solid #e6eaf2;border-radius:10px;font-size:14px;color:#0f172a;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;}
.vc-select:focus{border-color:var(--v-blue);}
.vc-iconbtn2{width:40px;height:40px;border:1px solid #e6eaf2;border-radius:10px;background:#fff;color:#475569;display:inline-grid;place-items:center;cursor:pointer;flex:none;text-decoration:none;}
.vc-iconbtn2:hover{background:#f8fafc;border-color:#cdd8f2;color:#475569;}
.vc-iconbtn2 svg{width:16px;height:16px;}
@media(min-width:640px){.vc-toolbar{flex-direction:row;align-items:center;justify-content:space-between;}}

.vc-status{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;}
.vc-status svg{width:16px;height:16px;flex:none;}
.vc-status.green{color:#16a34a;}
.vc-status.red{color:#dc2626;}
.vc-status.amber{color:#d97706;}
.vc-status.orange{color:#ea580c;}
.vc-status.gray{color:#64748b;}

.vc-dlink{color:#0f172a;font-weight:600;text-decoration:none;}
.vc-dlink:hover{color:var(--v-blue);text-decoration:underline;}
.vc-table td.right,.vc-table th.right{text-align:right;}
.vc-actions-cell{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;}

/* Menu ⋮ par ligne — <details> natif (aucun JS). */
.vc-dd{position:relative;}
.vc-dd > summary{list-style:none;cursor:pointer;}
.vc-dd > summary::-webkit-details-marker{display:none;}
.vc-dd > summary::marker{content:"";font-size:0;}
.vc-dd-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;padding:6px;border:1px solid #e6eaf2;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:1px;}
.vc-dd-menu a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:13.5px;color:#334155;text-decoration:none;white-space:nowrap;}
.vc-dd-menu a:hover{background:#f1f5f9;color:#0f172a;}
.vc-dd-menu a svg{width:15px;height:15px;flex:none;}

.vc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center;}
.vc-empty svg{width:40px;height:40px;color:#cbd5e1;margin-bottom:12px;}
.vc-empty p{margin:0 0 16px;color:#64748b;font-size:14px;}

/* ===================== Sous-pages domaine : onglets, formulaires, alertes plates ===================== */
/* Onglets (nav Bootstrap restylés façon app : soulignement bleu de l'onglet actif) */
.vc-tabs{display:inline-flex;flex-wrap:wrap;gap:2px;background:#f1f5f9;border:1px solid #e6eaf2;padding:4px;border-radius:12px;margin:0 0 22px;list-style:none;max-width:100%;}
.vc-tabs>li{margin:0;float:none;}
.vc-tabs>li>a{display:block;padding:7px 14px;font-size:14px;font-weight:500;color:#64748b;text-decoration:none;background:transparent;border:0;border-radius:8px;transition:background .15s,color .15s;}
.vc-tabs>li>a:hover,.vc-tabs>li>a:focus{color:#0f172a;background:rgba(255,255,255,.6);border:0;}
.vc-tabs>li.active>a,.vc-tabs>li.active>a:hover,.vc-tabs>li.active>a:focus{background:var(--v-blue);color:#fff;font-weight:600;border:0;}

/* Champs de formulaire WHMCS -> plat façon app (restyle global, pas de churn markup) */
.form-control{border:1px solid #e6eaf2 !important;border-radius:10px !important;font-size:14px;color:#0f172a;background-color:#fff;}
.form-control:focus{border-color:var(--v-blue) !important;outline:none;}
select.form-control,input.form-control{height:40px;}
textarea.form-control{height:auto;}
.control-label,.vc-label{font-weight:600;color:#334155;font-size:13.5px;}
.vc-field{margin-bottom:16px;}
.vc-label{display:block;margin-bottom:6px;}
.vc-input-group{display:flex;align-items:stretch;}
.vc-input-group .form-control{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;}
.vc-input-suffix{display:inline-flex;align-items:center;padding:0 12px;border:1px solid #e6eaf2;border-left:0;border-radius:0 10px 10px 0;background:#f8fafc;color:#64748b;font-size:13.5px;white-space:nowrap;}
.vc-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap;}

/* Alertes Bootstrap -> plates */
.alert{border-radius:10px !important;border:1px solid !important;padding:12px 16px;font-size:14px;}
.alert-info{background:#eff6ff !important;border-color:#dbe4ff !important;color:#1e40af !important;}
.alert-success{background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#166534 !important;}
.alert-warning{background:#fffbeb !important;border-color:#fde68a !important;color:#92400e !important;}
.alert-danger,.alert-error{background:#fef2f2 !important;border-color:#fecaca !important;color:#991b1b !important;}

/* Boutons WHMCS success/danger -> plats colorés */
.btn-success{background-color:var(--v-green) !important;border-color:var(--v-green) !important;color:#fff !important;}
.btn-success:hover,.btn-success:focus{background-color:#15803d !important;border-color:#15803d !important;color:#fff !important;}
.btn-danger{background-color:#dc2626 !important;border-color:#dc2626 !important;color:#fff !important;}
.btn-danger:hover,.btn-danger:focus{background-color:#b91c1c !important;border-color:#b91c1c !important;color:#fff !important;}

/* Grille d'infos clé/valeur (aperçu domaine) */
.vc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;}
.vc-info-item{display:flex;flex-direction:column;gap:3px;padding:12px 0;border-bottom:1px solid #eef1f7;}
.vc-info-item .k{font-size:12px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;}
.vc-info-item .v{font-size:14.5px;color:#0f172a;font-weight:500;}
.vc-info-item .v a{color:var(--v-blue);text-decoration:none;}
.vc-info-item .v a:hover{text-decoration:underline;}
@media(max-width:640px){.vc-info-grid{grid-template-columns:1fr;}}

/* En-tête domaine (retour + badges de statut) */
.vc-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#64748b;text-decoration:none;margin-bottom:12px;}
.vc-back:hover{color:var(--v-blue);}
.vc-back svg{width:15px;height:15px;}
.vc-badge.red{background:#fef2f2;color:#dc2626;}
.vc-badge.gray{background:#f1f5f9;color:#64748b;}
.vc-badge.blue{background:#eff6ff;color:#1d4ed8;}

/* Bloc statut centré (auto-renew / verrou) */
.vc-toggle{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:8px 0 4px;}
.vc-toggle .vc-toggle-lbl{font-size:15px;color:#475569;}
.vc-toggle .vc-badge{font-size:14px;padding:6px 14px;}

/* Bloc code EPP */
.vc-code{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#f5f7fb;border:1px solid #e6eaf2;border-radius:10px;padding:14px 16px;}
.vc-code code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;letter-spacing:.08em;color:#0f172a;word-break:break-all;background:none;}

/* Boutons vc-btn2 danger/succès */
.vc-btn2-danger{background:#dc2626;color:#fff;}
.vc-btn2-danger:hover,.vc-btn2-danger:focus{background:#b91c1c;color:#fff;}
.vc-btn2-success{background:var(--v-green);color:#fff;}
.vc-btn2-success:hover,.vc-btn2-success:focus{background:#15803d;color:#fff;}

/* Tableau éditable (DNS, redirections email) */
.vc-table-form td,.vc-table-form th{padding:10px 12px;vertical-align:middle;}
.vc-table-form .form-control{height:38px;}
.vc-table-form td .form-control{width:100%;}

/* Légendes / notes */
.vc-note{font-size:12.5px;color:#94a3b8;margin:10px 2px 0;}
.vc-fwd-arrow{color:#94a3b8;text-align:center;white-space:nowrap;font-size:13px;}

/* Cartes d'accès rapide (services domaine) façon app */
.vc-svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px;margin-bottom:20px;}
.vc-svc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 14px;background:#fff;border:1px solid #e6eaf2;border-radius:14px;text-decoration:none;transition:border-color .15s;}
.vc-svc:hover{border-color:#cdd8f2;}
.vc-svc-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;flex:none;margin-bottom:2px;}
.vc-svc-ic svg{width:22px;height:22px;}
.vc-svc-ic.blue{background:#eff6ff;color:#004ff7;}
.vc-svc-ic.green{background:#f0fdf4;color:#16a34a;}
.vc-svc-ic.orange{background:#fff7ed;color:#ea8e1c;}
.vc-svc-ic.navy{background:#e5ecfb;color:#0f056b;}
.vc-svc-t{font-weight:600;color:#0f172a;font-size:14px;}
.vc-svc-s{font-size:12.5px;color:#64748b;}

/* Tuiles d'infos clés (boîte gris clair façon app) */
.vc-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;}
.vc-tile{padding:14px;background:#f8fafc;border:1px solid #eef1f7;border-radius:12px;}
.vc-tile .k{font-size:12.5px;color:#64748b;margin-bottom:5px;}
.vc-tile .v{font-weight:600;color:#0f172a;font-size:14.5px;display:flex;align-items:center;gap:6px;}
.vc-tile .v svg{width:16px;height:16px;flex:none;}
.vc-tile .v .green{color:#16a34a;}
.vc-tile .v .amber{color:#d97706;}
.vc-paylogo{display:inline-flex;align-items:center;}
.vc-paylogo img{height:26px;width:auto;display:block;transition:opacity .15s;}
.vc-paylogo:hover img{opacity:.72;}
.vc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;border-radius:10px;padding:11px 16px;border:1px solid transparent;cursor:pointer;text-decoration:none;width:100%;}
.vc-btn-primary{background:var(--v-blue);color:#fff;}
.vc-btn-primary:hover{background:var(--v-blue-600);color:#fff;}
.vc-btn-accent{background:var(--v-orange);color:#fff;}
.vc-btn-accent:hover,.vc-btn-accent:focus{background:var(--v-orange-600);color:#fff;}
.vc-btn-ghost{background:#fff;border-color:#e6eaf2;color:#0f172a;margin-top:10px;}
.vc-btn-ghost:hover,.vc-btn-ghost:focus{background:#f8fafc;border-color:#cdd8f2;color:#0f172a;}
.vc-btn-primary:focus{color:#fff;}
@media (max-width: 900px){ .vc-sidebar{transform:translateX(-100%);} .vc-main{margin-left:0;} .vc-grid4{grid-template-columns:1fr 1fr;} .vc-grid2{grid-template-columns:1fr;} }

/* ---- Dashboard : carte de bienvenue + actions rapides (façon app) ---- */
.vc-welcome { background: linear-gradient(135deg, var(--v-blue) 0%, var(--v-navy) 100%); color:#fff; border-radius:16px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:22px; }
.vc-welcome-left { display:flex; align-items:center; gap:16px; }
.vc-welcome-ic { width:54px;height:54px;border-radius:50%; background:rgba(255,255,255,.15); display:grid;place-items:center; flex:none; }
.vc-welcome-ic svg{width:26px;height:26px;}
.vc-welcome h2 { margin:0 0 3px; font-size:22px; font-weight:800; }
.vc-welcome p { margin:0; color:rgba(255,255,255,.85); font-size:14.5px; }
.vc-welcome-btn { background:rgba(255,255,255,.15); color:#fff; border:0; border-radius:10px; padding:10px 16px; font-weight:600; font-size:14px; display:inline-flex; align-items:center; gap:8px; text-decoration:none; white-space:nowrap; }
.vc-welcome-btn:hover { background:rgba(255,255,255,.25); color:#fff; }
.vc-welcome-btn svg{width:18px;height:18px;}
/* Le thème force h2->rgb(63,61,89) et .main-content p->rgb(130,142,152).
   Sur la carte bleue, le texte doit rester blanc : on remonte la spécificité
   avec `body.vc-app` (bat les sélecteurs du thème sans !important). */
body.vc-app .vc-welcome h2 { color:#fff; }
body.vc-app .vc-welcome p  { color:rgba(255,255,255,.88); }
body.vc-app .vc-welcome .vc-welcome-btn { color:#fff; }
.vc-actions { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:22px; }
.vc-action { background:#fff; border:1px solid #e6eaf2; border-radius:14px; padding:18px; text-decoration:none; display:flex; flex-direction:column; gap:12px; transition:border-color .15s, box-shadow .15s, transform .05s; }
.vc-action:hover { border-color:#cdd8f2; box-shadow:0 8px 24px rgba(2,12,40,.08); }
.vc-action-ic { width:42px;height:42px;border-radius:12px; display:grid;place-items:center; }
.vc-action-ic svg{width:20px;height:20px;}
.vc-action-t { font-size:14.5px; font-weight:600; color:#0f172a; }
.vc-action-s { font-size:12.5px; color:#64748b; margin-top:-6px; }
@media(max-width:900px){ .vc-actions{grid-template-columns:1fr 1fr;} .vc-welcome{flex-direction:column;align-items:flex-start;} }

/* ===================== Mode espace client (vc-app) : top-bar + sidebar ===================== */
body.vc-app { background:#f9fafb; }
/* Masquer tout le chrome marketing + résidus WHMCS */
body.vc-app .maintenance-alert-banner { display:none !important; }

/* Accès au panneau d'hébergement / Plesk depuis le détail d'un service. */
.vc-control-panel {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  padding: 18px;
  border: 1px solid #cfe0ff;
  border-radius: 14px;
  background: linear-gradient(135deg, #f4f8ff 0%, #ffffff 72%);
}
.vc-control-panel-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  color: #fff;
  background: #0757f6;
}
.vc-control-panel-icon svg { width: 25px; height: 25px; }
.vc-control-panel-copy h3 { margin: 0 0 4px; color: #0b1733; font-size: 16px; font-weight: 700; }
.vc-control-panel-copy p { margin: 0; color: #60708f; font-size: 13px; line-height: 1.5; }
.vc-control-panel-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
.vc-control-panel-actions form { margin: 0; }
.vc-control-panel-actions .btn,
.vc-control-panel-actions button,
.vc-control-panel-actions input[type="submit"] {
  min-height: 42px;
  padding: 10px 18px;
  border: 0;
  border-radius: 10px;
  color: #fff !important;
  background: #0757f6 !important;
  font-weight: 700;
  box-shadow: none;
}
@media (max-width: 767px) {
  .vc-control-panel { grid-template-columns: 44px minmax(0, 1fr); }
  .vc-control-panel-actions { grid-column: 1 / -1; justify-content: stretch; }
  .vc-control-panel-actions form,
  .vc-control-panel-actions .btn,
  .vc-control-panel-actions button,
  .vc-control-panel-actions input[type="submit"] { width: 100%; }
}
body.vc-app #header-holder { display:none !important; }
body.vc-app .header-lined { display:none !important; }
body.vc-app #main-body .col-md-3.sidebar,
body.vc-app #main-body aside.sidebar { display:none !important; }
body.vc-app .panel-sidebar { display:none !important; }
/* Corps décalé : sous le top-bar (64px) + à droite de la sidebar (256px) */
body.vc-app #main-body-holder { margin-left:256px; padding-top:64px; background:#f9fafb; min-height:100vh; }
/* Le thème force `section#main-body{margin:inherit!important}` -> il héritait
   du margin-left:256px du holder (double décalage). On l'annule ici. */
body.vc-app #main-body { background:#f9fafb; min-height:calc(100vh - 64px); margin:0 !important; }
/* Neutraliser la grille Bootstrap pour le contenu */
body.vc-app #main-body > .container,
body.vc-app #main-body > .container-fluid { width:100%; max-width:1180px; margin:0 auto; padding:24px 32px; }
/* Empêche tout résidu de la 1re colonne (pageheader masqué) de créer un vide */
body.vc-app #main-body .col-md-9:empty { display:none; }
body.vc-app #main-body .row { margin:0; }
body.vc-app #main-body .col-md-9,
body.vc-app #main-body .col-md-9.main-content,
body.vc-app #main-body [class*="col-md-"] { width:100% !important; max-width:100% !important; float:none !important; padding:0 !important; }
body.vc-app .va-site-footer { margin-left:256px; }
/* Footer minimal de l'espace client : barre pleine largeur (après la sidebar),
   contenu centré à la MÊME largeur max que le dashboard -> alignement cohérent. */
body.vc-app .vc-footer {
  margin-left:256px; background:#f9fafb; border-top:1px solid #e6eaf2;
}
body.vc-app .vc-footer-in {
  max-width:1180px; margin:0 auto; padding:16px 32px;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:10px; font-size:13px; color:#64748b;
}
body.vc-app .vc-footer-copy { margin:0; }
body.vc-app .vc-footer-links { display:flex; gap:18px; flex-wrap:wrap; }
body.vc-app .vc-footer-links a { color:#64748b; text-decoration:none; transition:color .15s; }
body.vc-app .vc-footer-links a:hover { color:var(--v-blue); }
@media (max-width:900px){
  body.vc-app { overflow-x:hidden; }
  body.vc-app.vc-sidebar-open { overflow:hidden; }
  body.vc-app .vc-header { z-index:80; }
  body.vc-app .vc-sidebar-toggle { display:grid; }
  body.vc-app .vc-sidebar {
    width:min(86vw, 320px); height:calc(100dvh - 64px); z-index:70;
    padding:0 8px 12px; transform:translateX(-105%); visibility:hidden;
    box-shadow:18px 0 44px rgba(2,12,40,.18);
    transition:transform .22s ease, visibility 0s linear .22s;
    overscroll-behavior:contain; -webkit-overflow-scrolling:touch;
  }
  body.vc-app.vc-sidebar-open .vc-sidebar { transform:translateX(0); visibility:visible; transition-delay:0s; }
  body.vc-app .vc-sidebar-mobile-head {
    min-height:58px; padding:8px 8px 6px 12px; border-bottom:1px solid #eef1f7;
    display:flex; align-items:center; justify-content:space-between; flex:none;
    color:#0f172a; font-size:15px; font-weight:750;
  }
  body.vc-app .vc-sidebar-mobile-head button {
    width:38px; height:38px; padding:0; border:0; border-radius:9px;
    background:#f1f5f9; color:#334155; display:grid; place-items:center; cursor:pointer;
  }
  body.vc-app .vc-sidebar-mobile-head button:hover,
  body.vc-app .vc-sidebar-mobile-head button:focus { background:#e2e8f0; color:#0f172a; outline:0; }
  body.vc-app .vc-sidebar-mobile-head svg { width:20px; height:20px; }
  body.vc-app .vc-sidebar-overlay {
    position:fixed; inset:64px 0 0; z-index:60; display:block;
    background:rgba(15,5,107,.48); opacity:0; visibility:hidden; cursor:pointer;
    transition:opacity .22s ease, visibility 0s linear .22s;
  }
  body.vc-app.vc-sidebar-open .vc-sidebar-overlay { opacity:1; visibility:visible; transition-delay:0s; }
  body.vc-app #main-body-holder, body.vc-app .va-site-footer, body.vc-app .vc-footer { margin-left:0; }
  body.vc-app #main-body > .container,
  body.vc-app #main-body > .container-fluid { padding:22px 20px; }
  body.vc-app #main-body { overflow-x:hidden; }
  body.vc-app img, body.vc-app svg { max-width:100%; }
  body.vc-app .table-responsive { max-width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; }
  body.vc-app .vc-footer-in { padding:16px 20px; }
}

@media (max-width:575px){
  body.vc-app #main-body > .container,
  body.vc-app #main-body > .container-fluid { padding:18px 14px; }
  body.vc-app .vc-main-inner { padding:20px 14px; }
  body.vc-app .vc-footer-in { padding:15px 14px; }
  body.vc-app .vc-grid4 { gap:12px; }
  body.vc-app .vc-stat { min-width:0; padding:15px 13px; gap:10px; }
  body.vc-app .vc-stat-ic { width:39px; height:39px; }
  body.vc-app .vc-stat-val { font-size:21px; }
  body.vc-app .vc-stat-lab { font-size:12px; }
  body.vc-app .vc-card-head { padding:15px 16px; }
  body.vc-app .vc-card-body { padding:16px; }
}

@media (max-width:430px){
  body.vc-app .vc-header { padding:0 7px; }
  body.vc-app .vc-header-left { gap:4px; }
  body.vc-app .vc-logo img { width:105px; height:auto; }
  body.vc-app .vc-sidebar-toggle { width:34px; height:34px; }
}

@media (max-width:360px){
  body.vc-app .vc-logo img { width:92px; }
  body.vc-app .vc-head-control,
  body.vc-app .vc-iconbtn { width:30px; min-width:30px; }
  body.vc-app .vc-avatar { width:28px; height:28px; }
}

@media (prefers-reduced-motion:reduce){
  body.vc-app .vc-sidebar, body.vc-app .vc-sidebar-overlay { transition:none; }
}

/* Cartes de stats cliquables (dashboard) */
a.vc-stat { text-decoration:none; transition:border-color .15s, box-shadow .15s; }
a.vc-stat:hover { border-color:#cdd8f2; box-shadow:0 8px 24px rgba(2,12,40,.06); }
.vc-dash { display:block; }

/* Tableau de bord : synthèse prudente de facturation.
   Une facture marquée impayée dans WHMCS peut être ancienne, remplacée ou liée
   à un service déjà réglé. Le tableau de bord invite donc à vérifier la liste
   complète au lieu de déclencher un paiement sur une facture choisie au hasard. */
.vc-billing-review .vc-card-body { text-align:center; }
.vc-billing-review-ic { width:52px;height:52px;margin:0 auto 13px;border-radius:14px;background:#fff7ed;color:#ea8a0a;display:grid;place-items:center; }
.vc-billing-review-ic svg { width:25px;height:25px; }
.vc-billing-review-count { color:#0f172a;font-size:20px;font-weight:750;line-height:1.25; }
.vc-billing-review-copy { max-width:310px;margin:8px auto 18px;color:#64748b;font-size:13px;line-height:1.55; }
.vc-billing-review .vc-btn { max-width:260px;margin:0 auto; }
.vc-billing-review-empty { padding:12px 0;text-align:center; }
.vc-billing-review-empty .vc-billing-review-ic { margin-bottom:12px; }
.vc-billing-review-ic--ok { border-radius:50%;background:#f0fdf4;color:#16a34a; }
.vc-billing-review-empty p { margin:0;color:#0f172a;font-weight:650; }
.vc-billing-review-empty span { display:block;margin-top:5px;color:#64748b;font-size:13px; }

/* Liste des factures : services issus des lignes réelles de facturation. */
.vc-invoice-table-wrap { width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch; }
.vc-invoice-list-card #vcInvTable { min-width:1080px; }
.vc-invoice-list-card #vcInvTable th:nth-child(2) { width:270px; }
.vc-invoice-services { min-width:250px;max-width:310px; }
.vc-invoice-service { min-width:0;margin:0 0 6px;padding:7px 9px;border:1px solid #e6eaf2;border-radius:9px;background:#f8fafc;display:flex;align-items:center;gap:8px;color:#334155;text-decoration:none; }
.vc-invoice-service:last-of-type { margin-bottom:0; }
.vc-invoice-service:hover,.vc-invoice-service:focus { border-color:#bfd0f6;background:#f4f7ff;color:#0f172a;text-decoration:none; }
.vc-invoice-service-kind { flex:none;padding:3px 6px;border-radius:999px;background:#eaf1ff;color:var(--v-blue);font-size:9.5px;font-weight:750;letter-spacing:.03em;text-transform:uppercase; }
.vc-invoice-service-name { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600; }
.vc-invoice-service-more { display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;background:#eef2f7;color:#64748b;font-size:11px;font-weight:650; }
.vc-invoice-service-empty { color:#94a3b8;font-size:12.5px;font-style:italic; }

/* ============================================================
   VENAME — Refonte parcours d'achat (orderform standard_cart)
   custom.css charge AVANT le style.css du orderform, donc !important partout.
   Le hero de recherche (.domain-checker-bg) est conservé.
   ============================================================ */
#order-standard_cart{color:#0f172a !important;font-family:'DM Sans',system-ui,sans-serif !important;}
#order-standard_cart *,#order-standard_cart *::before,#order-standard_cart *::after{box-shadow:none !important;}
#order-standard_cart .panel,#order-standard_cart .card,#order-standard_cart .panel-sidebar,
#order-standard_cart .card-sidebar,#order-standard_cart .order-summary{border:1px solid #e6eaf2 !important;border-radius:14px !important;background:#fff !important;}
#order-standard_cart .panel-heading,#order-standard_cart .card-header{background:#fff !important;border-bottom:1px solid #e6eaf2 !important;border-radius:14px 14px 0 0 !important;padding:14px 18px !important;}
#order-standard_cart .panel-title,#order-standard_cart .card-header h3{font-size:15px !important;font-weight:700 !important;color:#0f172a !important;}
#order-standard_cart .panel-title i,#order-standard_cart .card-header i{color:var(--v-blue) !important;}
#order-standard_cart .panel-body,#order-standard_cart .card-body{padding:16px 18px !important;}
#order-standard_cart .list-group{padding:6px !important;background:transparent !important;border:0 !important;}
#order-standard_cart .list-group-item{border:0 !important;border-radius:8px !important;margin:1px 0 !important;padding:9px 12px !important;font-size:14px !important;color:#334155 !important;background:transparent !important;}
#order-standard_cart .list-group-item:hover{background:#f1f5f9 !important;color:#0f172a !important;}
#order-standard_cart .list-group-item.active{background:var(--v-blue) !important;color:#fff !important;}
#order-standard_cart .btn{border-radius:10px !important;}
#order-standard_cart .btn-add-to-cart,#order-standard_cart .btn-add-to-cart:hover{background:var(--v-orange) !important;border-color:var(--v-orange) !important;color:#fff !important;}
#order-standard_cart .spotlight-tld{border:1px solid #e6eaf2 !important;border-radius:16px !important;background:#fff !important;padding:22px 16px !important;}
#order-standard_cart .spotlight-tld .price,#order-standard_cart .spotlight-tld .available{background:#eef4ff !important;color:var(--v-blue) !important;border-radius:8px !important;padding:8px 14px !important;font-weight:700 !important;display:inline-block !important;}
#order-standard_cart table{border-collapse:collapse !important;}
#order-standard_cart table thead th{font-size:12px !important;text-transform:uppercase !important;letter-spacing:.04em !important;color:#94a3b8 !important;font-weight:700 !important;border-bottom:1px solid #e6eaf2 !important;background:transparent !important;padding:12px !important;}
#order-standard_cart table td{border-color:#eef1f7 !important;color:#475569 !important;}
#order-standard_cart .nav-pills>li>a,#order-standard_cart .tld-categories a,#order-standard_cart .label{border-radius:999px !important;}
#order-standard_cart .nav-pills>li.active>a,#order-standard_cart .nav-pills>li>a.active{background:var(--v-blue) !important;color:#fff !important;}
#order-standard_cart h1,#order-standard_cart h2{color:#0f172a !important;font-weight:700 !important;}
#order-standard_cart .header-lined{border-bottom:1px solid #e6eaf2 !important;}
#order-standard_cart .input-group-box .form-control{border-radius:10px 0 0 10px !important;}
#order-standard_cart .input-group-box .btn{border-radius:0 10px 10px 0 !important;}
#order-standard_cart .vc-domain-search-col{width:calc(100% - 40px)!important;max-width:760px!important;margin:0 auto!important;padding:0!important;float:none!important;}
#order-standard_cart #frmDomainChecker>.row{margin-right:0!important;margin-left:0!important;}
#order-standard_cart #frmDomainChecker>.row>[class*="col-"]{width:calc(100% - 40px)!important;max-width:760px!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important;float:none!important;}
#order-standard_cart .vc-domain-search-title,#order-standard_cart .cart-body>p:has(+.domain-checker-container){max-width:900px!important;margin:0 0 22px!important;color:#0f172a!important;font-size:22px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:-.015em!important;}
#order-standard_cart .vc-domain-page-intro{max-width:900px!important;margin:0 0 22px!important;padding:0!important;}
#order-standard_cart .vc-domain-page-intro>span{margin-bottom:6px!important;color:var(--v-blue)!important;display:block!important;font-size:10px!important;font-weight:800!important;letter-spacing:.065em!important;line-height:1!important;text-transform:uppercase!important;}
#order-standard_cart .vc-domain-page-intro h1{margin:0 0 7px!important;color:#0f172a!important;font-size:27px!important;font-weight:800!important;letter-spacing:-.025em!important;line-height:1.2!important;}
#order-standard_cart .vc-domain-page-intro p{max-width:760px!important;margin:0!important;color:#64748b!important;font-size:14px!important;font-weight:500!important;line-height:1.5!important;}
#order-standard_cart #frmDomainChecker .input-group-box{width:100%!important;max-width:100%!important;padding:8px!important;border-radius:12px!important;display:flex!important;align-items:stretch!important;overflow:hidden!important;}
#order-standard_cart #frmDomainChecker .input-group-box>.form-control{width:auto!important;min-width:0!important;height:46px!important;float:none!important;flex:1 1 auto!important;}
#order-standard_cart #frmDomainChecker .input-group-box>.input-group-btn{width:auto!important;margin:0!important;padding:0!important;display:flex!important;align-items:stretch!important;flex:0 0 auto!important;position:static!important;}
#order-standard_cart #frmDomainChecker .input-group-box>.input-group-btn>.btn{height:46px!important;margin:0!important;padding:0 20px!important;border-left:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;line-height:1!important;white-space:nowrap!important;}
#order-standard_cart .domain-checker-advanced #frmDomainChecker .input-group-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;overflow:visible!important;}
#order-standard_cart .domain-checker-advanced #frmDomainChecker textarea{width:100%!important;min-width:0!important;min-height:112px!important;padding:14px 16px!important;border:1px solid #dbe2ee!important;border-radius:10px!important;resize:vertical!important;grid-column:1/2!important;}
/* Correctif bouton recherche avancee : WHMCS le met en position:absolute (top:74px;right:20px),
   ce qui le sort du flux de la grille et le place sous les menus deroulants (clic intercepte).
   position:relative -> il redevient un element de grille tout en autorisant le z-index.
   inline-flex + centrage -> corrige le libelle colle en haut (46px de haut, line-height 20px). */
#order-standard_cart .domain-checker-advanced #frmDomainChecker #btnCheckAvailability{position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;z-index:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;min-height:48px!important;height:48px!important;padding:0 26px!important;gap:10px!important;white-space:nowrap!important;border-radius:10px!important;align-self:start!important;grid-column:2/3!important;}
#order-standard_cart .domain-checker-advanced #frmDomainChecker .multiselect-native-select{min-width:0!important;grid-column:auto!important;}
#order-standard_cart .domain-checker-advanced #frmDomainChecker label{margin:0!important;padding:10px 12px!important;border-radius:9px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;gap:8px!important;}
/* Recherche securisee : obligatoire -> indicateur statique, non cliquable */
#order-standard_cart .vc-safesearch{display:inline-flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:10px 12px!important;border-radius:9px!important;cursor:default!important;pointer-events:none!important;user-select:none!important;color:#15803d!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;font-size:13.5px!important;font-weight:600!important;white-space:nowrap!important;}
#order-standard_cart .vc-safesearch svg{flex:none!important;color:#16a34a!important;}
#order-standard_cart .vc-safesearch input[type="checkbox"]{display:none!important;}

/* --- Recherche de domaine : catégories et grille tarifaire façon espace client --- */
#order-standard_cart .domain-pricing{margin:34px 0 42px !important;}
#order-standard_cart .vc-tld-section-heading{display:flex !important;align-items:center !important;gap:13px !important;margin:0 0 18px !important;}
#order-standard_cart .vc-tld-section-icon{width:42px !important;height:42px !important;border-radius:12px !important;background:#eef4ff !important;color:var(--v-blue) !important;display:grid !important;place-items:center !important;flex:none !important;}
#order-standard_cart .vc-tld-section-icon svg{width:21px !important;height:21px !important;}
#order-standard_cart .vc-tld-section-heading h3{margin:0 0 3px !important;color:#0f172a !important;font-size:18px !important;font-weight:750 !important;line-height:1.25 !important;}
#order-standard_cart .vc-tld-section-heading p{margin:0 !important;color:#64748b !important;font-size:13.5px !important;line-height:1.45 !important;}
#order-standard_cart .tld-filters{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 0 18px !important;}
#order-standard_cart .tld-filters .vc-tld-filter{min-height:36px !important;margin:0 !important;padding:7px 8px 7px 13px !important;border:1px solid #dbe2ee !important;border-radius:999px !important;background:#fff !important;color:#475569 !important;display:inline-flex !important;align-items:center !important;gap:8px !important;font-size:13px !important;font-weight:600 !important;line-height:1 !important;text-decoration:none !important;transition:border-color .15s,background .15s,color .15s !important;}
#order-standard_cart .tld-filters .vc-tld-filter:hover,#order-standard_cart .tld-filters .vc-tld-filter:focus{border-color:#b9caf5 !important;background:#f8faff !important;color:var(--v-blue) !important;}
#order-standard_cart .tld-filters .vc-tld-filter.active,#order-standard_cart .tld-filters .vc-tld-filter.badge-primary,#order-standard_cart .tld-filters .vc-tld-filter.selected{border-color:var(--v-blue) !important;background:var(--v-blue) !important;color:#fff !important;}
#order-standard_cart .vc-tld-filter-count{min-width:22px !important;height:22px !important;padding:0 6px !important;border-radius:999px !important;background:#eef2f7 !important;color:#64748b !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:11px !important;font-weight:700 !important;}
#order-standard_cart .vc-tld-filter.active .vc-tld-filter-count,#order-standard_cart .vc-tld-filter.badge-primary .vc-tld-filter-count,#order-standard_cart .vc-tld-filter.selected .vc-tld-filter-count{background:rgba(255,255,255,.18) !important;color:#fff !important;}
#order-standard_cart .vc-tld-pricing-card{overflow:hidden !important;border:1px solid #e6eaf2 !important;border-radius:14px !important;background:#fff !important;}
#order-standard_cart .vc-tld-table-scroll{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;}
#order-standard_cart .vc-tld-table-inner{min-width:640px !important;}
#order-standard_cart .vc-tld-pricing-card .tld-pricing-header{min-height:48px !important;margin:0 !important;padding:0 !important;border-bottom:1px solid #e6eaf2 !important;background:#f8fafc !important;display:flex !important;align-items:stretch !important;}
#order-standard_cart .vc-tld-pricing-card .tld-pricing-header>.col-md-4,#order-standard_cart .vc-tld-pricing-card .tld-row>.col-md-4{width:28% !important;flex:0 0 28% !important;float:none !important;}
#order-standard_cart .vc-tld-pricing-card .tld-pricing-header>.col-md-8,#order-standard_cart .vc-tld-pricing-card .tld-row>.col-md-8{width:72% !important;flex:0 0 72% !important;float:none !important;}
#order-standard_cart .vc-tld-pricing-card .tld-pricing-header .tld-column{padding:15px 20px !important;border:0 !important;background:transparent !important;color:#94a3b8 !important;font-size:11.5px !important;font-weight:750 !important;letter-spacing:.05em !important;text-align:left !important;text-transform:uppercase !important;}
#order-standard_cart .vc-tld-pricing-card .tld-pricing-header>.col-md-8>.row{height:100% !important;margin:0 !important;display:flex !important;align-items:stretch !important;}
#order-standard_cart .vc-tld-pricing-card .tld-pricing-header .col-xs-4{padding:15px 8px !important;border:0 !important;border-left:1px solid #eef1f7 !important;border-radius:0 !important;background:transparent !important;color:#94a3b8 !important;font-size:11.5px !important;font-weight:750 !important;letter-spacing:.04em !important;text-transform:uppercase !important;}
#order-standard_cart .vc-tld-pricing-card .tld-row{min-height:68px !important;margin:0 !important;padding:0 !important;border:0 !important;border-bottom:1px solid #eef1f7 !important;background:#fff !important;display:flex !important;align-items:stretch !important;transition:background .15s !important;}
#order-standard_cart .vc-tld-pricing-card .tld-row[style*="display: none"]{display:none !important;}
#order-standard_cart .vc-tld-pricing-card .tld-row:last-of-type{border-bottom:0 !important;}
#order-standard_cart .vc-tld-pricing-card .tld-row:hover,#order-standard_cart .vc-tld-pricing-card .tld-row.highlighted{background:#f8faff !important;}
#order-standard_cart .vc-tld-pricing-card .two-row-center{min-height:68px !important;margin:0 !important;padding:13px 20px !important;border:0 !important;display:flex !important;align-items:center !important;gap:9px !important;line-height:1.2 !important;}
#order-standard_cart .vc-tld-identity{width:100%!important;padding-left:20px!important;display:flex!important;align-items:center!important;gap:9px!important;}
#order-standard_cart .vc-tld-name{color:#0f172a !important;font-size:15px !important;font-weight:700 !important;}
#order-standard_cart .vc-tld-pricing-card .tld-sale-group{padding:4px 6px !important;border-radius:999px !important;font-size:9px !important;font-weight:800 !important;line-height:1 !important;}
#order-standard_cart .vc-tld-price-grid{width:100% !important;height:100% !important;margin:0 !important;display:flex !important;align-items:stretch !important;}
#order-standard_cart .vc-tld-price-cell{min-height:68px !important;padding:11px 8px !important;border-left:1px solid #f1f3f7 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:6px !important;}
#order-standard_cart .vc-tld-price{color:#0f172a !important;font-size:13.5px !important;font-weight:650 !important;line-height:1 !important;white-space:nowrap !important;}
#order-standard_cart .vc-tld-duration{padding:3px 7px !important;border-radius:999px !important;background:#f1f5f9 !important;color:#64748b !important;font-size:10px !important;font-weight:650 !important;line-height:1 !important;}
#order-standard_cart .vc-tld-free{padding:5px 8px !important;border-radius:999px !important;background:#ecfdf3 !important;color:#15803d !important;font-size:11px !important;font-weight:700 !important;}
#order-standard_cart .vc-tld-na{color:#94a3b8 !important;font-size:12px !important;font-weight:600 !important;}
#order-standard_cart .vc-tld-card-note{min-height:44px !important;padding:11px 16px !important;border-top:1px solid #eef1f7 !important;background:#fbfcfe !important;color:#64748b !important;display:flex !important;align-items:center !important;gap:8px !important;font-size:12px !important;}
#order-standard_cart .vc-tld-card-note svg{width:16px !important;height:16px !important;color:var(--v-blue) !important;flex:none !important;}
@media(max-width:767px){
  #order-standard_cart .vc-domain-search-col{width:calc(100% - 24px)!important;}
  #order-standard_cart #frmDomainChecker>.row>[class*="col-"]{width:calc(100% - 24px)!important;}
  #order-standard_cart .vc-domain-search-title,#order-standard_cart .cart-body>p:has(+.domain-checker-container){margin-bottom:17px!important;font-size:18px!important;line-height:1.4!important;}
  #order-standard_cart .vc-domain-page-intro{margin-bottom:18px!important;}
  #order-standard_cart .vc-domain-page-intro h1{font-size:23px!important;}
  #order-standard_cart .vc-domain-page-intro p{font-size:13px!important;}
  #order-standard_cart #frmDomainChecker .input-group-box>.input-group-btn>.btn{padding-left:14px!important;padding-right:14px!important;}
  #order-standard_cart .domain-checker-advanced #frmDomainChecker .input-group-box{grid-template-columns:1fr!important;}
  #order-standard_cart .domain-checker-advanced #frmDomainChecker textarea,#order-standard_cart .domain-checker-advanced #frmDomainChecker #btnCheckAvailability{grid-column:1!important;width:100%!important;}
  #order-standard_cart .domain-pricing{margin-top:26px !important;}
  #order-standard_cart .vc-tld-section-heading{align-items:flex-start !important;}
  #order-standard_cart .vc-tld-section-heading h3{font-size:17px !important;}
  #order-standard_cart .tld-filters{flex-wrap:nowrap !important;overflow-x:auto !important;padding-bottom:5px !important;scrollbar-width:thin !important;}
  #order-standard_cart .tld-filters .vc-tld-filter{flex:none !important;}
}

/* --- Recherche de domaine : résultat de disponibilité et suggestions --- */
#order-standard_cart #DomainSearchResults{margin-top:18px !important;}
#order-standard_cart .domain-checker-result-headline{margin:0 0 16px !important;padding:0 !important;text-align:center !important;}
#order-standard_cart .domain-checker-result-headline p{width:max-content !important;max-width:100% !important;margin:0 auto !important;padding:9px 15px !important;border:1px solid transparent !important;border-radius:999px !important;align-items:center !important;justify-content:center !important;gap:4px !important;font-size:13.5px !important;font-weight:500 !important;line-height:1.35 !important;}
#order-standard_cart .domain-checker-result-headline p:not([style*="display: none"]){display:inline-flex !important;}
#order-standard_cart .domain-checker-result-headline p[style*="display: none"]{display:none !important;}
#order-standard_cart .domain-checker-result-headline p::before{content:"" !important;width:8px !important;height:8px !important;border-radius:50% !important;flex:none !important;}
#order-standard_cart .domain-checker-result-headline .domain-checker-unavailable{border-color:#fecaca !important;background:#fff1f2 !important;color:#be123c !important;}
#order-standard_cart .domain-checker-result-headline .domain-checker-unavailable::before{background:#f43f5e !important;}
#order-standard_cart .domain-checker-result-headline .domain-checker-available{border-color:#bbf7d0 !important;background:#f0fdf4 !important;color:#15803d !important;}
#order-standard_cart .domain-checker-result-headline .domain-checker-available::before{background:#22c55e !important;}
#order-standard_cart .domain-checker-result-headline strong{font-weight:750 !important;color:inherit !important;}

#order-standard_cart .spotlight-tlds{margin:0 0 24px !important;}
#order-standard_cart .spotlight-tlds-container{margin:0 !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
#order-standard_cart .spotlight-tld-container{width:auto !important;margin:0 !important;padding:0 !important;float:none !important;}
#order-standard_cart .spotlight-tld{height:auto !important;min-height:164px !important;padding:20px 16px 16px !important;display:flex !important;flex-direction:column !important;align-items:center !important;color:#0f172a !important;font-size:17px !important;font-weight:750 !important;line-height:1.2 !important;}
#order-standard_cart .spotlight-tld::before{content:"Extension" !important;margin-bottom:7px !important;color:#94a3b8 !important;font-size:10px !important;font-weight:750 !important;letter-spacing:.08em !important;text-transform:uppercase !important;}
#order-standard_cart .spotlight-tld .domain-lookup-result{width:100% !important;margin-top:auto !important;padding-top:18px !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:9px !important;}
#order-standard_cart .spotlight-tld .domain-lookup-result .price,#order-standard_cart .spotlight-tld .domain-lookup-result .available{width:auto !important;margin:0 auto !important;padding:6px 11px !important;border-radius:8px !important;background:#eef4ff !important;color:var(--v-blue) !important;font-size:13.5px !important;font-weight:750 !important;line-height:1 !important;}
#order-standard_cart .spotlight-tld [style*="display: none"]{display:none !important;}
#order-standard_cart .spotlight-tld .btn{width:100% !important;min-height:36px !important;margin:0 !important;padding:8px 12px !important;border-radius:9px !important;font-size:12.5px !important;font-weight:650 !important;line-height:1 !important;}
#order-standard_cart .spotlight-tld .btn-add-to-cart,#order-standard_cart .spotlight-tld .btn-add-to-cart:hover,#order-standard_cart .spotlight-tld .btn-add-to-cart:focus{border-color:var(--v-blue) !important;background:var(--v-blue) !important;color:#fff !important;}
#order-standard_cart .spotlight-tld .btn.unavailable{border-color:#e2e8f0 !important;background:#f1f5f9 !important;color:#64748b !important;opacity:1 !important;}

#order-standard_cart .suggested-domains{margin:0 0 24px !important;border:1px solid #e6eaf2 !important;border-radius:14px !important;background:#fff !important;overflow:hidden !important;}
#order-standard_cart .suggested-domains>.panel-heading,#order-standard_cart .suggested-domains>.card-header{min-height:56px !important;margin:0 !important;padding:14px 18px !important;border:0 !important;border-bottom:1px solid #e6eaf2 !important;border-radius:0 !important;background:#f8fafc !important;color:#0f172a !important;display:flex !important;align-items:center !important;gap:10px !important;font-size:15px !important;font-weight:750 !important;}
#order-standard_cart .suggested-domains>.panel-heading::before,#order-standard_cart .suggested-domains>.card-header::before{content:"✦" !important;width:30px !important;height:30px !important;border-radius:9px !important;background:#eaf1ff !important;color:var(--v-blue) !important;display:grid !important;place-items:center !important;font-size:13px !important;flex:none !important;}
#order-standard_cart .suggested-domains #domainSuggestions{margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#fff !important;}
#order-standard_cart .suggested-domains .domain-suggestion.clone{min-height:60px !important;margin:0 !important;padding:11px 16px 11px 18px !important;border:0 !important;border-bottom:1px solid #eef1f7 !important;border-radius:0 !important;background:#fff !important;transition:background .15s ease !important;}
#order-standard_cart .suggested-domains .domain-suggestion.clone:not([style*="display: none"]){display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;align-items:center !important;column-gap:0 !important;row-gap:10px !important;}
#order-standard_cart .suggested-domains .domain-suggestion.clone[style*="display: none"]{display:none !important;}
#order-standard_cart .suggested-domains .domain-suggestion.clone:hover{background:#f8faff !important;}
#order-standard_cart .suggested-domains .domain-suggestion.clone:last-child{border-bottom:0 !important;}
#order-standard_cart .suggested-domains .domain-suggestion .domain{color:#0f172a !important;font-size:14px !important;font-weight:750 !important;overflow-wrap:anywhere !important;}
#order-standard_cart .suggested-domains .domain-suggestion .extension{color:#475569 !important;font-size:14px !important;font-weight:650 !important;}
#order-standard_cart .suggested-domains .domain-suggestion .promo{margin-left:8px !important;}
#order-standard_cart .suggested-domains .domain-suggestion .actions{min-width:250px !important;margin-left:16px !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:16px !important;}
#order-standard_cart .suggested-domains .domain-suggestion .actions .price{min-width:105px !important;color:#0f172a !important;font-size:14px !important;font-weight:700 !important;text-align:right !important;white-space:nowrap !important;}
#order-standard_cart .suggested-domains .domain-suggestion .btn-add-to-cart,#order-standard_cart .suggested-domains .domain-suggestion .btn-add-to-cart:hover,#order-standard_cart .suggested-domains .domain-suggestion .btn-add-to-cart:focus{min-width:126px !important;min-height:36px !important;margin:0 !important;padding:8px 14px !important;border-color:var(--v-blue) !important;border-radius:9px !important;background:var(--v-blue) !important;color:#fff !important;font-size:12px !important;font-weight:650 !important;line-height:1 !important;}
#order-standard_cart .suggested-domains .more-suggestions{margin:0 !important;padding:13px 18px !important;border:0 !important;border-top:1px solid #e6eaf2 !important;border-radius:0 !important;background:#fbfcfe !important;text-align:center !important;}
#order-standard_cart .suggested-domains .more-suggestions a{color:var(--v-blue) !important;font-size:13px !important;font-weight:650 !important;text-decoration:none !important;}
#order-standard_cart .suggested-domains .domain-suggestions-warning{margin:0 !important;padding:12px 18px !important;border-top:1px solid #eef1f7 !important;background:#fff !important;color:#64748b !important;font-size:12px !important;line-height:1.45 !important;}
#order-standard_cart .suggested-domains .domain-suggestions-warning p{margin:0 !important;}

@media(max-width:900px){
  #order-standard_cart .spotlight-tlds-container{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:575px){
  #order-standard_cart .domain-checker-result-headline p{width:100% !important;border-radius:12px !important;}
  #order-standard_cart .spotlight-tlds-container{gap:9px !important;}
  #order-standard_cart .spotlight-tld{min-height:150px !important;padding:17px 11px 12px !important;}
  #order-standard_cart .suggested-domains .domain-suggestion.clone{padding:13px 14px !important;}
  #order-standard_cart .suggested-domains .domain-suggestion.clone:not([style*="display: none"]){grid-template-columns:auto minmax(0,1fr) !important;}
  #order-standard_cart .suggested-domains .domain-suggestion .actions{min-width:0 !important;width:100% !important;margin-left:0 !important;grid-column:1 / -1 !important;justify-content:space-between !important;gap:10px !important;}
  #order-standard_cart .suggested-domains .domain-suggestion .actions .price{min-width:0 !important;text-align:left !important;}
  #order-standard_cart .suggested-domains .domain-suggestion .btn-add-to-cart{min-width:118px !important;}
}

/* --- Configuration des domaines : étape de validation --- */
#order-standard_cart #frmConfigureDomains{max-width:100% !important;margin:0 auto !important;}
#order-standard_cart #frmConfigureDomains>p:first-of-type{margin:0 0 22px !important;padding:15px 17px !important;border:1px solid #dbe7ff !important;border-radius:12px !important;background:#f5f8ff !important;color:#475569 !important;font-size:14px !important;line-height:1.55 !important;}
#order-standard_cart #frmConfigureDomains>p:first-of-type::before{content:"✓" !important;width:24px !important;height:24px !important;margin-right:10px !important;border-radius:8px !important;background:#e7efff !important;color:var(--v-blue) !important;display:inline-grid !important;place-items:center !important;font-size:12px !important;font-weight:800 !important;vertical-align:middle !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading{min-height:58px !important;margin:22px 0 0 !important;padding:14px 17px !important;border:1px solid #e2e8f0 !important;border-radius:14px 14px 0 0 !important;background:#f8fafc !important;display:flex !important;align-items:center !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading::before{content:"" !important;width:34px !important;height:34px !important;margin-right:11px !important;border-radius:10px !important;background:#eaf1ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230b57f0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center/18px no-repeat !important;flex:none !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading .primary-bg-color{padding:0 !important;border:0 !important;background:transparent !important;color:#0f172a !important;font-size:17px !important;font-weight:750 !important;line-height:1.25 !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+.row{margin:0 !important;padding:16px !important;border:0 !important;border-right:1px solid #e2e8f0 !important;border-left:1px solid #e2e8f0 !important;background:#fff !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+.row:not(:has(+.addon-products)){border-bottom:1px solid #e2e8f0 !important;border-radius:0 0 14px 14px !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+.row>.col-sm-6 .form-group{min-height:76px !important;margin:0 !important;padding:13px 15px !important;border:1px solid #e9edf4 !important;border-radius:11px !important;background:#fbfcfe !important;color:#0f172a !important;font-size:14px !important;line-height:1.45 !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+.row>.col-sm-6 .form-group label{margin:0 0 6px !important;color:#64748b !important;font-size:11px !important;font-weight:750 !important;letter-spacing:.045em !important;text-transform:uppercase !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+.row>.col-sm-6 .form-group a{width:max-content !important;max-width:100% !important;padding:5px 9px !important;border-radius:7px !important;background:#fff1f2 !important;color:#be123c !important;display:inline-flex !important;font-size:12.5px !important;font-weight:650 !important;text-decoration:none !important;}
#order-standard_cart #frmConfigureDomains .addon-products{margin:0 0 24px !important;padding:0 16px 16px !important;border:0 !important;border-right:1px solid #e2e8f0 !important;border-bottom:1px solid #e2e8f0 !important;border-left:1px solid #e2e8f0 !important;border-radius:0 0 14px 14px !important;background:#fff !important;display:flex !important;flex-wrap:wrap !important;}
#order-standard_cart #frmConfigureDomains .addon-products>[class*="col-"]{padding:0 6px !important;}
#order-standard_cart #frmConfigureDomains .panel-addon{height:100% !important;margin:0 !important;border:1px solid #dfe6f1 !important;border-radius:12px !important;background:#fff !important;overflow:hidden !important;display:flex !important;flex-direction:column !important;transition:border-color .15s,background .15s !important;cursor:pointer !important;}
#order-standard_cart #frmConfigureDomains .panel-addon:hover{border-color:#b9caf5 !important;background:#fbfdff !important;}
#order-standard_cart #frmConfigureDomains .panel-addon.panel-addon-selected{border-color:var(--v-blue) !important;background:#f8faff !important;}
#order-standard_cart #frmConfigureDomains .panel-addon .panel-body{min-height:94px !important;padding:16px 17px 12px !important;color:#64748b !important;font-size:12.5px !important;line-height:1.45 !important;text-align:left !important;}
#order-standard_cart #frmConfigureDomains .panel-addon .panel-body label{margin:0 0 8px !important;color:#0f172a !important;display:flex !important;align-items:center !important;gap:9px !important;font-size:14px !important;font-weight:750 !important;cursor:pointer !important;}
#order-standard_cart #frmConfigureDomains .panel-addon input[type="checkbox"]{width:18px !important;height:18px !important;margin:0 !important;accent-color:var(--v-blue) !important;flex:none !important;}
#order-standard_cart #frmConfigureDomains .panel-addon .panel-price{margin-top:auto !important;padding:10px 16px !important;border-top:1px solid #edf1f6 !important;background:#f8fafc !important;color:#0f172a !important;font-size:12px !important;font-weight:700 !important;text-align:left !important;}
#order-standard_cart #frmConfigureDomains .panel-addon .panel-add{min-height:39px !important;padding:10px 16px !important;border:0 !important;background:#eef4ff !important;color:var(--v-blue) !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:7px !important;font-size:12px !important;font-weight:700 !important;}
#order-standard_cart #frmConfigureDomains .panel-addon.panel-addon-selected .panel-add{background:var(--v-blue) !important;color:#fff !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p{margin:0 !important;padding:16px 17px 6px !important;border-right:1px solid #e2e8f0 !important;border-left:1px solid #e2e8f0 !important;background:#fff !important;color:#64748b !important;font-size:13.5px !important;line-height:1.55 !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p+.row{margin:0 !important;padding:12px 10px 8px !important;border:0 !important;border-right:1px solid #e2e8f0 !important;border-bottom:1px solid #e2e8f0 !important;border-left:1px solid #e2e8f0 !important;border-radius:0 0 14px 14px !important;background:#fff !important;display:flex !important;flex-wrap:wrap !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p+.row>[class*="col-"]{padding:0 6px !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p+.row .form-group{margin:0 0 12px !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p+.row label{margin:0 0 6px !important;color:#475569 !important;font-size:11.5px !important;font-weight:650 !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p+.row .form-control{height:44px !important;padding:10px 12px !important;border:1px solid #dbe2ee !important;border-radius:9px !important;background:#fbfcfe !important;color:#0f172a !important;font-size:13.5px !important;}
#order-standard_cart #frmConfigureDomains>.sub-heading+p+.row .form-control:focus{border-color:#9db8ff !important;background:#fff !important;outline:3px solid #edf3ff !important;}
#order-standard_cart #frmConfigureDomains>.text-center.pt-4{padding-top:24px !important;}
#order-standard_cart #frmConfigureDomains>.text-center.pt-4 .btn{min-width:210px !important;min-height:48px !important;padding:12px 22px !important;border-color:var(--v-blue) !important;border-radius:11px !important;background:var(--v-blue) !important;color:#fff !important;font-size:15px !important;font-weight:700 !important;}
#order-standard_cart #frmConfigureDomains>.text-center.pt-4 .btn i{margin-left:7px !important;}

@media(max-width:767px){
  #order-standard_cart #frmConfigureDomains>p:first-of-type{font-size:13px !important;}
  #order-standard_cart #frmConfigureDomains>.sub-heading{margin-top:18px !important;}
  #order-standard_cart #frmConfigureDomains>.sub-heading+.row{padding:12px !important;}
  #order-standard_cart #frmConfigureDomains>.sub-heading+.row>.col-sm-6{margin-bottom:8px !important;}
  #order-standard_cart #frmConfigureDomains .addon-products{padding:0 12px 12px !important;}
  #order-standard_cart #frmConfigureDomains .addon-products>[class*="col-"]{width:100% !important;margin-top:8px !important;padding:0 !important;}
  #order-standard_cart #frmConfigureDomains>.sub-heading+p+.row>[class*="col-"]{width:100% !important;}
  #order-standard_cart #frmConfigureDomains>.text-center.pt-4 .btn{width:100% !important;}
}

/* --- Parcours d'achat : panier (viewcart) --- */
#order-standard_cart .vc-cart-page-head{min-height:96px;margin:0 0 18px!important;padding:18px 20px!important;border:1px solid #dfe6f1!important;border-radius:15px!important;background:linear-gradient(115deg,#fff 0%,#f7f9ff 100%)!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;overflow:hidden!important;position:relative!important;}
#order-standard_cart .vc-cart-page-head::after{content:"";width:150px;height:150px;border:1px solid rgba(0,82,255,.07);border-radius:50%;position:absolute;right:-80px;top:-92px;pointer-events:none;}
#order-standard_cart .vc-cart-page-icon{width:48px;height:48px;border-radius:13px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;flex:none;position:relative;z-index:1;}
#order-standard_cart .vc-cart-page-icon svg{width:24px;height:24px;}
#order-standard_cart .vc-cart-page-copy{min-width:0;position:relative;z-index:1;}
#order-standard_cart .vc-cart-page-copy>span{margin-bottom:3px;color:var(--v-blue);display:block;font-size:9.5px;font-weight:800;letter-spacing:.065em;line-height:1;text-transform:uppercase;}
#order-standard_cart .vc-cart-page-head h1{margin:0 0 4px!important;color:#0f172a!important;font-size:24px!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;}
#order-standard_cart .vc-cart-page-head p{margin:0!important;color:#64748b!important;font-size:12.5px!important;line-height:1.45!important;}
#order-standard_cart .vc-cart-page-count{padding:6px 9px;border-radius:999px;background:#eaf1ff;color:var(--v-blue);font-size:10.5px;font-weight:750;line-height:1;white-space:nowrap;position:relative;z-index:1;}
#order-standard_cart .cart-body>.row:has(.secondary-cart-body){margin:0 !important;display:flex !important;align-items:flex-start !important;gap:18px !important;}
#order-standard_cart .cart-body>.row:has(.secondary-cart-body)>.secondary-cart-body{width:calc(100% - 318px) !important;padding:0 !important;float:none !important;}
#order-standard_cart .cart-body>.row:has(.secondary-cart-body)>.secondary-cart-sidebar{width:300px !important;padding:0 !important;float:none !important;flex:none !important;}
#order-standard_cart .view-cart-items-header{min-height:50px !important;padding:15px 18px !important;border:1px solid #d9e2ef !important;border-radius:14px 14px 0 0 !important;background:#f1f5fb !important;color:#334155 !important;font-size:12px !important;font-weight:800 !important;letter-spacing:.055em !important;text-transform:uppercase !important;}
#order-standard_cart .view-cart-items-header .row{margin:0 !important;}
#order-standard_cart .view-cart-items-header [class*="col-"]{color:#334155!important;font-weight:800!important;}
#order-standard_cart .view-cart-items{margin:0 0 12px !important;border:1px solid #e2e8f0 !important;border-top:0 !important;border-radius:0 0 14px 14px !important;background:#fff !important;overflow:hidden !important;}
#order-standard_cart .view-cart-items .item{min-height:102px !important;padding:17px 18px !important;border:0 !important;border-bottom:1px solid #eef1f7 !important;background:#fff !important;font-size:14px !important;transition:background .15s !important;}
#order-standard_cart .view-cart-items .item:hover{background:#fbfcff !important;}
#order-standard_cart .view-cart-items .item:last-child{border-bottom:0 !important;}
#order-standard_cart .view-cart-items .item>.row{min-height:66px !important;margin:0 !important;display:flex !important;align-items:center !important;}
#order-standard_cart .view-cart-items .item>.row>[class*="col-"]{padding-right:9px !important;padding-left:9px !important;}
#order-standard_cart .view-cart-items .item-title{margin:0 0 4px !important;color:#0f172a !important;display:block !important;font-size:14.5px !important;font-weight:750 !important;line-height:1.35 !important;}
#order-standard_cart .secondary-cart-body .view-cart-items .item-title{color:#0f172a !important;}
#order-standard_cart .view-cart-items .item-title .btn-link{margin-left:7px !important;padding:3px 7px !important;border:1px solid #dbe5fb !important;border-radius:7px !important;background:#f5f8ff !important;color:var(--v-blue) !important;font-size:10.5px !important;font-weight:650 !important;vertical-align:1px !important;}
#order-standard_cart .item-group{margin-top:2px !important;color:#64748b !important;display:block !important;font-size:12px !important;}
#order-standard_cart .item-domain{margin-top:3px !important;color:#334155 !important;display:block !important;font-size:13px !important;font-weight:650 !important;overflow-wrap:anywhere !important;}
#order-standard_cart .view-cart-items .item-price{color:#0f172a !important;text-align:right !important;}
#order-standard_cart .view-cart-items .item-price span{font-size:14px !important;}
#order-standard_cart .view-cart-items .item-price>span:first-child,#order-standard_cart .item-price .cost{font-weight:700 !important;color:#0f172a !important;}
#order-standard_cart .item-price .cycle,#order-standard_cart .item-price .renewal{margin-top:3px !important;color:#94a3b8 !important;display:block !important;font-size:11.5px !important;font-weight:500 !important;line-height:1.35 !important;}
#order-standard_cart .item-price .renewal-price{display:inline !important;}
#order-standard_cart .view-cart-items .item-price .dropdown{margin-top:5px !important;display:flex !important;justify-content:flex-end !important;}
#order-standard_cart .view-cart-items .item-price .dropdown-toggle{min-height:28px !important;padding:4px 9px !important;border-color:#dbe2ee !important;border-radius:8px !important;background:#fff !important;color:#475569 !important;font-size:11px !important;}
#order-standard_cart .btn-remove-from-cart{width:32px !important;height:32px !important;padding:0 !important;border-radius:9px !important;color:#94a3b8 !important;display:inline-grid !important;place-items:center !important;}
#order-standard_cart .btn-remove-from-cart:hover{background:#fff1f2 !important;color:#e11d48 !important;}
#order-standard_cart .btn-link{color:var(--v-blue) !important;}
#order-standard_cart .empty-cart{margin:8px 0 20px !important;text-align:right !important;}
#order-standard_cart .empty-cart .btn,#order-standard_cart .empty-cart .btn:hover,#order-standard_cart .empty-cart .btn:focus{width:auto !important;margin:0 !important;padding:6px 8px !important;border:0 !important;background:transparent !important;color:#94a3b8 !important;font-size:11.5px !important;font-weight:600 !important;}
#order-standard_cart .empty-cart .btn:hover{color:#e11d48 !important;}
#order-standard_cart .secondary-cart-body .empty-cart .btn,#order-standard_cart .secondary-cart-body .empty-cart .btn:focus{border:0 !important;background:transparent !important;background-color:transparent !important;color:#94a3b8 !important;}
#order-standard_cart .secondary-cart-body .empty-cart .btn:hover{background:#fff1f2 !important;background-color:#fff1f2 !important;color:#e11d48 !important;}

/* --- Récapitulatif de commande (sidebar droite) --- */
#order-standard_cart #scrollingPanelContainer .order-summary{margin:0 !important;padding:18px !important;border:1px solid #dfe6f1 !important;border-radius:14px !important;background:#fff !important;background-color:#fff !important;position:sticky !important;top:78px !important;}
#order-standard_cart .order-summary h2{margin:0 0 14px !important;padding:0 0 13px !important;border-bottom:1px solid #e9edf4 !important;color:#0f172a !important;font-size:17px !important;font-weight:750 !important;text-align:left !important;}
#order-standard_cart .order-summary .summary-container{margin:0 !important;padding:0 !important;border:0 !important;background:#fff !important;background-color:#fff !important;color:#475569 !important;}
#order-standard_cart .order-summary .subtotal,#order-standard_cart .order-summary .recurring-totals,#order-standard_cart .order-summary .bordered-totals>div{min-height:38px !important;padding:9px 0 !important;color:#475569 !important;font-size:12.5px !important;text-align:left !important;}
#order-standard_cart .order-summary .subtotal span,#order-standard_cart .order-summary .recurring-totals span,#order-standard_cart .order-summary .bordered-totals span{text-align:left !important;}
#order-standard_cart .order-summary .subtotal .pull-right,#order-standard_cart .order-summary .recurring-totals .pull-right,#order-standard_cart .order-summary .bordered-totals .pull-right{text-align:right !important;}
#order-standard_cart .order-summary .cost{color:#0f172a !important;font-weight:600 !important;}
#order-standard_cart .bordered-totals{margin:4px 0 !important;border-top:1px solid #eef1f7 !important;border-bottom:1px solid #eef1f7 !important;}
#order-standard_cart .order-summary .total-due-today{margin:14px 0 12px !important;padding:17px 12px !important;border:1px solid #dce7ff !important;border-radius:12px !important;background:#eef4ff !important;text-align:center !important;}
#order-standard_cart .order-summary .total-due-today .amt{color:var(--v-navy) !important;display:block !important;font-size:25px !important;font-weight:800 !important;line-height:1.15 !important;text-align:center !important;white-space:nowrap !important;}
#order-standard_cart .order-summary .total-due-today span{text-align:center !important;}
#order-standard_cart .order-summary .total-due-today>span:last-child{color:#64748b !important;font-size:13px !important;}
#order-standard_cart .btn-checkout,#order-standard_cart .btn-checkout:hover,#order-standard_cart .btn-success.btn-checkout{width:100% !important;min-height:48px !important;padding:13px !important;border-color:var(--v-blue) !important;border-radius:10px !important;background:var(--v-blue) !important;color:#fff !important;font-size:14px !important;font-weight:700 !important;}
#order-standard_cart .btn-continue-shopping{margin-top:10px !important;padding:5px !important;color:#64748b !important;display:inline-block !important;font-size:11px !important;}

/* --- Onglets promo / taxes --- */
#order-standard_cart .view-cart-tabs{margin:0 !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;background:#fff !important;overflow:hidden !important;}
#order-standard_cart .view-cart-tabs .nav-tabs{margin:0 !important;padding:0 12px !important;border:0 !important;border-bottom:1px solid #e6eaf2 !important;background:#f8fafc !important;}
#order-standard_cart .nav-tabs .nav-link,#order-standard_cart .nav-tabs>li>a{margin:0 !important;padding:12px 4px !important;border:0 !important;background:transparent !important;color:#64748b !important;font-size:12.5px !important;font-weight:650 !important;}
#order-standard_cart .nav-tabs .nav-link.active,#order-standard_cart .nav-tabs>li.active>a{color:var(--v-blue) !important;border-bottom:2px solid var(--v-blue) !important;background:transparent !important;}
#order-standard_cart .view-cart-tabs .tab-content{padding:14px !important;border:0 !important;background:#fff !important;}
#order-standard_cart #applyPromo form{margin:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;gap:10px !important;}
#order-standard_cart #applyPromo .form-group{margin:0 !important;}
#order-standard_cart #applyPromo .form-control{height:42px !important;padding:9px 12px 9px 38px !important;border:1px solid #dbe2ee !important;border-radius:9px !important;background:#fbfcfe !important;font-size:13px !important;}
#order-standard_cart #applyPromo button[name="validatepromo"]{width:auto !important;min-width:145px !important;height:42px !important;margin:0 !important;padding:9px 14px !important;border-radius:9px !important;font-size:12px !important;font-weight:650 !important;}

@media(max-width:991px){
  #order-standard_cart .cart-body>.row:has(.secondary-cart-body){display:block !important;}
  #order-standard_cart .cart-body>.row:has(.secondary-cart-body)>.secondary-cart-body{width:100% !important;}
  #order-standard_cart .cart-body>.row:has(.secondary-cart-body)>.secondary-cart-sidebar{width:100% !important;max-width:420px !important;margin:22px auto 0 !important;}
  #order-standard_cart #scrollingPanelContainer .order-summary{position:static !important;}
}
@media(max-width:575px){
  #order-standard_cart .vc-cart-page-head{padding:16px!important;grid-template-columns:auto minmax(0,1fr)!important;}
  #order-standard_cart .vc-cart-page-head h1{font-size:21px!important;}
  #order-standard_cart .vc-cart-page-head p{font-size:11.5px!important;}
  #order-standard_cart .vc-cart-page-count{grid-column:2;justify-self:start;}
  #order-standard_cart .view-cart-items-header{display:none !important;}
  #order-standard_cart .view-cart-items{border-top:1px solid #e2e8f0 !important;border-radius:14px !important;}
  #order-standard_cart .view-cart-items .item{padding:15px 13px !important;}
  #order-standard_cart .view-cart-items .item>.row{display:block !important;}
  #order-standard_cart .view-cart-items .item>.row>[class*="col-"]{width:100% !important;padding:0 !important;}
  #order-standard_cart .view-cart-items .item-price{margin-top:12px !important;padding-top:10px !important;border-top:1px solid #eef1f7 !important;text-align:left !important;}
  #order-standard_cart .view-cart-items .item-price .dropdown{justify-content:flex-start !important;}
  #order-standard_cart .view-cart-items .visible-xs-inline .btn-remove-from-cart,#order-standard_cart .view-cart-items .d-sm-none .btn-remove-from-cart{width:auto !important;min-width:72px !important;height:30px !important;padding:0 8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;font-size:10.5px !important;}
  #order-standard_cart #applyPromo form{grid-template-columns:1fr !important;}
  #order-standard_cart #applyPromo button[name="validatepromo"]{width:100% !important;}
}

/* --- Checkout : sections + formulaire + paiement --- */
#order-standard_cart .sub-heading{border-top:1px solid #e6eaf2 !important;margin-top:26px !important;margin-bottom:26px !important;}
#order-standard_cart .sub-heading span,#order-standard_cart .primary-bg-color{color:var(--v-navy) !important;background:#fff !important;font-weight:700 !important;font-size:15px !important;}
#order-standard_cart .field.form-control:focus,#order-standard_cart .form-control:focus{border-color:var(--v-blue) !important;}
#order-standard_cart .field-icon i,#order-standard_cart .prepend-icon .field-icon i{color:#94a3b8 !important;}
#order-standard_cart .field-error-msg{color:#dc2626 !important;font-size:12.5px !important;}
#order-standard_cart .btn-primary,#order-standard_cart .btn-primary:hover,#order-standard_cart .btn-primary:focus{background:var(--v-blue) !important;border-color:var(--v-blue) !important;color:#fff !important;}
#order-standard_cart .payment-methods:checked+*,#order-standard_cart .payment-method-label{color:#0f172a !important;}
#order-standard_cart .progress-bar-success{background:var(--v-blue) !important;}
#order-standard_cart .checkout-security-msg{background:#f0fdf4 !important;border:1px solid #bbf7d0 !important;color:#166534 !important;border-radius:10px !important;}

/* --- Paiement : parcours checkout --- */
#order-standard_cart .already-registered{min-height:62px;margin:0 0 18px !important;padding:17px 20px 17px 62px !important;border:1px solid #bcd0ff !important;border-radius:13px !important;background:linear-gradient(110deg,#e9f1ff 0%,#f6f9ff 100%) !important;display:flex!important;align-items:center!important;position:relative!important;overflow:hidden!important;}
#order-standard_cart .already-registered::before{content:"i"!important;width:32px!important;height:32px!important;border-radius:10px!important;background:var(--v-blue)!important;color:#fff!important;display:grid!important;place-items:center!important;font-family:Georgia,serif!important;font-size:17px!important;font-weight:700!important;font-style:italic!important;position:absolute!important;left:17px!important;top:14px!important;}
#order-standard_cart .already-registered::after{content:""!important;width:120px!important;height:120px!important;border:1px solid rgba(0,82,255,.09)!important;border-radius:50%!important;position:absolute!important;right:-64px!important;top:-77px!important;pointer-events:none!important;}
#order-standard_cart .already-registered p{margin:0 !important;color:#284a83 !important;font-size:14px !important;font-weight:600!important;line-height:1.5 !important;position:relative!important;z-index:1!important;}
#order-standard_cart #frmCheckout{max-width:100% !important;margin:0 auto !important;counter-reset:checkout-section !important;}
#order-standard_cart #frmCheckout .sub-heading{height:auto !important;min-height:42px !important;margin:27px 0 14px !important;padding:0 !important;border:0 !important;display:flex !important;align-items:center !important;gap:10px !important;}
#order-standard_cart #frmCheckout>.sub-heading:first-of-type{margin-top:10px!important;}
#order-standard_cart #frmCheckout .sub-heading::before{counter-increment:checkout-section !important;content:counter(checkout-section) !important;width:32px !important;height:32px !important;border-radius:10px !important;background:#eaf1ff !important;color:var(--v-blue) !important;display:grid !important;place-items:center !important;font-size:12px !important;font-weight:800 !important;line-height:1 !important;flex:none !important;}
#order-standard_cart #frmCheckout .sub-heading::after{content:"" !important;height:1px !important;background:#e9edf4 !important;flex:1 !important;}
#order-standard_cart #frmCheckout .sub-heading span,#order-standard_cart #frmCheckout .sub-heading .primary-bg-color{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;color:#0f172a !important;display:block !important;position:static !important;top:auto !important;font-size:16px !important;font-weight:750 !important;line-height:1.3 !important;white-space:nowrap !important;order:1 !important;}
#order-standard_cart #frmCheckout .sub-heading::before{order:0 !important;}
#order-standard_cart #frmCheckout .sub-heading::after{order:2 !important;}

#order-standard_cart #frmCheckout .account-select-container{margin:0 !important;padding:6px !important;border:1px solid #e2e8f0 !important;border-radius:13px !important;background:#f8fafc !important;display:flex !important;flex-wrap:wrap !important;gap:8px !important;}
#order-standard_cart #frmCheckout .account-select-container>[class*="col-"]{padding:0 !important;}
#order-standard_cart #frmCheckout .account-select-container>.col-sm-12{width:100% !important;}
#order-standard_cart #frmCheckout .account-select-container .account{height:100% !important;margin:0 !important;padding:13px 14px !important;border:1px solid transparent !important;border-radius:10px !important;background:#fff !important;color:#475569 !important;transition:border-color .15s,background .15s !important;}
#order-standard_cart #frmCheckout .account-select-container .account:hover{border-color:#cddafb !important;}
#order-standard_cart #frmCheckout .account-select-container .account.active{border-color:#9db8ff !important;background:#f5f8ff !important;}
#order-standard_cart #frmCheckout .account-select-container .account label{width:100% !important;margin:0 !important;display:flex !important;align-items:flex-start !important;gap:10px !important;color:#475569 !important;cursor:pointer !important;}
#order-standard_cart #frmCheckout .account-select-container .account input[type="radio"]{width:18px !important;height:18px !important;margin:1px 0 0 !important;accent-color:var(--v-blue) !important;flex:none !important;}
#order-standard_cart #frmCheckout .iradio_square-blue,#order-standard_cart #frmCheckout .icheckbox_square-blue{width:22px !important;height:22px !important;min-width:22px !important;flex:0 0 22px !important;}
#order-standard_cart #frmCheckout .account-select-container .account .address strong{color:#0f172a !important;font-size:13.5px !important;font-weight:750 !important;}
#order-standard_cart #frmCheckout .account-select-container .account .address .small{margin-top:4px !important;color:#64748b !important;display:block !important;font-size:11.5px !important;line-height:1.45 !important;}
#order-standard_cart #frmCheckout .account-select-container .label{margin-left:6px !important;padding:3px 6px !important;border-radius:999px !important;background:#fff3dc !important;color:#b45309 !important;font-size:9px !important;font-weight:750 !important;}

#order-standard_cart #frmCheckout>.small.text-muted,#order-standard_cart #frmCheckout .sub-heading+.small.text-muted{margin:0 0 12px !important;padding:13px 15px !important;border:1px solid #e7ebf2 !important;border-radius:10px !important;background:#fbfcfe !important;color:#64748b !important;font-size:13px !important;line-height:1.55 !important;}
#order-standard_cart #frmCheckout #inputDomainContact{max-width:520px !important;height:46px !important;margin:0 auto !important;padding:10px 13px !important;border:1px solid #dbe2ee !important;border-radius:10px !important;background:#fff !important;color:#334155 !important;font-size:13.5px !important;}
#order-standard_cart #frmCheckout .field.form-control,#order-standard_cart #frmCheckout .form-control{min-height:44px !important;border:1px solid #dbe2ee !important;border-radius:9px !important;background:#fff !important;color:#334155 !important;font-size:13.5px !important;}
#order-standard_cart #frmCheckout textarea.field.form-control{min-height:112px !important;padding:13px 14px !important;line-height:1.5 !important;resize:vertical !important;}

#order-standard_cart #frmCheckout #totalDueToday{min-height:68px;margin:0 0 16px !important;padding:17px 20px !important;border:1px solid #173fc4 !important;border-radius:13px !important;background:linear-gradient(110deg,#0d1d8e 0%,#1547dc 100%) !important;color:rgba(255,255,255,.78) !important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font-size:13px !important;font-weight:600!important;text-align:center !important;box-shadow:0 8px 20px rgba(13,29,142,.13)!important;}
#order-standard_cart #frmCheckout #totalDueToday strong{margin:0 !important;color:#fff !important;font-size:22px !important;font-weight:800 !important;letter-spacing:-.015em!important;white-space:nowrap !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer{margin:0 !important;padding:16px !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;background:#fff !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer>p{margin:0 0 13px !important;color:#475569 !important;font-size:13px !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer>.text-center{display:flex !important;align-items:stretch !important;justify-content:center !important;flex-wrap:wrap !important;gap:10px !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer .radio-inline{min-width:155px !important;min-height:48px !important;margin:0 !important;padding:11px 14px !important;border:1px solid #dfe6f1 !important;border-radius:10px !important;background:#fbfcfe !important;color:#475569 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;font-size:12.5px !important;font-weight:650 !important;cursor:pointer !important;transition:border-color .15s,background .15s !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer .radio-inline:hover{border-color:#b9caf5 !important;background:#f8faff !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer .radio-inline:has(input:checked){border-color:var(--v-blue) !important;background:#eef4ff !important;color:#0f172a !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer input[type="radio"]{width:18px !important;height:18px !important;margin:0 !important;accent-color:var(--v-blue) !important;flex:none !important;}
#order-standard_cart #frmCheckout #paymentGatewaysContainer .pay-gw-logo{height:23px !important;margin:0 !important;top:0 !important;}
#order-standard_cart #frmCheckout .cc-input-container{margin:15px 0 0 !important;padding:17px !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;background:#fbfcfe !important;}

#order-standard_cart #frmCheckout>.text-center:last-of-type{margin-top:18px !important;padding:17px !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;background:#f8fafc !important;}
#order-standard_cart #frmCheckout>.text-center:last-of-type p{margin:0 0 13px !important;}
#order-standard_cart #frmCheckout>.text-center:last-of-type .checkbox-inline{margin:0 !important;color:#475569 !important;display:inline-flex !important;align-items:center !important;gap:7px !important;font-size:12px !important;}
#order-standard_cart #frmCheckout>.text-center:last-of-type input[type="checkbox"]{width:18px !important;height:18px !important;margin:0 !important;accent-color:var(--v-blue) !important;}
#order-standard_cart #frmCheckout #btnCompleteOrder{min-width:250px !important;min-height:50px !important;padding:13px 22px !important;border-color:var(--v-blue) !important;border-radius:11px !important;background:var(--v-blue) !important;color:#fff !important;font-size:15px !important;font-weight:750 !important;}
#order-standard_cart .checkout-security-msg{display:none!important;}

/* Références contractuelles officielles */
.vc-contract-links {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
  margin-top: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}
.vc-contract-links a {
  color: #0b57f5;
  text-decoration: none;
}
.vc-contract-links a:hover,
.vc-contract-links a:focus {
  color: #13086d;
  text-decoration: underline;
}

@media(max-width:767px){
  #order-standard_cart .already-registered{padding:15px 15px 15px 55px !important;}
  #order-standard_cart .already-registered::before{width:30px!important;height:30px!important;left:14px!important;top:15px!important;}
  #order-standard_cart #frmCheckout .sub-heading{margin-top:22px !important;}
  #order-standard_cart #frmCheckout>.sub-heading:first-of-type{margin-top:8px!important;}
  #order-standard_cart #frmCheckout .sub-heading span,#order-standard_cart #frmCheckout .sub-heading .primary-bg-color{font-size:14px !important;white-space:normal !important;}
  #order-standard_cart #frmCheckout .sub-heading::after{display:none !important;}
  #order-standard_cart #frmCheckout .account-select-container{display:block !important;}
  #order-standard_cart #frmCheckout .account-select-container>[class*="col-"]{width:100% !important;margin-bottom:7px !important;}
  #order-standard_cart #frmCheckout #paymentGatewaysContainer>.text-center{display:grid !important;grid-template-columns:1fr !important;}
  #order-standard_cart #frmCheckout #paymentGatewaysContainer .radio-inline{width:100% !important;justify-content:flex-start !important;}
  #order-standard_cart #frmCheckout #totalDueToday{min-height:76px;align-items:center!important;flex-direction:column!important;gap:4px!important;}
  #order-standard_cart #frmCheckout>.text-center:last-of-type{padding:15px 12px !important;}
  #order-standard_cart #frmCheckout #btnCompleteOrder{width:100% !important;min-width:0 !important;}
}

/* --- Parcours d'achat : boutons secondaires neutres (annuler l'orange global .btn-default) --- */
#order-standard_cart .btn-default,#order-standard_cart .btn-default:focus{background:#fff !important;border:1px solid #dbe2ee !important;color:#334155 !important;}
#order-standard_cart .btn-default:hover{background:#f1f5f9 !important;border-color:#cbd5e1 !important;color:#0f172a !important;}
#order-standard_cart button[name="validatepromo"],#order-standard_cart button[name="validatepromo"]:hover,#order-standard_cart button[name="validatepromo"]:focus{background:var(--v-blue) !important;border-color:var(--v-blue) !important;color:#fff !important;}

/* --- Parcours d'achat : produits + addons (configuredomains, products, configureproduct) --- */
#order-standard_cart .btn-order-now,#order-standard_cart .btn-order-now:hover,#order-standard_cart .btn-order-now:focus{background:var(--v-orange) !important;border-color:var(--v-orange) !important;color:#fff !important;}
#order-standard_cart .panel-addon{border:1px solid #e6eaf2 !important;border-radius:12px !important;}
#order-standard_cart .panel-addon-selected{border-color:var(--v-blue) !important;background:#eef4ff !important;}
#order-standard_cart .panel-add .btn,#order-standard_cart .panel-add a{color:var(--v-blue) !important;}
#order-standard_cart .panel-price{color:#0f172a !important;font-weight:700 !important;}
#order-standard_cart .products .product{border:1px solid #e6eaf2 !important;border-radius:14px !important;background:#fff !important;}
#order-standard_cart .products .product .price{color:var(--v-navy) !important;font-weight:800 !important;}
#order-standard_cart .field-help-text{color:#94a3b8 !important;font-size:12.5px !important;}

/* --- Parcours d'achat : confirmation de commande (complete) --- */
#order-standard_cart .order-confirmation{background:#f0fdf4 !important;border:1px solid #bbf7d0 !important;color:#166534 !important;border-radius:12px !important;text-align:center;font-weight:600;}
#order-standard_cart .order-confirmation span{color:var(--v-navy) !important;font-weight:800;}

/* --- Parcours d'achat : logo CinetPay dans les moyens de paiement --- */
#order-standard_cart .radio-inline{align-items:center;}
#order-standard_cart .pay-gw-logo{height:22px;width:auto;vertical-align:middle;margin-left:2px;position:relative;top:-1px;}

/* ===================== Transfert de domaine ===================== */
/* L’ancienne sidebar Hostify du panier fait doublon avec la navigation Vename,
   aussi bien sur le site public que dans l’espace client. Tous les parcours de
   commande utilisent désormais une zone principale pleine largeur. */
#order-standard_cart>.row>.cart-sidebar,#order-standard_cart .sidebar-collapsed{display:none !important;}
#order-standard_cart>.row>.cart-body{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;float:none !important;}
#order-standard_cart>.row{margin-left:0 !important;margin-right:0 !important;}

#order-standard_cart .vc-transfer-page{width:100% !important;max-width:1000px !important;margin:0 auto !important;padding:6px 0 22px !important;}
#order-standard_cart .vc-transfer-hero{max-width:680px !important;margin:0 auto 24px !important;text-align:center !important;}
#order-standard_cart .vc-transfer-kicker{margin:0 0 9px !important;padding:6px 10px !important;border:1px solid #d7e3ff !important;border-radius:999px !important;background:#eef4ff !important;color:var(--v-blue) !important;display:inline-flex !important;font-size:11.5px !important;font-weight:750 !important;letter-spacing:.04em !important;line-height:1 !important;text-transform:uppercase !important;}
#order-standard_cart .vc-transfer-hero h2{margin:0 0 8px !important;color:#0f172a !important;font-size:30px !important;font-weight:800 !important;letter-spacing:-.025em !important;line-height:1.18 !important;}
#order-standard_cart .vc-transfer-hero p{max-width:590px !important;margin:0 auto !important;color:#64748b !important;font-size:14.5px !important;line-height:1.55 !important;}
#order-standard_cart .vc-transfer-form{margin:0 !important;}
#order-standard_cart .vc-transfer-layout{display:grid !important;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr) !important;gap:18px !important;align-items:stretch !important;}

#order-standard_cart .vc-transfer-guide{overflow:hidden !important;padding:27px 25px !important;border:0 !important;border-radius:18px !important;background:linear-gradient(145deg,#0d1d8e 0%,#07155d 100%) !important;color:#fff !important;position:relative !important;}
#order-standard_cart .vc-transfer-guide::before{content:"" !important;width:210px !important;height:210px !important;border:1px solid rgba(255,255,255,.12) !important;border-radius:50% !important;position:absolute !important;right:-105px !important;top:-90px !important;}
#order-standard_cart .vc-transfer-guide::after{content:"" !important;width:105px !important;height:105px !important;border-radius:50% !important;background:rgba(42,105,255,.32) !important;position:absolute !important;right:-42px !important;bottom:-38px !important;filter:blur(2px) !important;}
#order-standard_cart .vc-transfer-guide-icon{width:46px !important;height:46px !important;margin:0 0 21px !important;border:1px solid rgba(255,255,255,.17) !important;border-radius:13px !important;background:rgba(255,255,255,.1) !important;color:#fff !important;display:grid !important;place-items:center !important;position:relative !important;z-index:1 !important;}
#order-standard_cart .vc-transfer-guide-icon svg{width:23px !important;height:23px !important;}
#order-standard_cart .vc-transfer-guide h3{margin:0 0 6px !important;color:#fff !important;font-size:20px !important;font-weight:750 !important;line-height:1.25 !important;position:relative !important;z-index:1 !important;}
#order-standard_cart .vc-transfer-guide-lead{margin:0 0 24px !important;color:rgba(255,255,255,.68) !important;font-size:13.5px !important;line-height:1.5 !important;position:relative !important;z-index:1 !important;}
#order-standard_cart .vc-transfer-steps{margin:0 !important;padding:0 !important;list-style:none !important;position:relative !important;z-index:1 !important;}
#order-standard_cart .vc-transfer-steps li{min-height:55px !important;padding:0 0 17px !important;display:flex !important;gap:12px !important;position:relative !important;}
#order-standard_cart .vc-transfer-steps li:not(:last-child)::after{content:"" !important;width:1px !important;height:calc(100% - 29px) !important;background:rgba(255,255,255,.2) !important;position:absolute !important;left:14px !important;top:31px !important;}
#order-standard_cart .vc-transfer-steps li>span{width:29px !important;height:29px !important;border:1px solid rgba(255,255,255,.22) !important;border-radius:50% !important;background:rgba(255,255,255,.1) !important;color:#fff !important;display:grid !important;place-items:center !important;flex:none !important;font-size:11.5px !important;font-weight:800 !important;}
#order-standard_cart .vc-transfer-steps strong{margin:1px 0 3px !important;color:#fff !important;display:block !important;font-size:13.5px !important;font-weight:650 !important;line-height:1.25 !important;}
#order-standard_cart .vc-transfer-steps small{color:rgba(255,255,255,.62) !important;display:block !important;font-size:11.5px !important;line-height:1.45 !important;}
#order-standard_cart .vc-transfer-continuity{margin-top:7px !important;padding:12px 13px !important;border:1px solid rgba(255,255,255,.13) !important;border-radius:11px !important;background:rgba(255,255,255,.08) !important;color:rgba(255,255,255,.9) !important;display:flex !important;align-items:center !important;gap:8px !important;font-size:11.5px !important;font-weight:550 !important;line-height:1.35 !important;position:relative !important;z-index:1 !important;}
#order-standard_cart .vc-transfer-continuity svg{width:17px !important;height:17px !important;color:#62e6a7 !important;flex:none !important;}

#order-standard_cart .vc-transfer-card{overflow:hidden !important;border:1px solid #e4e9f2 !important;border-radius:18px !important;background:#fff !important;}
#order-standard_cart .vc-transfer-card-head{min-height:104px !important;padding:22px 24px !important;border-bottom:1px solid #edf0f5 !important;display:flex !important;align-items:flex-start !important;justify-content:space-between !important;gap:18px !important;}
#order-standard_cart .vc-transfer-step-label{margin:0 0 6px !important;color:var(--v-blue) !important;display:block !important;font-size:10.5px !important;font-weight:800 !important;letter-spacing:.055em !important;text-transform:uppercase !important;}
#order-standard_cart .vc-transfer-card-head h3{margin:0 0 4px !important;color:#0f172a !important;font-size:18px !important;font-weight:750 !important;line-height:1.25 !important;}
#order-standard_cart .vc-transfer-card-head p{margin:0 !important;color:#64748b !important;font-size:12.5px !important;line-height:1.45 !important;}
#order-standard_cart .vc-transfer-secure{padding:6px 9px !important;border-radius:999px !important;background:#ecfdf3 !important;color:#16834a !important;display:inline-flex !important;align-items:center !important;gap:5px !important;flex:none !important;font-size:10.5px !important;font-weight:700 !important;line-height:1 !important;}
#order-standard_cart .vc-transfer-secure svg{width:13px !important;height:13px !important;}
#order-standard_cart .vc-transfer-card-body{padding:22px 24px 15px !important;}
#order-standard_cart .vc-transfer-card-body .form-group{margin:0 0 18px !important;}
#order-standard_cart .vc-transfer-card-body label{width:100% !important;margin:0 0 7px !important;color:#263247 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;font-size:12.5px !important;font-weight:650 !important;}
#order-standard_cart .vc-transfer-help{color:var(--v-blue) !important;font-size:11.5px !important;font-weight:600 !important;text-decoration:none !important;cursor:help !important;}
#order-standard_cart .vc-transfer-input{position:relative !important;}
#order-standard_cart .vc-transfer-input>svg{width:18px !important;height:18px !important;color:#8491a8 !important;position:absolute !important;left:14px !important;top:50% !important;z-index:2 !important;transform:translateY(-50%) !important;pointer-events:none !important;}
#order-standard_cart .vc-transfer-input .form-control{height:46px !important;padding:10px 14px 10px 43px !important;border:1px solid #dbe2ec !important;border-radius:10px !important;background:#fff !important;color:#0f172a !important;font-size:14px !important;transition:border-color .15s,box-shadow .15s !important;}
#order-standard_cart .vc-transfer-input .form-control::placeholder{color:#9aa6b8 !important;}
#order-standard_cart .vc-transfer-input .form-control:focus{border-color:var(--v-blue) !important;box-shadow:0 0 0 3px rgba(0,82,255,.1) !important;outline:0 !important;}
#order-standard_cart .vc-transfer-input:focus-within>svg{color:var(--v-blue) !important;}
#order-standard_cart .vc-transfer-field-help{margin:6px 0 0 !important;color:#8491a8 !important;display:block !important;font-size:10.8px !important;line-height:1.4 !important;}
#order-standard_cart .vc-transfer-card-footer{padding:16px 24px 20px !important;border-top:1px solid #edf0f5 !important;background:#fbfcfe !important;}
#order-standard_cart .vc-transfer-card-footer p{margin:0 0 13px !important;color:#64748b !important;display:flex !important;align-items:center !important;gap:7px !important;font-size:11.5px !important;line-height:1.4 !important;}
#order-standard_cart .vc-transfer-card-footer p svg{width:16px !important;height:16px !important;color:var(--v-blue) !important;flex:none !important;}
#order-standard_cart .vc-transfer-card-footer .btn-transfer{width:100% !important;min-height:46px !important;padding:11px 16px !important;border:0 !important;border-radius:10px !important;background:var(--v-blue) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;font-size:13.5px !important;font-weight:700 !important;}
#order-standard_cart .vc-transfer-card-footer .btn-transfer:hover,#order-standard_cart .vc-transfer-card-footer .btn-transfer:focus{background:#0045d8 !important;color:#fff !important;}
#order-standard_cart .vc-transfer-card-footer .btn-transfer>svg{width:17px !important;height:17px !important;transition:transform .15s !important;}
#order-standard_cart .vc-transfer-card-footer .btn-transfer:hover>svg{transform:translateX(3px) !important;}
#order-standard_cart .vc-transfer-exclusions{margin:13px 0 0 !important;color:#94a3b8 !important;font-size:10.5px !important;text-align:center !important;line-height:1.45 !important;}

@media(max-width:820px){
  #order-standard_cart .vc-transfer-layout{grid-template-columns:1fr !important;}
  #order-standard_cart .vc-transfer-guide{padding:23px !important;}
  #order-standard_cart .vc-transfer-steps{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:10px !important;}
  #order-standard_cart .vc-transfer-steps li{padding:0 !important;display:block !important;}
  #order-standard_cart .vc-transfer-steps li::after{display:none !important;}
  #order-standard_cart .vc-transfer-steps li>span{margin:0 0 8px !important;}
}
@media(max-width:560px){
  #order-standard_cart .vc-transfer-page{padding-top:0 !important;}
  #order-standard_cart .vc-transfer-hero{margin-bottom:18px !important;text-align:left !important;}
  #order-standard_cart .vc-transfer-hero h2{font-size:25px !important;}
  #order-standard_cart .vc-transfer-hero p{font-size:13.5px !important;}
  #order-standard_cart .vc-transfer-steps{grid-template-columns:1fr !important;gap:14px !important;}
  #order-standard_cart .vc-transfer-steps li{display:flex !important;}
  #order-standard_cart .vc-transfer-steps li>span{margin:0 !important;}
  #order-standard_cart .vc-transfer-card-head,#order-standard_cart .vc-transfer-card-body{padding-left:18px !important;padding-right:18px !important;}
  #order-standard_cart .vc-transfer-card-footer{padding-left:18px !important;padding-right:18px !important;}
  #order-standard_cart .vc-transfer-secure{display:none !important;}
}

/* ===================== Domaine : gestion DNS interne / externe ===================== */
.vc-tab-state{margin-left:7px;padding:3px 6px;border-radius:999px;display:inline-flex;align-items:center;font-size:9px;font-weight:750;line-height:1;text-transform:uppercase;vertical-align:1px;}
.vc-tab-state.external{background:#fff0dd;color:#c76a00;}
.vc-tab-state.managed{background:#e8f8ef;color:#16834a;}
.vc-tabs>li.active>a .vc-tab-state.external,.vc-tabs>li.active>a .vc-tab-state.managed{background:rgba(255,255,255,.18);color:#fff;}
.vc-svc{position:relative;}
.vc-svc-external{border-color:#f4d8b5;background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);}
.vc-svc-external:hover{border-color:#e9b979;}
.vc-svc-managed-limited{border-color:#dbe5fb;background:linear-gradient(180deg,#fff 0%,#f7faff 100%);}
.vc-svc-managed-limited:hover{border-color:#b9cdf6;}
.vc-svc-state{padding:3px 7px;border-radius:999px;background:#fff0dd;color:#b96300;font-size:9.5px;font-weight:750;line-height:1;text-transform:uppercase;}
.vc-svc-state.managed{background:#e8f8ef;color:#16834a;}
.vc-dns-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vc-dns-managed-badge,.vc-dns-external-status{padding:6px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap;}
.vc-dns-managed-badge{background:#ecfdf3;color:#16834a;}
.vc-dns-managed-badge i,.vc-dns-external-status i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block;}

.vc-dns-external{overflow:hidden;border:1px solid #e4e9f2;border-radius:16px;background:#fff;}
.vc-dns-external-hero{padding:25px 26px;border-bottom:1px solid #f1e7db;background:linear-gradient(120deg,#fffaf3 0%,#fff 72%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;position:relative;}
.vc-dns-external-hero::after{content:"";width:170px;height:170px;border:1px solid rgba(227,139,35,.12);border-radius:50%;position:absolute;right:-88px;top:-96px;pointer-events:none;}
.vc-dns-external-icon{width:48px;height:48px;border-radius:13px;background:#fff0dd;color:#dc7a09;display:grid;place-items:center;flex:none;}
.vc-dns-external-icon svg{width:24px;height:24px;}
.vc-dns-external-kicker{margin:1px 0 5px;color:#c46a05;display:block;font-size:10.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.vc-dns-external-hero h2{margin:0 0 5px;color:#0f172a;font-size:20px;font-weight:750;line-height:1.25;letter-spacing:-.015em;}
body.vc-app .vc-dns-external-hero p{max-width:720px;margin:0;color:#64748b;font-size:13.5px;line-height:1.5;}
.vc-dns-external-status{margin-top:2px;background:#fff0dd;color:#c66b05;position:relative;z-index:1;}

.vc-dns-external-grid{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.vc-dns-external-panel{min-width:0;padding:19px;border:1px solid #e8ecf3;border-radius:13px;background:#fbfcfe;}
.vc-dns-next-panel{background:#f8faff;border-color:#dfe7fb;}
.vc-dns-panel-title{margin-bottom:16px;display:flex;align-items:flex-start;gap:11px;}
.vc-dns-panel-icon{width:36px;height:36px;border-radius:10px;background:#fff0dd;color:#d97706;display:grid;place-items:center;flex:none;}
.vc-dns-panel-icon.blue{background:#eaf1ff;color:var(--v-blue);}
.vc-dns-panel-icon svg{width:18px;height:18px;}
.vc-dns-panel-title h3{margin:1px 0 3px;color:#0f172a;font-size:14.5px;font-weight:700;line-height:1.3;}
body.vc-app .vc-dns-panel-title p{margin:0;color:#64748b;font-size:11.5px;line-height:1.45;}
.vc-dns-ns-list{overflow:hidden;border:1px solid #e7ebf2;border-radius:10px;background:#fff;}
.vc-dns-ns-list>div{min-height:40px;padding:8px 11px;border-bottom:1px solid #eef1f6;display:flex;align-items:center;gap:10px;}
.vc-dns-ns-list>div:last-child{border-bottom:0;}
.vc-dns-ns-list span{width:29px;color:#94a3b8;flex:none;font-size:10px;font-weight:750;text-transform:uppercase;}
.vc-dns-ns-list code{min-width:0;padding:0;background:transparent;color:#263247;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;overflow-wrap:anywhere;}
.vc-dns-ns-empty{padding:14px;border:1px dashed #d9e0ea;border-radius:10px;background:#fff;color:#8491a8;font-size:11.5px;line-height:1.45;text-align:center;}
.vc-dns-benefits{margin:0 0 17px;padding:0;list-style:none;display:grid;gap:8px;}
.vc-dns-benefits li{color:#475569;display:flex;align-items:center;gap:8px;font-size:11.8px;line-height:1.4;}
.vc-dns-benefits svg{width:16px;height:16px;padding:3px;border-radius:50%;background:#e8f8ef;color:#16834a;flex:none;}
.vc-dns-external-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.vc-dns-external-actions .vc-btn2{padding:8px 12px;font-size:12px;}
.vc-dns-external-note{margin:0 20px 20px;padding:12px 14px;border:1px solid #dbe7fb;border-radius:10px;background:#f5f9ff;color:#48627f;display:flex;align-items:center;gap:9px;font-size:11.8px;line-height:1.45;}
.vc-dns-external-note svg{width:18px;height:18px;color:var(--v-blue);flex:none;}
.vc-dns-managed-limited{border-color:#dfe7f6;}
.vc-dns-managed-limited .vc-dns-external-hero{border-bottom-color:#dfe7f6;background:linear-gradient(120deg,#f4f8ff 0%,#fff 72%);}
.vc-dns-managed-limited .vc-dns-external-hero::after{border-color:rgba(0,82,255,.1);}
.vc-dns-managed-limited .vc-dns-external-icon{background:#e9f1ff;color:var(--v-blue);}
.vc-dns-managed-limited .vc-dns-external-kicker{color:var(--v-blue);}
.vc-dns-managed-limited .vc-dns-external-status{background:#e8f8ef;color:#16834a;}
.vc-dns-management-state{overflow:hidden;border:1px solid #e7ebf2;border-radius:10px;background:#fff;}
.vc-dns-management-state>div{min-height:42px;padding:9px 11px;border-bottom:1px solid #eef1f6;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vc-dns-management-state>div:last-child{border-bottom:0;}
.vc-dns-management-state span{color:#8491a8;font-size:11.5px;}
.vc-dns-management-state strong{color:#263247;font-size:11.5px;font-weight:700;text-align:right;}
.vc-dns-management-state strong.green{color:#16834a;}
.vc-dns-management-state strong.orange{color:#c66b05;}
@media(max-width:780px){
  .vc-dns-external-hero{grid-template-columns:auto minmax(0,1fr);padding:21px;}
  .vc-dns-external-status{grid-column:2;justify-self:start;margin-top:2px;}
  .vc-dns-external-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .vc-dns-external-hero{grid-template-columns:1fr;}
  .vc-dns-external-icon{width:42px;height:42px;}
  .vc-dns-external-status{grid-column:1;}
  .vc-dns-external-grid{padding:14px;}
  .vc-dns-external-note{margin:0 14px 14px;align-items:flex-start;}
}

/* ===================== Espace Certificats SSL ===================== */
.vc-ssl-page-head{margin-bottom:18px;}
.vc-ssl-page-head>div{min-width:0;}
.vc-ssl-page-head h1{margin-top:3px;}
.vc-ssl-eyebrow{color:var(--v-blue);display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;line-height:1;text-transform:uppercase;}
.vc-ssl-hero{overflow:hidden;min-height:176px;margin-bottom:16px;padding:25px 26px;border-radius:16px;background:linear-gradient(125deg,#0d1d8e 0%,#07155d 72%,#1029a6 100%);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;position:relative;}
.vc-ssl-hero::before{content:"";width:230px;height:230px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute;right:-105px;top:-130px;}
.vc-ssl-hero::after{content:"";width:130px;height:130px;border-radius:50%;background:rgba(28,85,255,.35);position:absolute;right:-48px;bottom:-73px;}
.vc-ssl-hero-icon{width:64px;height:64px;border:1px solid rgba(255,255,255,.18);border-radius:17px;background:rgba(255,255,255,.1);display:grid;place-items:center;position:relative;z-index:1;}
.vc-ssl-hero-icon svg{width:31px;height:31px;}
.vc-ssl-hero-content{min-width:0;position:relative;z-index:1;}
.vc-ssl-hero-kicker{margin-bottom:5px;color:#a9c2ff;display:block;font-size:10.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.vc-ssl-hero h2{margin:0 0 7px;color:#fff;font-size:22px;font-weight:750;letter-spacing:-.015em;line-height:1.25;}
body.vc-app .vc-ssl-hero p{max-width:640px;margin:0;color:rgba(255,255,255,.72);font-size:13px;line-height:1.5;}
.vc-ssl-hero-points{margin-top:14px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.vc-ssl-hero-points span{color:rgba(255,255,255,.88);display:inline-flex;align-items:center;gap:6px;font-size:10.8px;font-weight:550;}
.vc-ssl-hero-points i{width:6px;height:6px;border-radius:50%;background:#63e6a6;display:block;}
.vc-ssl-hero-action{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.1);color:#fff;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;text-decoration:none;white-space:nowrap;position:relative;z-index:1;}
.vc-ssl-hero-action:hover,.vc-ssl-hero-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none;}
.vc-ssl-hero-action svg{width:15px;height:15px;}

.vc-ssl-stats{margin-bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.vc-ssl-stat{min-height:84px;padding:15px 16px;border:1px solid #e5eaf2;border-radius:13px;background:#fff;display:flex;align-items:center;gap:12px;}
.vc-ssl-stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:none;}
.vc-ssl-stat-icon svg{width:20px;height:20px;}
.vc-ssl-stat-icon.blue{background:#edf3ff;color:var(--v-blue);}
.vc-ssl-stat-icon.green{background:#ecfdf3;color:#169653;}
.vc-ssl-stat-icon.orange{background:#fff4e6;color:#d97808;}
.vc-ssl-stat strong{margin-bottom:2px;color:#0f172a;display:block;font-size:21px;font-weight:750;line-height:1;}
.vc-ssl-stat span:not(.vc-ssl-stat-icon){color:#64748b;display:block;font-size:11.5px;line-height:1.35;}

.vc-ssl-list-card{overflow:hidden;margin-bottom:16px;}
.vc-ssl-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vc-ssl-count{padding:5px 8px;border-radius:999px;background:#edf3ff;color:var(--v-blue);font-size:10.5px;font-weight:700;line-height:1;}
.vc-ssl-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.vc-ssl-table{min-width:780px;}
.vc-ssl-product{display:flex;align-items:center;gap:10px;}
.vc-ssl-product-icon{width:37px;height:37px;border-radius:9px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;flex:none;}
.vc-ssl-product-icon svg{width:18px;height:18px;}
.vc-ssl-product strong{max-width:250px;color:#0f172a;display:block;font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vc-ssl-product span:not(.vc-ssl-product-icon){max-width:250px;margin-top:2px;color:#8491a8;display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vc-ssl-due{color:#475569;font-size:12.5px;white-space:nowrap;}
.vc-ssl-price{color:#0f172a;display:block;font-size:12.5px;white-space:nowrap;}
.vc-ssl-cycle{margin-top:2px;color:#94a3b8;display:block;font-size:10.5px;}

.vc-ssl-empty-card{margin-bottom:16px;}
.vc-ssl-empty{max-width:580px;margin:0 auto;padding:38px 22px 41px;text-align:center;}
.vc-ssl-empty-visual{width:70px;height:70px;margin:0 auto 16px;border-radius:20px;background:linear-gradient(145deg,#edf3ff,#f7f9ff);color:var(--v-blue);display:grid;place-items:center;}
.vc-ssl-empty-visual svg{width:34px;height:34px;}
.vc-ssl-empty-kicker{margin-bottom:7px;color:#64748b;display:block;font-size:10.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;}
.vc-ssl-empty h2{margin:0 0 8px;color:#0f172a;font-size:20px;font-weight:750;}
body.vc-app .vc-ssl-empty p{margin:0 auto 18px;color:#64748b;font-size:13px;line-height:1.55;}
.vc-ssl-empty .vc-btn2{min-height:41px;}

.vc-ssl-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.vc-ssl-help-item{padding:15px;border:1px solid #e8ecf3;border-radius:12px;background:#fbfcfe;display:flex;align-items:flex-start;gap:11px;}
.vc-ssl-help-item>span{width:27px;height:27px;border-radius:8px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;flex:none;font-size:11px;font-weight:800;}
.vc-ssl-help-item strong{margin-bottom:3px;color:#263247;display:block;font-size:12.5px;font-weight:650;line-height:1.3;}
body.vc-app .vc-ssl-help-item p{margin:0;color:#8491a8;font-size:10.8px;line-height:1.45;}
@media(max-width:820px){
  .vc-ssl-hero{grid-template-columns:auto minmax(0,1fr);}
  .vc-ssl-hero-action{grid-column:2;justify-self:start;}
  .vc-ssl-stats,.vc-ssl-help-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .vc-ssl-hero{grid-template-columns:1fr;padding:21px;}
  .vc-ssl-hero-icon{width:52px;height:52px;}
  .vc-ssl-hero-action{grid-column:1;}
  .vc-ssl-hero-points{align-items:flex-start;flex-direction:column;gap:7px;}
}

/* ===================== Boutique : hébergement, tarifs, messagerie ===================== */
.vc-shop-page{max-width:1080px;margin:0 auto;padding:2px 0 28px;}
.vc-shop-hero{overflow:hidden;min-height:216px;margin-bottom:25px;padding:30px 32px;border-radius:18px;background:linear-gradient(125deg,#0d1d8e 0%,#07155d 70%,#1434be 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;}
.vc-shop-hero::before{content:"";width:290px;height:290px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute;right:-115px;top:-175px;}
.vc-shop-hero::after{content:"";width:150px;height:150px;border-radius:50%;background:rgba(35,92,255,.32);position:absolute;right:-55px;bottom:-88px;}
.vc-shop-hero-content{max-width:710px;position:relative;z-index:1;}
.vc-shop-eyebrow{margin-bottom:8px;color:var(--v-blue);display:block;font-size:10.5px;font-weight:800;letter-spacing:.07em;line-height:1;text-transform:uppercase;}
.vc-shop-eyebrow.light{color:#a9c2ff;}
.vc-shop-hero h1,.vc-mail-hero h1{margin:0 0 9px;color:#fff;font-size:29px;font-weight:800;letter-spacing:-.025em;line-height:1.2;}
body.vc-app .vc-shop-hero p,body.vc-app .vc-mail-hero p{max-width:690px;margin:0;color:rgba(255,255,255,.72);font-size:14px;line-height:1.55;}
.vc-shop-hero-points{margin-top:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.vc-shop-hero-points span{color:rgba(255,255,255,.9);display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:550;}
.vc-shop-hero-points i{width:6px;height:6px;border-radius:50%;background:#62e6a7;display:block;}
.vc-shop-hero-icon{width:76px;height:76px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;flex:none;position:relative;z-index:1;}
.vc-shop-hero-icon svg{width:37px;height:37px;}
.vc-shop-section-head{margin:0 0 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.vc-shop-section-head span{margin-bottom:4px;color:#8491a8;display:block;font-size:10.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;}
.vc-shop-section-head h2{margin:0;color:#0f172a;font-size:20px;font-weight:750;}
.vc-shop-section-head>a{color:var(--v-blue);display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:650;text-decoration:none;}
.vc-shop-section-head>a svg{width:15px;height:15px;}
.vc-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.vc-plan-card{min-width:0;padding:21px;border:1px solid #e4e9f2;border-radius:15px;background:#fff;display:flex;flex-direction:column;position:relative;transition:border-color .15s,transform .15s,box-shadow .15s;}
.vc-plan-card:hover{border-color:#cbd8f4;box-shadow:0 10px 25px rgba(15,35,80,.06);transform:translateY(-2px);}
.vc-plan-card.recommended{border-color:#b8ccff;background:linear-gradient(180deg,#f8faff 0%,#fff 42%);}
.vc-plan-badge{padding:5px 8px;border-radius:999px;background:var(--v-blue);color:#fff;font-size:9.5px;font-weight:750;line-height:1;position:absolute;right:15px;top:15px;text-transform:uppercase;}
.vc-plan-icon{width:42px;height:42px;margin-bottom:14px;border-radius:11px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vc-plan-icon svg{width:21px;height:21px;}
.vc-plan-top h3{margin:0 0 13px;color:#0f172a;font-size:17px;font-weight:750;letter-spacing:-.01em;}
.vc-plan-price{min-height:37px;display:flex;align-items:baseline;gap:5px;}
.vc-plan-price strong{color:#0f172a;font-size:21px;font-weight:800;line-height:1;}
.vc-plan-price span{color:#8491a8;font-size:11px;}
.vc-plan-features{margin:18px 0 21px;padding:16px 0 0;border-top:1px solid #eef1f5;display:grid;gap:9px;list-style:none;flex:1;}
.vc-plan-features li{color:#526078;display:flex;align-items:flex-start;gap:8px;font-size:11.8px;line-height:1.4;}
.vc-plan-features svg{width:16px;height:16px;padding:3px;border-radius:50%;background:#e9f8f0;color:#168b4e;flex:none;}
.vc-plan-cta{min-height:41px;padding:10px 12px;border-radius:9px;background:#edf3ff;color:var(--v-blue);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;}
.vc-plan-card.recommended .vc-plan-cta,.vc-plan-cta:hover,.vc-plan-cta:focus{background:var(--v-blue);color:#fff;text-decoration:none;}
.vc-plan-cta svg{width:15px;height:15px;}
.vc-shop-empty{padding:48px 25px;border:1px solid #e5eaf2;border-radius:15px;background:#fff;text-align:center;}
.vc-shop-empty-icon{width:64px;height:64px;margin:0 auto 15px;border-radius:18px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vc-shop-empty-icon svg{width:30px;height:30px;}
.vc-shop-empty h2{margin:0 0 7px;color:#0f172a;font-size:20px;font-weight:750;}
body.vc-app .vc-shop-empty p{margin:0 0 18px;color:#64748b;font-size:13px;}

.vc-price-head{margin-bottom:18px;padding:22px 23px;border:1px solid #e4e9f2;border-radius:15px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.vc-price-head h1{margin:0 0 6px;color:#0f172a;font-size:25px;font-weight:800;letter-spacing:-.02em;}
body.vc-app .vc-price-head p{margin:0;color:#64748b;font-size:13px;line-height:1.5;}
.vc-price-card{overflow:hidden;border:1px solid #e4e9f2;border-radius:15px;background:#fff;}
.vc-price-card-head{padding:18px 20px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.vc-price-card-head h2{margin:0 0 3px;color:#0f172a;font-size:16px;font-weight:750;}
body.vc-app .vc-price-card-head p{margin:0;color:#8491a8;font-size:11.5px;}
.vc-price-card-head>span{padding:5px 8px;border-radius:999px;background:#edf3ff;color:var(--v-blue);font-size:10.5px;font-weight:700;}
.vc-price-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.vc-price-table{width:100%;min-width:760px;border-collapse:collapse;}
.vc-price-table th{padding:12px 18px;border-bottom:1px solid #edf0f5;background:#fbfcfe;color:#8491a8;font-size:10px;font-weight:750;letter-spacing:.04em;text-align:left;text-transform:uppercase;}
.vc-price-table td{padding:15px 18px;border-bottom:1px solid #eef1f5;color:#475569;font-size:12px;}
.vc-price-table tr:last-child td{border-bottom:0;}
.vc-price-table td strong{color:#0f172a;display:block;font-size:13.5px;font-weight:700;}
.vc-price-table td small{margin-top:2px;color:#94a3b8;display:block;font-size:10.5px;}
.vc-price-table td b{color:#0f172a;font-weight:750;}
.vc-price-table td>a{color:var(--v-blue);display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;}
.vc-price-table td>a svg{width:14px;height:14px;}
.vc-price-empty{padding:38px 20px;color:#8491a8;text-align:center;font-size:12.5px;}
.vc-price-note{margin-top:14px;padding:14px 16px;border:1px solid #dce7fa;border-radius:11px;background:#f6f9ff;display:flex;align-items:flex-start;gap:11px;}
.vc-price-note>svg{width:21px;height:21px;color:var(--v-blue);flex:none;}
.vc-price-note strong{margin-bottom:2px;color:#263247;display:block;font-size:12.5px;}
body.vc-app .vc-price-note p{margin:0;color:#6b7b93;font-size:11px;line-height:1.45;}

.vc-mail-hero{overflow:hidden;min-height:275px;margin-bottom:15px;padding:31px 34px;border-radius:18px;background:linear-gradient(120deg,#0b1a81 0%,#071357 65%,#163fc7 100%);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:27px;position:relative;}
.vc-mail-hero::after{content:"@";color:rgba(255,255,255,.055);font-size:270px;font-weight:800;line-height:1;position:absolute;right:-20px;top:-13px;transform:rotate(-8deg);}
.vc-mail-visual{width:92px;height:92px;border:1px solid rgba(255,255,255,.17);border-radius:25px;background:rgba(255,255,255,.1);display:grid;place-items:center;position:relative;z-index:1;}
.vc-mail-visual svg{width:43px;height:43px;}
.vc-mail-copy{max-width:720px;position:relative;z-index:1;}
.vc-mail-actions{margin-top:20px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.vc-mail-actions a{min-height:40px;padding:10px 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:11.8px;font-weight:700;text-decoration:none;}
.vc-mail-primary{background:#fff;color:#0b1a81;}
.vc-mail-primary:hover,.vc-mail-primary:focus{color:#0b1a81;text-decoration:none;}
.vc-mail-secondary{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;}
.vc-mail-secondary:hover,.vc-mail-secondary:focus{background:rgba(255,255,255,.14);color:#fff;text-decoration:none;}
.vc-mail-grid{margin-bottom:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.vc-mail-grid article{padding:18px;border:1px solid #e4e9f2;border-radius:13px;background:#fff;}
.vc-mail-grid article>span{width:38px;height:38px;margin-bottom:13px;border-radius:10px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vc-mail-grid article>span svg{width:19px;height:19px;}
.vc-mail-grid h2{margin:0 0 5px;color:#0f172a;font-size:14px;font-weight:700;}
body.vc-app .vc-mail-grid p{margin:0;color:#75839a;font-size:11.5px;line-height:1.5;}
.vc-mail-status{padding:18px 19px;border:1px solid #e5eaf2;border-radius:13px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;}
.vc-mail-status-icon{width:44px;height:44px;border-radius:12px;background:#fff4e6;color:#d97706;display:grid;place-items:center;}
.vc-mail-status-icon svg{width:22px;height:22px;}
.vc-mail-status span{margin-bottom:3px;color:#d97706;display:block;font-size:9.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.vc-mail-status h2{margin:0 0 4px;color:#0f172a;font-size:14px;font-weight:700;}
body.vc-app .vc-mail-status p{margin:0;color:#75839a;font-size:11.3px;line-height:1.45;}
.vc-mail-status>a{padding:9px 11px;border-radius:8px;background:#edf3ff;color:var(--v-blue);display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;}
.vc-mail-status>a svg{width:14px;height:14px;}
@media(max-width:980px){
  .vc-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:820px){
  .vc-plan-grid{grid-template-columns:1fr;}
  .vc-mail-grid{grid-template-columns:1fr;}
  .vc-mail-status{grid-template-columns:auto minmax(0,1fr);}
  .vc-mail-status>a{grid-column:2;justify-self:start;}
}
@media(max-width:560px){
  .vc-shop-hero{padding:24px;align-items:flex-start;flex-direction:column-reverse;}
  .vc-shop-hero h1,.vc-mail-hero h1{font-size:24px;}
  .vc-shop-hero-icon{width:56px;height:56px;border-radius:15px;}
  .vc-shop-hero-icon svg{width:28px;height:28px;}
  .vc-shop-hero-points{align-items:flex-start;flex-direction:column;gap:7px;}
  .vc-shop-section-head,.vc-price-head{align-items:flex-start;flex-direction:column;}
  .vc-price-head{padding:19px;}
  .vc-mail-hero{padding:25px;grid-template-columns:1fr;}
  .vc-mail-visual{width:61px;height:61px;border-radius:17px;}
  .vc-mail-visual svg{width:30px;height:30px;}
  .vc-mail-status{grid-template-columns:1fr;align-items:start;}
  .vc-mail-status>a{grid-column:1;justify-self:start;}
}

/* ===================== Domaine : libération vers un autre registrar ===================== */
.vc-release{overflow:hidden;border:1px solid #e3e8f1;border-radius:16px;background:#fff;}
.vc-release-hero{min-height:126px;padding:23px 25px;border-bottom:1px solid #e8edf5;background:linear-gradient(120deg,#f7f9ff 0%,#fff 72%);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;position:relative;}
.vc-release-hero::after{content:"";width:175px;height:175px;border:1px solid rgba(0,82,255,.08);border-radius:50%;position:absolute;right:-92px;top:-105px;pointer-events:none;}
.vc-release-hero-icon{width:48px;height:48px;border-radius:13px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;flex:none;}
.vc-release-hero-icon svg{width:24px;height:24px;}
.vc-release-hero-copy{min-width:0;}
.vc-release-kicker{margin-bottom:4px;color:var(--v-blue);display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.vc-release-hero h2{margin:0 0 5px;color:#0f172a;font-size:20px;font-weight:750;letter-spacing:-.015em;line-height:1.25;}
body.vc-app .vc-release-hero p{max-width:700px;margin:0;color:#64748b;font-size:12.5px;line-height:1.45;}
.vc-release-domain-state{padding:6px 9px;border-radius:999px;background:#e9f8ef;color:#16834a;display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap;position:relative;z-index:1;}
.vc-release-domain-state i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block;}
.vc-release-layout{padding:19px;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:15px;align-items:stretch;}
.vc-release-guide{padding:20px;border-radius:13px;background:linear-gradient(145deg,#0d1d8e 0%,#07155d 100%);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.vc-release-guide::after{content:"";width:135px;height:135px;border-radius:50%;background:rgba(38,95,255,.27);position:absolute;right:-70px;bottom:-70px;}
.vc-release-guide-head{margin-bottom:20px;display:flex;align-items:flex-start;gap:10px;position:relative;z-index:1;}
.vc-release-guide-head>span{width:34px;height:34px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.09);display:grid;place-items:center;flex:none;}
.vc-release-guide-head svg{width:18px;height:18px;}
.vc-release-guide h3{margin:1px 0 3px;color:#fff;font-size:14px;font-weight:700;line-height:1.25;}
body.vc-app .vc-release-guide p{margin:0;color:rgba(255,255,255,.62);font-size:10.8px;line-height:1.4;}
.vc-release-steps{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:0;position:relative;z-index:1;}
.vc-release-steps li{min-height:55px;padding:0 0 14px;display:flex;gap:10px;position:relative;}
.vc-release-steps li:not(:last-child)::after{content:"";width:1px;height:calc(100% - 29px);background:rgba(255,255,255,.17);position:absolute;left:13px;top:30px;}
.vc-release-steps li>span{width:27px;height:27px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.09);color:#fff;display:grid;place-items:center;flex:none;font-size:10px;font-weight:800;}
.vc-release-steps strong{margin:1px 0 2px;color:#fff;display:block;font-size:11.5px;font-weight:650;line-height:1.3;}
.vc-release-steps small{color:rgba(255,255,255,.58);display:block;font-size:9.8px;line-height:1.4;}
.vc-release-help{margin-top:auto;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.9);display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:600;text-decoration:none;position:relative;z-index:1;}
.vc-release-help:hover,.vc-release-help:focus{background:rgba(255,255,255,.14);color:#fff;text-decoration:none;}
.vc-release-help svg{width:16px;height:16px;flex:none;}
.vc-release-form{overflow:hidden;border:1px solid #e6eaf2;border-radius:13px;background:#fff;display:flex;flex-direction:column;}
.vc-release-form-head{padding:18px 20px;border-bottom:1px solid #edf0f5;background:#fbfcfe;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;}
.vc-release-form-head>div>span{margin-bottom:4px;color:var(--v-blue);display:block;font-size:9.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;}
.vc-release-form h3{margin:0 0 4px;color:#0f172a;font-size:15px;font-weight:700;line-height:1.3;}
body.vc-app .vc-release-form-head p{margin:0;color:#8491a8;font-size:10.8px;line-height:1.4;}
.vc-release-secure{padding:5px 8px;border-radius:999px;background:#eaf8ef;color:#16834a;display:inline-flex;align-items:center;gap:5px;flex:none;font-size:9.5px;font-weight:700;line-height:1;white-space:nowrap;}
.vc-release-secure svg{width:13px;height:13px;}
.vc-release-form-body{padding:19px 20px 16px;flex:1;}
.vc-release-form-body .vc-field{margin:0 0 16px;}
.vc-release-form-body .vc-label{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vc-release-form-body .vc-label>span{color:#d56f00;font-size:9.5px;font-weight:700;text-transform:uppercase;}
.vc-release-input{position:relative;}
.vc-release-input>svg{width:18px;height:18px;color:#8491a8;position:absolute;left:13px;top:50%;z-index:2;transform:translateY(-50%);pointer-events:none;}
.vc-release-input .form-control{height:45px;padding:10px 13px 10px 42px;border:1px solid #dbe2ec;border-radius:9px;background:#fff;color:#0f172a;font-size:13.5px;font-weight:550;letter-spacing:.015em;box-shadow:none;}
.vc-release-input .form-control::placeholder{color:#a0aabc;font-weight:400;}
.vc-release-input .form-control:focus{border-color:var(--v-blue);box-shadow:0 0 0 3px rgba(0,82,255,.09);outline:0;}
.vc-release-input:focus-within>svg{color:var(--v-blue);}
.vc-release-field-help{margin-top:6px;color:#8491a8;display:block;font-size:10.5px;line-height:1.4;}
.vc-release-warning{margin-bottom:14px;padding:11px 12px;border:1px solid #f5ddb9;border-radius:9px;background:#fff9f0;display:flex;align-items:flex-start;gap:9px;}
.vc-release-warning>svg{width:18px;height:18px;margin-top:1px;color:#d97706;flex:none;}
.vc-release-warning strong{margin-bottom:2px;color:#8d4d08;display:block;font-size:10.8px;font-weight:700;}
body.vc-app .vc-release-warning p{margin:0;color:#956b3d;font-size:9.8px;line-height:1.4;}
.vc-release-confirm{margin:0;padding:0;display:flex;align-items:flex-start;gap:9px;color:#526078;font-size:10.8px;font-weight:500;line-height:1.45;cursor:pointer;}
.vc-release-confirm input{width:16px;height:16px;margin:0;accent-color:var(--v-blue);flex:none;}
.vc-release-confirm strong{color:#263247;font-weight:700;}
.vc-release-actions{padding:13px 20px;border-top:1px solid #edf0f5;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.vc-release-actions>a{color:#64748b;font-size:11px;font-weight:600;text-decoration:none;}
.vc-release-actions>a:hover{color:#263247;text-decoration:none;}
.vc-release-submit{min-height:39px;padding:9px 12px;border:0;border-radius:8px;background:#e97b0a;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11.5px;font-weight:700;line-height:1;}
.vc-release-submit:hover,.vc-release-submit:focus{background:#ce6800;color:#fff;outline:0;}
.vc-release-submit svg{width:15px;height:15px;transition:transform .15s;}
.vc-release-submit:hover svg{transform:translateX(2px);}
@media(max-width:820px){
  .vc-release-layout{grid-template-columns:1fr;}
  .vc-release-guide{min-height:auto;}
  .vc-release-steps{grid-template-columns:repeat(3,1fr);gap:10px;}
  .vc-release-steps li{padding:0;display:block;}
  .vc-release-steps li::after{display:none;}
  .vc-release-steps li>span{margin-bottom:7px;}
  .vc-release-help{margin-top:17px;align-self:flex-start;}
}
@media(max-width:560px){
  .vc-release-hero{padding:20px;grid-template-columns:auto minmax(0,1fr);align-items:start;}
  .vc-release-domain-state{grid-column:2;justify-self:start;}
  .vc-release-hero h2{font-size:18px;}
  .vc-release-layout{padding:12px;}
  .vc-release-guide{padding:18px;}
  .vc-release-steps{grid-template-columns:1fr;gap:12px;}
  .vc-release-steps li{display:flex;}
  .vc-release-form-head{padding:16px;}
  .vc-release-secure{display:none;}
  .vc-release-form-body{padding:17px 16px 14px;}
  .vc-release-actions{padding:13px 16px;align-items:stretch;flex-direction:column-reverse;}
  .vc-release-actions>a{text-align:center;}
  .vc-release-submit{width:100%;}
}

/* ===================== Boutique : comparatif moderne des certificats SSL ===================== */
body.vc-app .vc-store-pricing{max-width:1080px;margin:0 auto;padding:2px 0 28px;}
.vc-store-price-hero{overflow:hidden;min-height:210px;margin-bottom:24px;padding:28px 30px;border-radius:18px;background:linear-gradient(125deg,#0d1d8e 0%,#07155d 70%,#1538c2 100%);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;position:relative;}
.vc-store-price-hero::before{content:"";width:265px;height:265px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute;right:-100px;top:-160px;}
.vc-store-price-hero::after{content:"";width:145px;height:145px;border-radius:50%;background:rgba(40,97,255,.32);position:absolute;right:-55px;bottom:-85px;}
.vc-store-price-hero-icon{width:68px;height:68px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;position:relative;z-index:1;}
.vc-store-price-hero-icon svg{width:34px;height:34px;}
.vc-store-price-hero-copy{min-width:0;position:relative;z-index:1;}
.vc-store-price-kicker{margin-bottom:6px;color:#a9c2ff;display:block;font-size:10.5px;font-weight:800;letter-spacing:.065em;line-height:1;text-transform:uppercase;}
.vc-store-price-hero h1{margin:0 0 8px;color:#fff;font-size:27px;font-weight:800;letter-spacing:-.025em;line-height:1.2;}
body.vc-app .vc-store-price-hero p,.vc-store-price-hero p{max-width:670px;margin:0;color:rgba(255,255,255,.7);font-size:13px;line-height:1.52;}
.vc-store-price-trust{margin-top:15px;display:flex;align-items:center;gap:15px;flex-wrap:wrap;}
.vc-store-price-trust span{color:rgba(255,255,255,.88);display:inline-flex;align-items:center;gap:6px;font-size:10.8px;font-weight:550;}
.vc-store-price-trust i{width:6px;height:6px;border-radius:50%;background:#62e6a7;display:block;}
.vc-store-price-owned{padding:9px 11px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;text-decoration:none;white-space:nowrap;position:relative;z-index:1;}
.vc-store-price-owned:hover,.vc-store-price-owned:focus{background:rgba(255,255,255,.16);color:#fff;text-decoration:none;}
.vc-store-price-owned svg{width:16px;height:16px;}
.vc-store-price-head{margin:0 0 13px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;}
.vc-store-price-head>div>span{margin-bottom:3px;color:#8491a8;display:block;font-size:9.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase;}
.vc-store-price-head h2{margin:0;color:#0f172a;font-size:20px;font-weight:750;letter-spacing:-.015em;}
.vc-store-price-count{padding:5px 8px;border-radius:999px;background:#edf3ff;color:var(--v-blue);font-size:10px;font-weight:700;line-height:1;}
.vc-store-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch;}
.vc-store-price-card{min-width:0;overflow:hidden;border:1px solid #e2e8f1;border-radius:15px;background:#fff;display:flex;flex-direction:column;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s;}
.vc-store-price-card:hover{border-color:#c5d4f3;box-shadow:0 12px 28px rgba(15,35,80,.07);transform:translateY(-2px);}
.vc-store-price-card.featured{border-color:#a9c1fa;box-shadow:0 9px 24px rgba(0,66,204,.08);}
.vc-store-price-badge{padding:5px 8px;border-radius:999px;background:var(--v-blue);color:#fff;font-size:8.5px;font-weight:800;letter-spacing:.035em;line-height:1;position:absolute;right:13px;top:13px;text-transform:uppercase;z-index:2;}
.vc-store-price-card-top{min-height:105px;padding:18px 18px 13px;}
.vc-store-price-card-icon{width:39px;height:39px;margin-bottom:11px;border-radius:10px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vc-store-price-card.featured .vc-store-price-card-icon{background:var(--v-blue);color:#fff;}
.vc-store-price-card-icon svg{width:20px;height:20px;}
#order-premium_comparison .vc-store-price-card h3{margin:0 0 3px!important;color:#0f172a!important;font-size:16px!important;font-weight:750!important;line-height:1.25!important;}
body.vc-app .vc-store-price-card-top p,.vc-store-price-card-top p{margin:0;color:#8491a8;font-size:10.5px;line-height:1.4;}
.vc-store-price-amount{padding:14px 18px;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;background:#fbfcfe;}
.vc-store-price-amount>span{margin-bottom:4px;color:#8491a8;display:block;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.vc-store-price-amount>div{min-height:29px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;}
.vc-store-price-amount strong{color:#0f172a;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.vc-store-price-amount small{color:#64748b;font-size:10.5px;font-weight:550;}
.vc-store-price-amount em{width:100%;margin-top:2px;color:#94a3b8;display:block;font-size:9.5px;font-style:normal;}
.vc-store-price-features{padding:16px 18px 18px;flex:1;}
.vc-store-price-features-label{margin-bottom:10px;color:#263247;display:block;font-size:10px;font-weight:750;text-transform:uppercase;}
.vc-store-price-features>ul,.vc-store-price-description>ul{margin:0;padding:0;display:grid;gap:8px;list-style:none;}
.vc-store-price-features li,.vc-store-price-description>ul>li{margin:0;padding:0;border:0;color:#526078;display:flex;align-items:flex-start;gap:8px;font-size:10.8px;line-height:1.4;text-align:left;}
.vc-store-price-features li::before{display:none;}
.vc-store-price-description br{display:none;}
.vc-store-price-description>ul>li>i{width:17px;height:17px;border-radius:50%;background:#eaf8ef;color:#16834a;display:grid;place-items:center;flex:none;font-size:8px;line-height:1;}
.vc-store-price-description>ul>li{min-height:18px;}
.vc-store-price-check{width:17px;height:17px;border-radius:50%;background:#eaf8ef;color:#16834a;display:grid;place-items:center;flex:none;font-size:9px;font-style:normal;font-weight:800;line-height:1;}
.vc-store-price-features b{color:#263247;font-weight:700;}
.vc-store-price-card-actions{padding:0 18px 18px;}
.vc-store-price-cta{width:100%;min-height:41px;padding:10px 12px;border-radius:9px;background:#edf3ff;color:var(--v-blue);display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;font-weight:700;text-decoration:none;}
.vc-store-price-card.featured .vc-store-price-cta,.vc-store-price-cta:hover,.vc-store-price-cta:focus{background:var(--v-blue);color:#fff;text-decoration:none;}
.vc-store-price-cta svg{width:14px;height:14px;}
.vc-store-price-cta.unavailable{background:#f1f3f6;color:#8491a8;}
.vc-store-price-help{margin-top:14px;padding:14px 15px;border:1px solid #e3e9f3;border-radius:11px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;}
.vc-store-price-help>span{width:36px;height:36px;border-radius:10px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vc-store-price-help>span svg{width:18px;height:18px;}
.vc-store-price-help strong{margin-bottom:2px;color:#263247;display:block;font-size:11.5px;font-weight:700;}
body.vc-app .vc-store-price-help p,.vc-store-price-help p{margin:0;color:#8491a8;font-size:10px;line-height:1.4;}
.vc-store-price-help>a{color:var(--v-blue);display:inline-flex;align-items:center;gap:4px;font-size:10.8px;font-weight:700;text-decoration:none;white-space:nowrap;}
.vc-store-price-help>a svg{width:14px;height:14px;}
.vc-store-included{max-width:1080px;margin:15px auto 0;padding:18px;border:1px solid #e3e9f2;border-radius:13px;background:#fff;}
.vc-store-included h3{margin:0 0 10px;color:#0f172a;font-size:14px;font-weight:700;}
.vc-store-included ul{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none;}
.vc-store-included li{color:#526078;display:flex;align-items:center;gap:7px;font-size:10.8px;}
.vc-store-included li i{color:#16834a;font-style:normal;font-weight:800;}
@media(max-width:920px){
  .vc-store-price-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vc-store-price-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 7px);justify-self:center;}
}
@media(max-width:680px){
  .vc-store-price-hero{padding:23px;grid-template-columns:auto minmax(0,1fr);align-items:start;}
  .vc-store-price-owned{grid-column:2;justify-self:start;}
  .vc-store-price-hero h1{font-size:23px;}
  .vc-store-price-grid{grid-template-columns:1fr;}
  .vc-store-price-card:last-child:nth-child(odd){grid-column:auto;max-width:none;justify-self:stretch;}
  .vc-store-price-help{grid-template-columns:auto minmax(0,1fr);}
  .vc-store-price-help>a{grid-column:2;justify-self:start;}
  .vc-store-included ul{grid-template-columns:1fr;}
}
@media(max-width:460px){
  .vc-store-price-hero{grid-template-columns:1fr;}
  .vc-store-price-hero-icon{width:54px;height:54px;border-radius:15px;}
  .vc-store-price-hero-icon svg{width:28px;height:28px;}
  .vc-store-price-owned{grid-column:1;}
  .vc-store-price-trust{align-items:flex-start;flex-direction:column;gap:7px;}
  .vc-store-price-head{align-items:flex-start;flex-direction:column;}
  .vc-store-price-help{grid-template-columns:1fr;}
  .vc-store-price-help>a{grid-column:1;}
}

/* ===================== Page publique : tarifs ===================== */
.vp-pricing-page{width:100vw;margin:-20px 0 0 calc(50% - 50vw);overflow:hidden;background:#fff;color:#0f172a;}
.vp-pricing-container{width:calc(100% - 40px);max-width:1120px;margin:0 auto;}
.vp-pricing-hero{overflow:hidden;padding:105px 0 76px;background:linear-gradient(180deg,#f3f7ff 0%,#fff 100%);position:relative;text-align:center;}
.vp-pricing-hero-shape{border-radius:50%;position:absolute;pointer-events:none;}
.vp-pricing-hero-shape.one{width:360px;height:360px;border:1px solid rgba(0,82,255,.08);right:-150px;top:-190px;}
.vp-pricing-hero-shape.two{width:190px;height:190px;background:rgba(0,82,255,.045);left:-95px;bottom:-120px;}
.vp-pricing-hero-inner{max-width:850px;position:relative;z-index:1;}
.vp-pricing-eyebrow{margin-bottom:14px;padding:6px 10px;border:1px solid #d7e3ff;border-radius:999px;background:#fff;color:var(--v-blue);display:inline-flex;font-size:10.5px;font-weight:800;letter-spacing:.065em;line-height:1;text-transform:uppercase;}
.vp-pricing-hero h1{max-width:800px;margin:0 auto 16px;color:#0f172a;font-size:47px;font-weight:800;letter-spacing:-.035em;line-height:1.08;}
.vp-pricing-hero p{max-width:720px;margin:0 auto;color:#64748b;font-size:17px;line-height:1.58;}
.vp-pricing-currency{margin-top:27px;padding:5px;border:1px solid #e1e7f0;border-radius:10px;background:#fff;display:inline-flex;align-items:center;gap:5px;box-shadow:0 7px 20px rgba(26,47,87,.05);}
.vp-pricing-currency span{padding:8px 11px;border-radius:7px;color:#75839a;font-size:11px;font-weight:650;}
.vp-pricing-currency span.active{background:var(--v-blue);color:#fff;}
.vp-pricing-plans{padding:65px 0 75px;background:#fff;}
.vp-pricing-tabs{max-width:610px;margin:0 auto 48px;padding:5px;border-radius:11px;background:#f1f4f8;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.vp-pricing-tabs>a{min-height:40px;padding:9px 10px;border-radius:8px;color:#75839a;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;font-weight:650;text-align:center;text-decoration:none;}
.vp-pricing-tabs>a:hover,.vp-pricing-tabs>a:focus{background:#fff;color:var(--v-blue);text-decoration:none;}
.vp-pricing-tabs>a.active{background:var(--v-blue);color:#fff;box-shadow:0 4px 12px rgba(0,82,255,.2);}
.vp-pricing-tabs small{padding:3px 5px;border-radius:999px;background:#e7ebf2;color:#8491a8;font-size:7.5px;font-weight:750;line-height:1;text-transform:uppercase;}
.vp-pricing-section-head{margin-bottom:25px;text-align:center;}
.vp-pricing-section-head>div>span,.vp-pricing-benefits-head>span{margin-bottom:6px;color:var(--v-blue);display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.vp-pricing-section-head h2,.vp-pricing-benefits-head h2{margin:0 0 7px;color:#0f172a;font-size:30px;font-weight:800;letter-spacing:-.025em;}
.vp-pricing-section-head p,.vp-pricing-benefits-head p{margin:0;color:#75839a;font-size:13.5px;line-height:1.5;}
.vp-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.vp-pricing-card{min-width:0;padding:22px;border:1px solid #e1e7f0;border-radius:16px;background:#fff;display:flex;flex-direction:column;position:relative;transition:border-color .15s,box-shadow .15s,transform .15s;}
.vp-pricing-card:hover{border-color:#bed0f8;box-shadow:0 15px 35px rgba(20,42,83,.08);transform:translateY(-3px);}
.vp-pricing-card.featured{border:1.5px solid #8fb1ff;background:linear-gradient(180deg,#f7f9ff 0%,#fff 42%);box-shadow:0 12px 30px rgba(0,82,255,.08);}
.vp-pricing-popular{padding:5px 8px;border-radius:999px;background:var(--v-blue);color:#fff;font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1;position:absolute;right:15px;top:15px;text-transform:uppercase;}
.vp-pricing-card-icon{width:43px;height:43px;margin-bottom:15px;border-radius:11px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vp-pricing-card.featured .vp-pricing-card-icon{background:var(--v-blue);color:#fff;}
.vp-pricing-card-icon svg{width:22px;height:22px;}
.vp-pricing-card h3{margin:0 0 5px;color:#0f172a;font-size:17px;font-weight:750;}
.vp-pricing-card-intro{min-height:36px;margin:0;color:#8491a8;font-size:10.8px;line-height:1.45;}
.vp-pricing-price{margin:18px 0 0;padding:16px 0;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;}
.vp-pricing-price>span{width:100%;margin-bottom:3px;color:#94a3b8;font-size:8.5px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;}
.vp-pricing-price strong{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.vp-pricing-price small{color:#8491a8;font-size:10px;}
.vp-pricing-card>ul{margin:17px 0 21px;padding:0;display:grid;gap:9px;list-style:none;flex:1;}
.vp-pricing-card>ul li{color:#526078;display:flex;align-items:flex-start;gap:8px;font-size:10.8px;line-height:1.4;}
.vp-pricing-card>ul i{width:17px;height:17px;border-radius:50%;background:#e9f8ef;color:#16834a;display:grid;place-items:center;flex:none;font-size:8px;font-style:normal;font-weight:800;}
.vp-pricing-cta{min-height:42px;padding:10px 12px;border-radius:9px;background:#edf3ff;color:var(--v-blue);display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;font-weight:700;text-decoration:none;}
.vp-pricing-card.featured .vp-pricing-cta,.vp-pricing-cta:hover,.vp-pricing-cta:focus{background:var(--v-blue);color:#fff;text-decoration:none;}
.vp-pricing-cta svg{width:15px;height:15px;}
.vp-pricing-empty{padding:50px 20px;border:1px solid #e1e7f0;border-radius:15px;color:#75839a;text-align:center;}
.vp-pricing-benefits{padding:75px 0;background:#f7f9fc;}
.vp-pricing-benefits-head{max-width:650px;margin:0 auto 37px;text-align:center;}
.vp-pricing-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.vp-pricing-benefits-grid article{padding:20px 17px;border:1px solid #e5eaf2;border-radius:13px;background:#fff;text-align:center;}
.vp-pricing-benefits-grid article>span{width:48px;height:48px;margin:0 auto 14px;border-radius:14px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vp-pricing-benefits-grid svg{width:23px;height:23px;}
.vp-pricing-benefits-grid h3{margin:0 0 6px;color:#0f172a;font-size:14px;font-weight:700;}
.vp-pricing-benefits-grid p{margin:0;color:#75839a;font-size:10.8px;line-height:1.5;}
.vp-pricing-final{padding:65px 0;background:#fff;}
.vp-pricing-final>.vp-pricing-container{overflow:hidden;padding:30px 32px;border-radius:18px;background:linear-gradient(125deg,#0d1d8e 0%,#07155d 72%,#1538c2 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;}
.vp-pricing-final>.vp-pricing-container::after{content:"";width:210px;height:210px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute;right:-95px;top:-120px;}
.vp-pricing-final span{margin-bottom:4px;color:#a9c2ff;display:block;font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
.vp-pricing-final h2{margin:0 0 5px;color:#fff;font-size:22px;font-weight:750;}
.vp-pricing-final p{margin:0;color:rgba(255,255,255,.66);font-size:12px;}
.vp-pricing-final a{padding:11px 14px;border-radius:9px;background:#fff;color:#0d1d8e;display:inline-flex;align-items:center;gap:5px;flex:none;font-size:11.5px;font-weight:700;text-decoration:none;position:relative;z-index:1;}
.vp-pricing-final a:hover,.vp-pricing-final a:focus{color:#0d1d8e;text-decoration:none;}
.vp-pricing-final a svg{width:15px;height:15px;}
@media(max-width:900px){
  .vp-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vp-pricing-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 8px);justify-self:center;}
  .vp-pricing-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:640px){
  .vp-pricing-page{margin-top:-10px;}
  .vp-pricing-container{width:calc(100% - 28px);}
  .vp-pricing-hero{padding:70px 0 52px;}
  .vp-pricing-hero h1{font-size:34px;}
  .vp-pricing-hero p{font-size:14px;}
  .vp-pricing-tabs{grid-template-columns:1fr;margin-bottom:36px;}
  .vp-pricing-tabs>a{min-height:44px;}
  .vp-pricing-section-head h2,.vp-pricing-benefits-head h2{font-size:25px;}
  .vp-pricing-grid{grid-template-columns:1fr;}
  .vp-pricing-card:last-child:nth-child(odd){grid-column:auto;max-width:none;justify-self:stretch;}
  .vp-pricing-benefits-grid{grid-template-columns:1fr;}
  .vp-pricing-final>.vp-pricing-container{padding:25px;align-items:flex-start;flex-direction:column;}
}

/* ===================== Pricing partagé : hébergement, tarifs publics et SSL ===================== */
.vprice-section-head{margin:0 0 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.vprice-section-head.centered{max-width:680px;margin:0 auto 27px;display:block;text-align:center;}
.vprice-section-head>div>span{margin-bottom:5px;color:var(--v-blue);display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.vprice-section-head h2{margin:0;color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.25;}
.vprice-section-head p{margin:7px 0 0;color:#75839a;font-size:12.5px;line-height:1.5;}
.vprice-section-head>a{color:var(--v-blue);display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;text-decoration:none;white-space:nowrap;}
.vprice-section-head>a:hover,.vprice-section-head>a:focus{color:#003bb8;text-decoration:none;}
.vprice-section-head>a svg{width:15px;height:15px;}
.vprice-section-head>span{padding:5px 8px;border-radius:999px;background:#edf3ff;color:var(--v-blue);font-size:10px;font-weight:700;line-height:1;white-space:nowrap;}

.vprice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.vprice-card{min-width:0;overflow:hidden;border:1px solid #e1e7f0;border-radius:16px;background:#fff;display:flex;flex-direction:column;position:relative;transition:border-color .16s,box-shadow .16s,transform .16s;}
.vprice-card:hover{border-color:#bed0f8;box-shadow:0 15px 35px rgba(20,42,83,.08);transform:translateY(-3px);}
.vprice-card.featured{border:1.5px solid #8fb1ff;background:linear-gradient(180deg,#f7f9ff 0%,#fff 45%);box-shadow:0 12px 30px rgba(0,82,255,.08);}
.vprice-card.featured::before{content:"";height:5px;background:linear-gradient(90deg,#0b57f5,#17258d);position:absolute;left:-1px;right:-1px;top:-1px;z-index:1;}
.vprice-badge{padding:5px 8px;border-radius:999px;background:var(--v-blue);color:#fff;font-size:8px;font-weight:800;letter-spacing:.04em;line-height:1;position:absolute;right:15px;top:15px;text-transform:uppercase;z-index:2;}
.vprice-top{min-height:154px;padding:25px 22px 17px;}
.vprice-icon{width:43px;height:43px;margin-bottom:15px;border-radius:11px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vprice-card.featured .vprice-icon{background:var(--v-blue);color:#fff;}
.vprice-icon svg{width:22px;height:22px;}
#order-premium_comparison .vprice-card h3,.vprice-card h3{margin:0 0 5px!important;color:#0f172a!important;font-size:17px!important;font-weight:750!important;letter-spacing:-.01em!important;line-height:1.25!important;}
body.vc-app .vprice-top p,.vprice-top p{min-height:34px;margin:0;color:#8491a8;font-size:10.8px;line-height:1.45;}
.vprice-price{padding:16px 22px;border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5;background:#fbfcfe;}
.vprice-price>span{margin-bottom:5px;color:#94a3b8;display:block;font-size:8.5px;font-weight:750;letter-spacing:.045em;text-transform:uppercase;}
.vprice-price>div{min-height:31px;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;}
.vprice-price strong{color:#0f172a;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1;}
.vprice-price small{color:#8491a8;font-size:10px;font-weight:550;}
.vprice-price em{width:100%;margin-top:3px;color:#94a3b8;display:block;font-size:9px;font-style:normal;}
.vprice-price-note{width:100%;min-height:28px;margin:9px 0 0!important;color:#8491a8!important;font-size:9.5px!important;line-height:1.45!important;}
.vprice-features{padding:18px 22px 20px;flex:1;}
.vprice-features>span{margin-bottom:11px;color:#263247;display:block;font-size:9.5px;font-weight:800;letter-spacing:.035em;text-transform:uppercase;}
.vprice-features>ul,.vprice-description>ul{margin:0;padding:0;display:grid;gap:9px;list-style:none;}
.vprice-features li,.vprice-description>ul>li{margin:0;padding:0;border:0;color:#526078;display:flex;align-items:flex-start;gap:8px;font-size:10.8px;line-height:1.4;text-align:left;}
.vprice-features li::before{display:none;}
.vprice-features li>i,.vprice-description>ul>li>i{width:17px;height:17px;border-radius:50%;background:#e9f8ef;color:#16834a;display:grid;place-items:center;flex:none;font-size:8px;font-style:normal;font-weight:800;line-height:1;}
.vprice-features b{color:#263247;font-weight:700;}
.vprice-description br{display:none;}
.vprice-actions{padding:0 22px 22px;}
.vprice-reassurance{margin:0 0 10px;color:#75839a;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:650;line-height:1.3;text-align:center;}
.vprice-reassurance::before{content:"✓";width:16px;height:16px;margin-right:6px;border-radius:50%;background:#e9f8ef;color:#16834a;display:grid;place-items:center;font-size:8px;font-weight:800;}
.vprice-cta{width:100%;min-height:42px;padding:10px 12px;border-radius:9px;background:#edf3ff;color:var(--v-blue);display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;font-weight:700;text-decoration:none;}
.vprice-card.featured .vprice-cta,.vprice-cta:hover,.vprice-cta:focus{background:var(--v-blue);color:#fff;text-decoration:none;}
.vprice-cta svg{width:15px;height:15px;}
.vprice-cta.unavailable{background:#f1f3f6;color:#8491a8;}
.vprice-catalog-note{max-width:760px;margin:20px auto 0!important;color:#8491a8!important;font-size:10.5px!important;line-height:1.55!important;text-align:center;}

@media(max-width:920px){
  .vprice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vprice-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 8px);justify-self:center;}
}
@media(max-width:640px){
  .vprice-section-head{align-items:flex-start;flex-direction:column;}
  .vprice-section-head.centered{display:block;}
  .vprice-section-head h2{font-size:20px;}
  .vprice-grid{grid-template-columns:1fr;}
  .vprice-card:last-child:nth-child(odd){grid-column:auto;max-width:none;justify-self:stretch;}
  .vprice-top{min-height:0;}
}

/* ===================== Header public : actions et dropdowns ===================== */
.top-nav>li.va-clientarea-action>a{min-height:38px;padding:9px 13px;border:1px solid var(--v-blue);border-radius:9px;background:var(--v-blue);color:#fff!important;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;line-height:1;white-space:nowrap;}
.top-nav>li.va-clientarea-action>a:hover,.top-nav>li.va-clientarea-action>a:focus{border-color:var(--v-blue-600);background:var(--v-blue-600);color:#fff!important;text-decoration:none;}
.top-nav>li.va-clientarea-action>a i{color:#fff;font-size:12px;}
.top-nav>li.va-clientarea-action+li.primary-action{margin-left:7px;padding-left:8px;}

.va-mainmenu>.dropdown>.dropdown-toggle .caret{margin-left:6px;border-top-width:4px;transition:transform .15s ease;}
.va-mainmenu>.dropdown.open>.dropdown-toggle .caret{transform:rotate(180deg);}
.navbar-main .va-mainmenu .va-nav-dropdown{width:318px;margin-top:8px;padding:9px;border:1px solid #dfe5ef!important;border-radius:13px;background:#fff;z-index:1100;}
.navbar-main .va-mainmenu>.dropdown.open>.va-nav-dropdown{display:block!important;}
.navbar-main .va-mainmenu .va-nav-dropdown::before{content:"";width:10px;height:10px;border-top:1px solid #dfe5ef;border-left:1px solid #dfe5ef;background:#fff;position:absolute;left:25px;top:-6px;transform:rotate(45deg);}
.navbar-main .va-mainmenu .va-nav-dropdown>li{position:relative;z-index:1;}
.navbar-main .va-mainmenu .va-nav-dropdown>.va-dropdown-title{padding:8px 10px 7px;color:#94a3b8;font-size:9px;font-weight:800;letter-spacing:.075em;line-height:1;text-transform:uppercase;}
.navbar-main .va-mainmenu .va-nav-dropdown>li>a{min-height:54px;padding:8px 10px;border-radius:9px;color:#263247!important;display:flex;align-items:center;gap:11px;white-space:normal;transition:background .15s,color .15s;}
.navbar-main .va-mainmenu .va-nav-dropdown>li>a:hover,.navbar-main .va-mainmenu .va-nav-dropdown>li>a:focus{background:#f3f6ff!important;color:#0f172a!important;text-decoration:none;}
.va-dd-icon{width:34px;height:34px;border-radius:9px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;flex:none;transition:background .15s,color .15s;}
.va-nav-dropdown>li>a:hover .va-dd-icon,.va-nav-dropdown>li>a:focus .va-dd-icon{background:var(--v-blue);color:#fff;}
.va-dd-icon i{margin:0!important;color:inherit!important;font-size:13px;}
.va-nav-dropdown>li>a>span:last-child{min-width:0;display:block;}
.va-nav-dropdown strong{color:#263247;display:block;font-size:11.5px;font-weight:700;line-height:1.25;}
.va-nav-dropdown small{margin-top:3px;color:#8491a8;display:block;font-size:9.5px;font-weight:400;line-height:1.25;}

body>.popover{max-width:360px;padding:0;border:1px solid #dfe5ef!important;border-radius:13px;background:#fff;overflow:hidden;}
body>.popover .popover-content{padding:9px;}
body>.popover .popover-content>ul,body>.popover ul.client-alerts{margin:0;padding:0;display:grid;gap:3px;list-style:none;}
body>.popover .popover-content>ul:not(.client-alerts){max-height:360px;padding:2px;overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));}
body>.popover ul.client-alerts{max-height:360px;overflow-y:auto;grid-template-columns:1fr;}
body>.popover .popover-content>ul>li>a,body>.popover ul.client-alerts>li>a{padding:9px 10px;border-radius:8px;color:#263247;display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.4;text-decoration:none;}
body>.popover .popover-content>ul>li>a:hover,body>.popover ul.client-alerts>li>a:hover{background:#f3f6ff;color:var(--v-blue);}
body>.popover ul.client-alerts .message{min-width:220px;}

@media(max-width:1100px){
  .top-nav>li.va-clientarea-action>a span{display:none;}
  .top-nav>li.va-clientarea-action>a{width:38px;padding:0;justify-content:center;}
}
@media(max-width:767px){
  .navbar-main .va-mainmenu .va-nav-dropdown{width:auto;margin:0;padding:4px 10px 8px;border:0!important;border-radius:0;background:rgba(255,255,255,.04);}
  .navbar-main .va-mainmenu .va-nav-dropdown::before{display:none;}
  .navbar-main .va-mainmenu .va-nav-dropdown>li>a{min-height:48px;}
  .va-nav-dropdown strong{color:#fff;}
  .va-nav-dropdown small{color:rgba(255,255,255,.58);}
  body>.popover .popover-content>ul:not(.client-alerts){grid-template-columns:1fr;}
}

/* ===================== Pages publiques partagées ===================== */
.vpub-page{width:100vw;margin:-20px 0 0 calc(50% - 50vw);--vpub-blue:#0b57f5;--vpub-navy:#111a2e;--vpub-muted:#6f7d93;--vpub-line:#e1e7f0;--vpub-soft:#f4f7fd;color:var(--vpub-navy);font-family:"DM Sans",sans-serif;overflow:hidden;}
.vpub-page *{box-sizing:border-box;}
.vpub-wrap{width:100%;max-width:1100px;margin:0 auto;padding-left:28px;padding-right:28px;}
.vpub-hero{min-height:460px;padding:105px 0 88px;background:linear-gradient(135deg,#f5f8ff 0%,#fff 58%,#fff8ed 100%);position:relative;isolation:isolate;text-align:center;}
.vpub-hero::after{content:"";width:100%;height:1px;background:linear-gradient(90deg,transparent,#dbe4f5,transparent);position:absolute;left:0;bottom:0;}
.vpub-orb{border:1px solid rgba(11,87,245,.09);border-radius:50%;position:absolute;z-index:-1;}
.vpub-orb-a{width:350px;height:350px;right:-150px;top:-160px;box-shadow:0 0 0 55px rgba(11,87,245,.025);}
.vpub-orb-b{width:180px;height:180px;left:-100px;bottom:-75px;background:rgba(11,87,245,.035);}
.vpub-hero-inner{max-width:920px;}
.vpub-eyebrow{min-height:29px;padding:7px 12px;border:1px solid #d7e3ff;border-radius:999px;background:#fff;color:var(--vpub-blue);display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1;text-transform:uppercase;box-shadow:0 6px 20px rgba(11,87,245,.05);}
.vpub-eyebrow i{font-size:10px;}
.vpub-hero h1{max-width:880px;margin:22px auto 0;color:var(--vpub-navy);font-size:52px;font-weight:800;letter-spacing:-.045em;line-height:1.07;}
.vpub-hero p{max-width:735px;margin:21px auto 0;color:var(--vpub-muted);font-size:18px;line-height:1.7;}
.vpub-actions{margin-top:30px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
.vpub-btn{min-height:46px;padding:12px 20px;border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.vpub-btn:hover,.vpub-btn:focus{transform:translateY(-2px);text-decoration:none;}
.vpub-btn-primary{background:var(--vpub-blue);color:#fff;box-shadow:0 10px 22px rgba(11,87,245,.18);}
.vpub-btn-primary:hover,.vpub-btn-primary:focus{background:#0648d4;color:#fff;}
.vpub-btn-secondary{border-color:#d7deea;background:#fff;color:#26344d;}
.vpub-btn-secondary:hover,.vpub-btn-secondary:focus{border-color:#b8c7e1;color:var(--vpub-blue);}
.vpub-stats-wrap{margin-top:-31px;position:relative;z-index:3;}
.vpub-stats{max-width:940px;padding:0;border:1px solid var(--vpub-line);border-radius:15px;background:#fff;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 16px 42px rgba(20,40,80,.09);overflow:hidden;}
.vpub-stats>div{min-height:105px;padding:22px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;}
.vpub-stats>div+div::before{content:"";width:1px;height:45px;background:var(--vpub-line);position:absolute;left:0;top:30px;}
.vpub-stats strong{color:var(--vpub-blue);font-size:25px;font-weight:820;letter-spacing:-.025em;line-height:1.1;}
.vpub-stats span{margin-top:7px;color:#748198;font-size:10px;font-weight:650;letter-spacing:.02em;}
.vpub-section{padding:82px 0;background:#fff;}
.vpub-section-alt{background:#f7f9fc;}
.vpub-section-head{max-width:720px;margin:0 auto 42px;text-align:center;}
.vpub-section-head>span,.vpub-cta>div>span{color:var(--vpub-blue);display:block;font-size:9.5px;font-weight:820;letter-spacing:.09em;text-transform:uppercase;}
.vpub-section-head h2{margin:8px 0 0;color:var(--vpub-navy);font-size:34px;font-weight:790;letter-spacing:-.035em;line-height:1.15;}
.vpub-section-head p{max-width:640px;margin:13px auto 0;color:var(--vpub-muted);font-size:14px;line-height:1.65;}
.vpub-story-section{padding-top:92px;padding-bottom:92px;background:#fff;}
.vpub-story-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:center;gap:72px;}
.vpub-story-copy{max-width:670px;}
.vpub-story-kicker{color:var(--vpub-blue);display:block;font-size:10px;font-weight:820;letter-spacing:.09em;text-transform:uppercase;}
.vpub-story-copy h2{margin:12px 0 0;color:var(--vpub-navy);font-size:39px;font-weight:800;letter-spacing:-.04em;line-height:1.13;}
.vpub-story-copy>p{margin:16px 0 0;color:#617087;font-size:13px;line-height:1.75;}
.vpub-story-copy .vpub-story-lead{margin-top:19px;color:#33425a;font-size:16px;font-weight:600;line-height:1.65;}
.vpub-story-aside{overflow:hidden;padding:30px;border-radius:21px;background:linear-gradient(145deg,#111a67 0%,#0b57f5 100%);color:#fff;box-shadow:0 24px 50px rgba(16,37,110,.18);position:relative;}
.vpub-story-aside::after{content:"";width:190px;height:190px;border:1px solid rgba(255,255,255,.13);border-radius:50%;position:absolute;right:-95px;top:-105px;}
.vpub-story-aside-icon{width:48px;height:48px;margin-bottom:24px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.1);display:grid;place-items:center;position:relative;z-index:1;}
.vpub-story-aside-icon i{font-size:19px;}
.vpub-story-aside>span{color:#a9c3ff;display:block;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:1;}
.vpub-story-aside h3{margin:7px 0 20px;color:#fff;font-size:22px;font-weight:770;line-height:1.25;position:relative;z-index:1;}
.vpub-story-aside ul{margin:0;padding:0;display:grid;gap:12px;list-style:none;position:relative;z-index:1;}
.vpub-story-aside li{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.075);display:grid;grid-template-columns:20px 1fr;gap:9px;color:rgba(255,255,255,.78);font-size:10.5px;line-height:1.5;}
.vpub-story-aside li i{width:20px;height:20px;border-radius:50%;background:#64e4aa;color:#092a50;display:grid;place-items:center;font-size:8px;}
.vpub-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.vpub-feature-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.vpub-feature{min-height:225px;padding:24px;border:1px solid var(--vpub-line);border-radius:14px;background:#fff;position:relative;box-shadow:0 10px 30px rgba(24,49,88,.04);transition:transform .18s,border-color .18s,box-shadow .18s;}
.vpub-feature:hover{border-color:#c7d7fa;box-shadow:0 16px 34px rgba(24,49,88,.09);transform:translateY(-3px);}
.vpub-feature-icon{width:42px;height:42px;border-radius:11px;background:#edf3ff;color:var(--vpub-blue);display:grid;place-items:center;}
.vpub-feature-icon span{font-size:11px;font-weight:820;}
.vpub-feature h3{margin:24px 0 0;color:#172238;font-size:16px;font-weight:760;line-height:1.3;}
.vpub-feature p{margin:10px 0 0;color:var(--vpub-muted);font-size:11.5px;line-height:1.65;}
.vpub-band{padding:48px 0;background:#101b3e;color:#fff;text-align:center;}
.vpub-band h2{margin:0 0 24px;color:#fff;font-size:22px;font-weight:760;}
.vpub-pills{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;}
.vpub-pills span{min-width:108px;padding:12px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;font-weight:700;}
.vpub-band-note{margin:18px 0 0;color:rgba(255,255,255,.55);font-size:10.5px;}
.vpub-steps{max-width:900px;margin:0 auto;display:grid;gap:12px;}
.vpub-steps article{padding:21px 24px;border:1px solid var(--vpub-line);border-radius:13px;background:#fff;display:flex;align-items:flex-start;gap:18px;}
.vpub-steps article>b{width:38px;height:38px;border-radius:10px;background:var(--vpub-blue);color:#fff;display:grid;place-items:center;flex:none;font-size:12px;}
.vpub-steps h3{margin:0;color:#19253b;font-size:15px;font-weight:760;}
.vpub-steps p{margin:6px 0 0;color:var(--vpub-muted);font-size:11.5px;line-height:1.6;}
.vpub-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;}
.vpub-quotes article{min-height:250px;padding:26px;border:1px solid var(--vpub-line);border-radius:14px;background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 32px rgba(24,49,88,.045);}
.vpub-stars{color:#f59e0b;font-size:14px;letter-spacing:2px;}
.vpub-quotes blockquote{margin:20px 0 24px;padding:0;border:0;color:#35425a;flex:1;font-size:13px;font-style:normal;line-height:1.75;}
.vpub-quotes footer{display:flex;align-items:center;gap:11px;}
.vpub-quotes footer>span{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0b57f5,#102179);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:800;}
.vpub-quotes footer strong,.vpub-quotes footer small{display:block;}
.vpub-quotes footer strong{color:#1d293e;font-size:11px;}.vpub-quotes footer small{margin-top:2px;color:#8a96aa;font-size:9px;}
.vpub-cta{padding:42px 46px;border-radius:18px;background:linear-gradient(125deg,#0b57f5,#13247b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;position:relative;overflow:hidden;}
.vpub-cta::after{content:"";width:220px;height:220px;border:1px solid rgba(255,255,255,.12);border-radius:50%;position:absolute;right:-70px;top:-120px;}
.vpub-cta>div{position:relative;z-index:1;}.vpub-cta>div:first-child{max-width:630px;}
.vpub-cta>div>span{color:#9fc0ff;}.vpub-cta h2{margin:7px 0 0;color:#fff;font-size:28px;font-weight:780;letter-spacing:-.025em;}.vpub-cta p{margin:10px 0 0;color:rgba(255,255,255,.76);font-size:12px;line-height:1.6;}
.vpub-cta .vpub-actions{margin:0;flex:none;}.vpub-btn-light{background:#fff;color:#0b4bd4;}.vpub-btn-light:hover{color:#0b4bd4;}.vpub-btn-outline-light{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;}.vpub-btn-outline-light:hover{background:rgba(255,255,255,.16);color:#fff;}
.vpub-page--legal .vpub-hero{min-height:390px;padding-top:92px;padding-bottom:72px;}.vpub-page--legal .vpub-hero h1{max-width:900px;font-size:46px;}.vpub-legal{max-width:900px;}
.vpub-legal-note{margin-bottom:38px;padding:20px 22px;border:1px solid #cfe0ff;border-left:4px solid var(--vpub-blue);border-radius:0 12px 12px 0;background:#f3f7ff;display:flex;align-items:flex-start;gap:14px;}
.vpub-legal-note>i{margin-top:2px;color:var(--vpub-blue);font-size:17px;}.vpub-legal-note strong{color:#1b2940;font-size:12px;}.vpub-legal-note p{margin:5px 0 0;color:#65748a;font-size:10.5px;line-height:1.55;}
.vpub-legal-list{display:grid;gap:0;}.vpub-legal-list article{padding:29px 0;border-bottom:1px solid var(--vpub-line);display:grid;grid-template-columns:55px 1fr;gap:16px;}.vpub-legal-list article:first-child{border-top:1px solid var(--vpub-line);}
.vpub-legal-index{width:36px;height:28px;border-radius:8px;background:#edf3ff;color:var(--vpub-blue);display:grid;place-items:center;font-size:9px;font-weight:820;}.vpub-legal-list h2{margin:1px 0 14px;color:#18243a;font-size:19px;font-weight:770;}.vpub-legal-list p{margin:0 0 9px;color:#59687f;font-size:12px;line-height:1.72;}.vpub-legal-list p:last-child{margin-bottom:0;}
.vpub-legal-help{margin-top:42px;padding:27px 30px;border:1px solid var(--vpub-line);border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:22px;}.vpub-legal-help h2{margin:0;color:#19253a;font-size:19px;font-weight:760;}.vpub-legal-help p{margin:7px 0 0;color:#718096;font-size:11px;}
@media(max-width:900px){.vpub-hero h1{font-size:42px;}.vpub-story-grid{grid-template-columns:1fr;gap:42px;}.vpub-story-copy{max-width:none;}.vpub-story-aside{max-width:650px;}.vpub-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vpub-feature-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.vpub-quotes{grid-template-columns:1fr;}.vpub-quotes article{min-height:0;}.vpub-cta{align-items:flex-start;flex-direction:column;}.vpub-cta .vpub-actions{justify-content:flex-start;}}
@media(max-width:640px){.vpub-page{margin-top:-10px;}.vpub-wrap{padding-left:17px;padding-right:17px;}.vpub-hero{min-height:0;padding:70px 0 62px;}.vpub-hero h1,.vpub-page--legal .vpub-hero h1{font-size:34px;}.vpub-hero p{font-size:15px;}.vpub-stats-wrap{margin-top:-20px;}.vpub-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px;}.vpub-stats>div{min-height:88px;padding:16px 10px;}.vpub-stats>div+div::before{display:none;}.vpub-stats>div:nth-child(odd){border-right:1px solid var(--vpub-line);}.vpub-stats>div:nth-child(n+3){border-top:1px solid var(--vpub-line);}.vpub-section{padding:58px 0;}.vpub-story-section{padding:62px 0;}.vpub-story-grid{gap:30px;}.vpub-story-copy h2{font-size:30px;}.vpub-story-copy .vpub-story-lead{font-size:14px;}.vpub-story-aside{padding:23px;border-radius:17px;}.vpub-section-head h2{font-size:28px;}.vpub-feature-grid,.vpub-feature-grid.cols-3{grid-template-columns:1fr;}.vpub-feature{min-height:0;}.vpub-actions{width:100%;align-items:stretch;flex-direction:column;}.vpub-actions .vpub-btn{width:100%;}.vpub-band{padding:40px 0;}.vpub-pills span{min-width:90px;}.vpub-steps article{padding:18px;}.vpub-cta{padding:31px 24px;}.vpub-cta h2{font-size:24px;}.vpub-legal-list article{grid-template-columns:1fr;gap:10px;}.vpub-legal-help{align-items:flex-start;flex-direction:column;}.vpub-legal-help .vpub-btn{width:100%;}}

/* Pages produit publiques : système inspiré des parcours de conversion des
   grands hébergeurs, décliné avec la charte et les contenus Vename. */
.vpub-page--product .vpub-hero{min-height:570px;padding:78px 0 74px;text-align:left;}
.vpub-page--product .vpub-hero-inner{max-width:1160px;}
.vpub-product-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);align-items:center;gap:64px;}
.vpub-page--product .vpub-hero h1{max-width:650px;margin:20px 0 0;font-size:50px;}
.vpub-page--product .vpub-hero-copy>p{max-width:650px;margin:19px 0 0;font-size:16px;line-height:1.68;}
.vpub-page--product .vpub-actions{justify-content:flex-start;}
.vpub-hero-reassurance{margin-top:19px;color:#617089;display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:620;}
.vpub-hero-reassurance i{color:#16834a;}
.vpub-product-preview{overflow:hidden;padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,#101b70 0%,#0736aa 58%,#0b57f5 100%);color:#fff;box-shadow:0 28px 58px rgba(19,43,104,.2);position:relative;}
.vpub-product-preview::before{content:"";width:210px;height:210px;border:1px solid rgba(255,255,255,.13);border-radius:50%;position:absolute;right:-105px;top:-110px;}
.vpub-product-preview::after{content:"";width:120px;height:120px;border-radius:50%;background:rgba(76,133,255,.32);position:absolute;right:-45px;bottom:-70px;}
.vpub-product-preview-top{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;}
.vpub-product-preview-top span{color:#a9c3ff;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.vpub-product-preview-top i{width:33px;height:33px;border-radius:9px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:12px;}
.vpub-product-preview h2{max-width:360px;margin:0;color:#fff;font-size:24px;font-weight:780;letter-spacing:-.025em;line-height:1.2;position:relative;z-index:1;}
.vpub-product-preview ul{margin:24px 0 0;padding:0;display:grid;gap:13px;list-style:none;position:relative;z-index:1;}
.vpub-product-preview li{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.075);display:grid;grid-template-columns:22px 1fr;gap:10px;}
.vpub-product-preview li>i{width:22px;height:22px;border-radius:50%;background:#60e0a4;color:#082a54;display:grid;place-items:center;font-size:9px;}
.vpub-product-preview li strong{margin-bottom:3px;color:#fff;display:block;font-size:11.5px;}
.vpub-product-preview li span{color:rgba(255,255,255,.67);font-size:9.8px;line-height:1.48;}
.vpub-product-preview-foot{margin-top:21px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1;}
.vpub-product-preview-foot span{color:rgba(255,255,255,.72);display:flex;align-items:center;gap:7px;font-size:9.5px;}
.vpub-product-preview-foot b{color:#fff;font-size:11px;letter-spacing:.02em;}
.vpub-product-nav{border-bottom:1px solid var(--vpub-line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:18;backdrop-filter:blur(14px);}
.vpub-product-nav .vpub-wrap{min-height:58px;display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none;}
.vpub-product-nav .vpub-wrap::-webkit-scrollbar{display:none;}
.vpub-product-nav a{padding:9px 13px;border-radius:8px;color:#536178;flex:none;font-size:11px;font-weight:700;text-decoration:none;}
.vpub-product-nav a:hover,.vpub-product-nav a:focus{background:#edf3ff;color:var(--vpub-blue);text-decoration:none;}
.vpub-page--product .vpub-stats-wrap{margin-top:0;padding-top:31px;background:#fff;}
.vpub-faq-section{background:#f7f9fc;}
.vpub-faq-wrap{max-width:900px;}
.vpub-faq-list{border-top:1px solid var(--vpub-line);}
.vpub-faq-list details{border-bottom:1px solid var(--vpub-line);background:transparent;}
.vpub-faq-list summary{min-height:68px;padding:19px 8px;color:#1a2740;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:720;list-style:none;cursor:pointer;}
.vpub-faq-list summary::-webkit-details-marker{display:none;}
.vpub-faq-list summary i{width:30px;height:30px;border-radius:50%;background:#eaf1ff;color:var(--vpub-blue);display:grid;place-items:center;flex:none;font-size:10px;transition:transform .18s;}
.vpub-faq-list details[open] summary i{transform:rotate(45deg);}
.vpub-faq-list details>p{max-width:760px;margin:-6px 0 0;padding:0 52px 22px 8px;color:var(--vpub-muted);font-size:12px;line-height:1.68;}
html{scroll-behavior:smooth;}
@media(max-width:960px){
  .vpub-page--product .vpub-hero{padding:68px 0;}
  .vpub-product-hero-grid{grid-template-columns:1fr;gap:40px;}
  .vpub-page--product .vpub-hero-copy{text-align:center;}
  .vpub-page--product .vpub-hero h1,.vpub-page--product .vpub-hero-copy>p{margin-left:auto;margin-right:auto;}
  .vpub-page--product .vpub-actions{justify-content:center;}
  .vpub-hero-reassurance{justify-content:center;}
  .vpub-product-preview{width:100%;max-width:590px;margin:0 auto;text-align:left;}
}
@media(max-width:640px){
  .vpub-page--product .vpub-hero{padding:55px 0 45px;}
  .vpub-page--product .vpub-hero h1{font-size:34px;}
  .vpub-product-hero-grid{gap:30px;}
  .vpub-product-preview{padding:20px;border-radius:17px;}
  .vpub-product-preview h2{font-size:21px;}
  .vpub-product-preview li{padding:11px;}
  .vpub-product-nav .vpub-wrap{min-height:54px;padding-left:10px;padding-right:10px;justify-content:flex-start;}
  .vpub-page--product .vpub-stats-wrap{padding-top:20px;}
  .vpub-faq-list summary{min-height:62px;padding:17px 2px;font-size:13px;}
  .vpub-faq-list details>p{padding-left:2px;padding-right:38px;}
}

/* --- Renouvellement de noms de domaine --- */
.vc-renewals-page .cart-body{min-width:0 !important;}
.vc-renewals-hero{min-height:188px;margin:0 0 16px;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,#0756ef 0%,#173cb9 55%,#171075 100%);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;overflow:hidden;position:relative;}
.vc-renewals-hero::before{content:"";width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;position:absolute;right:-110px;top:-160px;}
.vc-renewals-hero::after{content:"";width:120px;height:120px;border-radius:50%;background:rgba(62,123,255,.28);position:absolute;right:-44px;bottom:-72px;}
.vc-renewals-hero-icon{width:62px;height:62px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:rgba(255,255,255,.12);display:grid;place-items:center;position:relative;z-index:1;}
.vc-renewals-hero-icon svg{width:30px;height:30px;}
.vc-renewals-hero-copy{min-width:0;position:relative;z-index:1;}
.vc-renewals-hero-copy>span{margin-bottom:7px;color:#a8c5ff;display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.vc-renewals-hero-copy h1{margin:0 0 8px !important;color:#fff !important;font-size:28px !important;font-weight:800 !important;letter-spacing:-.025em !important;line-height:1.16 !important;}
.vc-renewals-hero-copy p{max-width:690px;margin:0 !important;color:rgba(255,255,255,.78) !important;font-size:13.5px !important;line-height:1.55 !important;}
.vc-renewals-hero-badge{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap;position:relative;z-index:1;}
.vc-renewals-hero-badge svg{width:16px;height:16px;color:#6ee7b7;}
/* Force la charte du bandeau de renouvellement face aux styles génériques WHMCS. */
body #order-standard_cart .vc-renewals-hero{color:#fff !important;}
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-icon,
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-icon svg{color:#fff !important;}
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-copy>span{color:#bfdbfe !important;}
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-copy h1{color:#fff !important;text-shadow:0 1px 1px rgba(7,25,94,.18);}
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-copy p{color:#dbeafe !important;}
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-badge{color:#fff !important;}
body #order-standard_cart .vc-renewals-hero .vc-renewals-hero-badge svg{color:#6ee7b7 !important;}
.vc-renewals-reassurance{margin:0 0 22px;padding:15px 18px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.vc-renewals-reassurance>div{min-width:0;padding:2px 18px;}
.vc-renewals-reassurance>div:first-child{padding-left:0;}
.vc-renewals-reassurance>div+div{border-left:1px solid #e9edf4;}
.vc-renewals-reassurance strong{margin-bottom:3px;color:#0f172a;display:block;font-size:12.5px;font-weight:750;}
.vc-renewals-reassurance span{color:#64748b;display:block;font-size:10.5px;line-height:1.45;}
.vc-renewals-toolbar{min-height:70px;margin:0 0 14px;padding:13px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.vc-renewals-toolbar>div span{margin-bottom:3px;color:#64748b;display:block;font-size:10px;font-weight:750;letter-spacing:.055em;text-transform:uppercase;}
.vc-renewals-toolbar>div strong{color:#0f172a;font-size:15px;font-weight:780;}
.vc-renewals-search{width:min(310px,100%);height:42px;margin:0 !important;padding:0 12px;border:1px solid #d8e0ec;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;}
.vc-renewals-search svg{width:17px;height:17px;color:#8ba0ba;flex:none;}
.vc-renewals-search .form-control{height:40px !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:#0f172a !important;font-size:12.5px !important;}
.vc-renewals-layout{margin:0 !important;display:flex !important;align-items:flex-start !important;gap:18px !important;}
.vc-renewals-layout>.secondary-cart-body{width:calc(100% - 318px) !important;padding:0 !important;float:none !important;}
.vc-renewals-layout>.secondary-cart-sidebar{width:300px !important;padding:0 !important;float:none !important;flex:none !important;}
.vc-renewals-showing{margin:0 0 12px;padding:10px 12px;border:1px solid #dbe7ff;border-radius:9px;background:#f5f8ff;color:#52627a;font-size:11.5px;text-align:center;}
.vc-renewals-showing a{margin-left:5px;color:var(--v-blue);font-weight:700;}
#order-standard_cart .vc-renewals-list{margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;display:grid !important;gap:12px !important;}
#order-standard_cart .vc-renewal-card{margin:0 !important;padding:0 !important;border:1px solid #dfe5ee !important;border-radius:15px !important;background:#fff !important;overflow:hidden !important;box-shadow:0 5px 18px rgba(15,23,42,.035) !important;}
.vc-renewal-card-top{padding:17px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;}
.vc-renewal-domain-icon{width:42px;height:42px;border-radius:12px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;flex:none;}
.vc-renewal-domain-icon svg{width:21px;height:21px;}
.vc-renewal-domain-copy{min-width:0;}
.vc-renewal-domain-copy>span{margin-bottom:2px;color:#94a3b8;display:block;font-size:9px;font-weight:800;letter-spacing:.065em;text-transform:uppercase;}
.vc-renewal-domain-copy h2{margin:0 0 4px !important;color:#0f172a !important;font-size:17px !important;font-weight:780 !important;line-height:1.25 !important;overflow-wrap:anywhere;}
.vc-renewal-domain-copy p{margin:0 !important;color:#64748b !important;font-size:10.5px !important;line-height:1.4 !important;}
.vc-renewal-domain-copy p strong{color:#334155;font-weight:700;}
.vc-renewal-domain-copy p small{margin-left:5px;color:#94a3b8;font-size:9.5px;}
.vc-renewal-status{max-width:180px;text-align:right;}
.vc-renewal-pill{padding:6px 9px;border-radius:999px;display:inline-flex;align-items:center;font-size:9.5px;font-weight:750;line-height:1.2;text-align:center;}
.vc-renewal-pill.is-success{background:#eaf9f0;color:#13844a;}.vc-renewal-pill.is-warning{background:#fff5e8;color:#c66d0b;}.vc-renewal-pill.is-danger{background:#fff0f2;color:#cc3552;}.vc-renewal-pill.is-neutral{background:#f1f5f9;color:#64748b;}
.vc-renewal-note{margin:0 18px 13px !important;padding:10px 12px !important;border:1px solid #dbeafe !important;border-radius:9px !important;background:#eff6ff !important;color:#3b5d8a !important;font-size:10.5px !important;line-height:1.45 !important;}
.vc-renewal-card-action{min-height:76px;padding:13px 18px;border-top:1px solid #edf1f6;background:#fbfcfe;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;}
.vc-renewal-card-action label{margin:0 !important;color:#475569 !important;font-size:10.5px !important;font-weight:700 !important;}
.vc-renewal-card-action label>span{margin-bottom:6px;display:block;}
.vc-renewal-card-action .form-control{height:42px !important;padding:9px 32px 9px 11px !important;border:1px solid #d8e0ec !important;border-radius:9px !important;background:#fff !important;color:#0f172a !important;font-size:12px !important;box-shadow:none !important;}
.vc-renewal-card-action .form-control:focus{border-color:#8fb0ff !important;outline:3px solid #edf3ff !important;}
.vc-renewal-card-action .btn{min-width:175px;min-height:42px;margin:0 !important;padding:10px 15px !important;border-radius:9px !important;font-size:11.5px !important;font-weight:720 !important;}
.vc-renewal-card-action .btn-primary,.vc-renewal-card-action .btn-primary:hover,.vc-renewal-card-action .btn-primary:focus{border-color:var(--v-blue) !important;background:var(--v-blue) !important;color:#fff !important;}
.vc-renewal-card-action .added{display:none;}.vc-renewal-card-action .btn-add-renewal-to-cart.domain-renewal-added .to-add{display:none;}.vc-renewal-card-action .btn-add-renewal-to-cart.domain-renewal-added .added{display:inline;}
.vc-renewal-disabled{border-color:#e2e8f0 !important;background:#eef2f7 !important;color:#94a3b8 !important;opacity:1 !important;}
.vc-renewal-unavailable{padding:10px 12px;border-radius:9px;background:#f1f5f9;color:#64748b;font-size:10.5px;line-height:1.4;grid-column:1/-1;}
.vc-renewals-grace-note{margin:13px 0 0 !important;color:#7b8ba2 !important;font-size:10px !important;line-height:1.45 !important;}
.vc-renewals-summary{padding:17px;border:1px solid #dfe5ee;border-radius:15px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.05);position:sticky;top:18px;}
.vc-renewals-summary .order-summary{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
.vc-renewals-summary-head{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vc-renewals-summary-head span{margin-bottom:2px;color:var(--v-blue);display:block;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.vc-renewals-summary-head h2{margin:0 !important;color:#0f172a !important;font-size:17px !important;font-weight:780 !important;}
.vc-renewals-summary .loader{position:static !important;color:var(--v-blue) !important;}
.vc-renewals-summary #producttotal{min-height:55px;color:#475569;font-size:11px;}
.vc-renewals-summary>#btnGoToCart{width:100%;min-height:44px;margin:15px 0 0 !important;padding:11px 14px !important;border-color:var(--v-blue) !important;border-radius:10px !important;background:var(--v-blue) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;font-size:12px !important;font-weight:720 !important;}
.vc-renewals-summary>p{margin:12px 0 0 !important;color:#8492a6 !important;font-size:9.5px !important;line-height:1.4 !important;text-align:center !important;}
.vc-renewals-summary>p i{margin-right:4px;color:#1f9d62;}
.vc-renewals-empty{padding:52px 24px;border:1px solid #e1e7ef;border-radius:16px;background:#fff;text-align:center;}
.vc-renewals-empty-icon{width:60px;height:60px;margin:0 auto 16px;border-radius:17px;background:#edf3ff;color:var(--v-blue);display:grid;place-items:center;}
.vc-renewals-empty-icon svg{width:28px;height:28px;}
.vc-renewals-empty h2{margin:0 0 8px !important;color:#0f172a !important;font-size:20px !important;font-weight:780 !important;}
.vc-renewals-empty p{max-width:520px;margin:0 auto 20px !important;color:#64748b !important;font-size:12.5px !important;line-height:1.55 !important;}
.vc-renewals-empty .btn{min-height:43px;padding:10px 17px;border-color:var(--v-blue);border-radius:9px;background:var(--v-blue);color:#fff;font-size:11.5px;font-weight:700;}
@media(max-width:980px){
  .vc-renewals-hero{grid-template-columns:auto minmax(0,1fr);}.vc-renewals-hero-badge{display:none;}
  .vc-renewals-layout{display:block !important;}.vc-renewals-layout>.secondary-cart-body,.vc-renewals-layout>.secondary-cart-sidebar{width:100% !important;}
  .vc-renewals-layout>.secondary-cart-sidebar{margin-top:16px !important;}.vc-renewals-summary{position:static;}
}
@media(max-width:700px){
  .vc-renewals-hero{min-height:0;padding:23px 20px;grid-template-columns:1fr;text-align:left;}.vc-renewals-hero-icon{width:52px;height:52px;}.vc-renewals-hero-copy h1{font-size:24px !important;}
  .vc-renewals-reassurance{grid-template-columns:1fr;padding:6px 15px;}.vc-renewals-reassurance>div,.vc-renewals-reassurance>div:first-child{padding:11px 0;}.vc-renewals-reassurance>div+div{border-top:1px solid #e9edf4;border-left:0;}
  .vc-renewals-toolbar{align-items:stretch;flex-direction:column;}.vc-renewals-search{width:100%;}
  .vc-renewal-card-top{grid-template-columns:auto minmax(0,1fr);}.vc-renewal-status{max-width:none;grid-column:1/-1;text-align:left;}
  .vc-renewal-card-action{grid-template-columns:1fr;align-items:stretch;}.vc-renewal-card-action .btn{width:100%;min-width:0;}
}
@media(max-width:420px){
  .vc-renewals-hero{padding:20px 17px;border-radius:14px;}.vc-renewals-hero-copy h1{font-size:21px !important;}.vc-renewals-hero-copy p{font-size:12.5px !important;}
  .vc-renewal-card-top{padding:15px;}.vc-renewal-card-action{padding:12px 15px;}.vc-renewal-domain-icon{width:38px;height:38px;}.vc-renewal-domain-copy h2{font-size:15.5px !important;}
}

/* Serveurs de noms — même langage visuel que les formulaires de l'app */
body.vc-app .vc-ns-card{overflow:hidden;}
body.vc-app .vc-ns-card-body{padding:22px;}
body.vc-app .vc-ns-intro{margin-bottom:18px;padding:14px 15px;border:1px solid #dce7fb;border-radius:12px;background:#f5f8ff;display:flex;align-items:center;gap:12px;}
body.vc-app .vc-ns-intro-icon{width:38px;height:38px;border-radius:10px;background:#e4edff;color:var(--v-blue);display:grid;place-items:center;flex:none;}
body.vc-app .vc-ns-intro-icon svg{width:20px;height:20px;}
body.vc-app .vc-ns-intro strong{color:#18243b;display:block;font-size:12.5px;font-weight:760;}
body.vc-app .vc-ns-intro p{margin:3px 0 0;color:#6f7f97;font-size:11.5px;line-height:1.45;}
body.vc-app .vc-ns-choice-grid{margin-bottom:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
body.vc-app .vc-ns-choice{min-height:82px;margin:0;padding:15px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;display:flex;align-items:flex-start;gap:11px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;}
body.vc-app .vc-ns-choice:hover{border-color:#aac3ff;background:#fbfdff;}
body.vc-app .vc-ns-choice:has(input:checked){border-color:#6f9cff;background:#f3f7ff;box-shadow:0 0 0 3px rgba(0,79,247,.06);}
body.vc-app .vc-ns-choice>input{position:absolute;opacity:0;pointer-events:none;}
body.vc-app .vc-ns-choice-mark{width:18px;height:18px;margin-top:1px;border:1.5px solid #bdc8d8;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;}
body.vc-app .vc-ns-choice-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:transparent;}
body.vc-app .vc-ns-choice input:checked+.vc-ns-choice-mark{border-color:var(--v-blue);}
body.vc-app .vc-ns-choice input:checked+.vc-ns-choice-mark:after{background:var(--v-blue);}
body.vc-app .vc-ns-choice strong{margin-bottom:4px;color:#17233b;display:block;font-size:12px;font-weight:740;}
body.vc-app .vc-ns-choice small{color:#75849a;display:block;font-size:10.5px;line-height:1.45;}
body.vc-app .vc-ns-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body.vc-app .vc-ns-fields .vc-field{margin:0;}
body.vc-app .vc-ns-fields .vc-field:last-child{grid-column:1/-1;}
body.vc-app .vc-ns-fields .vc-label{margin-bottom:6px;color:#34435b;display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:700;}
body.vc-app .vc-ns-fields .vc-label span{color:#9aa6b8;font-size:9px;font-weight:600;}
body.vc-app .vc-ns-fields .form-control{height:43px;padding:10px 12px;border:1px solid #dce3ed;border-radius:9px;background:#fff;color:#283852;font-size:12px;box-shadow:none;}
body.vc-app .vc-ns-fields .form-control:focus{border-color:#86aaff;outline:3px solid #eff4ff;}
body.vc-app .vc-ns-fields .form-control:disabled{opacity:1;background:#f7f9fc;color:#708097;}
body.vc-app .vc-ns-footer{margin-top:20px;padding-top:17px;border-top:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;gap:18px;}
body.vc-app .vc-ns-footer p{margin:0;color:#8996a9;font-size:10.5px;line-height:1.45;}
body.vc-app .vc-ns-footer .vc-btn2{white-space:nowrap;}

/* Tableau SoluteDNS — structure des tableaux Vename, sans colonnes tronquées */
@media(max-width:1100px){
  body.vc-solutedns-app #sdns_records{width:100% !important;min-width:0 !important;table-layout:fixed !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(1){width:38px !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(2){width:190px !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(3){width:72px !important;display:table-cell !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(4){width:auto !important;display:table-cell !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(5),body.vc-solutedns-app #sdns_records tbody td:nth-child(5),
  body.vc-solutedns-app #sdns_records thead th:nth-child(6),body.vc-solutedns-app #sdns_records tbody td:nth-child(6){display:none !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(7){width:82px !important;display:table-cell !important;}
  body.vc-solutedns-app #sdns_records tbody td:nth-child(3),body.vc-solutedns-app #sdns_records tbody td:nth-child(4),body.vc-solutedns-app #sdns_records tbody td:nth-child(7){display:table-cell !important;}
  body.vc-solutedns-app #sdns_records.dtr-inline.collapsed tbody td:first-child:before{display:none !important;}
  body.vc-solutedns-app #sdns_records.dtr-inline.collapsed tbody td:first-child{padding-left:9px !important;}
}
@media(max-width:760px){
  body.vc-solutedns-app .vc-sdns-table-scroll{overflow-x:auto;}
  body.vc-solutedns-app #sdns_records{min-width:650px !important;}
}

/* WHMCS 9 — changement de mot de passe dans l'espace client Vename */
body.vc-app .vc-password-page{width:100%;max-width:960px;margin:0 auto;padding:28px 0 48px;color:#10203b;}
body.vc-app .vc-password-hero{position:relative;margin-bottom:18px;padding:25px 27px;border-radius:16px;background:linear-gradient(115deg,#075bf2 0%,#173ab3 58%,#16117c 100%);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;overflow:hidden;box-shadow:0 15px 38px rgba(15,61,181,.16);}
body.vc-app .vc-password-hero:before{content:"";position:absolute;right:-55px;top:-85px;width:245px;height:245px;border:1px solid rgba(255,255,255,.12);border-radius:50%;}
body.vc-app .vc-password-hero:after{content:"";position:absolute;right:-30px;bottom:-105px;width:190px;height:190px;border-radius:50%;background:rgba(45,113,255,.45);}
body.vc-app .vc-password-hero-icon{position:relative;z-index:1;width:58px;height:58px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.1);display:grid;place-items:center;}
body.vc-app .vc-password-hero-icon svg{width:29px;height:29px;}
body.vc-app .vc-password-hero-copy{position:relative;z-index:1;min-width:0;}
body.vc-app .vc-password-kicker{display:block;margin-bottom:5px;color:#bcd2ff;font-size:9px;font-weight:800;letter-spacing:.11em;}
body.vc-app .vc-password-hero h1{margin:0 0 5px!important;color:#fff!important;font-size:25px!important;font-weight:800!important;letter-spacing:-.025em;line-height:1.15!important;}
body.vc-app .vc-password-hero p{max-width:610px;margin:0!important;color:#d7e2ff!important;font-size:12px!important;line-height:1.5!important;}
body.vc-app .vc-password-secure{position:relative;z-index:1;padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;white-space:nowrap;}
body.vc-app .vc-password-secure i{width:7px;height:7px;border-radius:50%;background:#62efad;box-shadow:0 0 0 4px rgba(98,239,173,.12);}
body.vc-app .vc-password-card{border:1px solid #dfe6ef;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 32px rgba(15,23,42,.05);}
body.vc-app .vc-password-card-head{padding:21px 24px;border-bottom:1px solid #e7ecf2;}
body.vc-app .vc-password-step{display:block;margin-bottom:4px;color:#075bf2;font-size:9px;font-weight:800;letter-spacing:.09em;}
body.vc-app .vc-password-card-head h2{margin:0 0 5px!important;color:#101c32!important;font-size:19px!important;font-weight:780!important;}
body.vc-app .vc-password-card-head p{margin:0!important;color:#718096!important;font-size:11.5px!important;}
body.vc-app .vc-password-card-body{padding:23px 24px 8px;display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;}
body.vc-app .vc-password-field{min-width:0;margin:0;}
body.vc-app .vc-password-field-current{grid-column:1/-1;max-width:calc(50% - 10px);}
body.vc-app .vc-password-field label{display:block;margin:0 0 7px;color:#34435b;font-size:11px;font-weight:720;}
body.vc-app .vc-password-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
body.vc-app .vc-password-generate{padding:0;border:0;background:transparent;color:#075bf2;font-size:9.5px;font-weight:700;cursor:pointer;}
body.vc-app .vc-password-generate:hover{text-decoration:underline;}
body.vc-app .vc-password-input{position:relative;}
body.vc-app .vc-password-input>svg{position:absolute;z-index:2;left:13px;top:50%;width:17px;height:17px;color:#8a9ab1;transform:translateY(-50%);pointer-events:none;}
body.vc-app .vc-password-input .form-control{width:100%;height:44px;margin:0;padding:10px 13px 10px 42px;border:1px solid #d9e1eb;border-radius:9px;background:#fff;color:#17243b;font-size:12px;box-shadow:none;transition:border-color .15s,box-shadow .15s;}
body.vc-app .vc-password-input .form-control:focus{border-color:#78a2ff;box-shadow:0 0 0 3px #edf3ff;outline:0;}
body.vc-app .vc-password-card #passwordStrengthBar{height:6px;margin:9px 0 5px;border-radius:99px;background:#edf1f6;box-shadow:none;overflow:hidden;}
body.vc-app .vc-password-card #passwordStrengthBar .progress-bar{border-radius:99px;}
body.vc-app .vc-password-card #passwordStrengthText{color:#74839a;font-size:9.5px;}
body.vc-app .vc-password-card .alert{margin:8px 0 0;padding:9px 11px;border-radius:8px;font-size:9.5px;line-height:1.4;}
body.vc-app .vc-password-help{margin:13px 24px 0;padding:12px 14px;border:1px solid #dce7fb;border-radius:10px;background:#f5f8ff;display:flex;align-items:flex-start;gap:10px;}
body.vc-app .vc-password-help-icon{width:21px;height:21px;border-radius:50%;background:#dfeaff;color:#075bf2;display:grid;place-items:center;flex:none;font-size:10px;font-weight:800;}
body.vc-app .vc-password-help strong{display:block;margin-bottom:2px;color:#27405f;font-size:10.5px;}
body.vc-app .vc-password-help p{margin:0!important;color:#708099!important;font-size:10px!important;line-height:1.4!important;}
body.vc-app .vc-password-actions{padding:18px 24px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px;}
body.vc-app .vc-password-cancel,body.vc-app .vc-password-submit{min-height:41px;padding:10px 15px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:720;text-decoration:none;}
body.vc-app .vc-password-cancel{border:1px solid #dbe2eb;background:#fff;color:#334155;}
body.vc-app .vc-password-cancel:hover{border-color:#bdc9d9;background:#f8fafc;color:#1e293b;text-decoration:none;}
body.vc-app .vc-password-submit{border:1px solid #075bf2;background:#075bf2;color:#fff;gap:8px;box-shadow:0 8px 18px rgba(7,91,242,.17);}
body.vc-app .vc-password-submit svg{width:15px;height:15px;}
body.vc-app .vc-password-submit:hover,body.vc-app .vc-password-submit:focus{border-color:#034bc9;background:#034bc9;color:#fff;outline:0;}
body.vc-app .vc-password-submit:disabled{border-color:#aebbd0;background:#aebbd0;box-shadow:none;cursor:not-allowed;}
body.vc-app .vc-password-page>.alert{margin-bottom:16px;border-radius:10px;}
@media(max-width:760px){
  body.vc-app .vc-password-page{padding:20px 0 34px;}
  body.vc-app .vc-password-hero{padding:21px;grid-template-columns:auto minmax(0,1fr);gap:14px;}
  body.vc-app .vc-password-secure{grid-column:1/-1;justify-self:start;}
  body.vc-app .vc-password-card-body{grid-template-columns:1fr;padding:20px 18px 7px;gap:16px;}
  body.vc-app .vc-password-field-current{grid-column:auto;max-width:none;}
  body.vc-app .vc-password-card-head{padding:19px 18px;}
  body.vc-app .vc-password-help{margin:12px 18px 0;}
  body.vc-app .vc-password-actions{padding:17px 18px 20px;}
}
@media(max-width:430px){
  body.vc-app .vc-password-hero{grid-template-columns:1fr;}
  body.vc-app .vc-password-hero-icon{width:48px;height:48px;}
  body.vc-app .vc-password-hero h1{font-size:22px!important;}
  body.vc-app .vc-password-label-row{align-items:flex-start;flex-direction:column;gap:5px;}
  body.vc-app .vc-password-actions{align-items:stretch;flex-direction:column-reverse;}
  body.vc-app .vc-password-cancel,body.vc-app .vc-password-submit{width:100%;}
}
@media(max-width:700px){
  body.vc-app .vc-ns-card-body{padding:17px;}
  body.vc-app .vc-ns-choice-grid,body.vc-app .vc-ns-fields{grid-template-columns:1fr;}
  body.vc-app .vc-ns-fields .vc-field:last-child{grid-column:auto;}
  body.vc-app .vc-ns-footer{align-items:stretch;flex-direction:column;}
  body.vc-app .vc-ns-footer .vc-btn2{width:100%;justify-content:center;}
}

/* =========================================================
   SoluteDNS — expérience intégrée à l'espace client Vename
   ========================================================= */
body.vc-solutedns-app #main-body>.container,
body.vc-solutedns-app #main-body>.container-fluid{max-width:1240px;padding-top:28px;}
body.vc-solutedns-app #main-body .main-content{min-width:0;}
body.vc-solutedns-app .vc-sdns-page{width:100%;min-width:0;color:#0f172a;}
body.vc-solutedns-app .vc-sdns-domain-head{margin-bottom:18px;padding:4px 0 18px;border-bottom:1px solid #e4e9f0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
body.vc-solutedns-app .vc-sdns-domain-copy{min-width:0;}
body.vc-solutedns-app .vc-sdns-back{margin:0 0 11px;color:#64748b;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;text-decoration:none;transition:color .15s;}
body.vc-solutedns-app .vc-sdns-back span{font-size:22px;line-height:12px;}
body.vc-solutedns-app .vc-sdns-back:hover{color:var(--v-blue);}
body.vc-solutedns-app .vc-sdns-domain-head h1{margin:0 0 5px !important;color:#15233d !important;font-size:27px !important;font-weight:800 !important;letter-spacing:-.025em;line-height:1.12 !important;overflow-wrap:anywhere;}
body.vc-solutedns-app .vc-sdns-status{padding:4px 9px;border-radius:999px;background:#fff1de;color:#c77719;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:720;}
body.vc-solutedns-app .vc-sdns-status i{width:6px;height:6px;border-radius:50%;background:#d08329;}
body.vc-solutedns-app .vc-sdns-domain-actions{display:flex;align-items:center;gap:10px;flex:none;}
body.vc-solutedns-app .vc-sdns-action{min-height:42px;padding:10px 15px;border:1px solid #dce3ed;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:720;text-decoration:none;white-space:nowrap;transition:border-color .15s,background .15s,color .15s;}
body.vc-solutedns-app .vc-sdns-action svg{width:17px;height:17px;flex:none;}
body.vc-solutedns-app .vc-sdns-action-secondary{background:#fff;color:#17243c;}
body.vc-solutedns-app .vc-sdns-action-secondary:hover{border-color:#b8c6dc;background:#f8fafc;color:#17243c;}
body.vc-solutedns-app .vc-sdns-action-primary{border-color:var(--v-blue);background:var(--v-blue);color:#fff;}
body.vc-solutedns-app .vc-sdns-action-primary:hover{border-color:#034ad2;background:#034ad2;color:#fff;}

body.vc-solutedns-app .vc-sdns-summary{margin-bottom:18px;padding:21px 23px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;box-shadow:0 8px 28px rgba(15,23,42,.045);}
body.vc-solutedns-app .vc-sdns-summary-icon{width:50px;height:50px;border-radius:13px;background:#edf4ff;color:var(--v-blue);display:grid;place-items:center;}
body.vc-solutedns-app .vc-sdns-summary-icon svg{width:25px !important;height:25px !important;max-width:25px !important;max-height:25px !important;display:block;}
body.vc-solutedns-app .vc-sdns-summary-copy{min-width:0;}
body.vc-solutedns-app .vc-sdns-kicker{margin-bottom:5px;color:var(--v-blue);display:block;font-size:9px;font-weight:800;letter-spacing:.1em;}
body.vc-solutedns-app .vc-sdns-summary h1{margin:0 0 5px !important;color:#111c33 !important;font-size:24px !important;font-weight:800 !important;letter-spacing:-.02em;line-height:1.15 !important;overflow-wrap:anywhere;}
body.vc-solutedns-app .vc-sdns-summary p{max-width:670px;margin:0 !important;color:#718096 !important;font-size:12px !important;line-height:1.5 !important;}
body.vc-solutedns-app .vc-sdns-managed{padding:8px 11px;border:1px solid #cdeede;border-radius:999px;background:#ecfbf4;color:#16845b;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:720;white-space:nowrap;}
body.vc-solutedns-app .vc-sdns-managed i{width:7px;height:7px;border-radius:50%;background:#25b978;}
body.vc-solutedns-app #msgConsole:empty{display:none;}
body.vc-solutedns-app #msgConsole .alert{border-radius:11px;}

body.vc-solutedns-app .vc-sdns-content{margin:0 !important;overflow:visible;}
body.vc-solutedns-app .vc-sdns-card{border:1px solid #dfe6ef;border-radius:16px;background:#fff;overflow:visible;box-shadow:0 10px 30px rgba(15,23,42,.045);}
body.vc-solutedns-app .vc-sdns-card-head{padding:21px 22px;border-bottom:1px solid #e8edf3;display:flex;align-items:center;justify-content:space-between;gap:20px;}
body.vc-solutedns-app .vc-sdns-card-kicker{margin-bottom:4px;color:var(--v-blue);display:block;font-size:9px;font-weight:800;letter-spacing:.08em;}
body.vc-solutedns-app .vc-sdns-card-head h2{margin:0 0 5px !important;color:#0f172a !important;font-size:19px !important;font-weight:790 !important;letter-spacing:-.015em;}
body.vc-solutedns-app .vc-sdns-card-head p{margin:0 !important;color:#718096 !important;font-size:11.5px !important;line-height:1.45 !important;}
body.vc-solutedns-app .vc-sdns-add-group{display:flex;flex:none;}
body.vc-solutedns-app .vc-sdns-add{min-height:42px;margin:0 !important;padding:10px 14px !important;border:1px solid var(--v-blue) !important;border-radius:9px 0 0 9px !important;background:var(--v-blue) !important;color:#fff !important;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px !important;font-weight:720 !important;box-shadow:none !important;}
body.vc-solutedns-app .vc-sdns-add:hover,body.vc-solutedns-app .vc-sdns-add:focus{border-color:#034ad2 !important;background:#034ad2 !important;color:#fff !important;outline:0 !important;}
body.vc-solutedns-app .vc-sdns-add-more{min-width:38px;padding:10px !important;border-left-color:rgba(255,255,255,.28) !important;border-radius:0 9px 9px 0 !important;}
body.vc-solutedns-app .vc-sdns-add-group>.dropdown-menu{margin-top:7px;padding:7px;border:1px solid #dfe5ee;border-radius:10px;box-shadow:0 15px 35px rgba(15,23,42,.13);}
body.vc-solutedns-app .vc-sdns-add-group>.dropdown-menu a{padding:9px 11px;border-radius:7px;color:#334155;font-size:11px;}
body.vc-solutedns-app .vc-sdns-add-group>.dropdown-menu a:hover{background:#edf3ff;color:var(--v-blue);}
body.vc-solutedns-app .vc-sdns-table-note{margin:15px 18px 0;padding:10px 12px;border:1px solid #dbe7ff;border-radius:10px;background:#f3f7ff;color:#4f6485;display:flex;align-items:center;gap:9px;font-size:10.5px;line-height:1.45;}
body.vc-solutedns-app .vc-sdns-note-icon{width:20px;height:20px;border-radius:50%;background:#dce8ff;color:var(--v-blue);display:grid;place-items:center;flex:none;font-size:11px;font-weight:800;}
body.vc-solutedns-app .vc-sdns-table-wrap{padding:15px 18px 17px;}
body.vc-solutedns-app .vc-sdns-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:12px;}
body.vc-solutedns-app #sdns_records{width:100% !important;min-width:900px;margin:0 !important;border:0 !important;border-collapse:separate !important;border-spacing:0 !important;background:#fff !important;table-layout:fixed;}
body.vc-solutedns-app #sdns_records thead th{height:46px;padding:12px 10px !important;border:0 !important;border-bottom:1px solid #dfe6ef !important;background:#f7f9fc !important;color:#8190a7 !important;font-size:9px !important;font-weight:800 !important;letter-spacing:.055em;text-transform:uppercase;vertical-align:middle !important;}
body.vc-solutedns-app #sdns_records thead th:nth-child(1){width:42px;}
body.vc-solutedns-app #sdns_records thead th:nth-child(2){width:235px;}
body.vc-solutedns-app #sdns_records thead th:nth-child(3){width:90px;}
body.vc-solutedns-app #sdns_records thead th:nth-child(4){width:260px;}
body.vc-solutedns-app #sdns_records thead th:nth-child(5){width:70px;}
body.vc-solutedns-app #sdns_records thead th:nth-child(6){width:105px;}
body.vc-solutedns-app #sdns_records thead th:nth-child(7){width:92px;}
body.vc-solutedns-app #sdns_records tbody td{height:60px;padding:8px 9px !important;border:0 !important;border-bottom:1px solid #edf1f5 !important;background:#fff !important;color:#27364d !important;font-size:11px !important;vertical-align:middle !important;overflow:hidden;}
body.vc-solutedns-app #sdns_records tbody tr:last-child td{border-bottom:0 !important;}
body.vc-solutedns-app #sdns_records tbody tr:hover td{background:#fbfdff !important;}
body.vc-solutedns-app #sdns_records .form-control{width:100% !important;height:38px !important;margin:0 !important;padding:8px 10px !important;border:1px solid #dfe5ed !important;border-radius:8px !important;background:#fff !important;color:#25344d !important;font-size:10.8px !important;line-height:1.2 !important;box-shadow:none !important;text-overflow:ellipsis;}
body.vc-solutedns-app #sdns_records .form-control:disabled{opacity:1 !important;background:#f8fafc !important;color:#52637d !important;cursor:default;}
body.vc-solutedns-app #sdns_records .form-control:not(:disabled):focus{border-color:#8bafff !important;outline:3px solid #edf3ff !important;}
body.vc-solutedns-app #sdns_records .vc-sdns-cell{max-width:100%;color:#26364f;display:block;font-size:11px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.vc-solutedns-app #sdns_records .vc-sdns-cell-name{font-weight:650;}
body.vc-solutedns-app #sdns_records .vc-sdns-cell-value{color:#52627a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:10.5px;}
body.vc-solutedns-app #sdns_records .vc-sdns-cell-meta{color:#718096;text-align:center;}
body.vc-solutedns-app #sdns_records .vc-sdns-type-badge{min-width:42px;padding:5px 8px;border:1px solid #d8e4ff;border-radius:999px;background:#f1f5ff;color:#2359c8;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;letter-spacing:.035em;}
body.vc-solutedns-app #sdns_records td:last-child{white-space:nowrap;text-align:right;}
body.vc-solutedns-app #sdns_records td:last-child .btn{width:36px;height:36px;margin:0 2px !important;padding:0 !important;border:0 !important;border-radius:8px !important;display:inline-grid;place-items:center;color:#fff !important;font-size:12px !important;box-shadow:none !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-warning{background:#ff9b18 !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-danger{background:#dc3f4f !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-success{background:#20a267 !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-default{background:#e8edf4 !important;color:#4c5e77 !important;}
body.vc-solutedns-app #sdns_records input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--v-blue);}
body.vc-solutedns-app .vc-sdns-bulk{padding-top:13px;display:flex;justify-content:flex-end;}
body.vc-solutedns-app .vc-sdns-delete-selected{min-height:38px;padding:9px 12px !important;border:1px solid #e4e9f0 !important;border-radius:8px !important;background:#fff !important;color:#7b8799 !important;display:inline-flex;align-items:center;gap:3px;font-size:10.5px !important;font-weight:650 !important;}
body.vc-solutedns-app .vc-sdns-delete-selected:hover{border-color:#ffd1d7 !important;background:#fff5f6 !important;color:#cf3c51 !important;}

body.vc-solutedns-app .modal-content{border:0 !important;border-radius:15px !important;overflow:hidden;box-shadow:0 22px 60px rgba(15,23,42,.22) !important;}
body.vc-solutedns-app .modal-header{padding:18px 20px !important;border-bottom:1px solid #e9edf3 !important;background:#fff !important;}
body.vc-solutedns-app .modal-title{color:#0f172a !important;font-size:17px !important;font-weight:780 !important;}
body.vc-solutedns-app .vc-sdns-modal-kicker{margin-bottom:5px;color:var(--v-blue);display:block;font-size:9px;font-weight:800;letter-spacing:.09em;}
body.vc-solutedns-app .vc-sdns-modal-subtitle{margin:5px 35px 0 0 !important;color:#7a889d !important;font-size:11px !important;line-height:1.45 !important;}
body.vc-solutedns-app .modal-body{padding:20px !important;background:#fbfcfe;}
body.vc-solutedns-app .modal-body label{color:#43526a;font-size:10.5px;font-weight:720;}
body.vc-solutedns-app .modal-body .form-control{height:42px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;box-shadow:none;}
body.vc-solutedns-app .modal-body textarea.form-control{height:auto;}
body.vc-solutedns-app .modal-footer{padding:14px 20px !important;border-top:1px solid #e9edf3 !important;background:#fff !important;}
body.vc-solutedns-app .modal-footer .btn{min-height:40px;padding:9px 15px;border-radius:8px;font-size:11px;font-weight:700;}
body.vc-solutedns-app .bootstrap .modal-footer .btn-success,
body.vc-solutedns-app .bootstrap .modal-footer .btn-primary{border-color:var(--v-blue) !important;background:var(--v-blue) !important;color:#fff !important;}
body.vc-solutedns-app .bootstrap .modal-footer .btn-success:hover,
body.vc-solutedns-app .bootstrap .modal-footer .btn-primary:hover{border-color:#034ad2 !important;background:#034ad2 !important;}
body.vc-solutedns-app .bootstrap .modal-footer .btn-default{border-color:#dbe2ec !important;background:#fff !important;color:#334155 !important;}
body.vc-solutedns-app .vc-sdns-edit-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(120px,.65fr);gap:16px;}
body.vc-solutedns-app .vc-sdns-edit-grid .form-group{margin:0;}
body.vc-solutedns-app .vc-sdns-edit-grid .vc-sdns-edit-value{grid-column:1/-1;}
body.vc-solutedns-app .vc-sdns-edit-grid small{margin-top:5px;color:#8a97a9;display:block;font-size:9.5px;line-height:1.35;}
body.vc-solutedns-app .vc-sdns-edit-grid .has-error .form-control{border-color:#e05b68 !important;background:#fff8f9 !important;}

@media(max-width:900px){
  body.vc-solutedns-app .vc-sdns-summary{grid-template-columns:auto minmax(0,1fr);}
  body.vc-solutedns-app .vc-sdns-managed{grid-column:1/-1;justify-self:start;}
}
@media(max-width:700px){
  body.vc-solutedns-app #main-body>.container,body.vc-solutedns-app #main-body>.container-fluid{padding-top:20px;}
  body.vc-solutedns-app .vc-sdns-domain-head{padding-top:0;align-items:stretch;flex-direction:column;gap:15px;}
  body.vc-solutedns-app .vc-sdns-domain-actions{width:100%;}
  body.vc-solutedns-app .vc-sdns-action{flex:1;}
  body.vc-solutedns-app .vc-sdns-summary{padding:18px;gap:13px;}
  body.vc-solutedns-app .vc-sdns-summary-icon{width:44px;height:44px;border-radius:12px;}
  body.vc-solutedns-app .vc-sdns-summary h1{font-size:21px !important;}
  body.vc-solutedns-app .vc-sdns-card-head{padding:18px;align-items:stretch;flex-direction:column;}
  body.vc-solutedns-app .vc-sdns-add-group{width:100%;}
  body.vc-solutedns-app .vc-sdns-add:first-child{flex:1;}
  body.vc-solutedns-app .vc-sdns-table-note{margin:13px 14px 0;align-items:flex-start;}
  body.vc-solutedns-app .vc-sdns-table-wrap{padding:13px 14px 15px;}
  body.vc-solutedns-app .modal-dialog{margin:12px !important;}
  body.vc-solutedns-app .vc-sdns-edit-grid{grid-template-columns:1fr;gap:13px;}
  body.vc-solutedns-app .vc-sdns-edit-grid .vc-sdns-edit-value{grid-column:auto;}
}
@media(max-width:420px){
  body.vc-solutedns-app .vc-sdns-domain-head h1{font-size:23px !important;}
  body.vc-solutedns-app .vc-sdns-domain-actions{align-items:stretch;flex-direction:column;}
  body.vc-solutedns-app .vc-sdns-summary{padding:16px;grid-template-columns:1fr;}
  body.vc-solutedns-app .vc-sdns-summary p{font-size:11.5px !important;}
  body.vc-solutedns-app .vc-sdns-managed{grid-column:auto;}
  body.vc-solutedns-app .vc-sdns-card-head{padding:16px;}
  body.vc-solutedns-app .vc-sdns-add{padding:9px 11px !important;font-size:10.5px !important;}
}

/* SoluteDNS — liste de gestion compacte et cohérente avec les tableaux Vename */
body.vc-solutedns-app .vc-sdns-table-wrap{padding:12px 18px 18px;}
body.vc-solutedns-app .vc-sdns-table-scroll{border:1px solid #e5eaf1;border-radius:10px;background:#fff;overflow:hidden;}
body.vc-solutedns-app #sdns_records{width:100% !important;min-width:0 !important;table-layout:fixed !important;}
body.vc-solutedns-app #sdns_records thead th{height:46px !important;padding:12px 14px !important;background:#f8fafc !important;color:#718198 !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.055em;text-align:left !important;}
body.vc-solutedns-app #sdns_records thead th:before,
body.vc-solutedns-app #sdns_records thead th:after{display:none !important;content:none !important;}
body.vc-solutedns-app #sdns_records thead th{background-image:none !important;}
body.vc-solutedns-app #sdns_records thead th:nth-child(1),
body.vc-solutedns-app #sdns_records tbody td:nth-child(1),
body.vc-solutedns-app #sdns_records thead th:nth-child(5),
body.vc-solutedns-app #sdns_records tbody td:nth-child(5),
body.vc-solutedns-app #sdns_records thead th:nth-child(6),
body.vc-solutedns-app #sdns_records tbody td:nth-child(6){display:none !important;}
body.vc-solutedns-app #sdns_records thead th:nth-child(2){width:42% !important;}
body.vc-solutedns-app #sdns_records thead th:nth-child(3){width:12% !important;text-align:center !important;}
body.vc-solutedns-app #sdns_records thead th:nth-child(4){width:31% !important;}
body.vc-solutedns-app #sdns_records thead th:nth-child(7){width:15% !important;text-align:right !important;display:table-cell !important;}
body.vc-solutedns-app #sdns_records tbody td{height:60px !important;padding:12px 14px !important;border-bottom:1px solid #eef1f5 !important;font-size:13px !important;display:table-cell;}
body.vc-solutedns-app #sdns_records tbody td:nth-child(3){text-align:center;}
body.vc-solutedns-app #sdns_records tbody td:nth-child(7){text-align:right;display:table-cell !important;}
body.vc-solutedns-app #sdns_records tbody tr:hover td{background:#f9fbff !important;}
body.vc-solutedns-app #sdns_records .vc-sdns-cell-name{color:#1b2a43;font-size:13px;font-weight:700;line-height:1.45;}
body.vc-solutedns-app #sdns_records .vc-sdns-cell-value{color:#52647d;font-size:12.5px;line-height:1.45;}
body.vc-solutedns-app #sdns_records .vc-sdns-type-badge{min-width:46px;padding:5px 8px;border:0;background:#edf3ff;color:#1455c7;font-size:10.5px;}
body.vc-solutedns-app #sdns_records td:last-child .btn{width:36px;height:36px;margin:0 0 0 6px !important;border:1px solid transparent !important;border-radius:8px !important;font-size:12px !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-warning{border-color:#d8e5ff !important;background:#edf4ff !important;color:#075bf2 !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-warning:hover{border-color:#bcd1ff !important;background:#dfeaff !important;color:#034ccf !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-danger{border-color:#ffe0e4 !important;background:#fff2f3 !important;color:#d73c4e !important;}
body.vc-solutedns-app #sdns_records td:last-child .btn-danger:hover{border-color:#ffcbd1 !important;background:#ffe4e7 !important;color:#b92335 !important;}
body.vc-solutedns-app .vc-sdns-bulk{display:none !important;}
body.vc-solutedns-app .dataTables_wrapper .dataTables_info{padding:12px 2px 0;color:#77869a;font-size:12px;}
body.vc-solutedns-app .dataTables_wrapper .dataTables_paginate{padding-top:10px;}

@media(max-width:760px){
  body.vc-solutedns-app .vc-sdns-table-scroll{overflow-x:auto;}
  body.vc-solutedns-app #sdns_records{min-width:620px !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(2){width:260px !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(3){width:78px !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(4){width:190px !important;}
  body.vc-solutedns-app #sdns_records thead th:nth-child(7){width:92px !important;}
}
