@media (min-width: 1500px) {
	.container {
		width: 1400px!important;
		max-width: 1400px!important;
	}
}

/* Desktop: cacher "Plus" */
@media (min-width: 1200px){
	.headerWrapper .main-navbar-wrapper li.collapsable-dropdown{
		display: none !important;
	}
}


/* =========================================================
RAPIDENET - SCROLLBAR NEON RED
========================================================= */

:root {
	--rn-scrollbar-track-bg: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.10) 0%, rgba(125, 36, 118, 0) 38%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.08) 0%, rgba(76, 31, 122, 0) 34%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%);
}

html {
	scrollbar-width: thin;
	scrollbar-color: #f72c25 rgba(18, 14, 29, 0.98);
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: var(--rn-scrollbar-track-bg);
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px rgba(255, 92, 84, 0.08),
	inset 0 0 16px rgba(0, 0, 0, 0.40);
}

::-webkit-scrollbar-thumb {
	border-radius: 999px;
	background: linear-gradient(180deg, #ff6e66 0%, #f72c25 50%, #9f1038 100%);
	box-shadow: 0 0 10px rgba(247, 44, 37, 0.42),
	0 0 24px rgba(125, 36, 118, 0.18);
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, #ff8a84 0%, #ff3a32 50%, #b91442 100%);
	box-shadow: 0 0 14px rgba(255, 92, 84, 0.58),
	0 0 28px rgba(125, 36, 118, 0.24);
}


/* =========================================================
RAPIDENET - Override boutons success WHMCS Twenty-One
Accent: #F72C25
========================================================= */

/* Solid success button */
.btn-success {
	color: #fff;
	background: linear-gradient(180deg, #f72c25 0%, #e3221c 100%);
	border-color: #e3221c;
	box-shadow: 0 8px 20px rgba(247, 44, 37, 0.22);
}

.btn-success:hover,
.btn-success:focus {
	color: #fff;
	background: linear-gradient(180deg, #eb241d 0%, #cf1d17 100%);
	border-color: #cf1d17;
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.22);
}

.btn-success.focus,
.btn-success:focus {
	color: #fff;
	background: linear-gradient(180deg, #eb241d 0%, #cf1d17 100%);
	border-color: #cf1d17;
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.28);
}

.btn-success.disabled,
.btn-success:disabled {
	color: #fff;
	background: linear-gradient(180deg, #f72c25 0%, #e3221c 100%);
	border-color: #e3221c;
	opacity: 0.65;
	box-shadow: none;
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
	color: #fff;
	background: linear-gradient(180deg, #d61f19 0%, #ba1813 100%);
	border-color: #ba1813;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.30);
}

/* Outline success button */
.btn-outline-success {
	color: #f72c25;
	border-color: #f72c25;
	background-color: transparent;
}

.btn-outline-success:hover,
.btn-outline-success:focus {
	color: #fff;
	background: linear-gradient(180deg, #f72c25 0%, #e3221c 100%);
	border-color: #e3221c;
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.18);
}

.btn-outline-success.focus,
.btn-outline-success:focus {
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.22);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
	color: #f72c25;
	background-color: transparent;
	border-color: #f72c25;
	opacity: 0.65;
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
	color: #fff;
	background: linear-gradient(180deg, #e3221c 0%, #cf1d17 100%);
	border-color: #cf1d17;
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.24);
}

.bg-success {
	background-color: #f72c25 !important;
}

.text-success {
	color: #f72c25 !important;
}

.border-success {
	border-color: #f72c25 !important;
}







/* =========================================================
HEADER - RAPIDENET
========================================================= */

header.header.rn-header {
	background: transparent !important;
}

.rn-header-wrapper {
	position: relative;
	z-index: 100;
	background: radial-gradient(circle at 18% 16%, rgba(117, 24, 76, .22) 0%, rgba(117, 24, 76, 0) 24%),
	radial-gradient(circle at 78% 14%, rgba(135, 32, 82, .14) 0%, rgba(135, 32, 82, 0) 22%),
	linear-gradient(180deg, #07080d 0%, #0d0914 38%, #130d1b 70%, #17101f 100%);
	border-bottom: 1px solid rgba(255,255,255,.05);
	box-shadow: 0 10px 28px rgba(0,0,0,.28);
}

.rn-header-wrapper,
.rn-topbar,
.rn-topnav,
.rn-topnav-inner,
.rn-main-navbar-wrapper {
	overflow: visible !important;
}

.rn-header-wrapper .topbar,
.rn-header-wrapper .navbar,
.rn-main-navbar-wrapper {
	background: transparent !important;
}

/* =========================================================
TOP LOGGED BAR
========================================================= */
.rn-topbar {
	margin: 0;
	padding: 3px 0;
	background: linear-gradient(180deg, rgba(255,255,255,.035) 0%, rgba(255,255,255,.02) 100%);
	border-bottom: 1px solid rgba(255,255,255,.04);
	color: rgba(255, 255, 255, .65);
}

.rn-active-client .input-group-text {
	background: rgba(255,255,255,.04);
	border-color: rgba(255,255,255,.09);
	color: rgba(255,255,255,.82);
	font-size: 13px;
}

.rn-btn-active-client {
	background: rgba(255,255,255,.05);
	border: 1px solid rgba(255,255,255,.10);
	color: #fff !important;
	font-weight: 600;
}

.rn-btn-active-client:hover {
	background: rgba(255,255,255,.10);
	color: #fff !important;
}

.rn-btn-switch-account {
	background: rgba(247,44,37,.08);
	border: 1px solid rgba(247,44,37,.26);
	color: #f72c25 !important;
}

.rn-btn-switch-account:hover {
	background: rgba(247,44,37,.18);
	color: #fff !important;
}

/* =========================================================
FIRST ROW
========================================================= */
.rn-topnav {
	position: relative;
	background: radial-gradient(circle at 24% 28%, rgba(247,44,37,.10) 0%, rgba(247,44,37,0) 18%),
	radial-gradient(circle at 72% 22%, rgba(158, 38, 90, .11) 0%, rgba(158, 38, 90, 0) 20%),
	linear-gradient(180deg, rgba(18,12,24,.96) 0%, rgba(14,10,21,.93) 46%, rgba(16,10,22,.90) 100%) !important;
	padding: 18px 0 16px;
	border-bottom: 1px solid rgba(255,255,255,.04);
}

.rn-topnav::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg,
				rgba(247,44,37,0) 0%,
				rgba(247,44,37,.35) 22%,
				rgba(255,110,100,.95) 50%,
				rgba(247,44,37,.35) 78%,
				rgba(247,44,37,0) 100%);
	pointer-events: none;
}

.rn-topnav::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 6px;
	pointer-events: none;
	background: linear-gradient(90deg,
				rgba(247,44,37,0) 0%,
				rgba(247,44,37,.10) 18%,
				rgba(247,44,37,.55) 34%,
				rgba(255,92,84,.95) 50%,
				rgba(247,44,37,.55) 66%,
				rgba(247,44,37,.10) 82%,
				rgba(247,44,37,0) 100%);
	filter: blur(8px);
	opacity: .75;
}

.rn-topnav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.rn-topnav-left {
	flex: 0 0 auto;
}

.rn-navbar-brand {
	margin: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
}

.rn-logo-img {
	display: block;
	max-height: 74px;
	width: auto;
	height: auto;
	filter: drop-shadow(0 0 10px rgba(247,44,37,.14))
	drop-shadow(0 0 22px rgba(247,44,37,.10))
	drop-shadow(0 8px 18px rgba(0,0,0,.30));
}

.rn-topnav-right {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}

/* =========================================================
MARKETING MENU
========================================================= */
.rn-marketing-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 34px;
}

.rn-marketing-link {
	display: inline-flex;
	align-items: center;
	color: rgba(255,255,255,.94) !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .03em;
	padding: 0;
	line-height: 1;
	opacity: .96;
	transition: color .18s ease, text-shadow .18s ease, opacity .18s ease;
}

.rn-marketing-link:hover,
.rn-marketing-link--active {
	color: #fff !important;
	opacity: 1;
	text-shadow: 0 0 14px rgba(255,255,255,.08);
}

.rn-marketing-dropdown {
	position: relative !important;
}

.rn-marketing-dropdown .dropdown-toggle::after {
	margin-left: 8px;
	vertical-align: middle;
}

.rn-marketing-dropdown .dropdown-menu {
	margin-top: 14px;
	min-width: 260px;
	background: rgba(28,18,42,.98);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 6px;
	box-shadow: 0 18px 40px rgba(0,0,0,.42);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	overflow: hidden;
}

.rn-marketing-dropdown .dropdown-item {
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	padding: .78rem 1rem;
	opacity: .94;
	transition: background .18s ease, color .18s ease;
}

.rn-marketing-dropdown .dropdown-item:hover {
	background: linear-gradient(135deg, #f72c25 0%, #df211b 100%);
	color: #fff !important;
	opacity: 1;
}

/* =========================================================
ACTION ZONE RIGHT
========================================================= */
.rn-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	flex: 0 0 auto;
}

.rn-btn-client-area,
.rn-btn-client-area-mobile {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	line-height: 1 !important;
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none !important;
}

/* Zone client = même langage visuel que le hover des menus du bas */
.rn-btn-client-area {
	position: relative;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px;
	padding: 0 22px !important;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .03em;
	color: #fff !important;
	text-transform: none;
	text-decoration: none !important;

	background: linear-gradient(180deg, rgba(250, 58, 50, 0.64) 0%, rgba(247, 44, 37, 0.52) 100%) !important;

	border: 1px solid rgba(255, 92, 84, 0.85);

	box-shadow:
		0 0 0 1px rgba(255,255,255,.06) inset,
		0 1px 0 rgba(255,255,255,.12) inset,
		0 -1px 0 rgba(120, 18, 16, .35) inset,
		0 0 18px rgba(247,44,37,.38),
		0 6px 18px rgba(120, 18, 16, .22);

	backdrop-filter: blur(8px) saturate(125%);
	-webkit-backdrop-filter: blur(8px) saturate(125%);

	transition: background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease;
	overflow: hidden;
}

.rn-btn-client-area::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(180deg,
	rgba(255,255,255,.16) 0%,
	rgba(255,255,255,.08) 18%,
	rgba(255,255,255,0) 42%);
	pointer-events: none;
}

.rn-btn-client-area::after {
	content: "";
	position: absolute;
	inset: 1px;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,.05);
	pointer-events: none;
}

.rn-btn-client-area:hover,
.rn-btn-client-area:focus {
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(180deg, rgba(255, 78, 70, 0.74) 0%, rgba(247, 44, 37, 0.62) 100%) !important;
	border-color: rgba(255, 110, 100, 0.95);
	box-shadow: 0 0 0 1px rgba(255,255,255,.07) inset,
	0 1px 0 rgba(255,255,255,.14) inset,
	0 -1px 0 rgba(120, 18, 16, .42) inset,
	0 0 18px rgba(247,44,37,.38),
	0 8px 22px rgba(120, 18, 16, .26);
	transform: translateY(-1px);
}

/* =========================================================
ICONS
========================================================= */
.rn-icon-btn {
	position: relative;
	width: 30px;
	height: 30px;
	padding: 0 !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	box-shadow: none !important;
	border-radius: 0;
	line-height: 1;
	overflow: visible !important;
}

.rn-bell,
.rn-cart,
.rn-logout,
.rn-whmcs-icon {
	line-height: 1;
	font-weight: 300 !important;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
	transition: color .2s ease, transform .2s ease;
}

.rn-bell {
	color: #cfcfcf !important;
	font-size: 20px !important;
	position: relative;
	left: 1px;
	top: 1px;
}

.rn-cart {
	color: #ffffff !important;
	font-size: 20px !important;
	position: relative;
	top: 0;
}

.rn-logout {
	color: #d9534f !important;
	font-size: 20px !important;
	position: relative;
	top: -1px;
}

.rn-whmcs-icon {
	color: #4cae4c !important;
	font-size: 19px !important;
	position: relative;
	top: -1px;
}

.rn-icon-btn:hover .rn-bell {
	color: #ffffff !important;
}

.rn-icon-btn:hover .rn-cart {
	color: #ffffff !important;
}

.rn-icon-btn:hover .rn-logout {
	color: #ff0000 !important;
}

.rn-icon-btn:hover .rn-whmcs-icon {
	color: #2ecc71 !important;
}

/* =========================================================
NOTIFICATION BUTTON / BADGES
========================================================= */
.rn-header-wrapper #accountNotifications,
.rn-header-wrapper .rn-icon-btn,
.rn-header-wrapper .rn-actions,
.rn-header-wrapper .rn-actions > * {
	overflow: visible !important;
}

.rn-header-wrapper #accountNotifications {
	position: relative !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 .15rem !important;
	line-height: 1 !important;
	z-index: 20 !important;
}

.rn-header-wrapper #accountNotifications .badge,
.rn-header-wrapper #cartItemCount,
.rn-header-wrapper .badge-info {
	position: absolute !important;
	top: -5px !important;
	right: -9px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	border-radius: 6px;
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(0,0,0,.45);
	border: 1px solid rgba(255,255,255,.18);
	z-index: 999 !important;
}

.rn-header-wrapper #accountNotifications .badge {
	background: rgba(217,83,79,0.95) !important;
}

.rn-header-wrapper #cartItemCount,
.rn-header-wrapper .badge-info {
	background: #f72c25 !important;
}

/* =========================================================
NOTIFICATION ANIMATION
========================================================= */
.notifBlink {
	transform-origin: 50% 1px;
	-webkit-animation: ring 5s 1s ease-in-out infinite;
	-moz-animation: ring 5s 1s ease-in-out infinite;
	-ms-animation: ring 5s 1s ease-in-out infinite;
	-o-animation: ring 5s 1s ease-in-out infinite;
	animation: ring 5s 1s ease-in-out infinite;
	text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
}

@keyframes ring {
	0% {
		transform: rotate(0);
	color: #D90F00;
	}
	1% {
		transform: rotate(30deg);
	}
	4% {
		transform: rotate(-28deg);
	}
	7% {
		transform: rotate(34deg);
	}
	10% {
		transform: rotate(-32deg);
	}
	13% {
		transform: rotate(30deg);
	}
	16% {
		transform: rotate(-28deg);
	}
	19% {
		transform: rotate(26deg);
	}
	22% {
		transform: rotate(-24deg);
	}
	25% {
		transform: rotate(22deg);
	}
	28% {
		transform: rotate(-20deg);
	}
	31% {
		transform: rotate(18deg);
	}
	34% {
		transform: rotate(-16deg);
	}
	37% {
		transform: rotate(14deg);
	}
	40% {
		transform: rotate(-12deg);
	}
	43% {
		transform: rotate(10deg);
	}
	46% {
		transform: rotate(-8deg);
	}
	49% {
		transform: rotate(6deg);
	}
	52% {
		transform: rotate(-4deg);
	}
	55% {
		transform: rotate(2deg);
	}
	58% {
		transform: rotate(-1deg);
	}
	61% {
		transform: rotate(1deg);
	}
	64% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(0);
	color: #9D9D9D;
	}
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotate(0);
	color: #D90F00;
	}
	1% {
		-webkit-transform: rotate(30deg);
	}
	4% {
		-webkit-transform: rotate(-28deg);
	}
	7% {
		-webkit-transform: rotate(34deg);
	}
	10% {
		-webkit-transform: rotate(-32deg);
	}
	13% {
		-webkit-transform: rotate(30deg);
	}
	16% {
		-webkit-transform: rotate(-28deg);
	}
	19% {
		-webkit-transform: rotate(26deg);
	}
	22% {
		-webkit-transform: rotate(-24deg);
	}
	25% {
		-webkit-transform: rotate(22deg);
	}
	28% {
		-webkit-transform: rotate(-20deg);
	}
	31% {
		-webkit-transform: rotate(18deg);
	}
	34% {
		-webkit-transform: rotate(-16deg);
	}
	37% {
		-webkit-transform: rotate(14deg);
	}
	40% {
		-webkit-transform: rotate(-12deg);
	}
	43% {
		-webkit-transform: rotate(10deg);
	}
	46% {
		-webkit-transform: rotate(-8deg);
	}
	49% {
		-webkit-transform: rotate(6deg);
	}
	52% {
		-webkit-transform: rotate(-4deg);
	}
	55% {
		-webkit-transform: rotate(2deg);
	}
	58% {
		-webkit-transform: rotate(-1deg);
	}
	61% {
		-webkit-transform: rotate(1deg);
	}
	64% {
		-webkit-transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(0);
	color: #9D9D9D;
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: rotate(0);
	color: #D90F00;
	}
	1% {
		-moz-transform: rotate(30deg);
	}
	4% {
		-moz-transform: rotate(-28deg);
	}
	7% {
		-moz-transform: rotate(34deg);
	}
	10% {
		-moz-transform: rotate(-32deg);
	}
	13% {
		-moz-transform: rotate(30deg);
	}
	16% {
		-moz-transform: rotate(-28deg);
	}
	19% {
		-moz-transform: rotate(26deg);
	}
	22% {
		-moz-transform: rotate(-24deg);
	}
	25% {
		-moz-transform: rotate(22deg);
	}
	28% {
		-moz-transform: rotate(-20deg);
	}
	31% {
		-moz-transform: rotate(18deg);
	}
	34% {
		-moz-transform: rotate(-16deg);
	}
	37% {
		-moz-transform: rotate(14deg);
	}
	40% {
		-moz-transform: rotate(-12deg);
	}
	43% {
		-moz-transform: rotate(10deg);
	}
	46% {
		-moz-transform: rotate(-8deg);
	}
	49% {
		-moz-transform: rotate(6deg);
	}
	52% {
		-moz-transform: rotate(-4deg);
	}
	55% {
		-moz-transform: rotate(2deg);
	}
	58% {
		-moz-transform: rotate(-1deg);
	}
	61% {
		-moz-transform: rotate(1deg);
	}
	64% {
		-moz-transform: rotate(0);
	}
	100% {
		-moz-transform: rotate(0);
	color: #9D9D9D;
	}
}

@-ms-keyframes ring {
	0% {
	-ms-transform: rotate(0);
	color: #D90F00;
}
1% {
	-ms-transform: rotate(30deg);
}
4% {
	-ms-transform: rotate(-28deg);
}
7% {
	-ms-transform: rotate(34deg);
}
10% {
	-ms-transform: rotate(-32deg);
}
13% {
	-ms-transform: rotate(30deg);
}
16% {
	-ms-transform: rotate(-28deg);
}
19% {
	-ms-transform: rotate(26deg);
}
22% {
	-ms-transform: rotate(-24deg);
}
25% {
	-ms-transform: rotate(22deg);
}
28% {
	-ms-transform: rotate(-20deg);
}
31% {
	-ms-transform: rotate(18deg);
}
34% {
	-ms-transform: rotate(-16deg);
}
37% {
	-ms-transform: rotate(14deg);
}
40% {
	-ms-transform: rotate(-12deg);
}
43% {
	-ms-transform: rotate(10deg);
}
46% {
	-ms-transform: rotate(-8deg);
}
49% {
	-ms-transform: rotate(6deg);
}
52% {
	-ms-transform: rotate(-4deg);
}
55% {
	-ms-transform: rotate(2deg);
}
58% {
	-ms-transform: rotate(-1deg);
}
61% {
	-ms-transform: rotate(1deg);
}
64% {
	-ms-transform: rotate(0);
}
100% {
	-ms-transform: rotate(0);
	color: #9D9D9D;
}
}

@-o-keyframes ring {
	0% {
		-o-transform: rotate(0);
	color: #D90F00;
	}
	1% {
		-o-transform: rotate(30deg);
	}
	4% {
		-o-transform: rotate(-28deg);
	}
	7% {
		-o-transform: rotate(34deg);
	}
	10% {
		-o-transform: rotate(-32deg);
	}
	13% {
		-o-transform: rotate(30deg);
	}
	16% {
		-o-transform: rotate(-28deg);
	}
	19% {
		-o-transform: rotate(26deg);
	}
	22% {
		-o-transform: rotate(-24deg);
	}
	25% {
		-o-transform: rotate(22deg);
	}
	28% {
		-o-transform: rotate(-20deg);
	}
	31% {
		-o-transform: rotate(18deg);
	}
	34% {
		-o-transform: rotate(-16deg);
	}
	37% {
		-o-transform: rotate(14deg);
	}
	40% {
		-o-transform: rotate(-12deg);
	}
	43% {
		-o-transform: rotate(10deg);
	}
	46% {
		-o-transform: rotate(-8deg);
	}
	49% {
		-o-transform: rotate(6deg);
	}
	52% {
		-o-transform: rotate(-4deg);
	}
	55% {
		-o-transform: rotate(2deg);
	}
	58% {
		-o-transform: rotate(-1deg);
	}
	61% {
		-o-transform: rotate(1deg);
	}
	64% {
		-o-transform: rotate(0);
	}
	100% {
		-o-transform: rotate(0);
	color: #9D9D9D;
	}
}

/* =========================================================
MOBILE TOP ROW
========================================================= */
.rn-topnav-mobile {
	align-items: center;
	gap: 12px;
}

.rn-hamburger-btn {
	width: 42px;
	height: 42px;
	padding: 0 !important;
	border-radius: 6px;
	border: 1px solid rgba(255,255,255,.10);
	background: rgba(255,255,255,.06);
	color: #fff !important;
	box-shadow: none !important;
}

.rn-hamburger-btn:hover {
	background: rgba(255,255,255,.12);
}

/* =========================================================
SECOND ROW
========================================================= */
.rn-main-navbar-wrapper {
	position: relative;
	background: radial-gradient(circle at 16% 40%, rgba(247,44,37,.08) 0%, rgba(247,44,37,0) 22%),
	radial-gradient(circle at 74% 28%, rgba(165, 36, 84, .10) 0%, rgba(165, 36, 84, 0) 20%),
	linear-gradient(180deg, rgba(20,12,28,.88) 0%, rgba(17,10,24,.94) 100%) !important;
	border-top: 1px solid rgba(255,255,255,.05);
	border-bottom: 1px solid rgba(255,255,255,.04);
	box-shadow: 0 10px 24px rgba(0,0,0,.18);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.rn-main-navbar-wrapper::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(247,44,37,0) 0%, rgba(247,44,37,.40) 18%, rgba(247,44,37,.16) 50%, rgba(247,44,37,.40) 82%, rgba(247,44,37,0) 100%);
	pointer-events: none;
}

.rn-main-navbar-wrapper::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg, rgba(247,44,37,0) 0%, rgba(247,44,37,.24) 25%, rgba(247,44,37,.10) 50%, rgba(247,44,37,.24) 75%, rgba(247,44,37,0) 100%);
	pointer-events: none;
}

.rn-main-navbar-wrapper .container {
	position: relative;
}

.rn-main-navbar-wrapper .navbar-collapse {
	min-height: 60px;
	align-items: center;
}

/* Reset des ul */
.rn-main-navbar-wrapper ul.navbar-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	align-items: center;
}

.rn-main-navbar-wrapper ul.navbar-nav.mr-auto {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.rn-main-navbar-wrapper ul.navbar-nav.ml-auto {
	display: flex;
	align-items: center;
	margin-left: auto !important;
}

/* Items principaux */
.rn-main-navbar-wrapper #nav > li,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li {
	position: relative;
	display: flex;
	align-items: center;
}

/* Liens réels générés par WHMCS */
.rn-main-navbar-wrapper #nav > li > a,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a {
	display: inline-flex;
	align-items: center;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
	transition: background .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

/* Barre gauche */
.rn-main-navbar-wrapper #nav > li > a {
	color: #fff !important;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .01em;
	padding: 10px 14px !important;
	border-radius: 6px;
}

/* Hover / actif */
.rn-main-navbar-wrapper #nav > li:hover > a,
.rn-main-navbar-wrapper #nav > li.show > a,
.rn-main-navbar-wrapper #nav > li.active > a,
.rn-main-navbar-wrapper #nav > li > a:hover {
	position: relative;
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(180deg, rgba(250, 58, 50, 0.64) 0%, rgba(247, 44, 37, 0.52) 100%) !important;
	border: 1px solid rgba(255, 92, 84, 0.85);
	box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset,
	0 1px 0 rgba(255,255,255,.12) inset,
	0 -1px 0 rgba(120, 18, 16, .35) inset,
	0 0 18px rgba(247,44,37,.38),
	0 6px 18px rgba(120, 18, 16, .22);
	backdrop-filter: blur(8px) saturate(125%);
	-webkit-backdrop-filter: blur(8px) saturate(125%);
	transform: translateY(-1px);
	overflow: hidden;
}


.rn-main-navbar-wrapper #nav > li > a {
	position: relative;
	border: 1px solid transparent;
	background: transparent;
}

/* Caret */
.rn-main-navbar-wrapper #nav > li > a.dropdown-toggle::after,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a.dropdown-toggle::after {
	margin-left: 8px;
	vertical-align: middle;
}

/* Icônes recréées via CSS */
.rn-main-navbar-wrapper #Primary_Navbar-Home > a::before,
.rn-main-navbar-wrapper #Primary_Navbar-Services > a::before,
.rn-main-navbar-wrapper #Primary_Navbar-Domains > a::before,
.rn-main-navbar-wrapper #Primary_Navbar-Billing > a::before,
.rn-main-navbar-wrapper #Primary_Navbar-Support > a::before,
.rn-main-navbar-wrapper #Secondary_Navbar-Account > a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	line-height: 1;
	text-shadow: 2px 2px 1px rgba(0,0,0,.18);
}

.rn-main-navbar-wrapper #Primary_Navbar-Home > a::before {
	content: "\f015";
}

.rn-main-navbar-wrapper #Primary_Navbar-Services > a::before {
	content: "\f0ad";
}

.rn-main-navbar-wrapper #Primary_Navbar-Domains > a::before {
	content: "\f0ac";
}

.rn-main-navbar-wrapper #Primary_Navbar-Billing > a::before {
	content: "\f571";
}

.rn-main-navbar-wrapper #Primary_Navbar-Support > a::before {
	content: "\f059";
}

.rn-main-navbar-wrapper #Secondary_Navbar-Account > a::before {
	content: "\f2bd";
	font-size: 21px;
	font-weight: 300;
}

/* Dropdowns */
.rn-main-navbar-wrapper #nav > li > ul.dropdown-menu,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > ul.dropdown-menu {
	margin-top: 10px;
	background: rgba(28,18,42,.98);
	border: 1px solid rgba(255,255,255,.08);
	border-radius: 6px;
	box-shadow: 0 18px 40px rgba(0,0,0,.38);
	padding: 8px 0;
	min-width: 270px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	overflow: hidden;
}

.rn-main-navbar-wrapper #nav > li > ul.dropdown-menu .dropdown-item,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > ul.dropdown-menu .dropdown-item {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

.rn-main-navbar-wrapper #nav > li > ul.dropdown-menu .dropdown-item > a,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > ul.dropdown-menu .dropdown-item > a {
	display: block;
	padding: .78rem 1rem !important;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
	opacity: .94;
	transition: background .18s ease, color .18s ease;
}

.rn-main-navbar-wrapper #nav > li > ul.dropdown-menu .dropdown-item > a:hover,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > ul.dropdown-menu .dropdown-item > a:hover {
	background: linear-gradient(135deg, #f72c25 0%, #df211b 100%);
	color: #fff !important;
	opacity: 1;
}

.rn-main-navbar-wrapper .dropdown-divider {
	border-top: 1px solid rgba(255,255,255,.08);
	margin: 6px 0;
}

/* Bloc utilisateur à droite */
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li.account > a,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li#Secondary_Navbar-Account > a {
	position: relative;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px;
	padding: 0 22px !important;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .03em;
	color: #fff !important;
	text-transform: none;
	text-decoration: none !important;

	background: linear-gradient(180deg, rgba(250, 58, 50, 0.64) 0%, rgba(247, 44, 37, 0.52) 100%) !important;

	border: 1px solid rgba(255, 92, 84, 0.85);

	box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset,
	0 1px 0 rgba(255,255,255,.12) inset,
	0 -1px 0 rgba(120, 18, 16, .35) inset,
	0 0 18px rgba(247,44,37,.38),
	0 6px 18px rgba(120, 18, 16, .22);

	backdrop-filter: blur(8px) saturate(125%);
	-webkit-backdrop-filter: blur(8px) saturate(125%);

	transition: background .18s ease, box-shadow .18s ease, transform .18s ease, border-color .18s ease;
	overflow: hidden;
}



.rn-main-navbar-wrapper .navbar-nav.ml-auto > li.account > a:hover,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li.account.show > a,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li#Secondary_Navbar-Account > a:hover,
.rn-main-navbar-wrapper .navbar-nav.ml-auto > li#Secondary_Navbar-Account.show > a {
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(180deg, rgba(255, 78, 70, 0.74) 0%, rgba(247, 44, 37, 0.62) 100%) !important;
	border-color: rgba(255, 110, 100, 0.95);
	box-shadow: 0 0 0 1px rgba(255,255,255,.07) inset,
	0 1px 0 rgba(255,255,255,.14) inset,
	0 -1px 0 rgba(120, 18, 16, .42) inset,
	0 0 18px rgba(247,44,37,.38),
	0 8px 22px rgba(120, 18, 16, .26);
	transform: translateY(-1px);
}

/* mobile collapse content */
.rn-mobile-marketing {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px 0 14px;
	border-bottom: 1px solid rgba(255,255,255,.10);
	margin-bottom: 12px;
}

.rn-mobile-marketing__link {
	color: #fff !important;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.rn-btn-client-area-mobile {
	margin-top: 4px;
	align-self: flex-start;
	min-height: 44px;
	padding: 0 18px !important;
	border-radius: 6px;
	font-weight: 800;
	background: linear-gradient(180deg, #ff4b44 0%, #f72c25 100%);
	border: 1px solid rgba(255,255,255,.08);
	box-shadow: 0 8px 18px rgba(120, 18, 16, .22),
	0 0 0 1px rgba(255,255,255,.05) inset;
}

/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 1399.98px) {
	.rn-marketing-nav {
		gap: 22px;
	}

	.rn-actions {
		gap: 12px;
	}
}

@media (max-width: 1199.98px) {
	.rn-topnav {
		padding: 14px 0;
	}

	.rn-topnav-inner {
		gap: 18px;
	}

	.rn-logo-img {
		max-height: 60px;
	}

	.rn-main-navbar-wrapper .navbar-collapse {
		padding-top: 6px;
		padding-bottom: 10px;
	}

	.rn-main-navbar-wrapper ul.navbar-nav.mr-auto,
	.rn-main-navbar-wrapper ul.navbar-nav.ml-auto {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 2px;
	}

	.rn-main-navbar-wrapper #nav > li > a,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a {
		width: 100%;
		justify-content: flex-start;
		border-radius: 6px;
	}

	.rn-main-navbar-wrapper .navbar-nav.ml-auto {
		margin-top: 12px;
		margin-left: 0 !important;
	}
}

@media (max-width: 767.98px) {
	.rn-logo-img {
		max-height: 46px;
	}

	.rn-bell,
	.rn-cart,
	.rn-logout,
	.rn-whmcs-icon {
		font-size: 19px !important;
	}

	.rn-icon-btn {
		width: 30px;
		height: 30px;
	}

	.rn-hamburger-btn {
		width: 38px;
		height: 38px;
	}

	.rn-btn-client-area {
		min-height: 42px;
		padding: 0 16px !important;
		font-size: 13px;
	}

	.rn-main-navbar-wrapper #nav > li > a,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a {
		font-size: 14px;
		padding: 11px 12px !important;
	}
}

/* ---------------------------------------------------------
ICÔNES DANS MENU USER - RAPIDENET
--------------------------------------------------------- */
.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account .dropdown-menu a.dropdown-item::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	display: inline-block;
	width: 18px;
	margin-right: 10px;
	text-align: center;
	line-height: 1;
	color: rgba(255,255,255,.92);
	opacity: .95;
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Edit_Account_Details a.dropdown-item::before {
	content: "\f2bb";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-User_Management a.dropdown-item::before {
	content: "\f0c0";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Payment_Methods a.dropdown-item::before {
	content: "\f09d";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Contacts a.dropdown-item::before {
	content: "\f0c0";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Email_History a.dropdown-item::before {
	content: "\f0e0";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Profile a.dropdown-item::before {
	content: "\f2bd";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Change_Password a.dropdown-item::before {
	content: "\f09c";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Security_Settings a.dropdown-item::before {
	content: "\f084";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Journal_des_Connexions a.dropdown-item::before {
	content: "\f0ea";
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account-Logout a.dropdown-item::before {
	content: "\f057";
	color: #ff8b86;
}

.rn-header-wrapper .rn-main-navbar-wrapper #Secondary_Navbar-Account .dropdown-menu a.dropdown-item:hover::before {
	color: #fff;
}


/* =========================================================
RAPIDENET HEADER - MOBILE VERSION 2
Cache le menu marketing du haut
Centre les items du menu principal
Conserve des boutons pleine largeur
========================================================= */

@media (max-width: 1199.98px) {
	/* Cache ACCUEIL / NOUS JOINDRE / ZONE CLIENT dans le menu mobile */
	.rn-mobile-marketing {
		display: none !important;
	}

	/* Centre le contenu global du menu mobile */
	.rn-main-navbar-wrapper .navbar-collapse {
		text-align: center;
	}

	.rn-main-navbar-wrapper ul.navbar-nav.mr-auto,
	.rn-main-navbar-wrapper ul.navbar-nav.ml-auto {
		width: 100%;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Chaque item reste sur toute la largeur */
	.rn-main-navbar-wrapper #nav > li,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li {
		width: 100%;
		display: block;
	}

	/* Boutons pleine largeur mais contenu centré */
	.rn-main-navbar-wrapper #nav > li > a,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a {
		width: 100% !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		text-align: center !important;
		padding-left: 18px !important;
		padding-right: 18px !important;
		gap: 10px;
		min-height: 56px;
		border-radius: 6px;
	}
	
	.rn-main-navbar-wrapper #nav > li + li,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li + li {
		margin-top: 8px;
	}

	/* Le texte du lien */
	.rn-main-navbar-wrapper #nav > li > a > span,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a > span {
		flex: 0 1 auto;
		text-align: center;
	}

	/* Icônes */
	.rn-main-navbar-wrapper #nav > li > a i,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a i,
	.rn-main-navbar-wrapper #nav > li > a svg,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > a svg {
		margin-right: 0 !important;
	}

	/* Flèche dropdown */
	.rn-main-navbar-wrapper #nav > li.dropdown > a::after,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li.dropdown > a::after {
		margin-left: 8px !important;
		position: static !important;
		transform: none !important;
	}

	/* Dropdowns centrés */
	.rn-main-navbar-wrapper #nav > li > ul.dropdown-menu,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > ul.dropdown-menu {
		text-align: center;
	}

	.rn-main-navbar-wrapper #nav > li > ul.dropdown-menu .dropdown-item > a,
	.rn-main-navbar-wrapper .navbar-nav.ml-auto > li > ul.dropdown-menu .dropdown-item > a {
		justify-content: center !important;
		text-align: center !important;
	}

	/* Le bouton Bonjour, Stéphane bien centré aussi */
	.rn-main-navbar-wrapper .navbar-nav.ml-auto .header-user-toggle {
		justify-content: center !important;
		text-align: center !important;
	}
}

/* =========================================================
MOBILE NOTIFICATIONS
========================================================= */

.rn-header-wrapper #accountNotificationsMobile {
	position: relative !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 .15rem !important;
	line-height: 1 !important;
	z-index: 20 !important;
}

.rn-header-wrapper #accountNotificationsMobile .badge,
.rn-header-wrapper #cartItemCountMobile {
	position: absolute !important;
	top: -5px !important;
	right: -9px !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	border-radius: 6px;
	color: #fff !important;
	box-shadow: 0 6px 14px rgba(0,0,0,.45);
	border: 1px solid rgba(255,255,255,.18);
	z-index: 999 !important;
}

.rn-header-wrapper #accountNotificationsMobile .badge {
	background: rgba(217,83,79,0.95) !important;
}

.rn-header-wrapper #cartItemCountMobile {
	background: #f72c25 !important;
}




/* =========================================================
RAPIDENET FOOTER / WHMCS SAFE
Remplacement complet du CSS footer rn- actuel
========================================================= */

/* ---------------------------------------------------------
WRAPPER GLOBAL
--------------------------------------------------------- */
#footer.rn-whmcs-footer {
	position: relative;
	margin-top: 0 !important;
	padding: 0 !important;
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%);
	color: #fff;
	border-top: 0;
	overflow: hidden;
}

#footer.rn-whmcs-footer::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(255,255,255,.015), rgba(255,255,255,0)),
	linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
	pointer-events: none;
}

#footer.rn-whmcs-footer > .container {
	position: relative;
	z-index: 1;
}

/* ---------------------------------------------------------
CONTACT PARTS BAR
--------------------------------------------------------- */
.rn-contact-parts {
	position: relative;
	z-index: 3;
	margin: 0 calc(50% - 50vw);
}

.rn-contact-parts__inner {
	padding-left: 0;
	padding-right: 0;
}

.rn-contact-parts__col {
	padding: 0;
}

.rn-contact-parts__title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .035em;
	line-height: 1.2;
}

.rn-contact-parts__title a {
	min-height: 58px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 24px;
	color: #fff !important;
	text-decoration: none !important;
	transition: background .2s ease, opacity .2s ease;
}

.rn-contact-parts__col--phone a {
	background: #27324a;
}

.rn-contact-parts__col--mail a {
	background: #F72C25;
}

.rn-contact-parts__title a:hover {
	opacity: .92;
}

@media (max-width: 767.98px) {
	.rn-contact-parts__title a {
		justify-content: center !important;
	}
}

/* ---------------------------------------------------------
MAIN FOOTER CONTENT
--------------------------------------------------------- */
.rn-footer-main {
	padding: 34px 0 14px;
}

.rn-footer-brands {
	margin-bottom: 30px;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.rn-footer-grid {
	row-gap: 28px;
	margin-bottom: 26px;
}

.rn-footer-col {
	margin-bottom: 0;
}

.rn-footer-box {
	height: 100%;
}

.rn-footer-title {
	margin: 0 0 18px;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #fff;
}

.rn-footer-text {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.72;
	color: rgba(255,255,255,.88);
}

.rn-footer-text strong {
	color: #fff;
	font-weight: 800;
}

.rn-footer-muted {
	margin: 6px 0 0;
	font-size: 12px;
	line-height: 1.7;
	color: rgba(255,255,255,.42);
}

/* ---------------------------------------------------------
MENUS
--------------------------------------------------------- */
.rn-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rn-footer-menu li {
	margin: 0 0 10px;
}

.rn-footer-menu a {
	position: relative;
	display: inline-block;
	padding-left: 14px;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.45;
	color: rgba(255,255,255,.88) !important;
	text-decoration: none !important;
	transition: color .18s ease, transform .18s ease;
}

.rn-footer-menu a::before {
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	color: rgba(255,255,255,.55);
	font-size: 12px;
}

.rn-footer-menu a:hover {
	color: #ffffff !important;
	transform: translateX(2px);
}

/* ---------------------------------------------------------
CONTACT COLUMN
--------------------------------------------------------- */
.rn-footer-brand {
	margin-bottom: 16px;
}

.rn-footer-brand-logo {
	display: block;
	max-width: 210px;
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}

.rn-footer-brand-name {
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.rn-footer-contact p {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255,255,255,.9);
}

.rn-footer-contact p i {
	width: 16px;
	flex: 0 0 16px;
	margin-top: 4px;
	color: rgba(255,255,255,.9);
}

.rn-footer-contact a {
	color: rgba(255,255,255,.92) !important;
	text-decoration: none !important;
}

.rn-footer-contact a:hover {
	color: #fff !important;
}

.rn-footer-address span {
	display: inline-block;
}


/* ---------------------------------------------------------
PAYMENT METHODS / RAPIDENET
Inspiré du footer ExoWeb original
--------------------------------------------------------- */
.rn-footer-payments-row {
	margin-top: 8px;
	margin-bottom: 26px;
}

.rn-footer-payments {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 10px 12px;
	text-align: center;
}

.rn-footer-payments__title {
	display: block;
	margin: 0;
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	color: rgba(255,255,255,.88);
	opacity: .92;
}

.rn-footer-payments__list {
	list-style: none;
	margin: 0;
	padding: 15px 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;

	background: rgba(0,0,0,.25);
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 6px;
	box-shadow: 0 10px 26px rgba(0,0,0,.55);
}

.rn-footer-payments__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	margin: 0;
	transition: .3s;
}

/* Icônes Font Awesome */
.rn-footer-payments__item i {
	font-size: 42px;
	line-height: 1;
	color: #aaa;
	transition: .3s;
}

/* Hover jaune comme dans ExoWeb */
.rn-footer-payments__item i:hover,
.rn-footer-payments__item:hover i {
	color: #fdd700;
}

/* Logo Interac */
.rn-footer-payments__logo {
	height: 42px;
	width: auto;
	max-width: none;
	vertical-align: middle;
	position: relative;
	display: block;

	filter: grayscale(1) brightness(0.85) contrast(1.15);
	opacity: 1;
	transition: .3s;
}

/* Hover Interac: retour couleur */
.rn-footer-payments__item:hover .rn-footer-payments__logo,
.rn-footer-payments__logo:hover {
	filter: grayscale(0) brightness(1.05) contrast(1.05);
}

/* Optionnel: léger lift au hover */
.rn-footer-payments__item:hover {
	transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 576px) {
	.rn-footer-payments-row {
		margin-bottom: 22px;
	}

	.rn-footer-payments {
		padding: 8px 0;
	}

	.rn-footer-payments__list {
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
		padding: 12px 14px;
		width: 100%;
	}

	.rn-footer-payments__title {
		font-size: 13px;
		padding: 0 10px;
	}

	.rn-footer-payments__item {
		height: 30px;
	}

	.rn-footer-payments__item i {
		font-size: 36px;
	}

	.rn-footer-payments__logo {
		height: 36px;
	}
}


/* ---------------------------------------------------------
NATIVE WHMCS AREA INSIDE FOOTER
--------------------------------------------------------- */
.rn-footer-native {
	padding-top: 18px;
	border-top: 1px solid rgba(255,255,255,.08);
}

#footer.rn-whmcs-footer .rn-footer-native .nav {
	margin-bottom: 0;
}

#footer.rn-whmcs-footer .rn-footer-native .nav-link,
#footer.rn-whmcs-footer .rn-footer-native .list-inline-item,
#footer.rn-whmcs-footer .rn-footer-native .copyright,
#footer.rn-whmcs-footer .rn-footer-native .btn {
	color: rgba(255,255,255,.88) !important;
}

#footer.rn-whmcs-footer .rn-footer-native .nav-link {
	padding-left: 0;
	padding-right: 1rem;
	text-decoration: none !important;
}

#footer.rn-whmcs-footer .rn-footer-native .nav-link:hover {
	color: #fff !important;
}

#footer.rn-whmcs-footer .rn-footer-native .btn {
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.14);
	border-radius: 6px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
	box-shadow: none;
}

#footer.rn-whmcs-footer .rn-footer-native .btn:hover,
#footer.rn-whmcs-footer .rn-footer-native .btn:focus {
	background: rgba(255,255,255,.12);
	color: #fff !important;
	box-shadow: none;
}

#footer.rn-whmcs-footer .rn-footer-native .copyright {
	margin: 0;
	font-size: 12px;
	line-height: 1.5;
}

#footer.rn-whmcs-footer .rn-footer-native .list-inline {
	margin-bottom: 0;
}

#footer.rn-whmcs-footer .rn-footer-native .iti-flag {
	margin-right: 6px;
}

/* ---------------------------------------------------------
NEUTRALISER CERTAINS STYLES FOOTER DU THÈME
--------------------------------------------------------- */
#footer.rn-whmcs-footer .footerlinks,
#footer.rn-whmcs-footer .heading {
	margin: 0;
}

#footer.rn-whmcs-footer p:last-child {
	margin-bottom: 0;
}

/* ---------------------------------------------------------
RESPONSIVE
--------------------------------------------------------- */
@media (max-width: 1199.98px) {
	.rn-footer-col--about {
		margin-bottom: 6px;
	}
}

@media (max-width: 991.98px) {
	.rn-contact-parts__title {
		font-size: 16px;
	}

	.rn-footer-main {
		padding: 28px 0 12px;
	}

	.rn-footer-brands {
		margin-bottom: 24px;
	}

	.rn-footer-brand-logo {
		max-width: 190px;
	}

	#footer.rn-whmcs-footer .rn-footer-native .copyright {
		margin: 10px 0 !important;
	}
}

@media (max-width: 767.98px) {
	.rn-contact-parts__title a {
		min-height: 52px;
		justify-content: flex-start;
		padding: 14px 16px;
		font-size: 14px;
	}

	.rn-footer-grid {
		row-gap: 24px;
	}

	.rn-footer-title {
		margin-bottom: 14px;
	}

	#footer.rn-whmcs-footer .rn-footer-native .nav {
		justify-content: center !important;
		margin-bottom: 12px;
	}

	#footer.rn-whmcs-footer .rn-footer-native .copyright,
	#footer.rn-whmcs-footer .rn-footer-native .list-inline {
		text-align: center !important;
	}

	#footer.rn-whmcs-footer .rn-footer-native .list-inline {
		margin-top: 12px;
	}
}

@media (max-width: 575.98px) {
	.rn-contact-parts__title a span {
		word-break: break-word;
	}

	.rn-footer-brand-name {
		font-size: 20px;
	}
}









/* =========================================================
RAPIDENET - SIDEBAR PREMIUM
Look inspiré d'ExoWeb, palette Rapidenet
========================================================= */

.panel-sidebar,
.card-sidebar,
.rn-sidebar-card,
.rn-sidebar-card-mobile {
	border: 1px solid #dfe3e8 !important;
	border-radius: 6px !important;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 1px 2px rgba(16,24,40,.04),
	0 14px 30px rgba(16,24,40,.08);
	margin-bottom: 18px;
}

/* Header premium */
.panel-sidebar > .panel-heading,
.card-sidebar > .card-header,
.rn-sidebar-card-header {
	position: relative;
	padding: 0 !important;
	border: 0 !important;
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%) !important;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.05);
}

.panel-sidebar > .panel-heading::after,
.card-sidebar > .card-header::after,
.rn-sidebar-card-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: linear-gradient(90deg, #ff7a18 0%, #ff4d2d 55%, #ff2f57 100%);
}

.panel-sidebar > .panel-heading .panel-title,
.card-sidebar > .card-header .card-title,
.rn-sidebar-card-title {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 50px;
	margin: 0 !important;
	padding: 12px 15px 12px 12px;
	color: #fff !important;
	font-size: 0.9rem;
	font-weight: 900;
	line-height: 1.2;
}

/* Icône header */
.panel-sidebar > .panel-heading .panel-title > i:first-child,
.card-sidebar > .card-header .card-title > i:first-child,
.rn-sidebar-card-title > i:first-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 6px;
	background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.05) 100%);
	border: 1px solid rgba(255,255,255,.14);
	color: #fff !important;
	font-size: 17px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.10),
	0 8px 18px rgba(0,0,0,.20);
}

.rn-sidebar-card-title-text {
	flex: 1 1 auto;
	min-width: 0;
}

/* Badge header */
.panel-sidebar > .panel-heading .badge,
.card-sidebar > .card-header .badge,
.rn-sidebar-card-badge {
	margin-left: auto;
	margin-right: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 24px;
	height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: linear-gradient(90deg, #f0ad4e, #ee4815) !important;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	border: 0;
	box-shadow: 0 6px 14px rgba(238,72,21,.22);
}

/* Chevron */
.panel-sidebar > .panel-heading .panel-title .panel-minimise,
.card-sidebar > .card-header .card-title .card-minimise,
.rn-sidebar-card-minimise {
	margin-left: auto;
	color: rgba(255,255,255,.92) !important;
	font-size: 13px;
}

/* Body */
.panel-sidebar > .panel-body,
.card-sidebar > .card-body,
.rn-sidebar-card-body {
	padding: 18px 20px;
	background: #fff;
	color: #44505f;
	font-size: 15px;
	line-height: 1.55;
}

/* Footer */
.panel-sidebar > .panel-footer,
.card-sidebar > .card-footer,
.rn-sidebar-card-footer {
	padding: 16px 20px;
	background: linear-gradient(180deg, #fbfcfd 0%, #f4f6f8 100%);
	border-top: 1px solid #e6eaef;
}

/* Boutons footer premium Rapidenet */
.panel-sidebar > .panel-footer .btn,
.card-sidebar > .card-footer .btn,
.rn-sidebar-card-footer .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	padding: 12px 18px;
	border: 0 !important;
	border-radius: 6px !important;
	font-weight: 800;
	font-size: 1rem;
	color: #fff !important;
	background: linear-gradient(90deg, #ff2f2f 0%, #ee4815 100%) !important;
	box-shadow: 0 10px 22px rgba(238,72,21,.20),
	0 16px 28px rgba(255,47,47,.12);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.panel-sidebar > .panel-footer .btn:hover,
.card-sidebar > .card-footer .btn:hover,
.rn-sidebar-card-footer .btn:hover {
	transform: translateY(-1px);
	filter: brightness(1.03);
	box-shadow: 0 14px 28px rgba(238,72,21,.24),
	0 20px 34px rgba(255,47,47,.16);
}

/* List group items */
.panel-sidebar .list-group,
.card-sidebar .list-group,
.rn-sidebar-list {
	padding: 0;
	background: #fff;
}

.panel-sidebar .list-group-item,
.card-sidebar .list-group-item,
.rn-sidebar-item {
	border: 0 !important;
	border-top: 1px solid #edf1f5 !important;
	background: #fff !important;
	color: #394452 !important;
	padding: 14px 20px !important;
	font-size: 15px;
	font-weight: 500;
	transition: background .18s ease, color .18s ease, padding-left .18s ease;
}

.panel-sidebar .list-group-item:first-child,
.card-sidebar .list-group-item:first-child,
.rn-sidebar-item:first-child {
	border-top: 0 !important;
}

.panel-sidebar .list-group-item:hover,
.card-sidebar .list-group-item:hover,
.rn-sidebar-item:hover {
	background: linear-gradient(90deg, rgba(240,173,78,.08), rgba(238,72,21,.06)) !important;
	color: #232a31 !important;
	padding-left: 24px !important;
	text-decoration: none;
}

.panel-sidebar .list-group-item.active,
.card-sidebar .list-group-item.active,
.rn-sidebar-item.active {
	background: linear-gradient(90deg, rgba(240,173,78,.14), rgba(238,72,21,.12)) !important;
	color: #232a31 !important;
	font-weight: 700;
	border-left: 4px solid #ee4815 !important;
	padding-left: 20px !important;
}

.panel-sidebar .list-group-item .badge,
.card-sidebar .list-group-item .badge,
.rn-sidebar-item-badge .badge {
	float: right;
	background: #eef2f6 !important;
	color: #5c6674 !important;
	border-radius: 999px;
	padding: 4px 8px;
	font-size: 11px;
	font-weight: 800;
	border: 0;
}

/* Infos client */
.phonePanelSidebar,
.emailPanelSidebar {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 8px;
	color: #1f6fbf !important;
	text-decoration: none !important;
	font-weight: 500;
	word-break: break-word;
}

.emailPanelSidebar:hover {
	color: #0d56a0 !important;
}

/* Credit balance amount */
[menuitemname="Client-Balance"] .panel-body h4,
[menuitemname="Client-Balance"] .card-body h4,
[menuitemname="Client-Balance"] .panel-body .h4,
[menuitemname="Client-Balance"] .card-body .h4 {
	margin: 0;
	font-size: 2rem;
	font-weight: 800;
	color: #0f2745;
	text-align: center;
	letter-spacing: -0.03em;
}

/* Contacts / shortcuts icons */
.panel-sidebar .list-group-item i,
.card-sidebar .list-group-item i {
	width: 18px;
	text-align: center;
	margin-right: 8px;
}

/* Mobile */
@media (max-width: 991.98px) {
	.panel-sidebar,
	.card-sidebar,
	.rn-sidebar-card,
	.rn-sidebar-card-mobile {
		border-radius: 6px !important;
	}

	.panel-sidebar > .panel-heading .panel-title,
	.card-sidebar > .card-header .card-title,
	.rn-sidebar-card-title {
		min-height: 64px;
		padding: 12px 16px;
		font-size: 0.96rem;
	}

	.panel-sidebar > .panel-heading .panel-title > i:first-child,
	.card-sidebar > .card-header .card-title > i:first-child,
	.rn-sidebar-card-title > i:first-child {
		width: 42px;
		height: 42px;
		flex-basis: 42px;
		font-size: 15px;
		border-radius: 6px;
	}

	.panel-sidebar > .panel-body,
	.card-sidebar > .card-body,
	.rn-sidebar-card-body,
	.panel-sidebar > .panel-footer,
	.card-sidebar > .card-footer,
	.rn-sidebar-card-footer {
		padding-left: 16px;
		padding-right: 16px;
	}
}








/* =========================================================
RAPIDENET - Client Area Home Tiles
========================================================= */

.rn-home-tiles {
	margin-bottom: 1.5rem;
}

.rn-home-tile-col {
	padding: 0;
}

.rn-home-tile {
	position: relative;
	display: block;
	height: 100%;
	min-height: 175px;
	padding: 26px 26px 18px;
	overflow: hidden;
	text-decoration: none !important;
	background: #fff;
	border: 1px solid #d9e1eb;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
	transition: background .42s cubic-bezier(.22,.61,.36,1),
	box-shadow .42s cubic-bezier(.22,.61,.36,1),
	transform .42s cubic-bezier(.22,.61,.36,1),
	border-color .42s cubic-bezier(.22,.61,.36,1);
}

.rn-home-tile:hover,
.rn-home-tile:focus {
	text-decoration: none !important;
	transform: translateY(-1px);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.10);
	z-index: 2;
}

.rn-home-tile-icon {
	position: absolute;
	top: 18px;
	right: 18px;
	font-size: 84px;
	line-height: 1;
	color: rgba(0, 0, 0, 0.10);
	transition: transform .55s cubic-bezier(.22,.61,.36,1),
	font-size .55s cubic-bezier(.22,.61,.36,1),
	color .40s ease,
	opacity .40s ease;
	pointer-events: none;
}

.rn-home-tile:hover .rn-home-tile-icon,
.rn-home-tile:focus .rn-home-tile-icon {
	font-size: 225px;
	transform: rotate(36deg) translate(4px, 2px);
	color: rgba(255, 255, 255, 0.14);
}

.rn-home-tile-stat,
.rn-home-tile-title {
	position: relative;
	z-index: 2;
	transition: color .35s ease, transform .35s ease;
}

.rn-home-tile-stat {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1;
	color: #4C1F7A;
	margin-top: 6px;
	margin-bottom: 42px;
	letter-spacing: -0.03em;
}

.rn-home-tile-title {
	position: absolute;
	left: 26px;
	right: 26px;
	bottom: 24px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #5e6b78;
	line-height: 1.2;
}

.rn-home-tile-highlight {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	transition: height .35s ease,
	background .35s ease,
	opacity .35s ease;
}

.rn-home-tile:hover .rn-home-tile-highlight,
.rn-home-tile:focus .rn-home-tile-highlight {
	height: 5px;
	background: linear-gradient(60deg, #ffffff, #d0d7de) !important;
}

.rn-home-tile:hover .rn-home-tile-stat,
.rn-home-tile:hover .rn-home-tile-title,
.rn-home-tile:focus .rn-home-tile-stat,
.rn-home-tile:focus .rn-home-tile-title {
	color: #fff !important;
}

/* Variantes */
.rn-home-tile-services:hover,
.rn-home-tile-services:focus {
	background: linear-gradient(60deg, #0ea8e1, #0c7ec2) !important;
	border-color: #0c7ec2;
}

.rn-home-tile-domains:hover,
.rn-home-tile-domains:focus {
	background: linear-gradient(60deg, #2ecc71, #209150) !important;
	border-color: #209150;
}

.rn-home-tile-affiliates:hover,
.rn-home-tile-affiliates:focus {
	background: linear-gradient(60deg, #2ecc71, #209150) !important;
	border-color: #209150;
}

.rn-home-tile-quotes:hover,
.rn-home-tile-quotes:focus {
	background: linear-gradient(60deg, #0ea8e1, #0c7ec2) !important;
	border-color: #0c7ec2;
}

.rn-home-tile-invoices:hover,
.rn-home-tile-invoices:focus {
	background: linear-gradient(60deg, #f0ad4e, #d88612) !important;
	border-color: #d88612;
}

@media (max-width: 1199.98px) {
	.rn-home-tile {
		min-height: 165px;
		padding: 22px 20px 16px;
	}

	.rn-home-tile-stat {
		font-size: 2.5rem;
		margin-bottom: 34px;
	}

	.rn-home-tile-title {
		left: 20px;
		right: 20px;
		bottom: 20px;
	}

	.rn-home-tile-icon {
		font-size: 72px;
	}

	.rn-home-tile:hover .rn-home-tile-icon,
	.rn-home-tile:focus .rn-home-tile-icon {
		font-size: 96px;
	}
}

@media (max-width: 575.98px) {
	.rn-home-tile {
		min-height: 145px;
		padding: 18px 16px 14px;
	}

	.rn-home-tile-stat {
		font-size: 2.1rem;
		margin-bottom: 28px;
	}

	.rn-home-tile-title {
		left: 16px;
		right: 16px;
		bottom: 16px;
		font-size: 0.92rem;
	}

	.rn-home-tile-icon {
		font-size: 56px;
		top: 14px;
		right: 14px;
	}

	.rn-home-tile:hover .rn-home-tile-icon,
	.rn-home-tile:focus .rn-home-tile-icon {
		font-size: 76px;
	}
}

/* ----------------------------------------------------
RAPIDENET - CLIENTAREA HOME - SERVICE STATUS ICONS
---------------------------------------------------- */

#servicesPanel .div-service-status {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	width: 44px;
	margin-right: 25px;
	flex: 0 0 44px;
}

#servicesPanel .div-service-status .label-placeholder {
	display: none !important;
}

#servicesPanel .div-service-status .label {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	font-size: 0 !important;
	line-height: 1 !important;
	text-indent: -9999px !important;
	overflow: hidden !important;
	position: relative;
	box-shadow: 0 5px 12px rgba(15, 23, 42, 0.10),
	inset 0 1px 0 rgba(255,255,255,0.12);
}

#servicesPanel .div-service-status .label .rn-service-status-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 0.82rem;
	line-height: 1;
	text-indent: 0;
}

#servicesPanel .div-service-status .label .rn-service-status-icon i {
	color: #fff !important;
	font-size: 0.82rem;
	line-height: 1;
}

/* états */
#servicesPanel .div-service-status .label.rn-status-active {
	background: linear-gradient(180deg, #34c759 0%, #1faa45 100%) !important;
}

#servicesPanel .div-service-status .label.rn-status-pending {
	background: linear-gradient(180deg, #f5b041 0%, #d68910 100%) !important;
}

#servicesPanel .div-service-status .label.rn-status-terminated {
	background: linear-gradient(180deg, #7f8c8d 0%, #5d6d6f 100%) !important;
}

#servicesPanel .div-service-status .label.rn-status-suspended {
	background: linear-gradient(180deg, #f39c12 0%, #ca6f1e 100%) !important;
}

#servicesPanel .div-service-status .label.rn-status-cancelled {
	background: linear-gradient(180deg, #85929e 0%, #566573 100%) !important;
}

#servicesPanel .div-service-status .label.rn-status-fraud {
	background: linear-gradient(180deg, #ef4444 0%, #c0392b 100%) !important;
}






/* =========================================
RAPIDENET - Client Area Products Modern Table
========================================= */

.rn-services-wrap {
	margin-top: 6px;
}

.rn-services-card {
	background: #fff;
	border: 1px solid #d9dbe3;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(18, 14, 29, 0.10);
}

.rn-services-wrap .dataTables_wrapper {
	position: relative;
	margin: 0;
}

/* =========================
HEADER HAUT + TABLE
========================= */

.rn-services-wrap .dataTables_wrapper > .listtable {
	position: relative;
	padding-top: 64px;
}

/* bandeau gradient Rapidenet */
.rn-services-wrap .dataTables_wrapper > .listtable::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 64px;
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
	z-index: 0;
}

/* ligne de séparation nette sans bande blanche */
.rn-services-wrap .dataTables_wrapper > .listtable::after {
	content: "";
	position: absolute;
	top: 64px;
	left: 0;
	right: 0;
	height: 1px;
	background: #cfd6df;
	z-index: 1;
}

/* info à gauche */
.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	height: 64px;
	margin: 0 !important;
	padding: 0 18px !important;
	background: transparent !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 0.95rem;
	font-weight: 700;
	line-height: 1.2;
	white-space: nowrap;
}

/* recherche à droite */
.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 64px;
	margin: 0 !important;
	padding: 0 12px !important;
	float: none !important;
}

.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter label {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 !important;
	line-height: 1;
	font-size: 0;
}

.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter label::before {
	content: "\f002";
	font-family: "Font Awesome 5 Pro", "Font Awesome 6 Pro", "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 17px;
	color: #c8cfdb;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	z-index: 2;
}

.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter input,
.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter input[type="search"] {
	width: 300px;
	max-width: 300px;
	height: 40px;
	margin: 0 !important;
	padding: 8px 14px 8px 42px !important;
	border-radius: 6px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: #f3f5f8 !important;
	color: #31384a;
	box-shadow: none !important;
	outline: 0;
}

.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter input:focus,
.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter input[type="search"]:focus {
	border-color: rgba(125, 36, 118, 0.35);
	box-shadow: 0 0 0 3px rgba(125, 36, 118, 0.10) !important;
}

/* =========================
TABLE
========================= */

.rn-services-table {
	width: 100% !important;
	margin: 0 !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: transparent;
	border-top: 0 !important;
}

.rn-services-wrap .dataTables_wrapper > .listtable > table {
	margin: 0 !important;
	border-top: 0 !important;
}

/* rangée head grise douce */
.rn-services-table thead,
.rn-services-table thead tr {
	border-top: 0 !important;
}

.rn-services-table thead th {
	background: #eef1f5 !important;
	color: #353c49;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	vertical-align: middle;
	border-top: 0 !important;
	border-bottom: 1px solid #dde3ea !important;
	padding-top: 11px !important;
	padding-bottom: 11px !important;
}

.rn-services-table thead th:first-child {
	width: 78px;
}

.rn-services-table tbody tr.rn-services-row {
	cursor: pointer;
	transition: background-color 0.18s ease;
}

.rn-services-table tbody tr.rn-services-row:hover td {
	background: #f7f8fb;
}

.rn-services-table tbody td {
	padding: 14px 0 !important;
	vertical-align: middle !important;
	border-top: 1px solid #edf1f5 !important;
	background: #fff;
}

.rn-services-table tbody tr.rn-services-row.odd td {
	background: #fff;
}

.rn-services-table tbody tr.rn-services-row.even td {
	background: #fbfbfd;
}

/* =========================
ICÔNES
========================= */

.rn-services-icons-cell {
	min-width: 76px;
}

.rn-services-icons-stack {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
	cursor: default !important;
}

.rn-services-icons-stack img {
	cursor: default !important;
}

.rn-services-main-status-icon,
.rn-services-extra-icon {
	display: inline-block !important;
	width: auto;
	max-height: 24px;
	vertical-align: middle;
}

.rn-services-extra-icon {
	max-width: 24px;
	opacity: 0.95;
}

/* =========================
CONTENU
========================= */

.rn-services-product {
	line-height: 1.2;
}

.rn-services-product-name {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 800;
	color: #1a2130;
}

.rn-services-product-domain a {
	color: #2f6ecb;
	text-decoration: none;
	font-weight: 500;
}

.rn-services-product-domain a:hover {
	color: #1f56a8;
	text-decoration: underline;
}

.rn-services-muted {
	color: #8b93a6;
}

.rn-services-price {
	font-size: 14px;
	font-weight: 800;
	color: #1a2130;
	line-height: 1.1;
}

.rn-services-cycle {
	margin-top: 3px;
	font-size: 11px;
	font-weight: 600;
	color: #7b8395;
}

.rn-services-due-date {
	font-size: 14px;
	font-weight: 400;
	color: #2e3441;
}

/* =========================
BOUTONS
========================= */

.rn-services-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 9px 15px;
	border: 0;
	border-radius: 6px;
	text-decoration: none !important;
	font-weight: 700;
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.rn-services-btn:hover {
	transform: translateY(-1px);
	text-decoration: none !important;
}

.rn-services-btn-manage {
	min-width: 50px;
	padding: 9px 12px;
	color: #fff !important;
	background: linear-gradient(135deg, #2db9e8 0%, #2586e6 100%);
	box-shadow: 0 10px 24px rgba(37, 134, 230, 0.22);
}

.rn-services-btn-manage:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #33c3f3 0%, #1f79d4 100%) !important;
}

.rn-services-btn-manage i {
	font-size: 15px;
}

.rn-services-btn-connect {
	min-width: 150px;
	padding: 9px 18px;
	border-radius: 6px;
	color: #fff !important;
	background: linear-gradient(135deg, #334155 0%, #243147 100%);
	box-shadow: 0 10px 22px rgba(30, 41, 59, 0.20);
}

.rn-services-btn-connect:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #3b4b61 0%, #2a3750 100%) !important;
}

.rn-services-connect-icon {
	display: inline-block;
	width: auto;
	height: 18px;
	filter: brightness(0) invert(1);
}

/* =========================
STATUTS
========================= */

.rn-services-status-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
}

.rn-services-status-wrap .label-placeholder {
	display: none !important;
}

.rn-services-status-wrap .label {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	font-size: 0;
	line-height: 1;
	text-indent: -9999px;
	box-shadow: 0 8px 16px rgba(18, 14, 29, 0.14),
	inset 0 1px 0 rgba(255,255,255,0.10);
}

.rn-services-status-wrap .label .rn-service-status-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 0.88rem;
	line-height: 1;
	text-indent: 0;
}

.rn-services-status-wrap .label.rn-status-active {
	background: linear-gradient(180deg, #30c566 0%, #1fa14b 100%);
	color: #fff !important;
}

.rn-services-status-wrap .label.rn-status-pending {
	background: linear-gradient(180deg, #f3b44c 0%, #d98a10 100%);
	color: #fff !important;
}

.rn-services-status-wrap .label.rn-status-terminated {
	background: linear-gradient(180deg, #7e8899 0%, #5d6572 100%);
	color: #fff !important;
}

.rn-services-status-wrap .label.rn-status-suspended {
	background: linear-gradient(180deg, #f28f3a 0%, #cf5b16 100%);
	color: #fff !important;
}

.rn-services-status-wrap .label.rn-status-cancelled {
	background: linear-gradient(180deg, #98a0ab 0%, #6a727c 100%);
	color: #fff !important;
}

.rn-services-status-wrap .label.rn-status-fraud {
	background: linear-gradient(180deg, #ef4444 0%, #c52121 100%);
	color: #fff !important;
}

.rn-services-status-wrap .label i {
	color: #fff !important;
}

#tableServicesList tbody tr:hover .rn-services-status-wrap .label {
	transform: translateY(-1px);
	transition: transform .18s ease, box-shadow .18s ease;
	box-shadow: 0 10px 20px rgba(18, 14, 29, 0.18),
	inset 0 1px 0 rgba(255,255,255,0.12);
}

/* =========================
BAS DE TABLE
========================= */

.rn-services-wrap .dataTables_paginate,
.rn-services-wrap .dataTables_length {
	padding: 10px 16px 12px;
	font-weight: 600;
}

.rn-services-wrap .dataTables_length label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #262626;
}

.rn-services-wrap .dataTables_length select,
#tableServicesList_length select {
	min-width: 68px;
	height: 38px;
	padding-left: 10px;
	padding-right: 30px;
	border-radius: 6px !important;
	border: 1px solid #d8e1ec !important;
	background-color: #fff !important;
	color: #33475b;
	box-shadow: 0 2px 8px rgba(18, 38, 63, 0.06);
}

.rn-services-wrap .dataTables_length select:focus,
#tableServicesList_length select:focus {
	outline: 0;
	border-color: #9c8cf0 !important;
	box-shadow: 0 0 0 3px rgba(125, 36, 118, 0.10);
}

.rn-services-wrap .pagination > li > a,
.rn-services-wrap .pagination > li > span {
	margin: 0 3px;
	padding: 8px 14px;
	border-radius: 6px !important;
	border: 1px solid #d8dde6;
	color: #4a5261;
}

.rn-services-wrap .pagination > .active > a,
.rn-services-wrap .pagination > .active > span,
.rn-services-wrap .pagination > .active > a:hover,
.rn-services-wrap .pagination > .active > span:hover {
	color: #fff !important;
	border-color: #5b6078 !important;
	background: linear-gradient(180deg, rgba(92, 95, 116, 1) 0%, rgba(69, 73, 94, 1) 100%) !important;
}

/* =========================
RESPONSIVE
========================= */

@media (max-width: 991.98px) {
	.rn-services-wrap .dataTables_wrapper > .listtable {
		padding-top: 104px;
	}

	.rn-services-wrap .dataTables_wrapper > .listtable::before {
		height: 104px;
	}

	.rn-services-wrap .dataTables_wrapper > .listtable::after {
		top: 104px;
	}

	.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_info {
		left: 0;
		right: 0;
		height: 42px;
		padding: 0 16px !important;
		font-size: 0.92rem;
	}

	.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter {
		top: 42px;
		left: 0;
		right: 0;
		height: 62px;
		padding: 0 16px !important;
		justify-content: stretch;
	}

	.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter label {
		width: 100%;
	}

	.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter input,
	.rn-services-wrap .dataTables_wrapper > .listtable > .dataTables_filter input[type="search"] {
		width: 100%;
		max-width: 100%;
		height: 38px;
	}

	.rn-services-table thead th,
	.rn-services-table tbody td {
		padding: 12px 10px !important;
	}

	.rn-services-product-name {
		font-size: 15px;
	}

	.rn-services-price {
		font-size: 15px;
	}

	.rn-services-btn-connect {
		min-width: 120px;
		padding: 8px 12px;
	}

	.rn-services-wrap .dataTables_paginate,
	.rn-services-wrap .dataTables_length {
		padding: 8px 14px 10px;
	}
}






/* =========================
CLIENTAREA Product Details - Rapidenet
========================= */

.rn-product-page .rn-pd-card,
.rn-product-page .rn-pd-section-card,
.rn-product-page .rn-pd-summary-card,
.rn-product-page .rn-pd-addon-card,
.rn-product-page .rn-pd-actions-card {
	border: 0;
	border-radius: 6px;
	box-shadow: 0 14px 35px rgba(21, 32, 56, 0.08);
	overflow: hidden;
}

.rn-product-page .rn-pd-hero-card {
	background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
	margin-bottom: 24px;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.rn-product-page .rn-pd-hero-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(60deg, #2ecc71, #209150);
	z-index: 3;
	pointer-events: none;
}

.rn-product-page .rn-pd-hero-header {
	position: relative;
	padding: 28px 28px 0;
	overflow: hidden;
	border-bottom: 0;
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.45);
}

.rn-product-page .rn-pd-hero-head {
	display: flex;
	align-items: center;
	gap: 18px;
	padding-bottom: 24px;
}

.rn-product-page .rn-pd-icon {
	flex: 0 0 auto;
}

.rn-product-page .rn-pd-icon .fa-stack {
	font-size: 1.8rem;
	filter: drop-shadow(0 6px 14px rgba(15, 23, 42, 0.10));
}

.rn-product-page .rn-pd-title-wrap {
	min-width: 0;
}

.rn-product-page .rn-pd-title {
	margin: 0 0 4px;
	font-size: 1.65rem;
	font-weight: 800;
	color: #162846;
}

.rn-product-page .rn-pd-subtitle {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 500;
	color: #62758f;
}

.rn-product-page .rn-pd-linked-domain {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 500;
	color: #62758f;
}

.rn-product-page .rn-pd-status-text {
	margin: 0 -28px;
	padding: 0 !important;
}

.rn-product-page .rn-pd-status-banner {
	display: block;
	width: 100%;
	padding: 8px 18px;
	text-align: center;
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.12),
	0 -2px 8px rgba(0,0,0,0.06);
}

/* Hero header background by status */
.rn-product-page .product-status-active.rn-pd-hero-header {
	background: linear-gradient(135deg, #eefaf3 0%, #dff5e8 100%);
}

.rn-product-page .product-status-active.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #2ecc71, #209150);
}

.rn-product-page .product-status-pending.rn-pd-hero-header {
	background: linear-gradient(135deg, #fff8e8 0%, #fff1cc 100%);
}

.rn-product-page .product-status-pending.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #f5b041, #d68910);
}

.rn-product-page .product-status-suspended.rn-pd-hero-header {
	background: linear-gradient(135deg, #fff3f3 0%, #ffe0e0 100%);
}

.rn-product-page .product-status-suspended.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #ec7063, #c0392b);
}

.rn-product-page .product-status-cancelled.rn-pd-hero-header {
	background: linear-gradient(135deg, #f4f5f7 0%, #e9ecf1 100%);
}

.rn-product-page .product-status-cancelled.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #85929e, #5d6d7e);
}

.rn-product-page .product-status-fraud.rn-pd-hero-header {
	background: linear-gradient(135deg, #fff0f0 0%, #ffd6d6 100%);
}

.rn-product-page .product-status-fraud.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #e74c3c, #922b21);
}

.rn-product-page .product-status-terminated.rn-pd-hero-header {
	background: linear-gradient(135deg, #f2f2f2 0%, #e3e3e3 100%);
}

.rn-product-page .product-status-terminated.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #7f8c8d, #4d5656);
}

.rn-product-page .product-status-completed.rn-pd-hero-header .rn-pd-status-banner {
	background: linear-gradient(60deg, #3498db, #21618c);
}

.rn-product-page .rn-pd-hero-body {
	padding: 24px 28px 28px;
}

.rn-product-page .rn-pd-actions-card,
.rn-product-page .rn-pd-summary-card {
	height: 100%;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
	border: 1px solid #edf2fa;
	border-radius: 6px;
	box-shadow: 0 14px 35px rgba(21, 32, 56, 0.08);
}

.rn-product-page .rn-pd-section-header {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	font-weight: 800;
	color: #22314d;
	background: linear-gradient(180deg, #fbfdff 0%, #f4f8ff 100%);
	border-bottom: 1px solid #edf2fa;
}

.rn-product-page .rn-pd-section-body {
	padding: 20px;
}

.rn-product-page .rn-pd-actions-panel {
	margin-top: 0;
}

.rn-product-page .rn-pd-actions-row {
	margin-bottom: 0;
}

.rn-product-page .rn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 12px 18px;
	border: 0;
	border-radius: 6px;
	font-weight: 700;
	transition: all 0.22s ease;
	text-decoration: none !important;
}

.rn-product-page .rn-btn i {
	font-size: 0.95rem;
}

.rn-product-page .rn-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(22, 34, 58, 0.12);
}

.rn-product-page .rn-btn-upgrade {
	background: linear-gradient(60deg, #18b875, #10955f);
	color: #fff !important;
	min-height: 54px;
}

.rn-product-page .rn-btn-renew {
	background: linear-gradient(60deg, #4f7cff, #3a66e0);
	color: #fff !important;
}

.rn-product-page .rn-btn-cancel {
	background: linear-gradient(60deg, #ff7373, #eb4f4f);
	color: #fff !important;
	min-height: 54px;
}

.rn-product-page .rn-btn-soft {
	background: #f3f6fb;
	color: #2d3b55 !important;
	border: 1px solid #e1e8f5;
}

.rn-product-page .rn-btn-sm {
	min-height: 40px;
	padding: 9px 14px;
	font-size: 0.92rem;
}

.rn-product-page .rn-module-client-area {
	margin-top: 2px;
	padding: 0 !important;
}

.rn-product-page .rn-module-client-area,
.rn-product-page .rn-module-client-area form {
	width: 100%;
}

.rn-product-page .rn-module-client-area form {
	margin: 0;
}

/* Bouton connexion DirectAdmin en rouge */
.rn-product-page .rn-module-client-area .btn,
.rn-product-page .rn-module-client-area input[type="submit"],
.rn-product-page .rn-module-client-area input[type="button"],
.rn-product-page .rn-module-client-area button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 52px;
	padding: 12px 20px;
	border: 0 !important;
	border-radius: 6px !important;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
	background: linear-gradient(180deg, #7a5cff 0%, #5b3fe6 100%) !important;
	color: #fff !important;
	box-shadow: 0 10px 22px rgba(91, 63, 230, 0.24);
	transition: all 0.22s ease;
	text-decoration: none !important;
}

.rn-product-page .rn-module-client-area .btn:hover,
.rn-product-page .rn-module-client-area input[type="submit"]:hover,
.rn-product-page .rn-module-client-area input[type="button"]:hover,
.rn-product-page .rn-module-client-area button:hover {
	background: linear-gradient(180deg, #8a70ff 0%, #6648f0 100%) !important;
	box-shadow: 0 14px 28px rgba(91, 63, 230, 0.30);
	transform: translateY(-1px);
}

.rn-product-page .rn-module-client-area .btn:focus,
.rn-product-page .rn-module-client-area input[type="submit"]:focus,
.rn-product-page .rn-module-client-area input[type="button"]:focus,
.rn-product-page .rn-module-client-area button:focus {
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(247, 44, 37, 0.18), 0 10px 22px rgba(247, 44, 37, 0.22);
}

/* Summary card */
.rn-product-page .rn-pd-summary-card {
	padding: 0;
}

.rn-product-page .rn-pd-summary-card .rn-pd-section-body {
	padding: 24px;
}

.rn-product-page .rn-pd-summary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.rn-product-page .rn-pd-summary-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px;
	border-radius: 6px;
	background: linear-gradient(180deg, #f8fbff 0%, #f4f7fc 100%);
	border: 1px solid #e6edf8;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rn-product-page .rn-pd-summary-item:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(21, 32, 56, 0.06);
}

.rn-product-page .rn-pd-summary-icon {
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #ffffff 0%, #eef3fb 100%);
	border: 1px solid #d9e3f3;
	color: #58719d;
	font-size: 1rem;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}

.rn-product-page .rn-pd-summary-content {
	min-width: 0;
	flex: 1 1 auto;
}

.rn-product-page .rn-pd-label {
	font-size: 0.82rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #7383a1;
	margin-bottom: 6px;
	line-height: 1.35;
}

.rn-product-page .rn-pd-value {
	font-size: 1.05rem;
	font-weight: 700;
	color: #162846;
	line-height: 1.35;
	word-break: break-word;
}

.rn-product-page .rn-pd-summary-item:nth-child(1) .rn-pd-summary-icon {
	color: #4f7cff;
}
.rn-product-page .rn-pd-summary-item:nth-child(2) .rn-pd-summary-icon {
	color: #2aa56f;
}
.rn-product-page .rn-pd-summary-item:nth-child(3) .rn-pd-summary-icon {
	color: #0f8a5f;
}
.rn-product-page .rn-pd-summary-item:nth-child(4) .rn-pd-summary-icon {
	color: #8d6bd8;
}
.rn-product-page .rn-pd-summary-item:nth-child(5) .rn-pd-summary-icon {
	color: #e09a1d;
}
.rn-product-page .rn-pd-summary-item:nth-child(6) .rn-pd-summary-icon {
	color: #2b6cb0;
}

/* Tabs */
.rn-product-page .rn-pd-tabs {
	margin-bottom: 0;
	border-bottom: 0;
	gap: 8px;
}

.rn-product-page .rn-pd-tabs .nav-link {
	border: 0;
	border-radius: 6px 6px 0 0;
	padding: 12px 16px;
	font-weight: 700;
	color: #66748c;
	background: #f2f6fc;
}

.rn-product-page .rn-pd-tabs .nav-link.active {
	color: #1f2a44;
	background: #fff;
	box-shadow: 0 -2px 0 #4f7cff inset;
}

.rn-product-page .rn-pd-tab-content {
	border-radius: 0 6px 6px 6px;
	padding: 24px;
	box-shadow: 0 14px 35px rgba(21, 32, 56, 0.08);
}

/* Generic section cards */
.rn-product-page .rn-pd-section-card {
	background: #fff;
	border: 1px solid #edf2fa;
	margin-bottom: 22px;
}

.rn-product-page .rn-pd-info-row {
	padding: 10px 0;
	border-bottom: 1px solid #f0f4fa;
}

.rn-product-page .rn-pd-info-row:last-child {
	border-bottom: 0;
}

.rn-product-page .rn-pd-subblock + .rn-pd-subblock {
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px dashed #dce5f2;
}

.rn-product-page .rn-pd-subblock-title {
	margin-bottom: 14px;
	font-size: 1rem;
	font-weight: 800;
	color: #33435f;
}

.rn-product-page .rn-pd-mail-card {
	background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.rn-product-page .rn-pd-note-row {
	color: #6f7d93;
	font-size: 0.94rem;
}

.rn-product-page .rn-pd-ssl-card.is-active {
	border: 1px solid rgba(32, 174, 100, 0.22);
	background: linear-gradient(180deg, #fbfffd 0%, #f2fbf6 100%);
}

.rn-product-page .rn-pd-ssl-card.is-inactive {
	border: 1px solid rgba(224, 87, 87, 0.22);
	background: linear-gradient(180deg, #fffdfd 0%, #fff3f3 100%);
}

.rn-product-page .rn-secret-value,
.rn-product-page .rn-code-inline,
.rn-product-page .rn-api-value {
	display: inline-block;
	padding: 8px 12px;
	border-radius: 6px;
	background: #f4f7fc;
	border: 1px solid #e2e9f5;
	color: #24324d;
	font-family: Consolas, Monaco, monospace;
	font-size: 0.93rem;
	word-break: break-all;
}

.rn-product-page .rn-inline-icon-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-left: 6px;
	border: 0;
	border-radius: 6px;
	background: #eef3fb;
	color: #44516b;
	transition: all 0.2s ease;
	cursor: pointer;
}

.rn-product-page .rn-inline-icon-btn:hover {
	background: #dfe9f8;
	color: #22314d;
	transform: translateY(-1px);
}

.rn-product-page .rn-pd-addon-card .card-header {
	font-weight: 700;
}

.rn-product-page .rn-pd-stack-item + .rn-pd-stack-item {
	margin-top: 22px;
}

@media (max-width: 991.98px) {
	.rn-product-page .rn-pd-hero-header {
		padding: 22px 22px 0;
	}

	.rn-product-page .rn-pd-status-text {
		margin: 0 -22px;
	}

	.rn-product-page .rn-pd-hero-body {
		padding: 20px 22px 22px;
	}

	.rn-product-page .rn-pd-summary-grid {
		grid-template-columns: 1fr;
	}

	.rn-product-page .rn-pd-tab-content {
		border-radius: 0 0 6px 6px;
		padding: 18px;
	}
}

@media (max-width: 575.98px) {
	.rn-product-page .rn-pd-hero-head {
		flex-direction: column;
		text-align: center;
	}

	.rn-product-page .rn-pd-section-body,
	.rn-product-page .rn-pd-summary-card {
		padding: 16px;
	}
}








/* =========================
CLIENTAREA Invoices - Rapidenet
========================= */
/* Tableau des factures */
#tableInvoicesList th,
#tableInvoicesList td {
	text-align: center;
	vertical-align: middle;
}

/* Total à droite */
#tableInvoicesList thead th:nth-child(4),
#tableInvoicesList tbody td:nth-child(4) {
	text-align: right;
	padding-right: 16px;
}

/* Optionnel: un peu d'espace à droite pour le total */
#tableInvoicesList td:nth-child(4),
#tableInvoicesList th:nth-child(4) {
	padding-right: 16px;
}

/* Colonne PDF centrée proprement */
#tableInvoicesList td:nth-child(7),
#tableInvoicesList th:nth-child(7) {
	text-align: center;
}

/* Si le bouton PDF prend toute la largeur, on le recentre mieux */
#tableInvoicesList td:nth-child(7) .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


/* =========================================================
RAPIDENET - VIEWINVOICE
Modern light version
========================================================= */

body.rn-invoice-page {
	background: radial-gradient(circle at 20% 0%, rgba(242, 110, 69, 0.08) 0%, rgba(242, 110, 69, 0) 22%),
	radial-gradient(circle at 100% 0%, rgba(32, 95, 180, 0.06) 0%, rgba(32, 95, 180, 0) 20%),
	#ececec;
	color: #1f2d3d;
	min-height: 100vh;
}

/* largeur générale plus contenue */
.invoice-topbar,
.invoice-container {
	max-width: 980px;
}

/* =========================
Topbar
========================= */
.invoice-topbar {
	margin: 22px auto 0 auto;
	padding: 18px 18px;
	background: radial-gradient(circle at 12% 50%, rgba(242, 110, 69, 0.18) 0%, rgba(242, 110, 69, 0) 28%),
	linear-gradient(135deg, rgba(49, 52, 59, 0.98) 0%, rgba(29, 31, 37, 0.98) 100%);
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-bottom: none;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.10),
	inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.invoice-topbar .btn {
	border-radius: 10px;
	padding: 10px 16px;
	font-weight: 700;
	background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(242,242,242,0.98) 100%);
	border: 1px solid rgba(255,255,255,0.16);
	color: #243447;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
}

.invoice-topbar .btn:hover {
	background: #fff;
	color: #111;
	transform: translateY(-1px);
}

.invoice-topbar .payment-btn-container {
	margin-top: 0;
}

.invoice-topbar .payment-btn-container form,
.invoice-topbar .payment-btn-container > div {
	margin-bottom: 0 !important;
}

#btnPayNow,
.payment-btn-container .btn,
.payment-btn-container input[type="submit"] {
	font-size: 14px;
	min-width: 210px;
	border-radius: 12px;
	padding: 11px 20px;
	font-weight: 800;
	letter-spacing: .01em;
	border: 1px solid rgba(238, 114, 55, 0.65);
	color: #fff !important;
	background: linear-gradient(135deg, #f2b65e 0%, #ec7b3d 55%, #e85d34 100%) !important;
	box-shadow: 0 12px 28px rgba(224, 90, 35, 0.25),
	inset 0 1px 0 rgba(255,255,255,0.18);
}

#btnPayNow:hover,
.payment-btn-container .btn:hover,
.payment-btn-container input[type="submit"]:hover {
	filter: brightness(1.03);
	transform: translateY(-1px);
}

#btnPayNow:before {
	font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
	font-weight: 300;
	content: "\f09d";
	margin-right: 10px;
}

/* =========================
Conteneur facture
========================= */
.invoice-container {
	margin: 0 auto 26px auto !important;
	padding: 28px 26px 32px;
	background: linear-gradient(180deg, #f7f7f7 0%, #f3f3f3 100%);
	border: 1px solid #d8d8d8;
	border-top: none;
	border-radius: 0 0 20px 20px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05),
	inset 0 1px 0 rgba(255,255,255,0.55);
}

/* =========================
Header facture
========================= */
.invoice-header {
	align-items: center;
	margin-bottom: 10px;
}

.invoice-col h2,
.invoice-col h3,
.invoice-col strong {
	color: #1b2a3a;
}

.invoice-col h3 {
	margin-top: 12px;
	font-weight: 500;
	font-size: 26px;
}

.invoice-col img {
	max-width: 240px!important;
	height: auto;
}

/* =========================
Étampe
========================= */
/* Bloc statut + échéance */
.invoice-status {
	display: inline-block;
	margin: 22px 0 6px;
	font-family: 'invoice', sans-serif !important;
	font-size: 100px !important;
	line-height: 1;
	transform: rotate(-24deg) translateX(-178px) translateY(-50px);
	opacity: 0.92;
}

.invoice-status span,
.invoice-status .draft,
.invoice-status .unpaid,
.invoice-status .paid,
.invoice-status .refunded,
.invoice-status .cancelled,
.invoice-status .collections,
.invoice-status .collection {
	font-family: 'invoice', sans-serif !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-transform: uppercase;
	line-height: 1;
}

.invoice-status span {
	display: inline-block;
	padding: 12px 24px 4px;
	border: 4px solid currentColor;
	border-radius: 8px;
	background: transparent;
	letter-spacing: .02em;
}

.invoice-status .draft {
	color: #c99d33;
}

.invoice-status .unpaid {
	color: #c95d57;
}

.invoice-status .paid {
	color: #7f982f;
}

.invoice-status .refunded,
.invoice-status .cancelled {
	color: #7d7d7d;
}

.invoice-status .collections,
.invoice-status .collection {
	color: #5d74a1;
}

/* Date d'échéance plus visible */
.invoice-col .small-text {
	font-weight: 700;
	color: #1b2a3a;
}
.rn-invoice-due-date{
	text-align: right;
}

/* Optionnel: valeur de la date encore un peu plus mise en évidence */
.invoice-col .small-text strong,
.invoice-col .small-text b {
	font-weight: 800;
}

/* =========================
Texte & séparateurs
========================= */
.invoice-container,
.invoice-container p,
.invoice-container address,
.invoice-container td,
.invoice-container th,
.invoice-container .small-text {
	color: #223246;
}

.invoice-container hr {
	border-top: 1px solid #dddddd;
	margin: 24px 0;
}

/* =========================
Blocs Facturé à / Payer à
========================= */
.rn-address-row {
	align-items: stretch;
}

.rn-address-col {
	display: flex;
	flex-direction: column;
	margin-bottom: 18px;
}

.rn-address-col address {
	flex: 1 1 auto;
	margin-top: 10px;
	line-height: 1.55;
	padding: 16px 18px;
	background: linear-gradient(180deg, rgba(255,255,255,0.65) 0%, rgba(250,250,250,0.85) 100%);
	border: 1px solid #dddddd;
	border-radius: 16px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.75),
	0 4px 12px rgba(0, 0, 0, 0.03);
}

/* =========================
Sélecteur gateway
========================= */
[data-role="paymethod-info"] .custom-select {
	background-color: #fff;
	color: #223246;
	border: 1px solid #cfcfcf;
	border-radius: 10px;
	min-width: 220px;
	padding: 10px 14px;
	height: auto;
}

[data-role="paymethod-info"] .custom-select:focus {
	border-color: rgba(236, 123, 61, 0.5);
	box-shadow: 0 0 0 .2rem rgba(236, 123, 61, 0.12);
}

/* =========================
Cards / tableaux
========================= */
.invoice-container {
	min-height: 0 !important;
}

.rn-invoice-card,
.invoice-container .card,
.invoice-container .panel,
.transactions-container {
	background: linear-gradient(180deg, rgba(249,249,249,0.98) 0%, rgba(243,243,243,0.98) 100%);
	border: 1px solid #d9d9d9;
	border-radius: 18px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.03);
	overflow: hidden;
	margin-bottom: 22px;
}

.invoice-container .card-header {
	background: #dfdfdf;
	border-bottom: 1px solid #cdcdcd;
	color: #1d2b39;
	padding: 16px 20px;
}

.invoice-container .card-title,
.invoice-container .card-subtitle {
	color: #1d2b39;
}

/* tables */
.invoice-container .table {
	margin-bottom: 0;
	color: #223246;
	background: transparent;
}

.invoice-container .table thead td,
.invoice-container .table thead th {
	color: #1d2b39;
	border-top: none;
	border-bottom: 1px solid #d6d6d6;
	background: rgba(255,255,255,0.15);
	font-weight: 700;
}

.invoice-container .table td,
.invoice-container .table th {
	border-color: #dddddd;
	vertical-align: middle;
}

.invoice-container .table tbody tr:hover {
	background: rgba(255,255,255,0.45);
}

.invoice-container .table .total-row {
	background: #efefef;
	font-weight: 700;
}

/* =========================
Notice collection
========================= */
.collectionNotice {
	color: #a94442;
	font-size: 13px;
	display: block;
	width: 100%;
	text-align: center;
	margin: 6px 0 18px;
	padding: 11px 14px;
	border: 1px solid #e1b3b2;
	background: #f9ecec;
	border-radius: 12px;
}

/* =========================
Boutons bas
========================= */
.rn-invoice-actions-bottom {
	margin: 18px 0 34px;
}

#btnInvoicesbacktoclientarea,
#btnInvoicesbacktoinvoices {
	font-size: 15px;
	font-weight: 700;
	padding: 11px 18px;
	border-radius: 12px;
	margin: 0 6px 10px;
	border: 1px solid transparent !important;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}

#btnInvoicesbacktoclientarea {
	background: linear-gradient(180deg, #57b6f1 0%, #3a9edf 100%) !important;
	border-color: #2f8ec8 !important;
	color: #fff !important;
}

#btnInvoicesbacktoinvoices,
#btnInvoiceAddCreditApply,
.invoice-container .btn-success {
	background: linear-gradient(180deg, #68cb74 0%, #4eb45b 100%) !important;
	border-color: #3f994c !important;
	color: #fff !important;
}

#btnInvoicesbacktoclientarea:hover,
#btnInvoicesbacktoinvoices:hover,
#btnInvoiceAddCreditApply:hover,
.invoice-container .btn-success:hover {
	filter: brightness(0.98);
	color: #fff;
}

/* =========================
Responsive
========================= */
@media (max-width: 767.98px) {
	.invoice-topbar {
		padding: 14px;
		border-radius: 16px 16px 0 0;
	}

	.invoice-topbar .float-left,
	.invoice-topbar .float-right {
		float: none !important;
		width: 100%;
	}

	.invoice-topbar .btn-group {
		display: flex;
		width: 100%;
		margin-bottom: 10px;
	}

	.invoice-topbar .btn-group .btn {
		flex: 1 1 auto;
	}

	.invoice-status {
		font-size: 40px !important;
		transform: rotate(-10deg);
		margin-top: 14px;
	}

	.invoice-status span {
		padding: 8px 14px 1px 14px;
	}

	.invoice-container {
		padding: 20px 16px 24px;
		border-radius: 0 0 16px 16px;
	}

	.invoice-col img {
		max-width: 170px;
		height: auto;
	}

	#btnInvoicesbacktoclientarea,
	#btnInvoicesbacktoinvoices {
		display: block;
		width: 100%;
		margin: 0 0 10px;
	}
}

/* Zone paiement topbar */
.rn-topbar-payment-wrap {
	float: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
}

.rn-topbar-gateway {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.rn-topbar-gateway-label {
	flex: 0 0 auto;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .02em;
	color: rgba(255,255,255,0.88);
	margin: 0;
	white-space: nowrap;
}

.rn-topbar-gateway-form {
	display: block;
	margin: 0;
}

.rn-topbar-gateway .custom-select {
	width: 260px;
	height: auto;
	padding: 9px 12px;
	border-radius: 10px;
	border: 1px solid rgba(255,255,255,0.18);
	background: rgba(255,255,255,0.95);
	color: #223246;
	font-weight: 600;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.10);
}

.rn-topbar-gateway .custom-select:focus {
	border-color: rgba(236, 123, 61, 0.55);
	box-shadow: 0 0 0 .2rem rgba(236, 123, 61, 0.15);
}

.rn-topbar-payment-wrap .payment-btn-container {
	flex: 0 0 auto;
	width: auto;
	margin: 0;
	text-align: right;
}

.rn-topbar-payment-wrap .payment-btn-container .btn,
.rn-topbar-payment-wrap .payment-btn-container input[type="submit"],
.rn-topbar-payment-wrap .payment-btn-container button {
	min-width: 240px;
	margin: 0;
}

@media (max-width: 991.98px) {
	.rn-topbar-payment-wrap {
		float: none;
		width: 100%;
		margin-top: 12px;
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
	}

	.rn-topbar-gateway {
		width: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 6px;
	}

	.rn-topbar-gateway .custom-select {
		width: 100%;
	}

	.rn-topbar-payment-wrap .payment-btn-container {
		width: 100%;
		text-align: center;
	}

	.rn-topbar-payment-wrap .payment-btn-container .btn,
	.rn-topbar-payment-wrap .payment-btn-container input[type="submit"],
	.rn-topbar-payment-wrap .payment-btn-container button {
		width: 100%;
		min-width: 0;
	}
}

@media print {
	@page {
		size: auto;
		margin: 12mm;
	}

	html,
	body {
		background: #fff !important;
		color: #000 !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12pt;
		line-height: 1.35;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	.invoice-topbar,
	.rn-invoice-actions-bottom,
	.d-print-none,
	#fullpage-overlay {
		display: none !important;
	}

	body.rn-invoice-page {
		background: #fff !important;
	}

	.invoice-container {
		max-width: 100% !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: #fff !important;
	}

	.invoice-container *,
	.invoice-container p,
	.invoice-container td,
	.invoice-container th,
	.invoice-container address,
	.invoice-container span,
	.invoice-container div,
	.invoice-container strong,
	.invoice-container h2,
	.invoice-container h3 {
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	.invoice-header {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		margin: 0 0 14px 0 !important;
		padding: 0 !important;
		position: relative !important;
	}

	.invoice-header > div:first-child,
	.invoice-header > div:last-child {
		width: 48% !important;
		max-width: 48% !important;
		flex: 0 0 48% !important;
	}

	.invoice-col img {
		max-width: 150px !important;
		height: auto !important;
		margin: 0 0 8px 0 !important;
	}

	.invoice-col h3 {
		font-size: 20pt !important;
		margin: 8px 0 0 0 !important;
		font-weight: 700 !important;
	}

	.invoice-status {
		position: absolute !important;
		top: 8mm !important;
		right: 8mm !important;
		margin: 0 !important;
		display: block !important;
		font-family: 'invoice', sans-serif !important;
		font-size: 34px !important;
		line-height: 1 !important;
		transform: rotate(-10deg) !important;
		transform-origin: top right !important;
		opacity: 1 !important;
		text-align: right !important;
		z-index: 5 !important;
	}

	.invoice-status span {
		display: inline-block !important;
		padding: 5px 10px 2px !important;
		border-width: 2px !important;
		border-radius: 4px !important;
		background: transparent !important;
	}

	.rn-invoice-due-date {
		margin-top: 8px !important;
		font-size: 12pt !important;
		font-weight: 700 !important;
		text-align: right !important;
	}

	.invoice-container hr {
		margin: 10px 0 14px 0 !important;
		border: 0 !important;
		border-top: 1px solid #bbb !important;
	}

	.rn-address-row,
	.invoice-container .row {
		display: flex !important;
		flex-wrap: wrap !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.rn-address-col,
	.invoice-container .row > [class*="col-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.rn-address-col {
		width: 48% !important;
		max-width: 48% !important;
		flex: 0 0 48% !important;
		margin-bottom: 10px !important;
	}

	.rn-address-col.right {
		margin-left: 4% !important;
	}

	.rn-address-col address {
		padding: 10px 12px !important;
		margin-top: 6px !important;
		border: 1px solid #ccc !important;
		border-radius: 0 !important;
		background: #fff !important;
		min-height: 0 !important;
	}

	.invoice-container .row:nth-of-type(3) > div {
		width: 48% !important;
		max-width: 48% !important;
		flex: 0 0 48% !important;
	}

	.invoice-container .row:nth-of-type(3) > div:last-child {
		margin-left: 4% !important;
		text-align: right !important;
	}

	.invoice-container .card,
	.transactions-container,
	.rn-invoice-card,
	.invoice-container .panel {
		border: 1px solid #cfcfcf !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		background: #fff !important;
		margin-bottom: 12px !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	.invoice-container .card-header {
		background: #efefef !important;
		border-bottom: 1px solid #cfcfcf !important;
		padding: 8px 12px !important;
	}

	.invoice-container .card-title,
	.invoice-container .card-subtitle {
		font-size: 16pt !important;
		margin: 0 !important;
	}

	.invoice-container .table {
		width: 100% !important;
		margin: 0 !important;
		border-collapse: collapse !important;
		background: #fff !important;
		font-size: 11pt !important;
	}

	.invoice-container .table thead td,
	.invoice-container .table thead th {
		background: #f3f3f3 !important;
		border: 1px solid #d0d0d0 !important;
		border-top: none !important;
		padding: 6px 8px !important;
		font-weight: 700 !important;
	}

	.invoice-container .table td,
	.invoice-container .table th {
		border: 1px solid #d8d8d8 !important;
		padding: 5px 8px !important;
		vertical-align: top !important;
	}

	.invoice-container .table .total-row {
		background: #fafafa !important;
		font-weight: 700 !important;
	}

	.table-responsive {
		overflow: visible !important;
	}

	.collectionNotice {
		border: 1px solid #aaa !important;
		border-radius: 0 !important;
		background: #fff !important;
		color: #000 !important;
		padding: 8px 10px !important;
		margin: 8px 0 12px 0 !important;
		font-size: 10pt !important;
	}

	p {
		margin: 0 0 8px 0 !important;
	}

	.small-text {
		font-size: 11pt !important;
	}

	/* Évite le gros vide avant le tableau transactions */
	.transactions-container {
		margin-top: 8px !important;
	}

	/* Si jamais le sélecteur gateway existe encore au print */
	.rn-topbar-gateway,
	.rn-invoice-header-gateway {
		display: none !important;
	}
}








/* =========================================================
Rapidenet - Configure Product - configureproduct.tpl
========================================================= */

#order-standard_cart #frmProductDomain {
	margin-top: 18px;
}

#order-standard_cart #frmProductDomain .domain-selection-options {
	margin: 18px 0 20px;
}

/* Cartes options */
#order-standard_cart #frmProductDomain .domain-selection-options .option {
	position: relative;
	margin: 0 0 14px;
	padding: 18px 20px;
	border: 1px solid #d8dee8;
	border-radius: 6px;
	background: #f7f9fc;
	box-shadow: 0 4px 14px rgba(15, 35, 65, 0.04);
	transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

#order-standard_cart #frmProductDomain .domain-selection-options .option:hover {
	border-color: #c8d4e3;
	background: #f9fbfd;
	box-shadow: 0 8px 22px rgba(15, 35, 65, 0.07);
}

#order-standard_cart #frmProductDomain .domain-selection-options .option-selected,
#order-standard_cart #frmProductDomain .domain-selection-options .option:has(.iradio_square-blue.checked) {
	border-color: rgba(247, 44, 37, 0.22);
	background: #fbfdff;
	box-shadow: 0 0 0 1px rgba(247, 44, 37, 0.05) inset, 0 8px 22px rgba(15, 35, 65, 0.08);
}

/* Titre des options */
#order-standard_cart #frmProductDomain .domain-selection-options .option > label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	color: #172d4d;
	cursor: pointer;
}

#order-standard_cart #frmProductDomain .domain-selection-options .option > label .iradio_square-blue {
	margin-right: 8px;
	flex: 0 0 auto;
}

#order-standard_cart #frmProductDomain .domain-input-group {
	margin: 16px 0 0;
	padding: 6px 0 0;
}

#order-standard_cart #frmProductDomain .domain-input-group .row {
	display: flex;
	align-items: center;
}

#order-standard_cart #frmProductDomain .domains-row {
	margin-left: -5px;
	margin-right: -5px;
}

#order-standard_cart #frmProductDomain .domains-row > [class*="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}

/* Input group */
#order-standard_cart #frmProductDomain .input-group {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	width: 100%;
}

/* reset de vieux styles bootstrap/whmcs */
#order-standard_cart #frmProductDomain .input-group-addon,
#order-standard_cart #frmProductDomain .input-group-prepend {
	display: flex;
	align-items: stretch;
	width: auto;
	padding: 0;
	border: 0;
	background: transparent;
}

/* Prefixe www */
#order-standard_cart #frmProductDomain .input-group-text {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 82px;
	height: 52px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid #cfd7e3;
	border-right: 0;
	border-radius: 6px 0 0 6px;
	background: #eef3f8;
	color: #5b7190;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	box-sizing: border-box;
}

/* Champ texte collé au www */
#order-standard_cart #frmProductDomain .input-group > .form-control {
	height: 52px;
	margin: 0;
	border: 1px solid #cfd7e3;
	border-radius: 0 6px 6px 0;
	background: #fff;
	color: #17304f;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none;
	box-sizing: border-box;
}

/* Select et champ own domain tld */
#order-standard_cart #frmProductDomain .domain-input-group select.form-control,
#order-standard_cart #frmProductDomain .domain-input-group input#owndomaintld.form-control {
	height: 52px;
	border: 1px solid #cfd7e3;
	border-radius: 6px;
	background: #fff;
	color: #17304f;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none;
	box-sizing: border-box;
}

/* Focus */
#order-standard_cart #frmProductDomain .domain-input-group .form-control:focus,
#order-standard_cart #frmProductDomain .domain-input-group .input-group > .form-control:focus,
#order-standard_cart #frmProductDomain .domain-input-group select.form-control:focus {
	border-color: rgba(247, 44, 37, 0.45);
	box-shadow: 0 0 0 3px rgba(247, 44, 37, 0.10);
	background: #fff;
}

/* Boutons Rapidenet */
#order-standard_cart #frmProductDomain .domain-input-group .btn,
#order-standard_cart #frmProductDomain .domain-input-group .btn.btn-primary,
#order-standard_cart #frmProductDomain .domain-input-group #useOwnDomain {
	height: 52px;
	padding: 0 22px;
	border: 1px solid #e12822;
	border-radius: 6px;
	background: linear-gradient(180deg, #fb5a52 0%, #f72c25 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .01em;
	box-shadow: 0 8px 18px rgba(247, 44, 37, 0.22);
	transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

#order-standard_cart #frmProductDomain .domain-input-group .btn:hover,
#order-standard_cart #frmProductDomain .domain-input-group .btn.btn-primary:hover,
#order-standard_cart #frmProductDomain .domain-input-group #useOwnDomain:hover,
#order-standard_cart #frmProductDomain .domain-input-group .btn:focus,
#order-standard_cart #frmProductDomain .domain-input-group .btn.btn-primary:focus,
#order-standard_cart #frmProductDomain .domain-input-group #useOwnDomain:focus {
	border-color: #d7221c;
	background: linear-gradient(180deg, #ff665f 0%, #f72c25 100%);
	color: #fff;
	box-shadow: 0 10px 22px rgba(247, 44, 37, 0.28);
	transform: translateY(-1px);
}

#order-standard_cart #frmProductDomain .domain-input-group .btn:active,
#order-standard_cart #frmProductDomain .domain-input-group .btn.btn-primary:active,
#order-standard_cart #frmProductDomain .domain-input-group #useOwnDomain:active {
	transform: translateY(0);
	box-shadow: 0 6px 12px rgba(247, 44, 37, 0.18);
}

/* Labels hérités trop pâles */
#order-standard_cart #frmProductDomain label {
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}

/* disclaimer */
#order-standard_cart #frmProductDomain > p {
	margin: 16px 6px 0;
	font-size: 15px;
	line-height: 1.55;
	color: #52647e;
}

#order-standard_cart #frmProductDomain > p em {
	color: #52647e;
}

/* Mobile */
@media (max-width: 991px) {
	#order-standard_cart #frmProductDomain .domain-selection-options .option {
		padding: 16px;
	}

	#order-standard_cart #frmProductDomain .domain-selection-options .option > label {
		font-size: 15px;
	}

	#order-standard_cart #frmProductDomain .domain-input-group .row {
		display: block;
	}

	#order-standard_cart #frmProductDomain .domain-input-group .col-sm-8,
	#order-standard_cart #frmProductDomain .domain-input-group .col-sm-2 {
		width: 100%;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#order-standard_cart #frmProductDomain .domain-input-group .col-sm-2 {
		margin-top: 12px;
	}
}

@media (max-width: 575px) {
	#order-standard_cart #frmProductDomain .domains-row > .col-xs-9,
	#order-standard_cart #frmProductDomain .domains-row > .col-9 {
		width: 62%;
		flex: 0 0 62%;
		max-width: 62%;
	}

	#order-standard_cart #frmProductDomain .domains-row > .col-xs-3,
	#order-standard_cart #frmProductDomain .domains-row > .col-3 {
		width: 38%;
		flex: 0 0 38%;
		max-width: 38%;
	}

	#order-standard_cart #frmProductDomain .input-group-text,
	#order-standard_cart #frmProductDomain .input-group > .form-control,
	#order-standard_cart #frmProductDomain .domain-input-group select.form-control,
	#order-standard_cart #frmProductDomain .domain-input-group input#owndomaintld.form-control,
	#order-standard_cart #frmProductDomain .domain-input-group .btn,
	#order-standard_cart #frmProductDomain .domain-input-group .btn.btn-primary,
	#order-standard_cart #frmProductDomain .domain-input-group #useOwnDomain {
		height: 48px;
	}

	#order-standard_cart #frmProductDomain .input-group-text {
		min-width: 72px;
		padding: 0 12px;
		font-size: 14px;
	}
}

/* =========================================================
Rapidenet - radios rouges pour sélection de domaine
========================================================= */

#order-standard_cart #frmProductDomain .iradio_square-blue {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: #fff !important;
	border: 1px solid #d9c3c1;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#order-standard_cart #frmProductDomain .iradio_square-blue:hover {
	border-color: rgba(247, 44, 37, 0.45);
}

#order-standard_cart #frmProductDomain .iradio_square-blue.checked {
	background: #f72c25 !important;
	border-color: #f72c25;
	box-shadow: 0 0 0 4px rgba(247, 44, 37, 0.12),
	inset 0 0 0 6px #f72c25;
}

/* coche blanche au centre */
#order-standard_cart #frmProductDomain .iradio_square-blue.checked::after {
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	width: 12px;
	height: 7px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

/* on garde la zone cliquable icheck */
#order-standard_cart #frmProductDomain .iradio_square-blue .iCheck-helper {
	border-radius: 999px;
}

/* petit ajustement visuel avec le label */
#order-standard_cart #frmProductDomain .domain-selection-options .option > label .iradio_square-blue {
	margin-top: -1px;
}

/* =========================================================
Rapidenet - Configure product premium refresh
========================================================= */

#order-standard_cart {
	color: #1a2f4d;
}

#order-standard_cart .header-lined {
	margin-bottom: 18px;
	border-bottom: 1px solid #dde4ee;
	padding-bottom: 12px;
}

#order-standard_cart .header-lined h1.font-size-36 {
	margin: 0 0 8px;
	font-size: 52px;
	line-height: 1.05;
	font-weight: 300;
	color: #202733;
	letter-spacing: -0.03em;
}

#order-standard_cart .secondary-cart-body > p:first-of-type {
	margin-bottom: 18px;
	font-size: 16px;
	color: #4d5e75;
}

/* Bloc infos produit */
/* =========================================================
Rapidenet - Product card inspired by ExoWeb
========================================================= */

#order-standard_cart .product-info {
	position: relative;
	overflow: hidden;
	margin: 0 0 28px;
	padding: 0;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(16, 30, 52, 0.06);
}

/* en-tête de la carte */
#order-standard_cart .product-info .product-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 22px 24px;
	border-bottom: 1px solid #e4eaf1;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
	font-size: 24px;
	line-height: 1.25;
	font-weight: 800;
	letter-spacing: -0.015em;
	color: #172d4d;
}

/* petit accent subtil à gauche */
#order-standard_cart .product-info .product-title::before {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	bottom: 14px;
	width: 4px;
	border-radius: 0 4px 4px 0;
	background: linear-gradient(180deg, #fb5a52 0%, #f72c25 100%);
}

/* contenu */
#order-standard_cart .product-info > :not(.product-title) {
	padding-left: 24px;
	padding-right: 24px;
}

#order-standard_cart .product-info > *:last-child {
	padding-bottom: 24px;
}

#order-standard_cart .product-info p {
	margin-top: 0;
	margin-bottom: 14px;
	color: #394b63;
	font-size: 15px;
	line-height: 1.75;
}

#order-standard_cart .product-info ul {
	margin: 0;
	padding: 22px 24px 12px 46px;
}

#order-standard_cart .product-info li {
	margin-bottom: 10px;
	color: #394b63;
	font-size: 15px;
	line-height: 1.65;
}

#order-standard_cart .product-info li strong,
#order-standard_cart .product-info li b {
	color: #1c2f4a;
	font-weight: 700;
}

/* dernière ligne / note */
#order-standard_cart .product-info p:last-child {
	margin-bottom: 0;
	padding-bottom: 24px;
	color: #2f4666;
	font-size: 15px;
}

/* si tu as une ligne de description entre le titre et la liste */
#order-standard_cart .product-info .product-title + p {
	padding-top: 18px;
	margin-bottom: 4px;
}

/* effet hover subtil */
#order-standard_cart .product-info:hover {
	box-shadow: 0 14px 32px rgba(16, 30, 52, 0.09);
	border-color: #d2dce8;
}

/* responsive */
@media (max-width: 575px) {
	#order-standard_cart .product-info .product-title {
		padding: 18px 18px 18px 20px;
		font-size: 21px;
	}

	#order-standard_cart .product-info > :not(.product-title) {
		padding-left: 18px;
		padding-right: 18px;
	}

	#order-standard_cart .product-info ul {
		padding: 18px 18px 10px 34px;
	}

	#order-standard_cart .product-info p:last-child {
		padding-bottom: 18px;
	}
}

/* Sous-titres de section */
#order-standard_cart .sub-heading {
	margin-top: 26px;
	margin-bottom: 26px;
	border-top: 1px solid #d8e0eb;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
	padding: 0 20px;
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	color: #1b5f96;
	letter-spacing: 0.01em;
}

/* Labels et champs */
#order-standard_cart .field-container label,
#order-standard_cart .form-group label {
	display: inline-block;
	margin-bottom: 8px;
	font-size: 15px;
	font-weight: 600;
	color: #61738a;
}

#order-standard_cart .form-control,
#order-standard_cart .field {
	height: 48px;
	border: 1px solid #d3dbe6;
	border-radius: 6px;
	background: #fff;
	color: #223750;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#order-standard_cart select.form-control {
	padding-right: 38px;
}

#order-standard_cart .form-control:focus,
#order-standard_cart .field:focus {
	border-color: rgba(247, 44, 37, 0.45);
	box-shadow: 0 0 0 3px rgba(247, 44, 37, 0.10);
	background: #fff;
}

/* Cycle de facturation */
#order-standard_cart #inputBillingcycle {
	min-width: 260px;
	max-width: 320px;
	height: 48px;
	border-radius: 6px;
	font-size: 16px;
	font-weight: 500;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	padding-right: 46px !important;

	background-color: #fff !important;
	background-image:
	url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23566b86' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 14px 14px;
}

/* IE/ancien Edge */
#order-standard_cart #inputBillingcycle::-ms-expand {
	display: none;
}

/* Résumé commande */
#order-standard_cart .order-summary {
	overflow: hidden;
	margin: 0 0 24px;
	border: 1px solid #d6dde7;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(19, 35, 59, 0.08);
}

#order-standard_cart .order-summary h2 {
	margin: 0;
	padding: 18px 18px 16px;
	background: linear-gradient(180deg, #666666 0%, #5b5b5b 100%);
	color: #fff;
	text-align: center;
	font-size: 23px;
	font-weight: 300;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

#order-standard_cart .summary-container {
	padding: 16px 16px 14px;
	background: #fff;
	font-size: 14px;
	min-height: 100px;
}

#order-standard_cart .order-summary .product-name {
	font-size: 1.5em;
	font-weight: 700;
	color: #2c3138;
}

#order-standard_cart .order-summary .product-group {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #68788f;
	font-style: italic;
}

#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .bordered-totals {
	border-color: #d9e0ea;
}

#order-standard_cart .order-summary .total-due-today {
	margin-top: 10px;
	padding-top: 8px;
}

#order-standard_cart .order-summary .total-due-today .amt {
	font-size: 2.4em;
	font-weight: 300;
	color: #2a2f37;
	letter-spacing: -0.03em;
}

#order-standard_cart .order-summary .loader {
	color: #c7d0dc;
}

/* Bouton continuer */
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart .btn.btn-primary.btn-lg {
	min-width: 210px;
	height: 58px;
	padding: 0 28px;
	border: 1px solid #df241d;
	border-radius: 6px;
	background: linear-gradient(180deg, #fb5f57 0%, #f72c25 100%);
	color: #fff;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.01em;
	box-shadow: 0 12px 24px rgba(247, 44, 37, 0.20);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart .btn.btn-primary.btn-lg:hover,
#order-standard_cart #btnCompleteProductConfig:focus,
#order-standard_cart .btn.btn-primary.btn-lg:focus {
	border-color: #d71f19;
	background: linear-gradient(180deg, #ff6d65 0%, #f72c25 100%);
	color: #fff;
	box-shadow: 0 14px 28px rgba(247, 44, 37, 0.26);
	transform: translateY(-1px);
}

#order-standard_cart #btnCompleteProductConfig i,
#order-standard_cart .btn.btn-primary.btn-lg i {
	margin-left: 6px;
}

/* Addons */
#order-standard_cart .addon-products {
	margin-top: 10px;
}

#order-standard_cart .panel-addon {
	overflow: hidden;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(17, 31, 54, 0.05);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

#order-standard_cart .panel-addon:hover {
	transform: translateY(-2px);
	border-color: #ced8e6;
	box-shadow: 0 14px 28px rgba(17, 31, 54, 0.08);
}

#order-standard_cart .panel-addon .panel-body {
	padding: 22px 22px 18px;
	border-radius: 0;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
}

#order-standard_cart .panel-addon .panel-body label {
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: 300;
	color: #2b3138;
}

#order-standard_cart .panel-addon .panel-price {
	padding: 10px 14px;
	background: #f4f6f9!important;
	color: #3d495b;
	font-size: 15px;
	border-top: 1px solid #e0e6ee;
}

#order-standard_cart .panel-addon .panel-add {
	display: block;
	padding: 12px 14px;
	background: linear-gradient(180deg, #fb5f57 0%, #f72c25 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	border-radius: 0;
	transition: background 0.18s ease;
}

#order-standard_cart .panel-addon .panel-add i {
	margin-right: 4px;
}

#order-standard_cart .panel-addon-selected {
	border-color: rgba(247, 44, 37, 0.28);
	box-shadow: 0 0 0 1px rgba(247, 44, 37, 0.06) inset, 0 14px 28px rgba(17, 31, 54, 0.08);
}

#order-standard_cart .panel-addon-selected .panel-add {
	background: linear-gradient(180deg, #fb5f57 0%, #f72c25 100%);
}

/* Alerte questions */
#order-standard_cart .alert.alert-warning.info-text-sm {
	margin-top: 14px;
	padding: 14px 18px;
	border: 1px solid #ead79b;
	border-radius: 6px;
	background: linear-gradient(180deg, #fff6d8 0%, #f8edc8 100%);
	color: #7a6420;
	font-size: 15px;
	text-align: center;
	box-shadow: 0 4px 14px rgba(110, 90, 20, 0.06);
}

#order-standard_cart .alert.alert-warning.info-text-sm .alert-link {
	color: #7a4b14;
	font-weight: 700;
	text-decoration: none;
}

#order-standard_cart .alert.alert-warning.info-text-sm .alert-link:hover {
	text-decoration: underline;
}

/* Promo addons output / blocs promo si présents */
#order-standard_cart .addon-promo-container {
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(18, 34, 58, 0.05);
}

#order-standard_cart #scrollingPanelContainer .text-center {
	margin-top: 8px;
}

/* Responsive */
@media (max-width: 991px) {
	#order-standard_cart .header-lined h1.font-size-36 {
		font-size: 42px;
	}

	#order-standard_cart .product-info .product-title {
		font-size: 24px;
	}

	#order-standard_cart .secondary-cart-sidebar {
		margin-top: 24px;
	}

	#order-standard_cart #btnCompleteProductConfig,
	#order-standard_cart .btn.btn-primary.btn-lg {
		width: 100%;
		min-width: 0;
	}
}

@media (max-width: 575px) {
	#order-standard_cart .header-lined h1.font-size-36 {
		font-size: 34px;
	}

	#order-standard_cart .product-info {
		padding: 18px 16px;
	}

	#order-standard_cart .product-info .product-title {
		font-size: 22px;
	}

	#order-standard_cart .panel-addon .panel-body {
		padding: 18px 16px 16px;
	}

	#order-standard_cart .panel-addon .panel-body label {
		font-size: 21px;
	}

	#order-standard_cart #inputBillingcycle {
		min-width: 0;
		max-width: 100%;
		width: 100%;
	}
}

/* =========================================================
Rapidenet - Addons même hauteur
========================================================= */

#order-standard_cart .addon-products {
	display: flex;
	flex-wrap: wrap;
}

#order-standard_cart .addon-products > [class*="col-"] {
	display: flex;
	margin-bottom: 24px;
}

#order-standard_cart .addon-products .panel-addon {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

#order-standard_cart .addon-products .panel-addon .panel-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#order-standard_cart .addon-products .panel-addon .panel-price,
#order-standard_cart .addon-products .panel-addon .panel-add {
	flex: 0 0 auto;
}

/* optionnel: meilleur espacement du texte */
#order-standard_cart .addon-products .panel-addon .panel-body label {
	display: block;
}

#order-standard_cart .addon-products .panel-addon .panel-body br {
	display: none;
}

#order-standard_cart .addon-products .panel-addon .panel-body {
	text-align: center;
}

#order-standard_cart .addon-products .panel-addon .panel-body label {
	margin-bottom: 14px;
}

#order-standard_cart .addon-products .panel-addon .panel-body label + br + * {
	display: block;
}


/* =========================================================
Rapidenet - Masquer bloc si vous avez des questions
========================================================= */
#order-standard_cart .alert.alert-warning.info-text-sm {
	display: none !important;
}

/* =========================================================
Rapidenet - Bouton continuer même largeur que carte résumé
========================================================= */
#order-standard_cart #scrollingPanelContainer .text-center {
	width: 100%;
}

#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart .secondary-cart-sidebar .btn.btn-primary.btn-lg {
	display: block;
	width: 100%;
	min-width: 0;
}

#order-standard_cart .secondary-cart-sidebar {
	padding-left: 15px;
	padding-right: 15px;
}

/* =========================================================
Rapidenet - Résumé de commande pleine largeur sur mobile
========================================================= */

@media (max-width: 991px) {
	#order-standard_cart .secondary-cart-sidebar {
		width: 100% !important;
		max-width: 100% !important;
		margin: 28px 0 0 !important;
		padding-left: 6px !important;
		padding-right: 6px !important;
		float: none;
	}

	#order-standard_cart #scrollingPanelContainer,
	#order-standard_cart #orderSummary,
	#order-standard_cart .order-summary,
	#order-standard_cart #scrollingPanelContainer .text-center,
	#order-standard_cart #btnCompleteProductConfig {
		width: 100%;
		max-width: 100%;
	}
}


/* =========================================================
Rapidenet - Masquer la sidebar gauche sur mobile/tablette
========================================================= */
@media (max-width: 1199px) {
	#order-standard_cart .cart-sidebar {
		display: none !important;
	}

	#order-standard_cart .cart-body {
		width: 100% !important;
		float: none !important;
	}
	
	#order-standard_cart .cart-sidebar,
	#order-standard_cart .sidebar-collapsed {
		display: none !important;
	}

	#order-standard_cart .cart-body {
		width: 100% !important;
		float: none !important;
	}
}


/* =========================================================
Rapidenet - Vérifier & commander
========================================================= */

/* Titre page */
#order-standard_cart .header-lined {
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid #dde4ee;
}

#order-standard_cart .header-lined h1 {
	margin: 0;
	font-size: 52px;
	line-height: 1.05;
	font-weight: 300;
	letter-spacing: -0.03em;
	color: #202733;
}

/* Layout colonne droite */
#order-standard_cart .secondary-cart-sidebar {
	display: flex;
	flex-direction: column;
}

#order-standard_cart .secondary-cart-sidebar > * {
	width: 100%;
}

/* =========================================================
Carte Produits / Options
========================================================= */

#order-standard_cart .view-cart-items {
	overflow: hidden;
	margin: 0 0 22px;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 10px 26px rgba(16, 30, 52, 0.06);
}

#order-standard_cart .view-cart-items-header {
	margin: 0;
	padding: 14px 18px;
	background: linear-gradient(180deg, #fb5f57 0%, #f72c25 100%);
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	border-radius: 0;
}

#order-standard_cart .view-cart-items .item {
	padding: 18px 14px;
	background: #fff;
	border-bottom: 1px solid #e5ebf2;
	font-size: 14px;
}

#order-standard_cart .view-cart-items .item:nth-child(even) {
	background: #fbfcfe;
}

#order-standard_cart .view-cart-items .item-title {
	font-size: 1.7em;
	font-weight: 700;
	color: #203552;
}

#order-standard_cart .view-cart-items .item-group {
	margin-top: 2px;
	color: #68788f;
	font-size: 1.08em;
}

#order-standard_cart .view-cart-items .item-domain {
	margin-top: 4px;
	color: #1b5f96;
	font-weight: 500;
}

#order-standard_cart .view-cart-items .item-price {
	text-align: right;
	color: #2e3a4b;
}

#order-standard_cart .view-cart-items .item-price span {
	font-size: 1.65em;
	font-weight: 400;
	color: #2d3746;
}

#order-standard_cart .view-cart-items .item-price .cycle {
	font-size: 0.95em;
	color: #67798f;
}

#order-standard_cart .btn-remove-from-cart {
	color: #4a586d;
	transition: color 0.18s ease;
}

#order-standard_cart .btn-remove-from-cart:hover {
	color: #f72c25;
	text-decoration: none;
}

/* Lien modifier */
#order-standard_cart .view-cart-items .item a[href*="configure"] {
	color: #1b5f96;
	font-weight: 500;
	text-decoration: none;
}

#order-standard_cart .view-cart-items .item a[href*="configure"]:hover {
	color: #f72c25;
	text-decoration: none;
}

/* =========================================================
Vider le panier
========================================================= */

#order-standard_cart .empty-cart {
	margin: 12px 0 0;
	text-align: right;
	line-height: normal;
}

#order-standard_cart .empty-cart .btn,
#order-standard_cart .empty-cart a,
#order-standard_cart .btn.btn-default {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 16px;
	border: 1px solid #d7dee8;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%) !important;
	color: #30465f !important;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 4px 12px rgba(16, 30, 52, 0.05);
	text-decoration: none;
	opacity: 1 !important;
}

#order-standard_cart .empty-cart .btn:hover,
#order-standard_cart .empty-cart a:hover,
#order-standard_cart .btn.btn-default:hover {
	border-color: rgba(247, 44, 37, 0.30);
	color: #f72c25 !important;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
	text-decoration: none;
}

/* =========================================================
Bloc code promo
========================================================= */

#order-standard_cart .view-cart-tabs {
	overflow: hidden;
	margin: 0 0 24px;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(16, 30, 52, 0.05);
}

#order-standard_cart .view-cart-tabs .nav-tabs {
	padding: 0 14px;
	border-bottom: 1px solid #e5ebf2;
	background: #f8fbfe;
}

#order-standard_cart .view-cart-tabs .nav-tabs li,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-item {
	margin-bottom: -1px;
}

#order-standard_cart .view-cart-tabs .nav-tabs a,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link {
	margin-top: 10px;
	border: 1px solid transparent;
	border-bottom: 0;
	border-radius: 6px 6px 0 0;
	color: #5a6d83;
	font-weight: 600;
	background: transparent;
}

#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"],
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link.active {
	border-color: #dbe2ec #dbe2ec #fff;
	background: #fff;
	color: #1b5f96;
	font-weight: 700;
}

#order-standard_cart .view-cart-tabs .tab-content {
	padding: 18px;
	background: #fff;
}

#order-standard_cart .view-cart-tabs .form-group {
	margin-bottom: 12px;
}

#order-standard_cart .view-cart-tabs .form-control {
	height: 52px;
	border: 1px solid #d3dbe6;
	border-radius: 6px;
	background: #fff;
	color: #223750;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none;
}

#order-standard_cart .view-cart-tabs .form-control:focus {
	border-color: rgba(247, 44, 37, 0.45);
	box-shadow: 0 0 0 3px rgba(247, 44, 37, 0.10);
}

#order-standard_cart .view-cart-tabs .btn:not(.btn-checkout):not(.btn-primary):not(.btn-success) {
	width: 100%;
	height: 52px;
	border: 1px solid #d7dee8;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
	color: #30465f;
	font-size: 15px;
	font-weight: 700;
	box-shadow: none;
}

#order-standard_cart .view-cart-tabs .btn:not(.btn-checkout):not(.btn-primary):not(.btn-success):hover {
	border-color: rgba(247, 44, 37, 0.30);
	color: #f72c25;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

/* =========================================================
Résumé de commande
========================================================= */

#order-standard_cart .order-summary {
	overflow: hidden;
	margin: 0 0 18px;
	border: 1px solid #d6dde7;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(19, 35, 59, 0.08);
}

#order-standard_cart .order-summary h2 {
	margin: 0;
	padding: 18px 18px 16px;
	background: linear-gradient(180deg, #666666 0%, #5b5b5b 100%);
	color: #fff;
	text-align: center;
	font-size: 23px;
	font-weight: 300;
	border-bottom: 1px solid rgba(255,255,255,0.08);
}

#order-standard_cart .summary-container {
	padding: 16px 16px 14px;
	background: #fff;
	font-size: 14px;
	min-height: 100px;
}

#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .bordered-totals {
	border-color: #d9e0ea;
}

#order-standard_cart .order-summary .total-due-today .amt {
	font-size: 2.35em;
	font-weight: 300;
	color: #2a2f37;
	letter-spacing: -0.03em;
}

/* =========================================================
Bouton Passer la commande
========================================================= */

#order-standard_cart .secondary-cart-sidebar .text-center {
	width: 100%;
	margin: 0;
	padding: 0;
}

#order-standard_cart .btn-checkout,
#order-standard_cart .secondary-cart-sidebar .btn.btn-primary,
#order-standard_cart .secondary-cart-sidebar .btn.btn-success {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 58px;
	margin: 0;
	padding: 0 24px;
	border: 1px solid #df241d;
	border-radius: 6px;
	background: linear-gradient(180deg, #fb5f57 0%, #f72c25 100%);
	color: #fff;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-align: center;
	box-shadow: 0 12px 24px rgba(247, 44, 37, 0.20);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

#order-standard_cart .btn-checkout:hover,
#order-standard_cart .secondary-cart-sidebar .btn.btn-primary:hover,
#order-standard_cart .secondary-cart-sidebar .btn.btn-success:hover,
#order-standard_cart .btn-checkout:focus,
#order-standard_cart .secondary-cart-sidebar .btn.btn-primary:focus,
#order-standard_cart .secondary-cart-sidebar .btn.btn-success:focus {
	border-color: #d71f19;
	background: linear-gradient(180deg, #ff6d65 0%, #f72c25 100%);
	color: #fff;
	box-shadow: 0 14px 28px rgba(247, 44, 37, 0.26);
	transform: translateY(-1px);
}

/* Lien ajouter d'autres produits */
#order-standard_cart .secondary-cart-sidebar .btn-continue-shopping,
#order-standard_cart .secondary-cart-sidebar a[href*="cart.php?a=add"] {
	display: inline-block;
	margin-top: 10px;
	color: #55697f;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

#order-standard_cart .secondary-cart-sidebar .btn-continue-shopping:hover,
#order-standard_cart .secondary-cart-sidebar a[href*="cart.php?a=add"]:hover {
	color: #f72c25;
	text-decoration: none;
}

/* =========================================================
Responsive
========================================================= */

@media (max-width: 991px) {
	#order-standard_cart .header-lined h1 {
		font-size: 42px;
	}

	#order-standard_cart .view-cart-items .item-price,
	#order-standard_cart .view-cart-items .item-qty {
		text-align: left;
		margin-top: 10px;
	}

	#order-standard_cart .secondary-cart-sidebar {
		width: 100% !important;
		max-width: 100% !important;
		margin: 28px 0 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		float: none;
	}

	#order-standard_cart .order-summary,
	#order-standard_cart .btn-checkout,
	#order-standard_cart .secondary-cart-sidebar .btn.btn-primary,
	#order-standard_cart .secondary-cart-sidebar .btn.btn-success {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	#order-standard_cart .header-lined h1 {
		font-size: 34px;
	}

	#order-standard_cart .view-cart-items-header {
		padding: 12px 14px;
		font-size: 14px;
	}

	#order-standard_cart .view-cart-tabs .tab-content {
		padding: 14px;
	}
}

/* =========================================================
Rapidenet - Ajustements panier / code promo / vider panier
========================================================= */

/* enlever la petite ligne sous la carte produit */
#order-standard_cart .view-cart-items {
	border-bottom: 0 !important;
}

/* enlever la séparation sous la carte produit */
#order-standard_cart .empty-cart {
	border-top: 0 !important;
	padding-top: 0 !important;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 14px 0 22px !important;
	padding-right: 8px;
	text-align: right;
	background: transparent !important;
}

/* bouton vider le panier */
#order-standard_cart .empty-cart .btn,
#order-standard_cart .empty-cart a,
#order-standard_cart .empty-cart .btn.btn-default {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	border-radius: 6px;
	border: 1px solid rgba(247, 44, 37, 0.18) !important;
	background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
	color: #31465f !important;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 8px 18px rgba(15, 30, 50, 0.06);
	text-decoration: none !important;
}

#order-standard_cart .empty-cart .btn:hover,
#order-standard_cart .empty-cart a:hover,
#order-standard_cart .empty-cart .btn.btn-default:hover {
	color: #f72c25 !important;
	border-color: rgba(247, 44, 37, 0.32) !important;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
}

/* espace entre carte produit et promo */
#order-standard_cart .view-cart-tabs {
	margin-top: 28px !important;
	overflow: hidden;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: #fff;
	box-shadow: 0 8px 22px rgba(16, 30, 52, 0.05);
}

/* masquer seulement la barre d’onglets */
#order-standard_cart .view-cart-tabs .nav,
#order-standard_cart .view-cart-tabs .nav-tabs {
	display: none !important;
}

/* nettoyer le contenu */
#order-standard_cart .view-cart-tabs .tab-content {
	border-top: 0 !important;
	background: #fff !important;
	padding: 18px !important;
}

/* masquer estimation des taxes */
#order-standard_cart .view-cart-tabs .sub-heading,
#order-standard_cart .view-cart-tabs .row:has(select[name="country"]),
#order-standard_cart .view-cart-tabs .row:has(input[name="state"]),
#order-standard_cart .view-cart-tabs button[name="estimatetax"] {
	display: none !important;
}

/* Alignement icône champ code promo */
#order-standard_cart .view-cart-tabs .prepend-icon,
#order-standard_cart .view-cart-tabs .input-group,
#order-standard_cart .promo-code-container .prepend-icon {
	position: relative;
}

#order-standard_cart .view-cart-tabs .prepend-icon .field-icon,
#order-standard_cart .view-cart-tabs .field-icon,
#order-standard_cart .promo-code-container .prepend-icon .field-icon,
#order-standard_cart .promo-code-container .field-icon {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: #a7b1bf;
	pointer-events: none;
}

#order-standard_cart .view-cart-tabs .prepend-icon .field-icon i,
#order-standard_cart .view-cart-tabs .field-icon i,
#order-standard_cart .promo-code-container .prepend-icon .field-icon i,
#order-standard_cart .promo-code-container .field-icon i {
	position: static;
	font-size: 15px;
	line-height: 1;
	color: inherit;
}

/* espace texte pour ne pas chevaucher l’icône */
#order-standard_cart .view-cart-tabs .prepend-icon .form-control,
#order-standard_cart .view-cart-tabs .prepend-icon .field,
#order-standard_cart .promo-code-container .prepend-icon .form-control,
#order-standard_cart .promo-code-container .prepend-icon .field {
	padding-left: 46px !important;
}

/* ne pas toucher aux tab-pane ici */

/* mobile */
@media (max-width: 767px) {
	#order-standard_cart .empty-cart {
		justify-content: flex-start;
		padding-right: 0;
	}

	#order-standard_cart .empty-cart .btn,
	#order-standard_cart .empty-cart a,
	#order-standard_cart .empty-cart .btn.btn-default {
		width: 100%;
	}
}

/* =========================================================
Rapidenet - Header résumé de la commande
========================================================= */

#order-standard_cart .order-summary h2 {
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%) !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
	border-bottom: 0 !important;
	color: #fff !important;
}

/* ligne juste sous le header, dans le même esprit */
#order-standard_cart .order-summary .summary-container {
	border-top: 1px solid rgba(125, 36, 118, 0.20) !important;
}

/* ligne du bas de la carte résumé */
#order-standard_cart .order-summary {
	border-bottom: 3px solid rgba(25, 18, 38, 0.98) !important;
}



/* =========================================================
Rapidenet - Checkout complet (remplacement propre)
========================================================= */

/* ---------------------------------------------------------
Base
--------------------------------------------------------- */

#order-standard_cart .header-lined {
	margin-bottom: 22px;
	padding-bottom: 14px;
	border-bottom: 1px solid #dbe2ec;
}

#order-standard_cart .header-lined h1 {
	margin: 0 0 8px;
	font-size: 56px;
	line-height: 1.04;
	font-weight: 300;
	letter-spacing: -0.03em;
	color: #202733;
}

#order-standard_cart .checkout-main,
#order-standard_cart .account-select-container,
#order-standard_cart .cc-input-container,
#order-standard_cart .apply-credit-container {
	font-size: 15px;
	color: #31465f;
}

/* ---------------------------------------------------------
Sous-titres / séparateurs
--------------------------------------------------------- */

#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless {
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid rgba(76, 31, 122, 0.22);
	text-align: center;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
	display: inline-block;
	position: relative;
	top: -18px;
	padding: 10px 20px;
	border-radius: 6px;
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%) !important;
	color: #fff !important;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.05);
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

/* ---------------------------------------------------------
Choix du compte
--------------------------------------------------------- */

#order-standard_cart .account-select-container {
	border: 0;
	background: transparent;
}

#order-standard_cart .account-select-container div.account {
	margin-bottom: 12px;
	padding: 16px 18px;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
	box-shadow: 0 6px 18px rgba(16, 30, 52, 0.05);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#order-standard_cart .account-select-container div.account:hover {
	border-color: #cfd8e5;
	box-shadow: 0 10px 22px rgba(16, 30, 52, 0.07);
}

#order-standard_cart .account-select-container div.account.active {
	border-color: rgba(247, 44, 37, 0.22);
	background: linear-gradient(180deg, #fffefe 0%, #fff9f9 100%);
	box-shadow: 0 0 0 1px rgba(247, 44, 37, 0.05) inset,
	0 10px 22px rgba(16, 30, 52, 0.06);
}

#order-standard_cart .account-select-container .account .label,
#order-standard_cart .account-select-container .account .badge,
#order-standard_cart .account-select-container .account span.label,
#order-standard_cart .account-select-container .account span.badge {
	display: none !important;
}

#order-standard_cart .account-select-container div.account.active,
#order-standard_cart .account-select-container div.account.active strong,
#order-standard_cart .account-select-container div.account.active .account-name {
	color: #f72c25;
}

#order-standard_cart .account-select-container div.account:last-child,
#order-standard_cart .account-select-container div.account:last-child * {
	color: #44586f !important;
	font-weight: 500;
}

/* ---------------------------------------------------------
reCAPTCHA
--------------------------------------------------------- */

#order-standard_cart .captcha-container,
#order-standard_cart .recaptcha-container {
	text-align: center;
}

#order-standard_cart .captcha-container #google-recaptcha,
#order-standard_cart .recaptcha-container > div {
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------------------------------------
Bandeau total
--------------------------------------------------------- */

#order-standard_cart .alert.alert-success,
#order-standard_cart .checkout-total,
#order-standard_cart .total-due-alert {
	border: 1px solid rgba(39, 121, 76, 0.12);
	border-radius: 6px;
	background: linear-gradient(180deg, #edf9f0 0%, #dff2e4 100%);
	color: #2f6f48;
	box-shadow: 0 6px 18px rgba(45, 95, 60, 0.06);
}

#order-standard_cart .alert.alert-success {
	padding: 16px 20px;
	font-size: 16px;
	font-weight: 500;
}

/* ---------------------------------------------------------
Texte "Veuillez choisir votre mode de paiement"
--------------------------------------------------------- */

#order-standard_cart .alert.alert-success + p,
#order-standard_cart .checkout-total + p,
#order-standard_cart .total-due-alert + p,
#order-standard_cart p.payment-gateway-desc,
#order-standard_cart .payment-gateway-desc {
	margin: 22px 0 26px !important;
	text-align: center;
	font-size: 22px;
	line-height: 1.35;
	font-weight: 600;
	color: #3f536d;
}

/* ---------------------------------------------------------
Champs formulaire
--------------------------------------------------------- */

#order-standard_cart .form-control,
#order-standard_cart .field,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="password"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart select,
#order-standard_cart textarea {
	height: 52px;
	border: 1px solid #d3dbe6;
	border-radius: 6px;
	background: #fff;
	color: #223750;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

#order-standard_cart textarea {
	height: auto;
	min-height: 120px;
	padding-top: 12px;
	padding-bottom: 12px;
}

#order-standard_cart .form-control:focus,
#order-standard_cart .field:focus,
#order-standard_cart input:focus,
#order-standard_cart select:focus,
#order-standard_cart textarea:focus {
	border-color: rgba(247, 44, 37, 0.45);
	box-shadow: 0 0 0 3px rgba(247, 44, 37, 0.10);
	background: #fff;
}

#order-standard_cart select.form-control,
#order-standard_cart select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 46px !important;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23566b86' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 14px 14px;
}

#order-standard_cart select::-ms-expand {
	display: none;
}

/* ---------------------------------------------------------
Radios / iCheck rouges
--------------------------------------------------------- */

#order-standard_cart .iradio_square-blue {
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: #fff !important;
	border: 1px solid #d9c3c1;
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7);
	background-image: none !important;
}

#order-standard_cart .iradio_square-blue.checked {
	background: #f72c25 !important;
	border-color: #f72c25;
	box-shadow: 0 0 0 4px rgba(247, 44, 37, 0.12), inset 0 0 0 6px #f72c25;
}

#order-standard_cart .iradio_square-blue.checked::after {
	content: "";
	position: absolute;
	top: 7px;
	left: 7px;
	width: 12px;
	height: 7px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg);
}

#order-standard_cart .iradio_square-blue .iCheck-helper {
	border-radius: 999px;
}

/* ---------------------------------------------------------
Méthodes de paiement premium
--------------------------------------------------------- */

#order-standard_cart .payment-methods,
#order-standard_cart .paymethod-info {
	color: #3d516a;
}

#order-standard_cart .paymethod-info {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	min-height: 56px;
	margin: 0 10px 12px 0;
	padding: 0 18px 0 46px;
	border: 1px solid #d8e0ea;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
	color: #3d516a !important;
	font-size: 16px;
	font-weight: 700;
	box-shadow: 0 6px 18px rgba(16, 30, 52, 0.05);
	cursor: pointer;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, color 0.18s ease;
}

#order-standard_cart .paymethod-info:hover {
	border-color: rgba(247, 44, 37, 0.28);
	color: #f72c25 !important;
	box-shadow: 0 10px 22px rgba(16, 30, 52, 0.08);
}

#order-standard_cart .paymethod-info .iradio_square-blue {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 0 !important;
}

#order-standard_cart .paymethod-info:has(.iradio_square-blue.checked) {
	border-color: rgba(247, 44, 37, 0.34);
	background: linear-gradient(180deg, #fff8f8 0%, #ffffff 100%);
	color: #f72c25 !important;
	box-shadow: 0 0 0 1px rgba(247, 44, 37, 0.05) inset,
	0 10px 22px rgba(16, 30, 52, 0.08);
}

/* ---------------------------------------------------------
Bloc carte de crédit
--------------------------------------------------------- */

#order-standard_cart .cc-input-container {
	margin-top: 14px;
	padding: 18px;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
	box-shadow: 0 8px 22px rgba(18, 34, 58, 0.05);
}

/* on neutralise les faux styles premium internes */
#order-standard_cart .cc-input-container .paymethod-info,
#order-standard_cart .cc-input-container .radio-inline,
#order-standard_cart .cc-input-container label {
	display: inline-flex !important;
	align-items: center;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #3d516a !important;
	font-size: 15px;
	font-weight: 500;
}

#order-standard_cart .cc-input-container .paymethod-info:has(.iradio_square-blue.checked),
#order-standard_cart .cc-input-container .radio-inline:has(.iradio_square-blue.checked),
#order-standard_cart .cc-input-container label:has(.iradio_square-blue.checked) {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #3d516a !important;
}

#order-standard_cart .cc-input-container .paymethod-info .iradio_square-blue,
#order-standard_cart .cc-input-container .radio-inline .iradio_square-blue,
#order-standard_cart .cc-input-container label .iradio_square-blue {
	position: relative;
	left: auto;
	top: auto;
	transform: none;
	margin-right: 10px !important;
	flex: 0 0 auto;
}

/* ---------------------------------------------------------
Existing cards - variante agressive
CVV sur la même ligne
--------------------------------------------------------- */

#order-standard_cart #existingCardsContainer,
#order-standard_cart .existingCardsContainer {
	margin-top: 18px;
	padding: 16px 16px 14px;
	border: 1px solid #dbe2ec;
	border-radius: 6px;
	background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
	box-shadow: 0 8px 22px rgba(18, 34, 58, 0.05);
}

#order-standard_cart #existingCardsContainer .existing-cc-grid,
#order-standard_cart .existingCardsContainer .existing-cc-grid,
#order-standard_cart #existingCardsContainer .existing-card,
#order-standard_cart .existingCardsContainer .existing-card {
	display: grid;
	grid-template-columns: 34px 34px 110px 150px 90px 170px 44px;
	align-items: center;
	justify-content: start;
	column-gap: 12px;
	row-gap: 0;
	width: auto !important;
	max-width: 820px;
}

#order-standard_cart #existingCardsContainer .existing-cc-grid > *,
#order-standard_cart .existingCardsContainer .existing-cc-grid > *,
#order-standard_cart #existingCardsContainer .existing-card > *,
#order-standard_cart .existingCardsContainer .existing-card > * {
	min-width: 0;
}

#order-standard_cart #existingCardsContainer,
#order-standard_cart .existingCardsContainer,
#order-standard_cart #existingCardsContainer *:not(input):not(select):not(textarea):not(button),
#order-standard_cart .existingCardsContainer *:not(input):not(select):not(textarea):not(button) {
	color: #44586f;
	font-size: 14px;
}

#order-standard_cart #existingCardsContainer .card-number,
#order-standard_cart .existingCardsContainer .card-number,
#order-standard_cart #existingCardsContainer .card-description,
#order-standard_cart .existingCardsContainer .card-description,
#order-standard_cart #existingCardsContainer .expiry-date,
#order-standard_cart .existingCardsContainer .expiry-date {
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
}

/* CVV directement sur la même ligne */
#order-standard_cart #existingCardsContainer .cvv-container,
#order-standard_cart .existingCardsContainer .cvv-container {
	display: contents;
}

#order-standard_cart #existingCardsContainer input[name*="cccvv"],
#order-standard_cart .existingCardsContainer input[name*="cccvv"],
#order-standard_cart #existingCardsContainer input[id*="cccvv"],
#order-standard_cart .existingCardsContainer input[id*="cccvv"] {
	width: 170px;
	height: 46px;
	border: 1px solid #d3dbe6;
	border-radius: 6px;
	background: #fff;
	padding-left: 42px !important;
	padding-right: 12px;
	box-shadow: none;
}

#order-standard_cart #existingCardsContainer .cvv-container .btn,
#order-standard_cart .existingCardsContainer .cvv-container .btn,
#order-standard_cart #existingCardsContainer .cvv-container button,
#order-standard_cart .existingCardsContainer .cvv-container button {
	width: 44px;
	min-width: 44px;
	height: 46px;
	padding: 0;
	border-radius: 6px;
}

/* alignement icône CVV */
#order-standard_cart #existingCardsContainer .prepend-icon,
#order-standard_cart .existingCardsContainer .prepend-icon {
	position: relative;
}

#order-standard_cart #existingCardsContainer .prepend-icon .field-icon,
#order-standard_cart .existingCardsContainer .prepend-icon .field-icon {
	position: absolute;
	top: 50%;
	left: 13px;
	width: 15px;
	height: 15px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	color: #b0b8c3;
	pointer-events: none;
}

#order-standard_cart #existingCardsContainer .prepend-icon .field-icon i,
#order-standard_cart .existingCardsContainer .prepend-icon .field-icon i {
	position: static;
	font-size: 13px;
	line-height: 1;
	color: inherit;
}

/* nouvelle carte */
#order-standard_cart #existingCardsContainer .new-card-option,
#order-standard_cart .existingCardsContainer .new-card-option,
#order-standard_cart #existingCardsContainer .radio-inline:last-child,
#order-standard_cart .existingCardsContainer .radio-inline:last-child {
	display: flex !important;
	align-items: center;
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid #e5ebf2;
}

/* ---------------------------------------------------------
Bouton principal
--------------------------------------------------------- */

#order-standard_cart .text-center {
	margin-top: 24px;
}

#order-standard_cart .btn-checkout,
#order-standard_cart button[type="submit"].btn-primary,
#order-standard_cart .btn.btn-primary.btn-lg,
#order-standard_cart .checkout-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	/*min-width: 320px;*/
	height: 68px;
	padding: 0 34px;
	border: 1px solid #df241d;
	border-radius: 6px;
	background: linear-gradient(180deg, #fb5f57 0%, #f72c25 100%);
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 0.01em;
	text-align: center;
	box-shadow: 0 14px 28px rgba(247, 44, 37, 0.20);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

#order-standard_cart .btn-checkout:hover,
#order-standard_cart button[type="submit"].btn-primary:hover,
#order-standard_cart .btn.btn-primary.btn-lg:hover,
#order-standard_cart .checkout-btn:hover,
#order-standard_cart .btn-checkout:focus,
#order-standard_cart button[type="submit"].btn-primary:focus,
#order-standard_cart .btn.btn-primary.btn-lg:focus,
#order-standard_cart .checkout-btn:focus {
	border-color: #d71f19;
	background: linear-gradient(180deg, #ff6d65 0%, #f72c25 100%);
	color: #fff;
	box-shadow: 0 16px 30px rgba(247, 44, 37, 0.26);
	transform: translateY(-1px);
}

#order-standard_cart .text-center .btn-checkout,
#order-standard_cart .text-center button[type="submit"].btn-primary,
#order-standard_cart .text-center .btn.btn-primary.btn-lg {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
}

/* ---------------------------------------------------------
Bandeau sécurité
--------------------------------------------------------- */

#order-standard_cart .checkout-security-msg,
#order-standard_cart .alert.alert-warning {
	position: relative;
	margin: 26px 0 0;
	padding: 18px 22px 18px 74px !important;
	border: 1px solid #ead79b;
	border-radius: 6px;
	background: linear-gradient(180deg, #fff6d8 0%, #f8edc8 100%);
	color: #7a6420 !important;
	box-shadow: 0 4px 14px rgba(110, 90, 20, 0.06);
	overflow: hidden;
}

#order-standard_cart .checkout-security-msg i,
#order-standard_cart .alert.alert-warning i {
	position: absolute;
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 !important;
	width: 28px;
	text-align: center;
	font-size: 2em;
	color: #9d7a10;
}

#order-standard_cart .checkout-security-msg,
#order-standard_cart .checkout-security-msg *:not(i),
#order-standard_cart .alert.alert-warning,
#order-standard_cart .alert.alert-warning *:not(i) {
	color: #8a6d1f !important;
}

/* ---------------------------------------------------------
Responsive
--------------------------------------------------------- */

@media (max-width: 991px) {
	#order-standard_cart .header-lined h1 {
		font-size: 42px;
	}

	#order-standard_cart .btn-checkout,
	#order-standard_cart button[type="submit"].btn-primary,
	#order-standard_cart .btn.btn-primary.btn-lg,
	#order-standard_cart .checkout-btn {
		width: 100%;
		min-width: 0;
	}

	#order-standard_cart .alert.alert-success + p,
	#order-standard_cart .checkout-total + p,
	#order-standard_cart .total-due-alert + p,
	#order-standard_cart p.payment-gateway-desc,
	#order-standard_cart .payment-gateway-desc {
		font-size: 19px;
		margin: 18px 0 22px !important;
	}

	#order-standard_cart #existingCardsContainer .existing-cc-grid,
	#order-standard_cart .existingCardsContainer .existing-cc-grid,
	#order-standard_cart #existingCardsContainer .existing-card,
	#order-standard_cart .existingCardsContainer .existing-card {
		grid-template-columns: 34px 34px 120px 1fr 100px !important;
		row-gap: 12px;
		max-width: 100%;
	}

	#order-standard_cart #existingCardsContainer .cvv-container,
	#order-standard_cart .existingCardsContainer .cvv-container {
		display: flex;
		grid-column: 1 / -1;
		gap: 8px;
		margin-top: 0;
	}
}

@media (max-width: 575px) {
	#order-standard_cart .header-lined h1 {
		font-size: 34px;
	}

	#order-standard_cart .cc-input-container {
		padding: 16px;
	}

	#order-standard_cart .alert.alert-success,
	#order-standard_cart .alert.alert-warning {
		padding: 14px 16px;
	}

	#order-standard_cart .checkout-security-msg {
		padding: 16px 16px 16px 58px !important;
	}

	#order-standard_cart .checkout-security-msg i,
	#order-standard_cart .alert.alert-warning i {
		left: 16px;
		font-size: 1.7em;
	}

	#order-standard_cart .alert.alert-success + p,
	#order-standard_cart .checkout-total + p,
	#order-standard_cart .total-due-alert + p,
	#order-standard_cart p.payment-gateway-desc,
	#order-standard_cart .payment-gateway-desc {
		font-size: 17px;
	}

	#order-standard_cart .paymethod-info {
		display: flex !important;
		width: 100%;
		margin-right: 0;
	}

	#order-standard_cart #existingCardsContainer .existing-cc-grid,
	#order-standard_cart .existingCardsContainer .existing-cc-grid,
	#order-standard_cart #existingCardsContainer .existing-card,
	#order-standard_cart .existingCardsContainer .existing-card {
		grid-template-columns: 34px 1fr !important;
	}

	#order-standard_cart #existingCardsContainer .cvv-container,
	#order-standard_cart .existingCardsContainer .cvv-container {
		display: flex;
		max-width: 100%;
	}

	#order-standard_cart #existingCardsContainer input[name*="cccvv"],
	#order-standard_cart .existingCardsContainer input[name*="cccvv"],
	#order-standard_cart #existingCardsContainer input[id*="cccvv"],
	#order-standard_cart .existingCardsContainer input[id*="cccvv"] {
		width: 100%;
	}
}

/* =========================================================
Rapidenet - Alignement icônes dans les inputs checkout
========================================================= */

#order-standard_cart .prepend-icon {
	position: relative;
}

#order-standard_cart .prepend-icon .field-icon {
	position: absolute;
	top: 50%!important;
	left: 5px;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	pointer-events: none;
}

#order-standard_cart .prepend-icon .field-icon i,
#order-standard_cart .prepend-icon .field-icon .fas,
#order-standard_cart .prepend-icon .field-icon .far,
#order-standard_cart .prepend-icon .field-icon .fal,
#order-standard_cart .prepend-icon .field-icon .fab {
	position: static !important;
	margin: 0 !important;
	font-size: 15px;
	line-height: 1 !important;
	color: inherit;
}

/* espace entre icône et texte - sauf téléphone */
#order-standard_cart .prepend-icon .field,
#order-standard_cart .prepend-icon .form-control:not([type="tel"]),
#order-standard_cart .prepend-icon input:not([type="tel"]),
#order-standard_cart .prepend-icon select,
#order-standard_cart .prepend-icon textarea {
	padding-left: 58px !important;
}

/* petit ajustement pour les selects */
#order-standard_cart .prepend-icon select.form-control,
#order-standard_cart .prepend-icon select {
	padding-left: 46px !important;
	padding-right: 46px !important;
}

/* Correctif champ téléphone */
#order-standard_cart input[type="tel"],
#order-standard_cart .intl-tel-input input,
#order-standard_cart .iti input,
#order-standard_cart .telephone-input input {
	padding-left: 90px !important;
}

/* garde le bloc drapeau bien collé à gauche */
#order-standard_cart .intl-tel-input .flag-container,
#order-standard_cart .iti__flag-container,
#order-standard_cart .iti .iti__flag-container {
	left: 0 !important;
}







/* =========================================================
RAPIDENET - CLIENT AREA DOMAINS
========================================================= */

.rn-domains-wrap {
	margin: 0;
	overflow: visible !important;
}

.rn-domains-card {
	background: #ffffff;
	border: 1px solid #d8dde7;
	border-radius: 10px;
	overflow: hidden !important;
	box-shadow: 0 16px 34px rgba(17, 24, 39, 0.10);
}

.rn-domains-table {
	margin: 0 !important;
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	background: transparent;
}

#tableDomainsList {
	margin: 0 !important;
	width: 100% !important;
	background: transparent;
	overflow: visible !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#tableDomainsList_wrapper {
	border-radius: 10px;
	overflow: hidden !important;
	background: #fff;
}

#tableDomainsList_wrapper > .row:first-child {
	position: relative;
	margin: 0;
	padding: 0 290px 0 0;
	min-height: 66px;
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%),
	linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: visible !important;
}

#tableDomainsList_wrapper > .row:first-child > div:first-child {
	display: flex;
	align-items: center;
	min-height: 66px;
}

#tableDomainsList_wrapper .dataTables_info {
	margin: 0;
	padding: 0 22px !important;
	color: #fff !important;
	font-size: 1rem;
	font-weight: 700;
	line-height: 66px;
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%), radial-gradient(circle at 80% 10%, rgba(76, 31, 122, 0.14) 0%, rgba(76, 31, 122, 0) 28%), linear-gradient(180deg, rgba(25, 18, 38, 0.98) 0%, rgba(18, 14, 29, 0.98) 100%) !important;
}

#tableDomainsList_wrapper .dataTables_filter {
	position: absolute;
	top: 14px;
	right: 25px;
	margin: 0 !important;
	float: none !important;
}

#tableDomainsList_wrapper .dataTables_filter label {
	position: relative;
	margin: 0 !important;
}

#tableDomainsList_wrapper .dataTables_filter label::before {
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	font-size: 18px;
	color: #b8c1cf;
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

#tableDomainsList_wrapper .dataTables_filter input {
	margin: 0 !important;
	width: 275px;
	height: 42px;
	border: 1px solid rgba(220, 226, 236, 0.95) !important;
	border-radius: 10px !important;
	background: #f3f4f7 !important;
	padding: 8px 14px 8px 46px !important;
	color: #3d4656 !important;
	box-shadow: none !important;
	font-size: 14px;
}

#tableDomainsList thead th {
	background: #dfe2e7;
	color: #404653;
	font-size: 14px;
	font-weight: 500;
	border-top: 0 !important;
	border-bottom: 1px solid #cfd5de !important;
	padding: 16px 14px !important;
	vertical-align: middle !important;
	white-space: nowrap;
}

#tableDomainsList tbody td {
	background: #f7f7f9;
	border-top: 1px solid #dfe4ea !important;
	padding: 16px 14px !important;
	vertical-align: middle !important;
	color: #333b49;
}

#tableDomainsList tbody tr:nth-child(even) td {
	background: #f2f3f6;
}

#tableDomainsList tbody tr:hover td {
	background: #eef1f6;
}

.rn-domains-col-check,
.rn-domains-check-cell {
	width: 48px;
	text-align: center;
}

.rn-domains-col-renew,
.rn-domains-renew-cell {
	width: 92px;
	text-align: center;
}

.rn-domains-col-status,
.rn-domains-status-cell {
	width: 110px;
	text-align: center;
}

.rn-domains-col-manage,
.rn-domains-manage-cell {
	width: 92px;
	text-align: center;
}

.rn-domains-col-more,
.rn-domains-more-cell {
	width: 82px;
	text-align: center;
}

.rn-domains-more-cell,
.rn-domains-more-group,
.rn-domains-dropdown-menu,
.domainMenu {
	overflow: visible !important;
}

#tableDomainsList td a {
	text-decoration: none;
	color: #2f6fd6;
}

#tableDomainsList td a:hover {
	text-decoration: underline;
	color: #1f5fc7;
}

.rn-domains-th-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 300;
}

.rn-domains-domain-cell {
	font-weight: 600;
	color: #2f3744;
}

.rn-domains-date-cell {
	color: #4a5260;
	font-weight: 500;
}

.rn-domains-renew-text-disabled {
	font-size: 12px;
	color: #8b95a5;
}

.rn-domains-status-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}

.rn-domains-status-wrap .label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	min-width: 42px;
	padding: 0 !important;
	border-radius: 999px !important;
	font-size: 0 !important;
	line-height: 1 !important;
	box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
	border: 0 !important;
	overflow: hidden;
	position: relative;
	text-indent: 0;
	color: transparent !important;
}

.rn-domains-status-wrap .label::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
}

.rn-domains-status-wrap .label.rn-domain-badge-active {
	background: linear-gradient(180deg, #37c86a 0%, #21a74f 100%) !important;
}
.rn-domains-status-wrap .label.rn-domain-badge-active::before {
	content: "\f00c";
}

.rn-domains-status-wrap .label.rn-domain-badge-pending {
	background: linear-gradient(180deg, #f59f0b 0%, #dd7f00 100%) !important;
}
.rn-domains-status-wrap .label.rn-domain-badge-pending::before {
	content: "\f017";
}

.rn-domains-status-wrap .label.rn-domain-badge-expired {
	background: linear-gradient(180deg, #f45b5b 0%, #d63031 100%) !important;
}
.rn-domains-status-wrap .label.rn-domain-badge-expired::before {
	content: "\f071";
}

.rn-domains-status-wrap .label.rn-domain-badge-cancelled {
	background: linear-gradient(180deg, #7e8797 0%, #596273 100%) !important;
}
.rn-domains-status-wrap .label.rn-domain-badge-cancelled::before {
	content: "\f00d";
}

.rn-domains-status-wrap .label.rn-domain-badge-fraud {
	background: linear-gradient(180deg, #dc2626 0%, #991b1b 100%) !important;
}
.rn-domains-status-wrap .label.rn-domain-badge-fraud::before {
	content: "\f071";
}

.rn-domains-status-wrap .label.rn-domain-badge-other {
	background: linear-gradient(180deg, #64748b 0%, #475569 100%) !important;
}
.rn-domains-status-wrap .label.rn-domain-badge-other::before {
	content: "\f128";
}

.rn-domains-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.rn-domains-btn:hover,
.rn-domains-btn:focus {
	text-decoration: none !important;
	transform: translateY(-1px);
}

.rn-domains-btn-manage {
	min-width: 52px;
	min-height: 42px;
	padding: 10px 12px;
	border: 0 !important;
	border-radius: 10px !important;
	background: linear-gradient(135deg, #31b7df 0%, #1987e6 100%) !important;
	color: #fff !important;
	font-size: 15px;
	box-shadow: 0 10px 22px rgba(25, 135, 230, 0.22);
}

.rn-domains-btn-manage:hover,
.rn-domains-btn-manage:focus {
	color: #fff !important;
	filter: brightness(1.03);
	box-shadow: 0 12px 24px rgba(25, 135, 230, 0.28);
}

.rn-domains-more-group {
	position: relative;
	overflow: visible !important;
}

.rn-domains-btn-more {
	width: 44px;
	height: 46px;
	border-radius: 10px !important;
	border: 1px solid #d7dde7 !important;
	background: #ffffff !important;
	color: #2b3342 !important;
	box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
	font-size: 15px;
}

.rn-domains-btn-more:hover,
.rn-domains-btn-more:focus {
	background: #fafbfc !important;
	color: #111827 !important;
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
}

.rn-domains-btn-more.dropdown-toggle::after {
	display: none !important;
}

.rn-domains-more-group .dropdown-menu,
.domainMenu {
	min-width: 245px;
	border: 1px solid #dbe2ea;
	border-radius: 10px;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
	padding: 8px 0;
	z-index: 99999 !important;
	background: #fff;
}

.rn-domains-more-group .dropdown-item,
.domainMenu .dropdown-item,
.rn-domains-bulk-group .dropdown-item {
	padding: 10px 14px;
	font-weight: 500;
	color: #2b3342;
	text-decoration: none !important;
}

.rn-domains-more-group .dropdown-item:hover,
.rn-domains-more-group .dropdown-item:focus,
.domainMenu .dropdown-item:hover,
.domainMenu .dropdown-item:focus,
.rn-domains-bulk-group .dropdown-item:hover,
.rn-domains-bulk-group .dropdown-item:focus {
	background: linear-gradient(180deg, rgba(250, 58, 50, 0.95) 0%, rgba(247, 44, 37, 0.95) 100%) !important;
	color: #fff !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.rn-domains-more-group .dropdown-item i,
.domainMenu .dropdown-item i,
.rn-domains-bulk-group .dropdown-item i {
	width: 18px;
	margin-right: 6px;
}

.rn-domains-more-group .dropdown-item:hover i,
.rn-domains-more-group .dropdown-item:focus i,
.domainMenu .dropdown-item:hover i,
.domainMenu .dropdown-item:focus i,
.rn-domains-bulk-group .dropdown-item:hover i,
.rn-domains-bulk-group .dropdown-item:focus i {
	color: #fff !important;
}

.rn-domains-menu-floating {
	position: absolute !important;
	z-index: 999999 !important;
}

#tableDomainsList_wrapper .dataTables_length,
#tableDomainsList_wrapper .dataTables_paginate {
	padding: 14px 18px 16px !important;
}

#tableDomainsList_wrapper .dataTables_length label {
	font-weight: 500;
	color: #3d4656;
	margin-bottom: 0;
}

#tableDomainsList_wrapper .dataTables_length select {
	border-radius: 10px !important;
	height: 44px;
	border: 1px solid #d7dde7 !important;
	background: #fff !important;
	padding-left: 12px;
	padding-right: 34px;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.05);
}

#tableDomainsList_wrapper .pagination > li > a,
#tableDomainsList_wrapper .pagination > li > span {
	border-radius: 10px !important;
	margin: 0 3px;
	min-width: 42px;
	height: 38px;
	line-height: 24px;
	text-align: center;
	border: 1px solid #d7dde7;
	color: #5d6677;
	background: #fff;
}

#tableDomainsList_wrapper .pagination > .active > a,
#tableDomainsList_wrapper .pagination > .active > span,
#tableDomainsList_wrapper .pagination > .active > a:hover,
#tableDomainsList_wrapper .pagination > .active > span:hover,
#tableDomainsList_wrapper .pagination > .active > a:focus,
#tableDomainsList_wrapper .pagination > .active > span:focus {
	background: radial-gradient(circle at 20% 20%, rgba(125, 36, 118, 0.18) 0%, rgba(125, 36, 118, 0) 30%),
	linear-gradient(180deg, rgba(76, 31, 122, 0.98) 0%, rgba(25, 18, 38, 0.98) 100%);
	border-color: #4c1f7a;
	color: #fff;
}

.rn-domains-bulk-group {
	margin-top: 6px;
	margin-bottom: 10px;
}

.rn-domains-bulk-group .btn {
	border-radius: 10px !important;
	padding: 10px 15px !important;
}

.table-container,
.table-container .table,
.table-container .table-responsive,
#tableDomainsList,
#tableDomainsList tbody,
#tableDomainsList tr,
#tableDomainsList td,
.rn-domains-more-group,
.rn-domains-more-group .dropdown-menu,
.domainMenu {
	overflow: visible !important;
}

.rn-domains-more-group .dropdown-menu,
.domainMenu,
.rn-domains-dropdown-menu {
	min-width: 350px !important;
	width: 350px !important;
	max-width: 350px !important;
	border: 1px solid #dbe2ea;
	border-radius: 10px;
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
	padding: 8px 0;
	background: #fff;
	white-space: nowrap;
}

.rn-domains-menu-floating {
	position: absolute !important;
	z-index: 999999 !important;
	width: 350px !important;
	min-width: 350px !important;
	max-width: 350px !important;
}

@media (max-width: 991.98px) {
	#tableDomainsList_wrapper > .row:first-child {
		padding-right: 16px;
		padding-bottom: 64px;
		min-width: 930px;
	}

	#tableDomainsList_wrapper > .row:first-child > div:first-child {
		min-height: 58px !important;
	}

	#tableDomainsList_wrapper .listtable {
		display: block;
		width: 100%;
		max-width: 100%;
		overflow-x: auto !important;
		overflow-y: hidden !important;
		-webkit-overflow-scrolling: touch;
	}

	#tableDomainsList {
		min-width: 930px !important;
		width: 930px !important;
	}

	#tableDomainsList_info {
		min-width: 930px;
		width: 930px;
		box-sizing: border-box;
	}

	#tableDomainsList_wrapper .dataTables_info {
		padding: 0 14px !important;
		font-size: 0.95rem !important;
		line-height: 58px !important;
		white-space: nowrap;
	}

	#tableDomainsList_wrapper .dataTables_filter {
		position: absolute !important;
		top: 11px !important;
		right: 25px !important;
		left: auto !important;
		bottom: auto !important;
		width: auto !important;
	}

	#tableDomainsList_wrapper .dataTables_filter input,
	#tableDomainsList_wrapper .dataTables_filter input[type="search"] {
		width: 180px !important;
		min-width: 180px !important;
		max-width: 42vw !important;
		height: 38px !important;
		padding: 7px 12px 7px 40px !important;
		font-size: 13px !important;
	}

	#tableDomainsList_wrapper .dataTables_filter label::before {
		left: 13px !important;
		font-size: 15px !important;
	}
}

@media (max-width: 575.98px) {
	#tableDomainsList_wrapper > .row:first-child {
		min-width: 880px;
		padding-right: 150px !important;
		min-height: 54px !important;
	}

	#tableDomainsList_wrapper > .row:first-child > div:first-child {
		min-height: 54px !important;
	}

	#tableDomainsList {
		min-width: 880px !important;
		width: 880px !important;
	}

	#tableDomainsList_info {
		min-width: 880px;
		width: 880px;
		box-sizing: border-box;
	}

	#tableDomainsList_wrapper .dataTables_info {
		padding: 0 12px !important;
		font-size: 0.88rem !important;
		line-height: 54px !important;
	}

	#tableDomainsList_wrapper .dataTables_filter {
		top: 78px !important;
		right: 14px !important;
	}

	#tableDomainsList_wrapper .dataTables_filter input,
	#tableDomainsList_wrapper .dataTables_filter input[type="search"] {
		width: 138px !important;
		min-width: 138px !important;
		max-width: 44vw !important;
		height: 36px !important;
		padding-left: 36px !important;
		font-size: 12px !important;
	}

	#tableDomainsList_wrapper .dataTables_filter label::before {
		left: 12px !important;
		font-size: 14px !important;
	}

	.rn-domains-bulk-group .btn {
		padding: 9px 12px !important;
		font-size: 13px;
	}
}

/* Toggle autorenew */
/* slider tableau domaines */
.data-auto-renew-switch,
.data-reglock-switch {
	position: relative;
	display: inline-block;
	width: 34px;
	height: 20px;
	vertical-align: middle;
	margin: 0;
}

.data-auto-renew-switch input,
.data-reglock-switch input {
	position: absolute;
	opacity: 0 !important;
	pointer-events: none;
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
}

.data-auto-renew-switch .slider,
.data-reglock-switch .slider {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background-color: #c8ced8;
	transition: .25s ease;
	border-radius: 34px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.05);
}

.data-auto-renew-switch .slider:before,
.data-reglock-switch .slider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	transition: .25s ease;
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0,0,0,.18);
}

.data-auto-renew-switch input:checked + .slider,
.data-reglock-switch input:checked + .slider {
	background: linear-gradient(180deg, #39c96d 0%, #20a74d 100%);
}

.data-auto-renew-switch input:checked + .slider:before,
.data-reglock-switch input:checked + .slider:before {
	transform: translateX(14px);
}

.data-auto-renew-switch .slider.is-loading,
.data-reglock-switch .slider.is-loading,
.data-auto-renew-switch .is-loading + .slider,
.data-reglock-switch .is-loading + .slider {
	background: #111 !important;
}

.rn-domains-renew-cell {
	text-align: center;
	width: 90px;
}

.rn-domains-renew-text-disabled {
	font-size: 12px;
	color: #8b95a5;
}