body[id^="module-allinone_rewards"] ::-webkit-scrollbar {
	height: 8px;
}

body[id^="module-allinone_rewards"] ::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px; /* arrondi du rail */
}

body[id^="module-allinone_rewards"] ::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 10px; /* arrondi du curseur */
}

body[id^="module-allinone_rewards"] ::-webkit-scrollbar-thumb:hover {
	background: #555;
}


#module-allinone_rewards-rewards #content,
#module-allinone_rewards-sponsorship #content {
    background: #fff;
    padding: 1rem;
    font-size: .875rem;
    color: #878787;
}

.rewards .form-footer button {
	display: block;
	margin: 0 auto;
}

.rewards table th {
	text-transform: uppercase;
}

/***************/
/* Sponsorship */
/***************/
.rewards .block_hidden_only_for_screen {
	display: none !important;
}

.rewards {
	/* overflow: auto; */
	font-size: .875rem;
	color: #878787;
}

.rewards label {
	color: #878787;
}

.rewards div.sheets {
	padding: 15px 15px 15px 15px;
	border: solid 1px #DDDDDD;
	clear: both;
	overflow-x: visible;
}

.rewards .idTabs {
	display: flex;
	margin-bottom: 0;
	list-style-type: none;
}

@media (max-width: 575.98px) {
	.rewards .idTabs {
		display: block;
	}
}

.rewards .idTabs li {
	padding-left: 0;
	text-align: center;
	padding-right: 1px;
	margin-right: 0;
	margin-bottom: -1px;
    display: flex;
}

.rewards .idTabs a {
	width: 100%;
	padding: 8px 0;
	background-color: #f6f6f6;
	border: solid 1px #DDDDDD;
	border-radius: 2px 2px 0 0;
	color: #878787;
	text-transform: uppercase;
}

.rewards .idTabs .selected {
	background-color: #FFFFFF;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

#sponsorship_text {
	padding-bottom: 20px;
}

#sponsorship_form ul {
	padding-left: 25px !important;
}

#sponsorship_form li {
	padding-top: 10px;
	list-style-type: disc;
}

#sponsorship_form li img {
	height: 20px;
}

.rewards .table-bordered {
	margin-top: 15px;
}

#idTab4 div.title {
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 20px;
}

#idTab4 div.title:first-child {
	padding-top: 0;
}

#idTab4 tr.total, #idTab4 td.total {
	font-weight: bold;
	background-color: #f6f6f6;
	color: #acaaa6;
}

/*********************/
/* Sponsorship Popup */
/*********************/
.sponsorshipPopup {
	width: auto;
	max-width: 700px;
	text-align: left;
}

/*******************/
/* Rewards account */
/*******************/
.rewards h2 {
	margin: 50px 0 0 0;
	font-size: 1rem;
	text-transform: uppercase;
}

.rewards input[type=radio] {
	margin-left: 10px;
	margin-right: 2px;
}

.rewards #aior_buttons {
	text-align: center;
}

.rewards div#transform, .rewards div#payment, .rewards div#gift_list {
	margin: 30px auto 0;
    text-align: center;
    display: block;
}

.rewards div#transform a, .rewards div#payment a, .rewards div#gift_list a {
    font-size: .800rem;
    white-space: unset;
}

.rewards div#transform:not(.free_value) a, .rewards div#payment a, .rewards div#gift_list a {
	width: 100%;
}

.rewards div#transform.free_value {
    width: 100%;
}

.rewards div#transform.free_value input {
    width: 150px;
    display: inline-block;
    margin-top: 10px;
    text-align: right;
    margin-right: 5px;
}

.rewards div#transform.free_value select {
    width: auto;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}

.rewards div#transform.free_value a {
    margin-top: 10px;
    margin-bottom: 10px;
    vertical-align: baseline;
}

@media (min-width: 768px) {
	.rewards div#transform.free_value {
		width: 550px;
		max-width: 100%;
	}

	.rewards div#transform:not(.free_value) a, .rewards div#payment a, .rewards div#gift_list a {
		width: 550px;
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	.rewards div#transform.free_value a {
	    margin-left: 20px;
	}
}

.rewards #payment_form {
	margin-top: 20px;
	text-align: left;
}

.rewards #payment_form fieldset {
	padding: 10px;
    border: 1px solid #f6f6f6;
    margin: 0;
}

.rewards #payment_form #payment_txt {
	margin-bottom: 20px;
}

.rewards #payment_form p {
    margin: 0;
    padding: 0 0 10px;
}

.rewards #payment_form p label {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.rewards #payment_form p.textarea textarea {
    width: 74%;
    display: inline-block;
}

.rewards #payment_form label {
	text-align: left;
}

.rewards #payment_form .btn {
	margin: 20px auto 0;
	display: block;
	font-size: .800rem;
}

.rewards #payment_form .invoice {
    position: relative;
    background: #ebebeb;
    height: 2.05rem;
    line-height: 2.05rem;
    text-indent: .625rem;
    display: inline-block;
    color: #acaaa6;
    width: 100%;
}

.rewards #payment_form .file-input {
    width: 100%;
    opacity: 0;
    left: 0;
    z-index: 1;
    height: 2.625rem;
    overflow: hidden;
    position: absolute;
    cursor: pointer;
}

.rewards #payment_form div.invoice .btn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
}

.rewards #payment_form .form-control-label {
	padding-top: .400rem;
}

/***********/
/* product */
/***********/
#product #aior_product_button, #product #loyalty {
	display: none;
	margin-top: 1.5rem;
}

#product #sponsorship_link {
	margin-top: 1.5rem;
}

#sponsorship_product {
	margin-top: 10px;
	margin-bottom: 10px;
}

#product #aior_product_button span {
	display: none;
}

.aior_unvisible {
	display: none !important;
}

.aior_fancyconfirm .aior_fancyconfirm_title {
	font-weight: bold;
}

.aior_fancyconfirm .aior_fancyconfirm_button {
	padding-top: 20px;
	text-align: right;
}

.aior_fancyalert {
	text-align: center;
}

.aior_fancyalert a, .aior_fancyalert button {
	display: block;
	width: 100%;
}

/****************/
/* product list */
/****************/
span#aior_add_to_cart_available_display, span#aior_add_to_cart_available_real {
	display: none;
}

/********/
/* cart */
/********/
#cart #reward_loyalty, #cart #reward_use {
	margin-top: 15px;
	font-size: .875rem;
}

#cart #reward_loyalty span {
	font-size: .675rem;
}

/***********/
/* message */
/***********/
.reward_alert_message {
	border: solid 1px #bcdff1;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	color: #31708f;
	background-color: #d9edf7;
	text-align: left;
}

@media (max-width: 768px) {
    /* Masquer les scrollbars natives */
    body[id^="module-allinone_rewards"] .table-responsive::-webkit-scrollbar {
        display: none !important;
    }

    .table-responsive {
        scrollbar-width: none;
        -ms-overflow-style: none;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .custom-table-scrollbar {
        height: 20px;
        pointer-events: none;
    }

    .custom-scrollbar-track {
        position: relative;
        height: 8px;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        overflow: hidden;
        pointer-events: all;
    }

    .custom-scrollbar-thumb {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        background-color: #179aff; /* Bleu */
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.2s ease;
        min-width: 30px;
        pointer-events: all;
    }

    .custom-scrollbar-thumb:hover {
        background-color: #0056b3; /* Bleu plus foncé au hover */
    }

    .custom-scrollbar-thumb:active {
        background-color: #003d82; /* Bleu encore plus foncé au clic */
    }
}