/* =============================================================================
   Wco. — Custom Theme Override for WHMCS Twenty-One
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --wco-black:  #0a0a0a;
  --wco-white:  #f5f4f0;
  --wco-accent: #ff4d2e;
  --wco-acc-h:  #e03c1f;
  --wco-mid:    #e2e0da;
  --wco-card:   #edeae4;
  --wco-muted:  #999;
}

html, body { font-size: 16px !important; }
body, body.primary-bg-color { font-family:'Inter',sans-serif !important; background:var(--wco-white) !important; color:var(--wco-black) !important; }
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family:'Barlow Condensed',sans-serif !important; font-weight:800 !important; letter-spacing:-.01em !important; line-height:1.06 !important; }

/* ── NAV Wco. ── */
#header .topbar, #header .navbar { display:none !important; }
#header { background:transparent !important; border:none !important; box-shadow:none !important; padding:0 !important; }

#wco-topbar { background:#edeae4; border-bottom:1px solid #e2e0da; padding:.28rem 0; font-size:.72rem; color:#999; }
#wco-topbar a { color:#999 !important; text-decoration:none !important; opacity:1 !important; }
#wco-topbar a:hover { color:#0a0a0a !important; }

#wco-nav { background:#f5f4f0; border-bottom:1.5px solid #e2e0da; height:60px; position:sticky; top:0; z-index:1050; }
.wco-wrap { max-width:1140px; margin:0 auto; padding:0 24px; height:100%; display:flex; align-items:center; justify-content:space-between; }
#wco-logo { text-decoration:none !important; color:#0a0a0a !important; opacity:1 !important; }
#wco-links { display:flex; gap:1.3rem; list-style:none; margin:0; padding:0; align-items:center; }
#wco-links a { font-size:.875rem; font-weight:500; color:#0a0a0a !important; text-decoration:none !important; opacity:.5; transition:opacity .2s; }
#wco-links a:hover { opacity:1 !important; }
.wco-btn-outline { padding:.35rem .9rem; border-radius:6px; border:1.5px solid #e2e0da; opacity:1 !important; transition:border-color .2s !important; }
.wco-btn-outline:hover { border-color:#0a0a0a !important; }

#wco-burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:4px; }
#wco-burger span { display:block; width:22px; height:2px; background:#0a0a0a; border-radius:2px; }
#wco-mob { display:none; flex-direction:column; background:#f5f4f0; border-bottom:1.5px solid #e2e0da; padding:.5rem 24px 1rem; }
#wco-mob.open { display:flex; }
#wco-mob a { font-size:.92rem; font-weight:500; color:#0a0a0a !important; text-decoration:none !important; padding:.6rem 0; border-bottom:1px solid #e2e0da; opacity:.7; }
#wco-mob a:last-child { border-bottom:none; }

/* Main */
#main-body { background:var(--wco-white) !important; padding-top:0 !important; }
#main-body>.container { padding-top:2rem !important; padding-bottom:0 !important; }
.master-breadcrumb { background:var(--wco-white) !important; border-top:none !important; border-bottom:1px solid var(--wco-mid) !important; padding:.5rem 0 !important; }
.master-breadcrumb .breadcrumb { background:transparent !important; margin:0 !important; padding:0 !important; font-size:.78rem !important; }
.master-breadcrumb .breadcrumb-item a { color:var(--wco-muted) !important; }
.master-breadcrumb .breadcrumb-item.active { color:var(--wco-black) !important; }

/* BUTTONS */
.btn-primary,.btn-primary:focus { background:var(--wco-black) !important; border-color:var(--wco-black) !important; color:var(--wco-white) !important; font-family:'Inter',sans-serif !important; font-weight:500 !important; border-radius:8px !important; padding:.6rem 1.4rem !important; box-shadow:none !important; transition:background .2s,transform .15s !important; }
.btn-primary:hover { background:var(--wco-accent) !important; border-color:var(--wco-accent) !important; transform:translateY(-1px) !important; }
.btn-default,.btn-secondary { background:transparent !important; border:1.5px solid var(--wco-mid) !important; color:var(--wco-black) !important; font-family:'Inter',sans-serif !important; font-weight:500 !important; border-radius:8px !important; padding:.6rem 1.4rem !important; box-shadow:none !important; }
.btn-default:hover { border-color:var(--wco-black) !important; background:transparent !important; color:var(--wco-black) !important; }
.btn-danger { background:var(--wco-accent) !important; border-color:var(--wco-accent) !important; border-radius:8px !important; }
.btn-success,.btn-success:focus { background:var(--wco-black) !important; border-color:var(--wco-black) !important; color:var(--wco-white) !important; border-radius:8px !important; font-family:'Inter',sans-serif !important; font-weight:500 !important; transition:background .2s,transform .15s !important; }
.btn-success:hover { background:var(--wco-accent) !important; border-color:var(--wco-accent) !important; transform:translateY(-1px) !important; }
.btn-link { color:var(--wco-accent) !important; }
.btn-sm { padding:.38rem .9rem !important; font-size:.78rem !important; }
.btn-lg { padding:.8rem 2rem !important; font-size:1rem !important; }

/* FORMS */
.form-control,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],select,textarea { font-family:'Inter',sans-serif !important; font-size:.88rem !important; background:var(--wco-card) !important; border:1.5px solid var(--wco-mid) !important; border-radius:8px !important; color:var(--wco-black) !important; box-shadow:none !important; padding:.6rem .9rem !important; height:auto !important; }
.form-control:focus,input:focus,select:focus,textarea:focus { border-color:var(--wco-accent) !important; box-shadow:none !important; background:var(--wco-card) !important; }
.form-control-label,label { font-size:.72rem !important; font-weight:600 !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:#666 !important; margin-bottom:.35rem !important; }
.form-text,.text-muted { color:var(--wco-muted) !important; font-size:.75rem !important; }
.is-invalid { border-color:var(--wco-accent) !important; }
.invalid-feedback { color:var(--wco-accent) !important; }

/* INPUT GROUP — fix icônes alignées */
.input-group { position:relative; display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; width:100%; }
.input-group>.form-control { position:relative; flex:1 1 auto !important; width:1%; min-width:0; border-radius:0 8px 8px 0 !important; border-left:none !important; }
.input-group-prepend,.input-group-append { display:flex !important; }
.input-group-prepend .input-group-text { display:flex !important; align-items:center !important; justify-content:center !important; padding:.6rem .85rem !important; background:var(--wco-card) !important; border:1.5px solid var(--wco-mid) !important; border-right:none !important; border-radius:8px 0 0 8px !important; color:var(--wco-muted) !important; min-width:42px; }
.input-group-append .btn,.input-group-append .input-group-text { border-radius:0 8px 8px 0 !important; border-left:none !important; }

/* CARDS */
.card { background:var(--wco-white) !important; border:1.5px solid var(--wco-mid) !important; border-radius:12px !important; box-shadow:0 2px 12px rgba(10,10,10,.07) !important; }
.card-header { background:transparent !important; border-bottom:1.5px solid var(--wco-mid) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:800 !important; font-size:1.2rem !important; padding:1rem 1.4rem !important; }
.card-title { font-family:'Barlow Condensed',sans-serif !important; font-weight:800 !important; font-size:1.3rem !important; }
.card-body { padding:1.4rem !important; }
.card-footer { background:var(--wco-card) !important; border-top:1.5px solid var(--wco-mid) !important; padding:1rem 1.4rem !important; border-radius:0 0 12px 12px !important; }

/* TABLES */
.table { font-size:.85rem !important; }
.table thead th { background:var(--wco-black) !important; color:var(--wco-white) !important; font-size:.65rem !important; font-weight:600 !important; letter-spacing:.1em !important; text-transform:uppercase !important; border:none !important; padding:.75rem 1rem !important; }
.table td { padding:.85rem 1rem !important; border-bottom:1px solid var(--wco-mid) !important; vertical-align:middle !important; border-top:none !important; }
.table tbody tr:hover td { background:var(--wco-card) !important; }
.table-responsive,.table-bordered { border:1.5px solid var(--wco-mid) !important; border-radius:10px !important; overflow:hidden !important; }

/* ALERTS */
.alert { font-size:.88rem !important; border-radius:8px !important; padding:.85rem 1.1rem !important; border-left-width:3px !important; border-right:none !important; border-top:none !important; border-bottom:none !important; }
.alert-success { background:#e8f5e9 !important; border-color:#43a047 !important; color:#1b5e20 !important; }
.alert-danger  { background:#fdecea !important; border-color:var(--wco-accent) !important; color:#7f0000 !important; }
.alert-warning { background:#fff8e1 !important; border-color:#f9a825 !important; color:#e65100 !important; }
.alert-info    { background:#e3f2fd !important; border-color:#1976d2 !important; color:#0d47a1 !important; }

/* BADGES */
.badge { font-size:.6rem !important; font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important; padding:.18rem .5rem !important; border-radius:4px !important; }
.badge-success { background:#43a047 !important; color:#fff !important; }
.badge-danger  { background:var(--wco-accent) !important; color:#fff !important; }
.badge-warning { background:#f9a825 !important; color:#fff !important; }
.badge-info    { background:#1976d2 !important; color:#fff !important; }
.badge-secondary,.badge-default { background:var(--wco-card) !important; color:var(--wco-black) !important; border:1px solid var(--wco-mid) !important; }
.badge-primary { background:var(--wco-black) !important; color:#fff !important; }

/* PAGINATION */
.pagination .page-link { border:1.5px solid var(--wco-mid) !important; color:var(--wco-black) !important; background:var(--wco-white) !important; border-radius:6px !important; margin:0 2px !important; }
.pagination .page-item.active .page-link,.pagination .page-link:hover { background:var(--wco-black) !important; color:var(--wco-white) !important; border-color:var(--wco-black) !important; }

/* MODALS */
.modal-content { border:1.5px solid var(--wco-mid) !important; border-radius:14px !important; box-shadow:0 8px 40px rgba(0,0,0,.12) !important; }
.modal-header { border-bottom:1.5px solid var(--wco-mid) !important; }
.modal-title { font-family:'Barlow Condensed',sans-serif !important; font-weight:800 !important; font-size:1.3rem !important; }
.modal-footer { border-top:1.5px solid var(--wco-mid) !important; }

/* SIDEBAR */
.sidebar .list-group-item { border:none !important; border-radius:8px !important; font-size:.88rem !important; font-weight:500 !important; color:var(--wco-black) !important; padding:.6rem .9rem !important; margin-bottom:2px !important; }
.sidebar .list-group-item:hover { background:var(--wco-card) !important; }
.sidebar .list-group-item.active { background:#2d2d2d !important; color:var(--wco-white) !important; }
.sidebar .card { border:none !important; box-shadow:none !important; background:transparent !important; }
.sidebar .card-header { font-size:.65rem !important; letter-spacing:.1em !important; color:var(--wco-muted) !important; background:transparent !important; border-bottom:1.5px solid var(--wco-mid) !important; }

/* TABS */
.nav-tabs { border-bottom:1.5px solid var(--wco-mid) !important; }
.nav-tabs .nav-link { font-size:.85rem !important; font-weight:500 !important; color:var(--wco-muted) !important; border:none !important; border-bottom:2px solid transparent !important; border-radius:0 !important; padding:.5rem .9rem !important; }
.nav-tabs .nav-link:hover { color:var(--wco-black) !important; background:transparent !important; }
.nav-tabs .nav-link.active { color:var(--wco-black) !important; border-bottom-color:var(--wco-accent) !important; background:transparent !important; font-weight:600 !important; }

/* TILES */
.tiles .tile { background:var(--wco-white) !important; border:1.5px solid var(--wco-mid) !important; border-radius:12px !important; transition:border-color .2s,transform .15s !important; color:var(--wco-black) !important; }
.tiles .tile:hover { border-color:var(--wco-accent) !important; transform:translateY(-2px) !important; }
.tiles .tile .tile-icon i { color:var(--wco-accent) !important; }

/* LOGIN */
.wco-login-center { display:flex; justify-content:center; padding:2rem 0; }
.wco-login-center .card { max-width:480px; width:100%; }
.wco-login-center .card-body { padding:2.5rem !important; }
.wco-login-logo { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:2.2rem; letter-spacing:-.03em; text-align:center; color:#0a0a0a !important; display:block; margin-bottom:1.5rem; text-decoration:none !important; }
.wco-login-logo span { color:#ff4d2e !important; }
.wco-login-center .h3,.wco-login-center h3 { font-family:'Barlow Condensed',sans-serif !important; font-weight:800 !important; font-size:1.8rem !important; text-align:center; }
.wco-login-center .text-muted { text-align:center; display:block; margin-bottom:1.5rem; }
.wco-login-center .btn-primary { background:#ff4d2e !important; border-color:#ff4d2e !important; color:#fff !important; width:100%; justify-content:center; padding:.75rem !important; font-size:.95rem !important; }
.wco-login-center .card-footer { text-align:center; }

/* FOOTER */
#footer { background:var(--wco-white) !important; border-top:none !important; margin-top:0 !important; display:block !important; }
#footer .nav-link { color:var(--wco-muted) !important; font-size:.82rem !important; }
#footer .nav-link:hover { color:var(--wco-black) !important; }
#footer .copyright { font-size:.72rem !important; color:var(--wco-muted) !important; }
#footer h4 { font-family:'Inter',sans-serif !important; font-weight:600 !important; font-size:.78rem !important; letter-spacing:0 !important; text-transform:none !important; }
#footer ul { list-style:none !important; padding:0 !important; margin:0 !important; }

/* PANELS */
.panel,.panel-default { border:1.5px solid var(--wco-mid) !important; border-radius:12px !important; }
.panel-heading { background:transparent !important; border-bottom:1.5px solid var(--wco-mid) !important; font-family:'Barlow Condensed',sans-serif !important; font-weight:800 !important; }

/* MISC */
a { color:var(--wco-accent) !important; }
a[style*="color:#fff"] { color:#fff !important; }
a[style*="color: #fff"] { color:#fff !important; }
a[style*="color:white"] { color:white !important; }
a[style*="background:#ff4d2e"] { color:#fff !important; }
a[style*="background:#0a0a0a"] { color:#f5f4f0 !important; }
a:hover { opacity:.8 !important; text-decoration:none !important; }
a.btn,a.btn:hover,.btn,.btn:hover { opacity:1 !important; }
#wco-logo { color:#0a0a0a !important; opacity:1 !important; }
.text-success { color:#43a047 !important; }
.text-danger  { color:var(--wco-accent) !important; }
.text-primary { color:var(--wco-black) !important; }
.text-muted   { color:var(--wco-muted) !important; }
hr { border-color:var(--wco-mid) !important; }
code,pre { font-family:'JetBrains Mono',monospace !important; background:var(--wco-card) !important; border:1px solid var(--wco-mid) !important; border-radius:6px !important; }
.progress-bar { background:var(--wco-accent) !important; }
.custom-control-input:checked~.custom-control-label::before { background:var(--wco-accent) !important; border-color:var(--wco-accent) !important; }
.dropdown-menu { border:1.5px solid var(--wco-mid) !important; border-radius:10px !important; padding:.4rem !important; }
.dropdown-item { border-radius:6px !important; font-size:.85rem !important; }
.dropdown-item:hover { background:var(--wco-card) !important; color:var(--wco-black) !important; }
.dropdown-item.active { background:var(--wco-black) !important; color:#fff !important; }

/* RESPONSIVE */
@media(max-width:768px){
  #wco-links { display:none !important; }
  #wco-burger { display:flex !important; }
  #main-body>.container { padding-top:1rem !important; padding-left:16px !important; padding-right:16px !important; }
  .col-lg-4.col-xl-3 { display:none !important; }
  .col-lg-8.col-xl-9 { width:100% !important; flex:0 0 100% !important; max-width:100% !important; }
  .table-responsive { overflow-x:auto !important; }
  .form-row { display:flex !important; flex-direction:column !important; }
}
@media(max-width:480px){
  .card-body { padding:1rem !important; }
}

/* Fix boutons nav — exceptions au a{color:accent} global */
#wco-links a[style*="background:#0a0a0a"] { color:#f5f4f0 !important; }
#wco-links a[style*="border:1.5px"] { color:#0a0a0a !important; }
#wco-links a[style*="background:#0a0a0a"]:hover { background:#ff4d2e !important; color:#fff !important; }
#wco-links a[style*="border:1.5px"]:hover { border-color:#0a0a0a !important; }

/* ── Override nav wco — priorité maximale ── */
#wco-nav .nav-links a { color:#0a0a0a !important; opacity:.5 !important; font-size:.875em !important; font-weight:500 !important; font-family:'Inter',sans-serif !important; line-height:1.5 !important; }
#wco-nav .nav-links a:hover { opacity:1 !important; color:#0a0a0a !important; }
#wco-nav .nav-links .nav-login { color:#0a0a0a !important; opacity:1 !important; font-size:.82em !important; font-family:'Inter',sans-serif !important; border:1.5px solid #e2e0da !important; padding:.38rem .95rem !important; border-radius:6px !important; }
#wco-nav .nav-links .nav-login:hover { border-color:#0a0a0a !important; }
#wco-nav .nav-links .nav-cta { background:#0a0a0a !important; color:#f5f4f0 !important; opacity:1 !important; font-size:.82em !important; font-family:'Inter',sans-serif !important; padding:.38rem 1rem !important; border-radius:6px !important; }
#wco-nav .nav-links .nav-cta:hover { background:#ff4d2e !important; color:#fff !important; }

/* Footer — colle au bas comme wco.cat */
html, body { margin-bottom:0 !important; padding-bottom:0 !important; }
#wco-footer { margin-bottom:0 !important; padding-bottom:0 !important; margin-top:0 !important; }
footer#footer { margin-bottom:0 !important; padding-bottom:0 !important; }
#main-body { padding-bottom:0 !important; margin-bottom:0 !important; }
.primary-content { padding-bottom:0 !important; }

/* ── Fix double trait footer ── */
#wco-footer { border-top:none !important; }
footer#footer { border-top:1.5px solid #e2e0da !important; }

/* ── Footer collé en bas — supprimer espace ── */
#main-body { padding-bottom:0 !important; margin-bottom:0 !important; }
#main-body > .container { padding-bottom:0 !important; }
.primary-content { padding-bottom:0 !important; margin-bottom:0 !important; }
section#main-body { padding-bottom:0 !important; }

/* ── Header sticky — toujours visible au scroll ── */
#wco-nav {
  position:sticky !important;
  top:0 !important;
  z-index:1050 !important;
}
#wco-topbar {
  position:sticky !important;
  top:0 !important;
  z-index:1051 !important;
}
/* Quand topbar + nav, nav se colle juste en dessous */
#wco-header { position:sticky; top:0; z-index:1050; }

/* ── Footer toujours collé en bas ── */
html { height:100%; }
body { min-height:100%; display:flex; flex-direction:column; }
section#main-body { flex:1 0 auto; }
footer#footer { flex-shrink:0; }

/* ── Masquer topbar WHMCS "Webconex / Déconnexion" ── */
#wco-topbar { display:none !important; }

/* ══ Register — fix icônes prepend-icon ══ */
#registration .prepend-icon { position:relative; width:100%; }
#registration .prepend-icon .field-icon {
  position:absolute !important;
  top:0; left:0; z-index:4;
  width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none;
  color:#bbb;
}
#registration .prepend-icon .field-icon i { font-size:13px; position:static; }
#registration .prepend-icon .field,
#registration .prepend-icon .form-control {
  padding-left:36px !important;
}
#registration .field,
#registration .form-control {
  height:36px;
  font-size:14px !important;
  border-radius:6px !important;
}
#registration select.field,
#registration select.form-control { height:36px; }

/* ══ Register — fix champ téléphone ITI (intl-tel-input) ══ */
#registration .intl-tel-input { display:block !important; width:100% !important; }
#registration .intl-tel-input input,
#registration .intl-tel-input input[type=text],
#registration .intl-tel-input input[type=tel] {
  padding-left: 52px !important;
}
#registration .intl-tel-input.separate-dial-code.iti-sdc-2 input { padding-left:66px !important; }
#registration .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input { padding-left:76px !important; }
#registration .intl-tel-input.separate-dial-code.iti-sdc-3 input { padding-left:74px !important; }
#registration .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input { padding-left:84px !important; }
#registration .intl-tel-input.separate-dial-code.iti-sdc-4 input { padding-left:82px !important; }
#registration .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input { padding-left:92px !important; }
#registration .intl-tel-input.separate-dial-code.iti-sdc-5 input { padding-left:90px !important; }
#registration .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input { padding-left:100px !important; }
#registration .intl-tel-input .selected-flag { height:36px !important; }

/* ══ Cart — header Product/Options ══ */
.view-cart-items-header {
  background: var(--wco-black) !important;
  color: var(--wco-white) !important;
  border-radius: 4px 4px 0 0;
  padding: .6rem 1rem;
  font-weight: 600;
  font-size: .85rem;
}
.view-cart-items-header [class*="col-"] { color: var(--wco-white) !important; }

/* ══ Checkout — fix icônes prepend-icon ══ */
#frmCheckout .prepend-icon,
form[action*="cart"] .prepend-icon { position:relative; width:100%; }
#frmCheckout .prepend-icon .field-icon,
form[action*="cart"] .prepend-icon .field-icon {
  position:absolute !important; top:0; left:0; z-index:4;
  width:36px; height:36px; display:flex; align-items:center; justify-content:center;
  pointer-events:none; color:#bbb;
}
#frmCheckout .prepend-icon .field-icon i,
form[action*="cart"] .prepend-icon .field-icon i { font-size:13px; position:static; }
#frmCheckout .prepend-icon .field,
#frmCheckout .prepend-icon .form-control,
form[action*="cart"] .prepend-icon .field,
form[action*="cart"] .prepend-icon .form-control { padding-left:36px !important; }
#frmCheckout .field, #frmCheckout .form-control,
form[action*="cart"] .field, form[action*="cart"] .form-control { height:36px; font-size:14px !important; border-radius:6px !important; }
#frmCheckout .intl-tel-input, form[action*="cart"] .intl-tel-input { display:block !important; width:100% !important; }
#frmCheckout .intl-tel-input input, form[action*="cart"] .intl-tel-input input { padding-left:52px !important; }
#frmCheckout .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
form[action*="cart"] .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input { padding-left:84px !important; }


/* ══ Cart — Empty Cart bouton ══ */
#btnEmptyCart.btn-link,
#btnEmptyCart {
  color: var(--wco-muted) !important;
  opacity: .6 !important;
  font-size: .8rem !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  transition: color .2s, opacity .2s !important;
}
#btnEmptyCart.btn-link:hover,
#btnEmptyCart:hover {
  color: var(--wco-accent) !important;
  opacity: 1 !important;
  text-decoration: none !important;
}
.empty-cart {
  border-top: 1px solid var(--wco-mid);
  padding: .5rem 1rem;
  text-align: right;
}

/* ══ Footer padding identique wco.cat ══ */
#wco-footer .footer-inner { padding:3rem 24px 2rem !important; }
#wco-footer { margin-top:0 !important; }
footer#footer { margin-top:0 !important; }
section#main-body { margin-bottom:0 !important; padding-bottom:0 !important; }

/* ══ Footer border identique wco.cat ══ */
footer#footer { border-top:none !important; margin-top:0 !important; padding-top:0 !important; }
#wco-footer { border-top:1.5px solid #e2e0da !important; }

/* ══ Footer border — identique wco.cat (border sur foot-bottom, pas sur footer) ══ */
#wco-footer { border-top:none !important; }
#wco-footer .foot-bottom { border-top:1px solid #e2e0da !important; }

/* ══ Footer border final ══ */
footer#footer { border-top:none !important; }
#wco-footer { border-top:none !important; }
div#wco-footer .foot-bottom { border-top:1px solid #e2e0da !important; padding-top:1.2rem !important; }

/* ══ Footer border restauré ══ */
footer#footer { border-top:1.5px solid #e2e0da !important; }

/* ══ Footer border + padding identique wco.cat ══ */
footer#footer { border-top:none !important; padding:0 !important; margin:0 !important; background:transparent !important; }
#wco-footer { border-top:1.5px solid #e2e0da !important; }

/* ══ Promo code — fix icône ══ */
.prepend-icon { position:relative; width:100%; }
.prepend-icon .field-icon {
  position:absolute !important;
  top:0; left:0; z-index:4;
  width:36px; height:36px;
  display:flex; align-items:center; justify-content:center;
  pointer-events:none; color:#bbb;
}
.prepend-icon .field-icon i { font-size:13px; position:static; }
.prepend-icon .field,
.prepend-icon .form-control { padding-left:36px !important; }

/* ══ Login — espace avant footer ══ */


/* ══ Login — espace entre langue et footer ══ */
.modal-localisation-btn, .language-selector, form[action*="language"], .btn-language, [class*="language"] { margin-bottom:2rem !important; }
#main-body > .container { padding-bottom:2rem !important; }

/* ══ Store sidebar — couleurs wco. ══ */
.cart-sidebar .list-group-item-action {
  color: var(--wco-black) !important;
  font-size: .85rem !important;
  font-weight: 500 !important;
  border: none !important;
  background: transparent !important;
  padding: .6rem 1rem !important;
  opacity: .5;
  transition: opacity .2s, color .2s !important;
}
.cart-sidebar .list-group-item-action:hover {
  opacity: 1 !important;
  background: var(--wco-card) !important;
  color: var(--wco-black) !important;
}
.cart-sidebar .list-group-item-action.active {
  background: #2d2d2d !important;
  color: var(--wco-white) !important;
  opacity: 1 !important;
  border-radius: 6px !important;
}
.cart-sidebar [menuitemname="Actions"] .list-group-item-action {
  color: var(--wco-accent) !important;
  opacity: 1 !important;
}
.cart-sidebar [menuitemname="Actions"] .list-group-item-action:hover {
  background: var(--wco-card) !important;
}
.cart-sidebar [menuitemname="Actions"] .list-group-item-action i {
  color: var(--wco-accent) !important;
}

/* ══ Dashboard — carte Nouveau VPS couleurs ══ */
a[href*="/store"][style*="background:#0a0a0a"],
a[href*="/store"][style*="background: rgb(10, 10, 10)"] {
  color: #f5f4f0 !important;
}
a[href*="/store"][style*="background:#0a0a0a"] div,
a[href*="/store"][style*="background: rgb(10, 10, 10)"] div { color: #f5f4f0 !important; }
a[href*="/store"][style*="background:#0a0a0a"] div div:last-child,
a[href*="/store"][style*="background: rgb(10, 10, 10)"] div div:last-child { color: rgba(255,255,255,0.6) !important; }

/* ══ Carte Nouveau VPS — fix couleur hover ══ */
a[style*="background:#0a0a0a"]:hover,
a[style*="background: rgb(10, 10, 10)"]:hover {
  color: #f5f4f0 !important;
}
a[style*="background:#0a0a0a"]:hover div,
a[style*="background: rgb(10, 10, 10)"]:hover div { color: #f5f4f0 !important; }
a[style*="background:#ff4d2e"] div,
a[style*="background: rgb(255, 77, 46)"] div { color: #f5f4f0 !important; }



/* ══ Clientarea sidebar Shortcuts — couleur accent ══ */
#Secondary_Sidebar-Client_Shortcuts a { color: var(--wco-accent) !important; }
#Secondary_Sidebar-Client_Shortcuts a i { color: var(--wco-accent) !important; }

/* ══ Clientarea sidebar Shortcuts — couleur accent ══ */
[id^="Secondary_Sidebar-Client_Shortcuts"] { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Client_Shortcuts"] i { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Client_Shortcuts"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }

/* ══ Clientarea sidebar Shortcuts — couleur accent comme store ══ */
#Secondary_Sidebar-Shortcuts a,
.sidebar [id*="Shortcuts"] a {
}
#Secondary_Sidebar-Shortcuts a i,
.sidebar [id*="Shortcuts"] a i {
}

/* ══ Cartes noires — couleur blanche visited ══ */
a[style*="background:#0a0a0a"]:visited,
a[style*="background: rgb(10, 10, 10)"]:visited { color: #f5f4f0 !important; }

/* ══ Sidebar Actions pages internes — couleur accent ══ */
[id^="Secondary_Sidebar-My_Services_Actions"] { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-My_Services_Actions"] i { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-My_Services_Actions"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-My_Services_Status_Filter"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-My_Services_Status_Filter"]:hover { opacity: 1 !important; }

/* ══ Sidebar Actions Domains — couleur accent ══ */
[id^="Secondary_Sidebar-My_Domains_Actions"] { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-My_Domains_Actions"] i { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-My_Domains_Actions"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-My_Domains_Status_Filter"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-My_Domains_Status_Filter"]:hover { opacity: 1 !important; }

/* ══ Sidebar Factures — couleur accent ══ */
[id^="Secondary_Sidebar-Billing"] { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Billing"] i { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Billing"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Billing"].active { background: #2d2d2d !important; color: var(--wco-white) !important; border-radius: 6px !important; }
[id^="Secondary_Sidebar-Billing"].active .sidebar-menu-item-label { color: var(--wco-white) !important; }
[id^="Primary_Sidebar-My_Invoices_Status_Filter"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-My_Invoices_Status_Filter"]:hover { opacity: 1 !important; }

/* ══ Sidebar Quotes status filter ══ */
[id^="Primary_Sidebar-My_Quotes_Status_Filter"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-My_Quotes_Status_Filter"]:hover { opacity: 1 !important; }

/* ══ Sidebar Support — couleur accent ══ */
[id^="Secondary_Sidebar-Support"] { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Support"] i { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Support"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }
[id^="Secondary_Sidebar-Support"].active { background: #2d2d2d !important; color: var(--wco-white) !important; border-radius: 6px !important; }
[id^="Secondary_Sidebar-Support"].active .sidebar-menu-item-label,
[id^="Secondary_Sidebar-Support"].active i { color: var(--wco-white) !important; }
[id^="Primary_Sidebar-Ticket_List_Status_Filter"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-Ticket_List_Status_Filter"]:hover { opacity: 1 !important; }

/* ══ Sidebar Network Status filter ══ */
[id^="Primary_Sidebar-Network_Status"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-Network_Status"]:hover { opacity: 1 !important; }
[id^="Primary_Sidebar-Network_Status"] .sidebar-menu-item-label { color: var(--wco-black) !important; }

/* ══ Sidebar Account details ══ */
[id^="Primary_Sidebar-Account"] { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-Account"] i { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-Account"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-Account"].active { background: #2d2d2d !important; border-radius: 6px !important; }
[id^="Primary_Sidebar-Account"].active .sidebar-menu-item-label { color: var(--wco-white) !important; }

/* ══ Sidebar Profile/Sécurité ══ */
[id^="Primary_Sidebar-Profile"] { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-Profile"] .sidebar-menu-item-label { color: var(--wco-accent) !important; }
[id^="Primary_Sidebar-Profile"].active { background: #2d2d2d !important; border-radius: 6px !important; }
[id^="Primary_Sidebar-Profile"].active .sidebar-menu-item-label { color: var(--wco-white) !important; }

/* ══ Modal langue — bouton Apply ══ */
#modalChooseLanguage .btn-default {
  background: var(--wco-black) !important;
  color: var(--wco-white) !important;
  border-color: var(--wco-black) !important;
  border-radius: 8px !important;
  padding: .6rem 1.4rem !important;
}
#modalChooseLanguage .btn-default:hover {
  background: var(--wco-accent) !important;
  border-color: var(--wco-accent) !important;
}
#modalChooseLanguage .item.active {
  color: var(--wco-accent) !important;
  font-weight: 600 !important;
}

/* ══ Fix ITI phone input ══ */
.intl-tel-input .selected-flag { background:transparent !important; }
.intl-tel-input .selected-dial-code { color:#0a0a0a !important; font-size:.9rem !important; }
.intl-tel-input input[type=tel] { padding-left:90px !important; }
.intl-tel-input .flag-container { z-index:5 !important; }

/* ══ btn-danger wco. ══ */
.btn-danger { background:var(--wco-black) !important; border-color:var(--wco-black) !important; color:var(--wco-white) !important; }
.btn-danger:hover { background:var(--wco-accent) !important; border-color:var(--wco-accent) !important; }
.btn-danger.disabled, .btn-danger:disabled { background:#ccc !important; border-color:#ccc !important; color:#999 !important; opacity:1 !important; }


/* ══ Breadcrumb — masquer Portal Home ══ */
.master-breadcrumb .breadcrumb-item:first-child { display:none !important; }
.master-breadcrumb .breadcrumb-item:nth-child(2)::before { display:none !important; }

/* ══ Sidebar Announcements ══ */
[id^="Primary_Sidebar-Announcements_Months"] { color: var(--wco-black) !important; opacity: .6; }
[id^="Primary_Sidebar-Announcements_Months"]:hover { opacity: 1 !important; }
[id^="Primary_Sidebar-Announcements_Months"] .sidebar-menu-item-label { color: var(--wco-black) !important; }

/* ══ Domain Pricing / Search — wco. reskin ══ */

/* Barre de recherche */

/* ══ Domain hero — design wco.cat ══ */
.domain-checker-bg,
.home-domain-search {
  background: #0a0a0a !important;
  border-bottom: none !important;
  padding: 2.5rem 0 2rem !important;
}
.home-domain-search h2 {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 2.2rem !important;
  color: #f5f4f0 !important;
  text-align: center !important;
  margin-bottom: 1.4rem !important;
}
.home-domain-search .input-group-wrapper {
  max-width: 780px !important;
  margin: 0 auto !important;
}
/* Barre principale */
.domain-checker-bg .input-group,
.home-domain-search .input-group {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: .35rem !important;
  background: #161616 !important;
  border: 1.5px solid #2a2a2a !important;
  border-radius: 10px !important;
  padding: .4rem .4rem .4rem .85rem !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  min-height: 50px !important;
}
.domain-checker-bg .input-group:focus-within,
.home-domain-search .input-group:focus-within {
  border-color: #ff4d2e !important;
}
/* Textarea */
.domain-checker-bg .input-group textarea,
.home-domain-search .input-group textarea,
.domain-checker-bg .input-group .form-control,
.home-domain-search .input-group .form-control {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #f5f4f0 !important;
  font-size: .92rem !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  line-height: 34px !important;
  padding: 0 !important;
  resize: none !important;
  
}
.domain-checker-bg .input-group textarea::placeholder,
.home-domain-search .input-group textarea::placeholder,
.domain-checker-bg .input-group .form-control::placeholder,
.home-domain-search .input-group .form-control::placeholder { color: #444 !important; }
/* Dropdowns */
.domain-checker-bg .input-group .btn-group,
.home-domain-search .input-group .btn-group { flex: 0 0 auto !important; }
.domain-checker-bg .input-group .btn-group .multiselect.dropdown-toggle,
.home-domain-search .input-group .btn-group .multiselect.dropdown-toggle {
  background: #222 !important;
  border: 1px solid #333 !important;
  border-radius: 6px !important;
  color: #888 !important;
  font-size: .75rem !important;
  height: 30px !important;
  padding: 0 .65rem !important;
  white-space: nowrap !important;
  line-height: 30px !important;
}
.domain-checker-bg .input-group .btn-group .multiselect.dropdown-toggle:hover,
.home-domain-search .input-group .btn-group .multiselect.dropdown-toggle:hover {
  color: #f5f4f0 !important;
  background: #2a2a2a !important;
}
/* Checkbox */
.domain-checker-bg .input-group label,
.home-domain-search .input-group label {
  display: flex !important;
  align-items: center !important;
  gap: .3rem !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: #555 !important;
  white-space: nowrap !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  cursor: pointer !important;
}
/* Bouton — absolute collé à droite */
.domain-checker-bg .input-group .wco-search-btn-wrap,
.home-domain-search .input-group .wco-search-btn-wrap {
  position: static !important;
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  margin-left: 4px !important;
}
.domain-checker-bg .input-group .wco-search-btn-wrap .btn,
.home-domain-search .input-group .wco-search-btn-wrap .btn {
  background: #ff4d2e !important;
  border: none !important;
  border-radius: 7px !important;
  height: 36px !important;
  padding: 0 1.2rem !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  display: block !important;
}
.domain-checker-bg .input-group .wco-search-btn-wrap .btn:hover,
.home-domain-search .input-group .wco-search-btn-wrap .btn:hover {
  background: #e63e20 !important;
}

/* Featured TLDs */
.featured-tld { background: #1a1a1a !important; border: 1.5px solid #2a2a2a !important; border-radius: 12px !important; padding: 1rem !important; text-align: center !important; }
.featured-tld .price { color: #ff4d2e !important; font-family: 'Barlow Condensed', sans-serif !important; font-weight: 800 !important; font-size: 1.2rem !important; }

/* ══ Domain search — bloc final ══ */
.domain-checker-bg { padding: 2.5rem 0 3rem 0 !important; }
.domain-checker-bg .input-group.input-group-lg,
.home-domain-search .input-group {
  position: relative !important;
  overflow: visible !important;
  flex-wrap: wrap !important;
  row-gap: .6rem !important;
  padding-bottom: 3.5rem !important;
  min-height: auto !important;
}
.domain-checker-bg .input-group.input-group-lg textarea { order: 1 !important; margin-bottom: 0 !important; }
.domain-checker-bg .input-group.input-group-lg .btn-group { order: 2 !important; flex: 0 0 auto !important; }
.domain-checker-bg .input-group.input-group-lg label { order: 3 !important; align-self: center !important; }
.domain-checker-bg .input-group.input-group-lg #btnCheckAvailability {
  position: absolute !important;
  bottom: 4px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  border-radius: 7px !important;
  background: #ff4d2e !important;
  border-color: #ff4d2e !important;
  color: #f5f4f0 !important;
  font-size: .85rem !important;
}

/* ══ Ajustement top bouton search ══ */
.domain-checker-bg .input-group.input-group-lg #btnCheckAvailability {
  top: 99px !important;
  bottom: auto !important;
}

/* ══ Domain search — redesign charte wco.cat ══ */
.domain-checker-bg,
.home-domain-search {
  background: var(--wco-white) !important;
  border-bottom: 1.5px solid var(--wco-mid) !important;
  padding: 2.5rem 0 3rem 0 !important;
}
/* Barre de recherche intérieure */
.domain-checker-bg .input-group.input-group-lg,
.home-domain-search .input-group {
  background: #0a0a0a !important;
  border: 1.5px solid #222 !important;
  border-radius: 12px !important;
}
/* Dropdowns */
.domain-checker-bg .input-group .btn-group .multiselect.dropdown-toggle,
.home-domain-search .input-group .btn-group .multiselect.dropdown-toggle {
  background: #1a1a1a !important;
  border: 1px solid #2a2a2a !important;
  color: #f5f4f0 !important;
  border-radius: 8px !important;
}
/* Tags extensions par catégorie */
#domain-categories a, .domain-category a,
.tld-list a, .tld-categories a,
#domainBrowseCategoriesContent a {
  background: var(--wco-card) !important;
  color: var(--wco-black) !important;
  border: 1.5px solid var(--wco-mid) !important;
  border-radius: 6px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  padding: .25rem .6rem !important;
  text-decoration: none !important;
  transition: background .15s !important;
}
#domain-categories a:hover, .tld-categories a:hover,
#domainBrowseCategoriesContent a:hover {
  background: #e2e0da !important;
}

/* ══ Extensions — couleur accent wco ══ */
.col-md-4.two-row-center strong {
  color: #ff4d2e !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
}

/* ══ Extensions — taille inchangée ══ */
.col-md-4.two-row-center strong {
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: 700 !important;
}

/* ══ Domain promo boxes — hauteur égale ══ */
.domain-promo-box {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.domain-promo-box .clearfix {
  flex: 1 !important;
}

/* ══ Domain promo — boutons charte wco ══ */
.domain-promo-box .btn-warning {
  background: #ff4d2e !important;
  border-color: #ff4d2e !important;
  color: #f5f4f0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: .6rem 1.4rem !important;
  box-shadow: none !important;
}
.domain-promo-box .btn-warning:hover {
  background: #e03c1f !important;
  border-color: #e03c1f !important;
}

/* ══ Barre recherche domaines — style input wco ══ */
.domain-checker-bg .input-group.input-group-lg,
.home-domain-search .input-group {
  background: #f5f4f0 !important;
  border: 1.5px solid #e2e0da !important;
  border-radius: 10px !important;
}
.domain-checker-bg .input-group textarea,
.home-domain-search .input-group textarea {
  background: transparent !important;
  color: #0a0a0a !important;
}
.domain-checker-bg .input-group textarea::placeholder,
.home-domain-search .input-group textarea::placeholder {
  color: #999 !important;
}
.domain-checker-bg .input-group .btn-group .multiselect.dropdown-toggle,
.home-domain-search .input-group .btn-group .multiselect.dropdown-toggle {
  background: #edeae4 !important;
  border: 1px solid #e2e0da !important;
  color: #0a0a0a !important;
  border-radius: 8px !important;
}

/* ══ Domain results — bande verte → accent wco ══ */
.domain-checker-results .tab-content .nav-tabs,
.domain-checker-results .nav-tabs,
#domainSearchResults .nav-tabs,
.domain-search-results .nav-tabs {
  border-bottom-color: #ff4d2e !important;
}
.domain-checker-results .nav-tabs > li.active > a,
#domainSearchResults .nav-tabs > li.active > a {
  border-bottom-color: #ff4d2e !important;
  border-color: #e2e0da #e2e0da #ff4d2e !important;
}
hr, .tab-divider {
  border-color: #ff4d2e !important;
}

/* ══ Boutons "Ajouter au panier" — style wco ══ */
.domain-results .btn-default,
#domainSearchResults .btn-default,
.domain-checker-results .btn-default {
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
  color: #f5f4f0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: .4rem 1rem !important;
  transition: background .2s !important;
}
.domain-results .btn-default:hover,
#domainSearchResults .btn-default:hover,
.domain-checker-results .btn-default:hover {
  background: #ff4d2e !important;
  border-color: #ff4d2e !important;
}

/* ══ Boutons domaines suggérés — style wco ══ */
.domain-suggestion .btn-add-to-cart,
.domain-lookup-result .btn-add-to-cart,
.domain-price .btn-add-to-cart {
  background: #0a0a0a !important;
  border-color: #0a0a0a !important;
  color: #f5f4f0 !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  padding: .4rem 1rem !important;
  transition: background .2s !important;
}
.domain-suggestion .btn-add-to-cart:hover,
.domain-lookup-result .btn-add-to-cart:hover,
.domain-price .btn-add-to-cart:hover {
  background: #ff4d2e !important;
  border-color: #ff4d2e !important;
}



/* === Domain pricing table - charte wco.cat === */

/* Badges catégories */
.tld-filters a.badge {
  background:#0a0a0a !important; color:#f5f4f0 !important;
  border:1.5px solid #0a0a0a !important; border-radius:4px !important;
  font-size:.7rem !important; font-weight:600 !important;
  letter-spacing:.05em !important; text-transform:uppercase !important;
  padding:.3rem .65rem !important; margin:.2rem .15rem !important;
  display:inline-block !important; text-decoration:none !important;
  transition:background .15s,color .15s !important;
}
.tld-filters a.badge:hover,
.tld-filters a.badge.badge-success {
  background:#ff4d2e !important; color:#f5f4f0 !important;
  border-color:#ff4d2e !important;
}

/* Wrapper fond */
.domain-pricing .bg-white { background:#f5f4f0 !important; border:1.5px solid #e2e0da !important; border-radius:10px !important; overflow:hidden !important; }

/* Header colonnes */
.tld-pricing-header {
  background:#0a0a0a !important; color:#f5f4f0 !important;
  font-size:.65rem !important; font-weight:600 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
  padding:.75rem 1rem !important;
}

/* Lignes */
.tld-row { background:#f5f4f0 !important; border-bottom:1px solid #e2e0da !important; }
.tld-row:nth-child(even) { background:#f5f4f0 !important; }
.tld-row:last-child { border-bottom:none !important; }
.tld-row:hover { background:#edeae4 !important; }

/* Nom d'extension — noir, pas accent */
.tld-row .two-row-center strong {
  color:#0a0a0a !important;
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:1rem !important; font-weight:700 !important;
}

/* Prix — accent wco */
.tld-row .col-xs-4 { color:#0a0a0a !important; font-size:.85rem !important; }
.tld-row .col-xs-4 small { color:#999 !important; font-size:.75rem !important; }

/* Highlighted (biz, ca, cn, de...) — léger accent gauche */
.tld-row.highlighted {
  border-left:3px solid #ff4d2e !important;
  background:#fff8f6 !important;
}
.tld-row.highlighted .two-row-center strong { color:#ff4d2e !important; }

/* === Domain table overrides === */
/* Fix header texte visible */
.tld-pricing-header,
.tld-pricing-header .col-md-4,
.tld-pricing-header .col-md-8,
.tld-pricing-header .col-xs-4,
.tld-pricing-header .col-4,
.tld-pricing-header .tld-column,
.tld-pricing-header div {
  color:#f5f4f0 !important;
}
/* Fix highlighted : nom en noir pas orange */
.tld-row.highlighted .two-row-center strong {
  color:#0a0a0a !important;
}
/* Supprimer la barre bleue parasite dans le header */
.tld-pricing-header .col-md-8 .row,
.tld-pricing-header .col-md-8 .row > div {
  background:transparent !important;
  border:none !important;
}

/* Fix label DOMAINE dans header */
.tld-pricing-header .tld-column,
.tld-pricing-header .col-md-4 {
  color:#f5f4f0 !important;
  background:#0a0a0a !important;
}
.tld-pricing-header input,
.tld-pricing-header .input-group,
.tld-pricing-header .input-group-addon,
.tld-pricing-header .form-control {
  background:#0a0a0a !important;
  border-color:#333 !important;
  color:#f5f4f0 !important;
  box-shadow:none !important;
}

/* === Résultats recherche domaines - charte wco.cat === */

/* Zone résultats principale */
#DomainSearchResults { background:#f5f4f0 !important; }

/* Header "Meilleure suggestion" / "Correspondance exacte" */
.primary-domain-header {
  background:#0a0a0a !important; color:#f5f4f0 !important;
  font-size:.65rem !important; font-weight:600 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
  padding:.6rem 1rem !important;
}

/* Message disponibilité */
.domain-checker-available strong { color:#0a0a0a !important; }
.domain-checker-unavailable strong { color:#ff4d2e !important; }
.domain-checker-available,
.domain-checker-unavailable { font-size:1.1rem !important; }

/* Zone prix + bouton panier (résultat principal) */
#searchDomainInfo { background:#f5f4f0 !important; padding:1rem !important; }
.domain-price { display:flex !important; align-items:center !important; gap:1rem !important; }
.domain-price .price { font-family:'Barlow Condensed',sans-serif !important; font-size:1.3rem !important; font-weight:700 !important; color:#0a0a0a !important; }

/* Header "Domaines suggérés" */
.suggested-domains .panel-heading,
.suggested-domains .card-header {
  background:#0a0a0a !important; color:#f5f4f0 !important;
  font-size:.65rem !important; font-weight:600 !important;
  letter-spacing:.1em !important; text-transform:uppercase !important;
}

/* Lignes domaines suggérés */
.domain-suggestion {
  background:#f5f4f0 !important;
  border-bottom:1px solid #e2e0da !important;
  display:flex !important; align-items:center !important;
  justify-content:space-between !important;
  padding:.65rem 1rem !important;
}
.domain-suggestion:hover { background:#edeae4 !important; }

/* Nom domaine suggéré */
.domain-suggestion .domain { color:#0a0a0a !important; font-weight:600 !important; }
.domain-suggestion .extension { color:#ff4d2e !important; font-weight:700 !important; font-family:'Barlow Condensed',sans-serif !important; }

/* Prix dans suggestions */
.domain-suggestion .price { color:#0a0a0a !important; font-family:'Barlow Condensed',sans-serif !important; font-size:1rem !important; font-weight:700 !important; }

/* Badges promo (Populaire, Nouveau...) */
.sales-group-hot { background:#ff4d2e !important; color:#f5f4f0 !important; border-radius:4px !important; padding:.1rem .4rem !important; font-size:.65rem !important; font-weight:600 !important; }
.sales-group-new { background:#0a0a0a !important; color:#f5f4f0 !important; border-radius:4px !important; padding:.1rem .4rem !important; font-size:.65rem !important; font-weight:600 !important; }

/* Footer "Donnez-moi plus de suggestions" */
.more-suggestions { background:#f5f4f0 !important; border-top:1px solid #e2e0da !important; }
.more-suggestions a { color:#ff4d2e !important; font-weight:600 !important; }
.more-suggestions a:hover { color:#e03c1f !important; }

/* Bouton "Ajouter au panier" dans suggestions — fallback global */
.domain-suggestion button.btn,
#domainSuggestions .btn-add-to-cart,
.domain-lookup-result .btn-add-to-cart,
.domain-price .btn-add-to-cart {
  background:#0a0a0a !important; border-color:#0a0a0a !important;
  color:#f5f4f0 !important; border-radius:8px !important;
  font-weight:500 !important; padding:.35rem .9rem !important;
  transition:background .15s !important;
}
.domain-suggestion button.btn:hover,
#domainSuggestions .btn-add-to-cart:hover,
.domain-lookup-result .btn-add-to-cart:hover,
.domain-price .btn-add-to-cart:hover {
  background:#ff4d2e !important; border-color:#ff4d2e !important;
}
/* Bouton "Finaliser vos achats" (état added) */
.btn-add-to-cart .added { color:#f5f4f0 !important; }

/* Fix alignement extensions dans suggestions */
.domain-suggestion .extension {
  margin-left:0 !important;
  padding-left:0 !important;
}
.domain-suggestion .domain + .extension {
  margin-left:1px !important;
}
/* Regrouper nom + extension sur la même ligne, flush gauche */
#domainSuggestions .domain-suggestion .list-group-item,
#domainSuggestions .domain-suggestion {
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
}
#domainSuggestions .domain-suggestion .domain,
#domainSuggestions .domain-suggestion .extension {
  display:inline !important;
  vertical-align:baseline !important;
}

/* Fix layout ligne suggestion : nom+ext groupés, prix+bouton à droite */
.domain-suggestion.list-group-item {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  padding:.65rem 1rem !important;
  flex-wrap:nowrap !important;
}
/* Groupe nom + extension + promo : collés ensemble */
.domain-suggestion .domain,
.domain-suggestion .extension,
.domain-suggestion .promo {
  display:inline !important;
  flex:none !important;
}
.domain-suggestion .domain { color:#0a0a0a !important; font-weight:600 !important; }
.domain-suggestion .extension {
  color:#ff4d2e !important; font-weight:700 !important;
  font-family:'Barlow Condensed',sans-serif !important;
  margin-left:1px !important;
}
/* Spacer entre nom et actions */
.domain-suggestion .promo { margin-left:.4rem !important; flex:1 0 auto !important; }
/* Actions (prix + bouton) à droite */
.domain-suggestion .actions {
  display:flex !important;
  align-items:center !important;
  gap:.75rem !important;
  flex:none !important;
  margin-left:auto !important;
}
.domain-suggestion .actions .price {
  color:#0a0a0a !important;
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:1rem !important; font-weight:700 !important;
  white-space:nowrap !important;
}

/* Fix ligne verte parasite sous header suggestions */
.primary-domain-header,
.suggested-domains .panel-heading,
.suggested-domains .card-header {
  border-bottom:none !important;
  border-left:none !important;
}

/* Prix + bouton résultat principal : alignés à droite */
#searchDomainInfo .domain-price {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:1rem !important;
  padding:.5rem 1rem !important;
}
#searchDomainInfo .domain-price .price {
  font-family:'Barlow Condensed',sans-serif !important;
  font-size:1.2rem !important; font-weight:700 !important;
  color:#0a0a0a !important; white-space:nowrap !important;
}

/* Masquer la ligne suggestion si le span .domain est vide (template non cloné) */
#domainSuggestions .domain-suggestion:first-child:not(.w-hidden) .domain:empty ~ * ,
#domainSuggestions .domain-suggestion:has(.domain:empty) {
  display:none !important;
}

/* Sidebar item actif - gris doux au lieu de noir pur */
.cart-sidebar .list-group-item-action.active,
.sidebar .list-group-item.active,
#Secondary_Sidebar .list-group-item.active,
.panel-sidebar .list-group-item.active {
  background:#2d2d2d !important;
  color:#f5f4f0 !important;
  border-color:transparent !important;
}
.cart-sidebar .list-group-item-action.active i,
.panel-sidebar .list-group-item.active i {
  color:#f5f4f0 !important;
}

/* Sidebar Actions item actif - charcoal */
[id^="Secondary_Sidebar-Actions"].active,
[id^="Secondary_Sidebar-Categories"].active {
  background:#2d2d2d !important;
  color:#f5f4f0 !important;
  border-radius:6px !important;
}
[id^="Secondary_Sidebar-Actions"].active i,
[id^="Secondary_Sidebar-Categories"].active i {
  color:#f5f4f0 !important;
}

/* Force charcoal sur item actif sidebar standard */
a.list-group-item.list-group-item-action.active,
.list-group a.list-group-item-action.active {
  background:#2d2d2d !important;
  color:#f5f4f0 !important;
  border-radius:6px !important;
}

[id^="Secondary_Sidebar-Actions"].active {
  background: #2d2d2d !important;
  color: #f5f4f0 !important;
  border-radius: 6px !important;
}
[id^="Secondary_Sidebar-Actions"].active i { color: #f5f4f0 !important; }

/* Force charcoal - specificité maximale */
#Secondary_Sidebar-Actions-Domain_Registration.active,
#Secondary_Sidebar-Actions-Domain_Transfer.active,
#Secondary_Sidebar-Actions-Domain_Renewals.active,
#Secondary_Sidebar-Actions-View_Cart.active,
#Secondary_Sidebar-Categories-VPS_KVM.active {
  background:#2d2d2d !important;
  color:#f5f4f0 !important;
}

/* Fix texte "Configurer le serveur" bleu WHMCS */
.primary-bg-color,
span.primary-bg-color {
  color:#ff4d2e !important;
  background:transparent !important;
}

/* Fix sub-heading "Configurer le serveur" */
.sub-heading {
  text-align:left !important;
  border-bottom:1px solid #e2e0da !important;
  border-top:none !important;
  padding:.5rem 0 !important;
  margin:1rem 0 !important;
}
.sub-heading .primary-bg-color {
  color:#0a0a0a !important;
  font-size:.7rem !important;
  font-weight:600 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  background:transparent !important;
}

/* Bouton Voir le message */
.wco-btn-dark:hover {
  background:#ff4d2e !important;
  color:#f5f4f0 !important;
}