/*
Theme URI: vente-terminal-de-paiement.com
Description: Vtpe design style CSS
Version: 1.6.1.3
*/
.custom-store-adress {
box-shadow: inset 0px 0px 0px 1px #e2e2e2;
border-radius: 16px;
padding: 24px;
margin-bottom: 24px;
background: #fff;
}
.custom-store-adress h2 {
font-size: 24px;
margin: 0 !important;
}
.custom-store-adress p {
font-size: 14px;
margin-bottom: 0;
}
.store-adress-wrapper {
margin-top: 16px;
gap: 10px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.store-adress-form {
width: 100%;
}
.store-adress-form .form-row {
margin-bottom: 10px;
}
/* Billing Wrapper */
.billing-wrapper {
flex-direction: column;
}
/* Completed Step Styling */
.custom-store-adress h2.completed {
color: green;
position: relative;
cursor: pointer;
}
.custom-store-adress:has(.completed) {
box-shadow: inset 0px 0px 0px 2px #008000;
transition: 300ms;
}
.custom-store-adress:has(.completed):hover {
box-shadow: inset 0px 0px 0px 3px #008000;
}
.custom-store-adress h2.completed::before {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
margin: 0 8px -3px 0;
}
/* Buttons */
.custom-store-adress .store-button {
display: flex;
width: 100%;
flex-direction: row-reverse;
margin-top: 20px;
}
.custom-store-adress .btn-continue {
padding: 12px 12px;
gap: 7px;
border-radius: 8px !important;
background: #286BC0;
font-size: 18px;
font-weight: 400;
letter-spacing: -0.01em;
text-align: center;
color: #fff;
border: none;
cursor: pointer;
width: calc(60% - 12px);
}
.custom-store-adress .btn-add-maintenance {
background: #286BC0;
color: #fff;
}
.custom-store-adress .btn-add-maintenance:hover {
background-color: #1e5194;
}
.custom-store-adress a.add-location {
color: #0555eb;
border:2px solid #0555eb !important;
border-radius: 8px !important;
padding: 5px 10px !important;
margin-top: 15px !important;
margin-right: 1em;
display: inline-flex; /* or `flex` if you want it to fill the row */
align-items: center; /* vertically center icon + text */
justify-content: center; /* horizontally center them inside the link */
gap: 0.4rem; /* tidy spacing between SVG and text */
}
.custom-store-adress a.add-location:hover {
color: #ffffff;
background: #0555EB;
}
.custom-store-adress a.add-location svg, .custom-store-adress a.remove-location svg {
flex-shrink: 0; /* keep the icon from squashing */
fill: #0555eb;
width: 24px; /* size of the icon */
height: 24px; /* size of the icon */
}
.custom-store-adress a.remove-location svg {
fill: #ff6868;
}
.custom-store-adress a.add-location svg:hover, .custom-store-adress a.remove-location svg:hover, .custom-store-adress a.add-location:hover svg, .custom-store-adress a.remove-location:hover svg {
fill: #ffffff;
}
.custom-store-adress a.remove-location {
color: #ff6868;
border:2px solid #ff6868 !important;
border-radius: 8px !important;
padding: 5px 10px !important;
margin-top: 15px !important;
display: inline-flex; /* or `flex` if you want it to fill the row */
align-items: center; /* vertically center icon + text */
justify-content: center; /* horizontally center them inside the link */
gap: 0.4rem; /* tidy spacing between SVG and text */
}
.custom-store-adress a.remove-location:hover {
color: #ffffff;
background: #ff6868;
}
.custom-store-adress .btn-continue {
float: right;
color: #fff;
background: #0555EB !important;
width: calc(40% - 12px);
}
.custom-store-adress .btn-continue:hover {
background-color: #0555eb;
border-color: #0555eb;
color: #fff;
}
.custom-store-adress .location-checkbox-group {
display: flex;
flex-direction: column;
gap: 5px;
}
.custom-store-adress .location-checkbox-group input[type=checkbox] {
width: 18px;
height: 18px;
display: inline-block;
float: left;
padding-top: 5px;
margin-right: 8px;
accent-color: #0555eb !important;
transition: 300ms !important;
cursor: pointer;
}
.custom-store-adress .location-checkbox-group label {
cursor: pointer;
padding: 14px;
border-radius: 8px;
box-shadow: 0px 0px 0px 1.5px #FFFFFF00, 0px 5px 25px -5px rgba(0, 0, 0, 0.12);
}
.custom-store-adress .location-checkbox-group label:hover {
box-shadow: 0px 0px 0px 1.5px #0555EB, 0px 5px 25px -5px rgba(58, 76, 244, 0.25);
}
/* Put this in your theme / child-theme stylesheet */
.custom-store-adress .btn-continue.disabled {
cursor:not-allowed !important;
opacity:.30;
}
.custom-store-adress .btn-continue.disabled:hover {
color: #fff !important;
}
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label.woocommerce-form__label-for-checkbox input[type=checkbox] {
display: none;
}
.woocommerce-info, .woocommerce-info {
border-left: 10px solid #699cfc;
margin-bottom: 1em;
background-color: #E6EEFD;
color: #212225;
font-size: 14px;
border-radius: 8px;
}
.woocommerce-info a {
color: #212225;
font-weight: 700 !important;
text-decoration: underline;
}
.woocommerce-info a:hover {
color: #212225 !important;
opacity: .7;
}
.woocommerce-message {
border-radius: 8px !important;
}
.woocommerce-checkout .woocommerce-error {
color: #212225 !important;
border-radius: 8px;
background-color: #ffaeae !important;
}
/* Custom styles for jQuery MultiSelect */
.ms-parent.tpe-multiselect {
width: 100% !important;
}
.ms-parent.tpe-multiselect .ms-choice {
height: 40px;
color: #272727;
border-color: #d2d6dc;
border-width: 1px;
border-radius: .3rem !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
font-size: 14px;
padding: 0 .7em;
}
.ms-parent.tpe-multiselect .ms-choice:hover {
background:#f7f7f7 !important;
}
.ms-parent.tpe-multiselect .ms-choice>span {
padding-top: 5px !important;
}
.ms-parent.tpe-multiselect .ms-drop {
border: 1px solid #e2e2e2;
border-radius: 8px;
box-shadow: 0 5px 25px -5px rgba(22, 27, 72, 0.25);
}
.ms-parent.tpe-multiselect .ms-drop input[type="checkbox"] {
margin-right: 8px;
}
.ms-parent.tpe-multiselect .ms-drop li label {
font-size: 14px;
color: #232323;
}
.ms-parent.tpe-multiselect .ms-search input {
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 4px;
}
/* Media Query for Mobile */
@media (max-width: 767px) {
.custom-store-adress {
margin-bottom: 16px !important;
padding: 16px !important;
}
.custom-store-adress h2 {
font-size: 20px !important;
}
.store-adress-wrapper {
flex-direction: column !important;
gap: 16px !important;
}
.custom-store-adress .btn-add-maintenance,
.custom-store-adress .btn-continue {
font-size: 14px !important;
width: 100% !important;
}
.custom-store-adress h2.completed::before {
width: 20px !important;
height: 20px !important;
}
.billing-wrapper {
flex-direction: column;
}
}
/* multi-ckeckout woocommerce */
/* checkout popup */
#checkout-pop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* Dim background */
display: flex;
align-items: center;
justify-content: center;
z-index: 1000; /* Ensure it's on top of other content */
}
#checkout-pop .popup-content {
background: white;
padding: 20px;
border-radius: 8px;
text-align: center;
width: 350px; /* Set width of the popup */
}
/* Header style */
#checkout-pop h2 {
color: #d00; /* Red color for the header */
font-size: 20px;
}
/* Button container for layout */
#checkout-pop .button-container {
margin-top: 20px; /* Spacing above the buttons */
display: flex;
flex-direction: column;
gap: 15px;
}
/* Red button styles */
#checkout-pop .red, #checkout-pop .normal {
background-color: #d00; /* Red background */
color: white; /* White text */
border: none; /* No border */
padding: 10px 40px;
cursor: pointer; /* Pointer cursor on hover */
border-radius: 100px;
}
/* Normal button styles */
#checkout-pop .normal {
background-color: #fff; /* White background */
color: #333; /* Dark text */
border: 1px solid #ccc; /* Gray border */
}
#checkout-pop .red:hover {
background: #f7584a !important;
}
#checkout-pop .normal:hover {
background: #0555EB !important;
color: #fff !important;
}
/* gateway popup */
#checkout-pop-gateway-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); /* Black transparent background */
display: none;
justify-content: center;
align-items: center;
z-index: 1000; /* High z-index to appear on top of other elements */
}
#checkout-pop-gateway {
display: flex;
flex-direction: row;
gap: 0px;
background-color: #ffffff;
border-radius: 8px;
padding: 35px;
width: 1000px;
align-items: center; /* Centers items vertically */
justify-content: center; /* Centers items horizontally */
}
#checkout-pop-gateway .left-container {
flex-basis: 70%;
display: flex;
flex-direction: column;
gap: 30px;
}
#checkout-pop-gateway .left-container h1 {
font-size: 54px;
font-weight: bold;
color: #212225;
}
#checkout-pop-gateway .left-container p {
font-size: 18px;
line-height: 1.5em;
color: #212225;
}
#checkout-pop-gateway .buttons {
display: flex;
flex-direction: row;
gap: 15px;
}
#checkout-pop-gateway .button {
padding: 12px 32px;
border-radius: 8px;
border: none;
font-size: 18px;
cursor: pointer;
}
#checkout-pop-gateway #go-back-btn-gtwpop {
font-weight: normal !important;
background-color: #ffffff;
color: #333 !important;
border: 1px solid #ccc;
}
#checkout-pop-gateway #go-back-btn-gtwpop:hover {
background: #0555EB !important;
color: #fff !important;
}
#checkout-pop-gateway #proceed-btn-gtwpop{
font-weight: normal !important;
background-color: #CB2B1D;
color: #333;
}
#checkout-pop-gateway #proceed-btn-gtwpop:hover {
background: #f7584a !important;
}
#checkout-pop-gateway .right-container {
flex-basis: 30%;
position: relative;
display: block;
align-items: center;
justify-content: center;
background-image: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2024/12/warning-img.webp);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
aspect-ratio: 1 / 1.2 !important;
width: 100%;
}
/* end of script */
@media (max-width: 767px) {
.custom-maintenance-plan, .custom-gateway-plan, .custom-information {
margin-bottom: 16px !important;
}
.maintenance-option, .gateway-option {
flex-direction: column;
gap: 12px;
}
.custom-maintenance-plan h2, .custom-gateway-plan h2, .custom-information h2 {
font-size: 20px !important;
}
.option-price {
align-items: flex-start !important;
}
.option-content {
width: 100% !important;
}
.option-content label {
margin: 0 !important;
}
.custom-maintenance-plan, .custom-gateway-plan, .custom-information {
padding: 16px !important;
}
.option-content input[type="radio"], .option-content input[type="checkbox"] {
right: 0 !important;
left: initial !important;
}
.option-content ul li {
font-size: 14px !important;
margin-bottom: 6px !important;
}
.custom-maintenance-plan .btn-add-maintenance,
.custom-gateway-plan .btn-add-gateway,
.custom-gateway-plan .btn-skip-proceed,
.custom-maintenance-plan .btn-skip,
.custom-gateway-plan .btn-skip {
font-size: 14px !important;
width: 100% !important;
}
.custom-maintenance-plan h2.completed::before,
.custom-gateway-plan h2.completed::before,
.custom-information h2.completed::before {
width: 20px !important;
height: 20px !important;
}
.maintenance-wrapper, .gateway-wrapper {
flex-direction: column !important;
gap:16px !important;
}
.billing-wrapper {
flex-direction: column;
}
}
.maintenance-wrapper, .gateway-wrapper {
margin-top: 16px;
gap: 24px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.maintenance-wrapper ul {
margin: 4px 0 0 16px !important;
}
.gateway-wrapper p:nth-child(2) {
width: 100%;
margin-top: -8px;
padding-bottom: 16px;
border-bottom: 1px solid #e2e2e2;
}
.woocommerce .gateway-wrapper {
display: none;
}
.terminal-gateway {
display: flex;
flex-direction: column;
gap: 16px;
flex: 1;
}
.terminal-gateway:not(:last-of-type){
margin-bottom: 8px;
}
.custom-gateway-plan .gateway-option .option-content label strong {
font-weight: 400 !important;
}
.option-controls.single, .gateway-controls.single {
visibility: hidden;
height: 10px;
}
/* Add this CSS to style the completed steps and the icons */
.custom-maintenance-plan h2.completed,
.custom-gateway-plan h2.completed,
.custom-information h2.completed {
color: green;
position: relative;
cursor: pointer;
}
.custom-maintenance-plan:has(.completed), .custom-gateway-plan:has(.completed) {
box-shadow: inset 0px 0px 0px 2px #008000;
transition: 300ms;
}
.custom-maintenance-plan:has(.completed):hover, .custom-gateway-plan:has(.completed):hover {
box-shadow: inset 0px 0px 0px 3px #008000;
}
.custom-gateway-plan:has(.gateway-wrapper[style*="display:none"]), .custom-information:has(.billing-wrapper[style*="display: none"]) {
background: #ffffff00 !important;
cursor: not-allowed;
}
.custom-gateway-plan:has(.gateway-wrapper[style*="display:none"]) h2, .custom-information:has(.billing-wrapper[style*="display: none"]) h2 {
color:#ababab !important;
}
.custom-maintenance-plan h2.completed::before,
.custom-gateway-plan h2.completed::before,
.custom-information h2.completed::before {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
position: relative;
margin: 0 8px -3px 0; /* Add some spacing between the SVG and the text */
}
.custom-maintenance-plan, .custom-gateway-plan, .custom-information {
box-shadow: inset 0px 0px 0px 1px #e2e2e2;
border-radius: 8px;
padding: 24px;
margin-bottom: 24px;
background: #fff;
}
.custom-maintenance-plan h2, .custom-gateway-plan h2, .custom-information h2 {
font-size: 24px;
margin:0px !important;
}
.custom-maintenance-plan p, .custom-gateway-plan p {
font-size: 14px;
margin-bottom: 0px;
}
.custom-gateway-plan h3 {
font-family: "Gantari", Sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
text-align: left;
margin-bottom: 0px; /* Add margin-bottom for better spacing */
}
.gateway-option {
align-items: center !important;
}
@media (max-width:767px) {
.gateway-option {
align-items: flex-start !important;
}
}
.maintenance-option, .gateway-option {
flex: 1;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 14px;
box-shadow: 0px 0px 0px 1.5px #6b9ee100, 0px 0px 0px 1.5px #e2e2e2;
border-radius: 8px;
cursor: pointer;
transition: 300ms ease-in-out;
}
.maintenance-option:hover, .gateway-option:hover {
box-shadow: 0px 0px 0px 1.5px #e2e2e2, 0px 5px 25px -5px rgba(22, 27, 72, 0.25);
}
.maintenance-option.selected, .gateway-option.selected {
box-shadow: 0px 0px 0px 2px #0555EB, 0px 5px 25px -5px rgba(58, 76, 244, 0.25);
}
.option-content {
display: flex;
align-items: flex-start;
gap: 10px;
position: relative;
}
.option-content input[type="checkbox"] {
-webkit-appearance: none; /* Chrome, Safari, Opera */
-moz-appearance: none; /* Firefox */
appearance: none; /* Standard syntax */
display: inline-block; /* For proper alignment */
width: 16px; /* Desired width */
height: 16px; /* Desired height */
border: 1px solid #d5d5d5; /* Blue border */
border-radius: 4px; /* Fully rounded corners to mimic a radio button */
background-color: white; /* Background color */
vertical-align: middle; /* Aligns checkbox vertically */
transition: background 0.3s, border-color 0.3s, box-shadow 0.3s; /* Smooth transition for visual effects */
}
.option-content input[type="checkbox"]:checked {
border: 1px solid #0075ff;
background-color: #0075ff; /* Blue background when checked */
/*box-shadow: inset 0 0 0 3px white; /* White circle in the center when checked */
}
.option-content input[type="radio"], .option-content input[type="checkbox"]{
top: 0;
left: 0;
width: 22px;
height: 22px;
cursor: pointer;
}
.option-content input[type="radio"], .option-content input[type="checkbox"] { position: absolute; }
.option-content input[type="checkbox"]:checked:before {
content: "";
display: inline-block;
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwIDZMOSAxN0w0IDEyIiBzdHJva2U9IndoaXRlIiBzdHlsZT0ic3Ryb2tlOndoaXRlO3N0cm9rZS1vcGFjaXR5OjE7IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
width: 16px;
height: 16px;
margin: 2px 0px 0px 2px;
background-size: contain;
background-repeat: no-repeat;
}
.option-content label, .gateway-option label {
font-size: 15px;
color: #212225 !important;
margin-left: 34px; /* Adjust this margin to position label properly with radio button */
}
.option-controls, .gateway-controls {
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
max-width: 120px;
}
.quantity-minus, .quantity-plus {
background: #fff !important;
border-radius: 100px !important;
width: 31px !important;
box-shadow: 4px 4px 8px #e2e2e2, -4px -4px 8px #ffffff, inset 4px 4px 8px #e2e2e200, inset -4px -4px 8px #ffffff00;
transition: 200ms !important;
border: none;
cursor: pointer;
font-size: 18px;
line-height: 31px;
text-align: center;
color: #212225;
padding: 0;
transition: 150ms ease-in-out;
}
.quantity-minus:hover, .quantity-plus:hover {
box-shadow: 4px 4px 8px #e2e2e200, -4px -4px 8px #ffffff00, inset 4px 4px 8px #e2e2e24a, inset -4px -4px 8px #ffffff4a;
}
.quantity-minus:active, .quantity-plus:active {
box-shadow: 4px 4px 8px #e2e2e200, -4px -4px 8px #ffffff00, inset 4px 4px 8px #e2e2e2, inset -4px -4px 8px #ffffff;
}
.custom-maintenance-plan input[type="number"], .custom-gateway-plan input[type="number"] {
background: transparent;
font-size: 14px !important;
width: 25px;
max-width: 25px;
font-weight: 700;
text-align: center;
margin: 0 5px;
border: none !important;
-moz-appearance: textfield;
}
.custom-maintenance-plan input[type="number"]::-webkit-outer-spin-button,
.custom-maintenance-plan input[type="number"]::-webkit-inner-spin-button,
.custom-gateway-plan input[type="number"]::-webkit-outer-spin-button,
.custom-gateway-plan input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.custom-maintenance-plan input[type="number"]:focus, .custom-gateway-plan input[type="number"]:focus {
outline: none;
}
.option-price {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.option-price .price {
padding-left: 0 !important;
}
.custom-maintenance-plan .price, .custom-gateway-plan .price {
font-size: 15px;
}
.custom-maintenance-plan .annual-price, .custom-gateway-plan .annual-price {
font-size: 12px;
color: #888;
}
.custom-gateway-plan .annual-price {
display: none;
}
.custom-maintenance-plan .btn-add-maintenance,
.custom-gateway-plan .btn-add-gateway,
.custom-gateway-plan .btn-skip-proceed,
.custom-maintenance-plan .btn-skip,
.custom-gateway-plan .btn-skip {
padding: 12px 12px;
gap: 7px;
border-radius: 8px !important;
background: #0555EB;
font-size: 18px;
font-weight: 400;
letter-spacing: -0.01em;
text-align: center;
color: #fff;
border: none;
cursor: pointer;
width: calc(60% - 12px);
}
.custom-maintenance-plan .btn-skip, .custom-gateway-plan .btn-skip {
float: right;
background: #fff;
border: 2px solid;
border-color: #0555EB;
color: #0555EB;
width: calc(40% - 12px);
}
.custom-maintenance-plan .btn-add-maintenance:hover,
.custom-gateway-plan .btn-add-gateway:hover,
.custom-gateway-plan .btn-skip-proceed:hover,
.custom-maintenance-plan .btn-skip:hover,
.custom-gateway-plan .btn-skip:hover {
background-color: #0555eb;
}
.custom-maintenance-plan .btn-skip:hover, .custom-gateway-plan .btn-skip:hover {
background-color: #0555eb;
border-color: #0555eb;
color: #fff;
}
.disabled-option {
opacity: 0.5;
pointer-events: none; /* Disables interaction */
}
.custom-maintenance-plan .btn-del-maintenance,
.custom-gateway-plan .btn-del-gateway {
padding: 12px 12px;
gap: 7px;
border-radius: 8px !important;
background: #ec5050;
font-size: 18px;
font-weight: 400;
letter-spacing: -0.01em;
text-align: center;
color: #fff;
border: none;
cursor: pointer;
width: calc(60% - 12px);
display: none;
}
.option-content ul li {
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
text-align: left;
color: #232323;
}
.btn-skip {
border: 2px solid #0555EB;
background: transparent;
color: #0555EB;
}
.btn-skip:hover {
background-color: #0555EB;
color: #fff;
}
.billing-wrapper .col-2 {
margin:0 !important;
}
.billing-wrapper .woocommerce-additional-fields__field-wrapper p {
margin: 0 !important;
}
.billing-wrapper {
margin-top: 16px;
}
body #ship-to-different-address {
margin: 0 0 24px 0 !important;
}
.woocommerce-page form .show-password-input {
background-color: rgb(240, 240, 240) !important;
position: absolute;
right: .7em;
top: -1.6em;
cursor: pointer;
padding: 5px !important;
}
@media (min-width: 767px) {
body #ship-to-different-address .woocommerce-form__input-checkbox {
transform: scale(1.4);
margin: 0 10px 0 5px !important;
top: -1px !important;
}
}
.woocommerce-billing-fields > div > p, .shipping_address > div > p {
margin-bottom: 12px !important; /* Set margin-bottom to 12px for all matching elements */
}
.woocommerce-billing-fields h3 {
margin: 10px 0 !important;
}
/* woocommerce subscription style multicheckout */
body.woocommerce-cart .shop_table .first-payment-date,
.woocommerce-order-details header h2,
.woocommerce-order-details table.woocommerce-MyAccount-subscriptions,
.woocommerce-order .entry-content > p:last-of-type,
.my_account_subscriptions th:nth-child(3),
.my_account_subscriptions td:nth-child(3),
.woocommerce-MyAccount-content .shop_table.subscription_details {
display: none;
}
/* domiciliation input modification */
.woocommerce-input-wrapper {
position: relative;
}
#nom_banque .woocommerce-input-wrapper::after {
pointer-events: none;
content: "";
display: inline-block;
background-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
bottom: -3px;
right: 10px;
}
body.woocommerce-checkout .form-row select:hover {
box-shadow: 0 0 0 2px hsl(214, 66%, 65%) !important;
}
body.woocommerce-checkout .form-row select {
cursor:pointer;
border: none !important;
box-shadow: 0 0 0 1.5px rgb(185 185 185 / 50%) !important;
transition: 300ms !important;
}
/* cookie notice */
#moove_gdpr_cookie_info_bar, body.moove_gdpr_overflow .lity { z-index: 2147483009; }
body.moove_gdpr_overflow #moove_gdpr_cookie_info_bar { z-index: 9900; }
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme.gdpr-full-screen-infobar,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme.gdpr-full-screen-infobar {
background-color: rgb(0 0 0 / 80%);
z-index: 2147483009;
}
body.gdpr_lightbox, body.gdpr_lightbox-wrap {
z-index: 2147483099 !important;
}
.gdpr_lightbox.gdpr_lightbox-opened, body.gdpr_lightbox-container {
z-index: 2147483999 !important;
}
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container {
border-radius: 8px !important;
}
#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
justify-content: space-between !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
font-size: 15px !important;
line-height: inherit !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
background-color: #0555EB;
height: 52px;
line-height: 52px;
color: #fff !important;
font-size: 18px !important;
font-weight: 400;
line-height: 52px;
text-align: center;
border-radius: 100px !important;
transition: background .2s ease;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button {
background-color: #ababab !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button:hover {
background-color: #0555eb !important;
}
@media (max-width: 767px) {
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
font-size: 15px !important;
padding: 10px 15px !important;
}
}
/* web site */
.site-header {
margin-left: 0px !important;
}
@media (min-width: 993px) {
.header-4 .col-full-nav {
width: 100% !important;
justify-content: space-between !important;
}
.secondary-navigation {
justify-content: flex-end !important;
}
.header-4 .site-header {
margin-right: 36px !important;
}
}
.header-4-inner {
justify-content: initial !important;
}
body .header-widget-region, .site-content {
-webkit-tap-highlight-color: transparent;
}
body .header-widget-region {
color: #fff;
text-align: center;
position: relative;
}
body .header-widget-region .widget {
margin: 0;
padding: 12px 0;
}
.swiper-wrapper > .swiper-slide .swiper-slide-container::before {
--background-overlay: '' !important;
background-color: transparent !important;
background-image: linear-gradient(133deg, #FFFFFF 33%, #FFFFFF00 76%) !important;
width: 100%;
height: 100%;
}
.swiper-wrapper > .swiper-slide .swiper-slide-container .elementor-button {
background: #0555EB !important;
}
.swiper-pagination {
z-index: 5 !important;
}
.elementor-74980 .elementor-element.elementor-element-4dcc8955 .swiper .swiper-pagination .swiper-pagination-bullet .swiper-pagination-progress {
background: #0555EB !important;
}
@media (min-width: 993px) {
.sticky-d.header-4 .header-4-container, .sticky-d.header-4 .header-4-container.no-scroll {
border-bottom: 0px solid #eee;
box-shadow: 0 3px 15px -5px rgba(0,0,0,0);
}
.sticky-d.header-4 .header-4-container.scroll-on {
border-bottom: 1px solid #eee;
box-shadow: 0 3px 15px -5px rgba(0,0,0,0.08);
}
}
/* seach menu navigation */
.secondary-navigation .menu {
display: flex !important;
}
.secondary-navigation .icon-wrapper {
transition: 200ms !important;
}
.secondary-navigation .icon-wrapper:hover {
opacity: 0.6 !important;
}
.site-search{
padding: 0 20px 0 0 !important;
}
#secondary input[type=search], .site-search form input[type=search] {
transition: 200ms !important;
border-radius: 100px !important;
}
#secondary input[type=search]:focus, .site-search form input[type=search]:focus {
box-shadow:0 0px 0px 2px #0555EB !important;
}
.site-search form::before {
margin-top: -9px !important;
width: 20px !important;
height: 20px !important;
background-color: #5b5b5b !important;
}
.site-search form input::placeholder {
color:#969696 !important;
}
/* Woocommerce product galery */
div.product .woocommerce-product-gallery.images {
display: flex;
flex-direction: row-reverse;
}
div.product .woocommerce-product-gallery .flex-control-thumbs {
display: flex;
flex-direction: column;
width: 100px;
padding: 0 5px;
margin-right: 20px !important;
}
div.product .woocommerce-product-gallery ol.flex-control-thumbs {
padding: 0 !important;
}
div.product .woocommerce-product-gallery .flex-control-thumbs li img {
float: none;
width: 100%;
height: auto;
}
div.product .woocommerce-product-gallery .flex-direction-nav {
display: none;
}
ol.flex-control-nav.flex-control-thumbs li:nth-child(n+5) {
display: none;
}
/* woocommerce recomend box */
.summary .flash-note {
display: block;
position: relative;
font-size: 14px;
width: 100%;
padding: 30px;
color: #001844;
background: #dfeff9;
text-align: left;
margin-bottom: 30px;
line-height: 1.5rem;
border-radius: 8px !important;
}
.summary .flash-note ul {
list-style-type: none; /* Removes the default bullets */
padding-top: 10px;
padding-left: 0; /* Optional: removes default padding */
margin-bottom: 0;
margin-left: 0;
}
/* Homepage elementor woocommerce block */
.woocommerce-image_wrapper {
overflow: hidden !important;
border-radius: 8px !important;
}
.product_tag-exclusive .woocommerce-image__wrapper::after {
content:"EXCLU";
color:#fff;
font-size: 14px !important;
z-index: 5 !important;
background: #0555eb;
position: absolute;
top:10px !important;
left: 10px !important;
padding:2px 8px !important;
border-radius: 4px !important;
}
.product_tag-promo .woocommerce-image__wrapper::after {
content:"PROMO";
color:#fff;
font-size: 14px !important;
z-index: 5 !important;
background: #018927;
position: absolute;
top:10px !important;
left: 10px !important;
padding:2px 8px !important;
border-radius: 4px !important;
}
.product_tag-bestseller .woocommerce-image__wrapper::after {
content:"BEST SELLER";
color:#fff;
font-size: 14px !important;
z-index: 5 !important;
background: red !important;
position: absolute;
top:10px !important;
left: 10px !important;
padding:2px 8px !important;
border-radius: 4px !important;
}
.product_tag-reco .woocommerce-image__wrapper::after {
content:"RECO";
color:#fff;
font-size: 14px !important;
z-index: 5 !important;
background: #919499;
position: absolute;
top:10px !important;
left: 10px !important;
padding:2px 8px !important;
border-radius: 4px !important;
}
.elementor-widget-container .woocommerce-image__wrapper {
}
.elementor-widget-container .woocommerce-image__wrapper img {
border-radius: 8px;
}
.elementor-widget-container li.product:hover .woocommerce-image__wrapper,
.elementor-widget-container ul.products li.product:not(.product-category):hover img {
transform: scale(1) !important;
width: 100% !important;
}
.price-assistplus {
margin:0 !important;
}
.elementor-widget-container ul.products li.product .woocommerce-loop-product__title a {
font-style: normal;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.16px;
margin-bottom: 8px;
}
.elementor-widget-container ul.products li.product .woocommerce-loop-product__title a {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 18px */
letter-spacing: -0.45px;
overflow: hidden;
}
.elementor-widget-container ul.products li.product .price ins .amount {
font-family: "Gantari", Sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.45px;
}
.elementor-widget-container ul.products li.product .price del .amount {
margin-left: 3px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.3px;
}
.elementor-widget-container ul.products li.product .price {
margin-bottom: 0 !important;
padding-left: 0 !important;
}
.elementor-widget-container ul.products li.product .price-saved{
color: #018927;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: -0.3px;
}
/******* post container ********/
.elementor-posts-container {
color: #212225;
font-family: "Gantari", Sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 20.8px */
letter-spacing: -0.16px;
}
.elementor-posts-container .elementor-post__badge {
top: 185px !important;
background-color: rgba(255,255,255,0.00) !important;
}
.elementor-posts-container h3.elementor-post__title a {
color: #212225 !important;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.16px;
}
.elementor-posts-container .elementor-post__excerpt p {
color: #272727 !important;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 184.615% */
letter-spacing: 0.13px;
}
.elementor-posts-container .elementor-post__read-more {
}
/*** product page ****/
body ul.products li.product {
padding: 40px 24px 40px 24px !important;
}
.product .quantity .minus, .product .quantity .plus, .product .quantity-nav {
border-radius: 0px 8px 8px 0px !important;
}
.product .cart .quantity .input-text {
border-radius: 8px 0px 0px 8px !important;
}
.product-title-service {
font-size: 22px !important;
padding: 8px 16px 0 16px !important;
margin: 16px 0 0 0 !important;
background: #fff !important;
border-radius: 8px 8px 0 0 !important;
}
.summary table {
background: #fff !important;
padding: 0px 16px 16px 16px !important;
/* border-radius: 0 0 8px 8px !important; */
}
.summary div.bloc-assist {
background: #fffbe7 !important;
padding: 16px !important;
border-radius: 8px !important;
}
.summary div.bloc-assist h3.product-title-service {
background: #fffbe7 !important;
font-size: 20px !important;
font-weight: 500;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
.summary div.bloc-assist h3.product-title-service svg {
vertical-align: middle;
}
.summary div.bloc-assist table {
background: #fffbe7 !important;
display: none;
padding: 0 !important;
border-radius: 0 !important;
transition: 500ms cubic-bezier(0.25, 1, 0.75, 1);
}
@media (max-width: 1200px) {
.summary table .cpf-section {
padding: 0px !important
}
}
.entry-summary p {
margin: 0 !important;
}
.woo-price {
margin: 0 !important;
}
.single-product div.product .summary form.cart {
margin: 0 !important;
}
body.single-product {
background: #F5F5F5;
}
.single-product .summary span.onsale {
display: none;
}
.single-product .flash-sale {
display: inline-flex;
/* padding: 8px 16px;
align-items: center;
gap: 4px;
border-radius: 8px;
background: #F8DDDD;
color: #941F1F;
font-size: 16px;
line-height: 140%; /* 22.4px */
/* letter-spacing: 0.32px;
margin-bottom:20px; */
font-family: "Gantari", Sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.1em;
letter-spacing: 0.1em;
color: #666666;
}
.single-product .flash-sale svg {
width: 24px;
height: 24px;
color:#941F1F;
}
.single-product .summary h1 {
font-size: 38px !important;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 43.2px */
letter-spacing: -0.02em;
margin-bottom: 16px;
}
.single-product .price-single, .single-product .price-del-single{
color: #0555eb !important;
margin: 0 0 4px 0 !important;
display: inline-block;
}
.price-del-single {
display: none !important;
}
.single-product .price-single .woocommerce-Price-amount {
color: #0555EB !important;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 28px */
}
.single-product .price-single .woocommerce-Price-amount:after {
content: ''; /* ' HT'; */
font-size: 20px;
}
.single-product .price-del-single .woocommerce-Price-amount {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
margin-left: 8px;
}
.single-product .price-ttc-single .woocommerce-Price-amount {
color: #515151;
font-family: "Gantari", Sans-serif;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 150%; /* 24px */
}
.single-product .price-saved-single {
display: none !important;
color: #018927;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}
.single-product .woocommerce-product-details__short-description {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 32px */
letter-spacing: -0.2px;
/* display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
/*text-overflow: ellipsis;*/
visibility: hidden;
position: absolute;
}
.single-product .woocommerce-product-details__short-description p {
/* visibility: hidden; */
}
.single-product .note-info-plus {
display: inline-block;
padding: 8px 16px;
margin-top: 24px;
gap: 8px;
border-radius: 52px;
background: #DDE9F8;
color: #122F54;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: -0.16px;
}
.single-product div.product .product_meta {
display: none;
}
.single-product blockquote.blue,.single-product .wp-block-quote {
border-radius: 8px !important;
background: #dfeff9;
padding: 30px;
margin: 0;
}
.single-product blockquote::before {
content: '';
}
.single-product blockquote.blue p {
font-size: 15px !important;
}
.single-product blockquote.blue > a {
display: block;
}
.single-product blockquote img.alignleft {
margin-right: 30px;
}
.single-product h2.yikes-custom-woo-tab-title {
display: none;
}
.single-product table.yasr_table_multi_set_shortcode {
margin: 0 auto 0 auto !important;
max-width: 600px !important;
}
.single-product h2.yikes-custom-woo-tab-title {
display: none;
}
.single-product .yasr-multi-set-name-field {
font-size: 15px !important;
font-weight: 600;
}
.single-product .yasr_table_multi_set_shortcode tr:nth-child(odd) {
background: transparent;
}
.single-product .yasr_table_multi_set_shortcode th, .single-product .yasr_table_multi_set_shortcode td {
border-bottom: 1px solid #eee;
}
.single-product .yasr_table_multi_set_shortcode tr:last-child td {
border-bottom: none;
padding-top: 20px;
}
.single-product .woocommerce-tabs table.woocommerce-product-attributes td {
text-align: left !important;
padding-left: 40px;
}
table.shop_attributes tr.woocommerce-product-attributes-item--weight {
display: none;
}
.single-product .related>h2:first-child, .upsells>h2:first-child {
margin-bottom: 1em;
text-align: center !important;
}
.single-product ul.products {
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
flex-wrap: nowrap;
}
.single-product .bundled_product_summary {
display: none;
}
.elementor-element.e-grid .e-con-full.e-flex.e-con.e-child {
align-items: center;
}
.single-product span.tooltip-wrapper {
float: left;
width: calc(100% - 50px);
}
.single-product div.product form.cart span.tooltip-wrapper > .button {
width: 100% !important;
}
.single-product .related.products {
display: none !important
}
@media (max-width: 767px) {
.woocommerce-product-gallery.images {
flex-direction: column !important;
}
.woocommerce-product-gallery .flex-control-thumbs {
flex-direction: row !important;
width: 100% !important;
}
.woocommerce-product-gallery .flex-viewport {
margin-bottom: 0px !important;
}
/* .flash-sale-solde {
display: none !important;
}
.woocommerce-product-gallery .flex-control-thumbs {
display: none !important;
}
.woocommerce-product-gallery {
margin: 0 !important;
} */
}
/* product option remove image delivery */
.thwepo-product-group-item img {
display: none;
}
.thwepo-product-group-item {
display: inline-flex !important;
align-items: center;
}
.thwepo-product-group-item input {
display: block !important;
opacity: 1 !important;
min-width: 15px !important;
min-height: 15px !important;
position: unset !important;
margin-right: 10px !important;
}
/* checkout note delivery company fields infor */
.woocommerce-checkout.min-ck.header-4:not(.woocommerce-order-received) .site-header {
width: 95%;
}
.woocommerce-checkout .header-4-container .site-search, .woocommerce-checkout a[title=Panier] {
display: none;
}
.woocommerce-account-fields p.create-account, .woocommerce-account-fields div.create-account {
display: none;
}
.woocommerce-checkout div.create-account label {
color: #0555EB !important;
font-weight: 600 !important;
font-size: 18px !important;
margin-top: 15px;
}
.woocommerce-account-fields div.create-account {
margin-top: 15px;
border-top: 1px solid #eee;
}
.woocommerce-checkout div#nom_banque {
/* padding-bottom: 15px; */
}
.woocommerce-checkout .woocommerce-account-fields {
}
.woocommerce-checkout .header-4-container .main-header h1 {
padding-top: 5px;
}
.woocommerce-checkout .header-4-container ul#menu-menu-secondaire {
padding-left: 10px;
}
.woocommerce-checkout-review-order-table dl dt {
display: none;
}
.woocommerce-checkout-review-order-table dl {
display: flex;
flex-direction: column;
}
div.note-checkout {
padding: 16px;
margin-bottom: 20px;
border-radius: 6px;
background: #DDE9F8;
color: #122F54;
font-size: 14px;
font-weight: 400;
line-height: 150%;
letter-spacing: -0.16px;
}
div#note_delivery {
display:none;
border-radius: 6px;
}
div#note_delivery > div.alert {
color: #721c24;
font-size: 14px;
background-color: #f8d7da;
padding: 16px;
margin-bottom: 20px;
border-radius: 6px;
}
/* domiciliation banque fiel */
.woocommerce-checkout .form-row select {
background: #fff;
}
.woocommerce-checkout div#nom_banque .form-row label {
display: none;
}
/********* WOO product option bloc *****/
body.single-product, .single-product .site-content .col-full {
background: #F5F5F5 !important;
}
.summary p.price {
display: none;
}
.summary .extra-options.thwepo_accordion_style {
margin: 0 !important;
}
.thwepo_accordion_style .section-title.active {
border: 0 !important;
}
.summary .thwepo_accordion_style .section-title {
border-radius: 0;
border-bottom: 1px solid #E1E1E1;
background: #FFF;
display: flex;
padding: 16px;
justify-content: space-between;
align-items: center;
align-self: stretch;
transition: 300ms;
}
.summary .thwepo_accordion_style .section-title:hover h5 {
color: #0555EB !important;
}
.summary .extra-options.thwepo_accordion_style:nth-of-type(2) .section-title,
.summary .first-section.thwepo_accordion_style .section-title {
border-radius: 8px 8px 0px 0px !important;
margin-top: 24px !important;
}
.summary .last-section.thwepo_accordion_style .section-title {
border-radius: 0px 0px 8px 8px !important;
border: 0 !important;
/* margin-bottom: 32px; */
}
.summary .last-section.thwepo_accordion_style .section-title.active {
border-radius: 0px !important;
/* margin-bottom: 32px; */
}
.summary .last-section.thwepo_accordion_style table.thwepo-field-wrapper.open {
border-radius: 0px 0px 8px 8px !important;
}
.summary .thwepo_accordion_style .section-title h5 {
color: #212225;
font-family: "Gantari", Sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
letter-spacing: -0.18px;
transition: 300ms !important;
}
.summary .thwepo_accordion_style .section-title.active > h5 {
color: #0555EB !important;
}
.summary .thwepo_accordion_style .thwepo-section-title.section-title:after {
position: absolute;
right: 16px;
content: '';
display: block;
top: 14px;
width: 26px;
height: 26px;
background: url(../image/svg/down-arrow.svg) 0 0 no-repeat;
z-index: 5;
}
.summary .thwepo_accordion_style .thwepo-section-title.section-title.active:after {
background: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/chevron-down.svg) 0 0 no-repeat;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper td,
.summary .thwepo_accordion_style table.thwepo-field-wrapper th {
padding: 0 ;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper {
background: #fff;
margin: 0 !important;
}
.summary .last-section.thwepo_accordion_style table.thwepo-field-wrapper {
border: 0 !important;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper tbody {
padding: 0;
display: block;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper tr.thwepo_checkbox {
padding:7px 0;
display: block;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper tr.thwepo_checkbox td {
display: block;
padding: 14px;
border-radius: 8px;
box-shadow: 0px 0px 0px 1.5px #FFFFFF00, 0px 5px 25px -5px rgba(0, 0, 0, 0.12);
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper tr.thwepo_checkbox td:hover,
.summary .thwepo_accordion_style table.thwepo-field-wrapper td.value.checked {
box-shadow: 0px 0px 0px 1.5px #0555EB, 0px 5px 25px -5px rgba(58, 76, 244, 0.25);
}
.summary table.thwepo-field-wrapper td.value.has-checkbox {
cursor: pointer;
transition: 300ms !important;
}
.extra-options .value input[type=checkbox], .extra-options .value input[type=radio] {
width: 18px;
height: 18px;
display: inline-block;
float: left;
padding-top: 5px;
margin-right: 8px;
accent-color: #0555EB !important;
transition: 300ms !important;
}
.extra-options .value input[type=checkbox]:hover,
.extra-options .value input[type=radio]:hover {
cursor: pointer;
}
.extra-options .label-tag.opt-title {
display: block;
color: #232323;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 28px */
letter-spacing: -0.284px;
vertical-align: text-top !important;
cursor: pointer;
}
.label-wrapper-checkbox br {
display: none !important;
}
.extra-options .label-tag.opt-title span.price-tag {
float: right;
}
.extra-options .label-tag.opt-title span.price-tag .woocommerce-Price-amount bdi:before {
content: '+';
}
.extra-options .label-tag.opt-title span.price-tag .woocommerce-Price-amount bdi {
display: inline;
vertical-align: text-top;
}
/* .extra-options .label-tag.opt-title .thwepo_tooltip, */
.extra-options .label-tag.opt-title span.price-tag small,
.summary table.thwepo-price-table td.value small,
.summary table.thwepo-price-table tr.product-price {
display: none;
}
.thwepo_tooltip {
vertical-align: text-bottom !important;
z-index: 3 !important;
}
.thwepo_tooltip:hover:after {
color: #fff !important;
}
.extra-options .label-tag.opt-title .sublabel-tag.opt-desc {
margin-left:26px;
color: #737373;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 28px */
letter-spacing: -0.213px;
display: inline-block !important;
}
.summary form.cart .quantity, .summary form.cart .button, .summary table.thwepo-price-table {
margin-top: 24px !important;
}
.summary table.thwepo-price-table {
margin-bottom: 0 !important;
padding-top: 16px !important;
border-radius: 8px !important;
}
.summary table.thwepo-price-table button {
border-radius: 8px !important;
}
.summary table.thwepo-price-table tbody {
display: flex;
flex-direction: column;
row-gap: 24px;
}
.summary table.thwepo-price-table tr {
display: flex;
flex-direction: column;
row-gap: 8px;
}
.summary table.thwepo-price-table td {
padding: 0 !important;
}
.summary table.thwepo-price-table tr.extra-price td.label {
color: #212225;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 18px */
}
.summary table.thwepo-price-table tr.extra-price td.value {
color: #212225;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 18px */
}
.summary table.thwepo-price-table tr.total-price td.label {
color: #212225;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 20px */
}
.summary table.thwepo-price-table tr.total-price td.value {
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 28px */
}
/* product option : radio field */
tr.thwepo_radio {
display: block;
width: 100%;
}
tr.thwepo_radio.opt-radio-group .label-tag.opt-title, tr.thwepo_checkbox.sans_base, tr.thwepo_radio td.label.leftside {
display: none !important;
}
tr.thwepo_radio.opt-radio-group td.value.above {
box-shadow: 0px 0px 0px 1.5px #FFFFFF00, 0px 5px 25px -5px rgba(0, 0, 0, 0.12);
border-radius: 7px;
margin-bottom: 7px;
margin-top: 7px;
transition: 300ms !important;
}
tr.thwepo_radio.opt-radio-group td.value.above:hover {
box-shadow: 0px 0px 0px 1.5px #0555EB, 0px 5px 25px -5px rgba(58, 76, 244, 0.25);
}
tr.thwepo_radio td.value.above label.radio.opt-title {
padding: 14px;
margin: 0;
border-radius: 0;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
/* product option promo price */
.thwepo-field-wrapper .opt-price-promo {
color: #018927;
padding-left: 5px;
}
.thwepo-field-wrapper .opt-price-promo del {
color: #212225;
}
.thwepo-field-wrapper .opt-price-free {
color: #018927;
float: right;
font-weight: 600;
}
/* product option : PAX */
.col-lg-6.bloc-pax-starter,.col-lg-6.bloc-pax-att {
padding-left: 0 !important;
padding-right: 5px !important;
}
.col-lg-6.bloc-pax-confort,.col-lg-6.bloc-pax-priority {
padding-left: 5px !important;
padding-right: 0 !important;
}
ul.tm-sublist-option {
margin-left:20px;
list-style-type: none;
padding-left: 0;
}
ul.tm-sublist-option li {
position: relative;
margin-right: 5px;
}
ul.tm-sublist-option li::before {
content: "\2022"; /* Unicode character for a bullet */
font-size: 20px;
position: absolute;
left: -20px;
top: -5px;
}
.bloc-pax-starter ul.bloc-pax-starter {
color: blue; /* Bullet color */
}
h3.tm-epo-element-label {
font-size: 1.2em;
}
.bloc-pax-starter h3, .bloc-pax-att h3,
.bloc-pax-starter ul.tm-sublist-option li::before, .bloc-pax-att ul.tm-sublist-option li::before {
color:#0555eb;
}
.bloc-pax-confort h3, .bloc-pax-priority h3,
.bloc-pax-confort ul.tm-sublist-option li::before, .bloc-pax-priority ul.tm-sublist-option li::before {
color:#0555eb;
}
.thwepo_forfait_transacom_pax .label-tag.opt-title, .thwepo_maintenance_pax .label-tag.opt-title, label.radio.opt-title span.price-tag .woocommerce-price-suffix, table.thwepo-field-wrapper tr.bobines_tpe td.label.leftside, table.thwepo-field-wrapper tr.model_tpe_pax td.label.leftside,.thwepo_pax_central_forfait_transacom .label-tag.opt-title, .thwepo_pax_central_maintenance .label-tag.opt-title, table.thwepo-field-wrapper tr.rouleaux_papier_tpe td.label.leftside {
display: none;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper tr.thwepo_checkboxgroup td.value.checked {
box-shadow:0px 0px 0px 0px #FFF !important;
}
.summary .thwepo_accordion_style table.thwepo-field-wrapper tr.thwepo_checkboxgroup label:hover{
box-shadow: 0px 0px 0px 1.5px #0555EB, 0px 5px 25px -5px rgba(58, 76, 244, 0.25);
}
table.thwepo-field-wrapper tr.model_tpe_pax td.value.leftside {
display: flex;
flex-direction: column;
}
table.thwepo-field-wrapper tr.model_tpe_pax td.value.leftside label.radio.opt-title {
display: flex !important;
flex-wrap: nowrap;
justify-content: flex-start;
}
table.thwepo-field-wrapper tr.thwepo_radio td.leftside,
table.thwepo-field-wrapper tr.thwepo_checkboxgroup td.leftside {
display: block;
}
.thwepo_radio label.radio.opt-title,
.thwepo_checkboxgroup label.checkbox.opt-title {
display: inline-block !important;
width: 100%;
padding: 14px;
margin: 7px 0;
border-radius: 7px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.284px;
vertical-align: text-top !important;
color: #232323;
cursor: pointer;
box-shadow: 0px 0px 0px 1.5px #FFFFFF00, 0px 5px 25px -5px rgba(0, 0, 0, 0.12);
transition: 300ms !important;
}
label.radio.opt-title:hover {
box-shadow: 0px 0px 0px 1.5px #0555EB, 0px 5px 25px -5px rgba(58, 76, 244, 0.25);
}
label.radio.opt-title span.price-tag {
float: right;
}
label.radio.opt-title span.price-tag .woocommerce-Price-amount bdi:before {
content: '+';
}
/** Table tr td option checkbox see more text link ***/
.see-more-container {
display: block;
text-align: left;
padding: 10px;
position: relative;
vertical-align: middle;
color: #0555EB;
}
.see-more {
cursor: pointer;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: -0.32px;
padding-left: 24px;
}
.see-more:hover {
text-decoration: none;
}
.see-more:after {
content: '';
position: absolute;
left: 5px;
top: 50%;
width: 24px;
height: 24px;
background: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/chevron-down-2.svg) 0 0 no-repeat;
color: #0555EB;
transform: translateY(-50%);
}
.see-more.expanded:after {
top: 45%;
background: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/chevron-down.svg) 0 0 no-repeat;
}
/***** disable hover on first element ****/
tr.opt-wrapper.thwepo_checkbox.cb_emv td:hover {
box-shadow: 0px 0px 0px 1.5px #FFFFFF00, 0px 5px 25px -5px rgba(0, 0, 0, 0.12) !important;
cursor: none !important;
}
/***** disable bloc option logiciel si >3 logiciel ****/
.summary .thwepo_accordion_style table.thwepo-field-wrapper tr.thwepo_checkbox.disabled td:hover {
box-shadow: none !important;
}
tr.opt-wrapper.thwepo_checkbox.disabled {
pointer-events: none; /* Makes the row unclickable */
opacity: 0.5; /* Gray out the row */
background: #f7f7f7 !important; /* (Optional) Lighten bg */
transition: opacity 0.2s;
}
tr.opt-wrapper.thwepo_checkbox.disabled label,
tr.opt-wrapper.thwepo_checkbox.disabled .label-tag,
tr.opt-wrapper.thwepo_checkbox.disabled .sublabel-tag {
color: #aaa !important; /* Make text gray */
}
/***** product Icons *****/
.single-product .stock.in-stock, .tooltips span {
display: none;
}
.single-product .stock.out-of-stock {
border-top: none;
padding-top: 0;
margin-top:26px !important;
margin-bottom: 26px !important;
}
.single-product .mk-text-block {
margin:26px 0 0 !important;
padding: 0;
}
.single-product .mk-text-block .picto-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.single-product .mk-text-block .picto-container > .icon {
width: 70px !important;
display: flex;
flex-direction: column;
justify-content: flex-end;
flex-wrap: nowrap;
}
@media (max-width: 767px) {
.single-product .mk-text-block .picto-container > .icon {
flex: 1 1 30% !important;
}
.single-product .mk-text-block .picto-container {
gap: 16px 0px !important;
}
}
.single-product .mk-text-block .icon-name {
color: #272727;
display: block !important;
width: 100%;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 16.8px */
letter-spacing: -0.12px;
text-align: center;
}
.printer,.fixe, .couleur, .sanscontact, .ethernet, .rtc, .bluetooth, .wifi, .quatreg, .troisg, .gprs, .sante, .insert, .reconditionne,.couleurhd,.bigscreen,.touch,.appstore,.smart,.mpay,.html5,.audio,.video,.camera,.gps,.sign,.nfc,.sim {
width: 70px;
height: 70px;
}
.mk-text-block .printer {
background:url('../image/icons/printer.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .fixe {
background:url('../image/icons/wired.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .sanscontact {
background:url('../image/icons/contactless.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .ethernet {
background:url('../image/icons/ethernet.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .wifi {
background:url('../image/icons/wifi.svg') no-repeat;
background-size :auto 35px;
background-position: center top;
}
.mk-text-block .bluetooth {
background:url('../image/icons/bluetooth.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .quatreg {
background:url('../image/icons/4g.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .troisg {
background:url('../image/icons/3g.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .gprs {
background:url('../image/icons/gprs.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .sante {
background:url('../image/icons/vitale.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .bigscreen {
background:url('../image/icons/xl-screen.svg') 7px 15px no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .touch {
background:url('../image/icons/touch.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .appstore {
background:url('../image/icons/appstore.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .mpay {
background:url('../image/icons/multipay.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .camera {
background:url('../image/icons/camera.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .gps {
background:url('../image/icons/gps.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .barcode {
background:url('../image/icons/barcode.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
.mk-text-block .sim {
background:url('../image/icons/sim.svg') no-repeat;
background-size :auto 40px;
background-position: center top;
}
/** Woo product single **/
@media (min-width: 1025px) {
.woocommerce-product-gallery {
position: -webkit-sticky !important; /* For Safari compatibility */
position: sticky !important;
top: 116px !important;
z-index: 4 !important;
}
.product-details-wrapper {
overflow: visible !important;
/*min-height: 1100px !important;*/
}
}
.single-product .woocommerce-tabs ul.tabs li {
display: inline-block;
color: #212225 !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: -0.32px;
margin: 0 -3px !important;
padding: 16px 30px 16px 8px !important;
border-bottom: 1px solid #D0D0D0 !important;
}
.single-product .woocommerce-tabs .tabs li a::after {
border-bottom: 2px solid #212225 !important;
margin: 0 -3px !important;
}
.single-product .woocommerce-tabs ul.tabs li.active a {
color: #212225 !important;
font-weight: 600;
}
.single-product .commercekit-pdp-sticky-inner .commercekit-pdp-before-form_wrapper,
.single-product .commercekit-pdp-sticky-inner .commercekit-pdp-before-form {
display: none;
}
@media (min-width:1170px) {
.woocommerce-product-gallery .flex-viewport {
height: 460px !important;
}
}
.woocommerce-product-gallery .flex-viewport {
border-radius: 8px !important;
}
.woocommerce-product-gallery__image img {
border-radius: 8px !important;
}
/** blog design layout **/
.site-main.flow article.post a.post-thumbnail, .site-main.grid article.post a.post-thumbnail {
border-radius: 8px !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
border-radius: 8px !important;
}
.woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
margin-left: 0px !important;
}
.woocommerce-product-gallery__image.flex-active-slide {
border-radius: 8px;
}
/** cart page edit **/
.woocommerce-shipping-destination {
display: none !important;
}
table.cart .product-quantity input.qty-assistplus {
margin-left: 14px !important;
padding: 0 !important;
background:none !important;
border:none !important;
pointer-events: none !important;;
text-align: right !important;
}
@media (max-width:992px) {
table.cart .product-quantity input.qty-assistplus {
margin-left: -4px !important;
}
}
.vc_custom_1558972653301 {
display: none !important;
}
.woocommerce-cart .woocommerce-message a {
color: #212225;
}
.woocommerce-message {
border-left: 10px solid #699cfc;
margin-bottom: 1em;
background-color: #E6EEFD;
color: #212225;
font-size: 14px;
border-radius: 6px;
}
.woocommerce-cart .woocommerce-message .message-content {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.woocommerce-cart .woocommerce-message .button {
color: #fff !important;
font-size: 15px !important;
font-weight: 400;
padding: 5px 22px;
border-radius: 100px !important;
background-color: #0555EB !important;
transition: 300ms !important;
}
body table.shop_table_responsive tr td.product-name {
font-size:16px !important
}
table.cart .product-thumbnail img {
max-width: 60px !important;
border-radius: 8px !important;
}
table.cart .quantity {
border:none !important;
width: 90px !important;
}
table.cart .quantity input {
font-size: 14px !important;
}
table.cart .quantity .plus, table.cart .quantity .minus {
background: #fff !important;
border-radius: 100px !important;
width: 31px !important;
box-shadow: 0 5px 5px -2px rgb(0 0 0 / 5%) !important;
transition: 200ms !important;
}
table.cart .quantity .plus:hover, table.cart .quantity .minus:hover {
box-shadow: 0 10px 15px -2px rgb(0 0 0 / 15%) !important;
}
.coupon {
overflow: visible !important;
display: flex !important;
gap: 8px !important;
}
.coupon button {
background-color: #0555EB !important;
transition: 300ms !important;
border-radius: 4px !important;
}
.coupon button:hover {
background-color: #122F54 !important;
}
.cart_totals .shop_table {
border-radius: 8px !important;
overflow: hidden !important;
background: #fff !important;
}
#payment .place-order .button:before, .cart-collaterals .checkout-button:before, .widget_shopping_cart .buttons .checkout:before {
-webkit-mask-image: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/shield2.svg);
margin-right: 4px !important;
}
table.cart td.product-name dl {
display: flex;
flex-direction: column;
gap: 5px;
}
table.cart td.product-name dt {
display: none;
}
table.cart td.product-name dd .price-tag {
float: right;
margin:0;
}
@media (max-width: 767px) {
.woocommerce-cart-form__contents tr.woocommerce-cart-form__cart-item {
padding-left: 80px !important;
}
.entry-content td.product-name a {
margin-bottom: 8px !important;
}
table.shop_table_responsive.woocommerce-cart-form__contents tr td.product-name {
display: block !important;
padding-right: 20px !important;
}
table.cart td.product-name dl {
padding-top: 8px !important;
}
.m-cart #page table.cart.woocommerce-cart-form__contents td.product-price, .m-cart #page table.cart.woocommerce-cart-form__contents th.product-price {
display: none !important;;
}
body a.remove::before {
background-color: #5b5b5b !important;
height: 20px !important;
width: 20px !important;
}
}
/** checkout page edit **/
/** input form **/
form.checkout .has-error input[type=text], form.checkout .has-error input[type=email], form.checkout .has-error input[type=tel], form.checkout .has-error input[type=password], form.checkout .has-error input[type=checkbox] {
box-shadow: 0 0 0 1px #ff5a15 !important;
border: none !important;
}
.wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container input[type=tel], .wpforms-container input[type=email], .wpforms-container select, .wpforms-container textarea {
border: none !important;
box-shadow: 0 0 0 1px rgb(185 185 185 / 32%) !important;
transition: 300ms !important;
}
.wpforms-container input[type=date]:hover, .wpforms-container input[type=tel]:hover, .wpforms-container input[type=email]:hover, .wpforms-container input[type=datetime]:hover, .wpforms-container input[type=datetime-local]:hover, .wpforms-container input[type=email]:hover, .wpforms-container input[type=month]:hover, .wpforms-container input[type=number]:hover, .wpforms-container input[type=password]:hover, .wpforms-container input[type=range]:hover, .wpforms-container input[type=search]:hover, .wpforms-container input[type=tel]:hover, .wpforms-container input[type=text]:hover, .wpforms-container input[type=time]:hover, .wpforms-container input[type=url]:hover, .wpforms-container input[type=week]:hover, .wpforms-container select:hover, .wpforms-container textarea:hover {
box-shadow: 0 0 0 1px hsl(214, 66%, 65%) !important;
}
.wpforms-container input[type=date]:active, .wpforms-container input[type=tel]:active, .wpforms-container input[type=email]:active, .wpforms-container input[type=datetime]:active, .wpforms-container input[type=datetime-local]:active, .wpforms-container input[type=email]:active, .wpforms-container input[type=month]:active, .wpforms-container input[type=number]:active, .wpforms-container input[type=password]:active, .wpforms-container input[type=range]:active, .wpforms-container input[type=search]:active, .wpforms-container input[type=tel]:active, .wpforms-container input[type=text]:active, .wpforms-container input[type=time]:active, .wpforms-container input[type=url]:active, .wpforms-container input[type=week]:active, .wpforms-container select:active, .wpforms-container textarea:active {
box-shadow: 0 0 0 2px hsl(214, 66%, 45%) !important;
background-color: #fff !important;
}
.wpforms-container input[type=date]:focus, .wpforms-container input[type=tel]:focus, .wpforms-container input[type=email]:focus, .wpforms-container input[type=datetime]:focus, .wpforms-container input[type=datetime-local]:focus, .wpforms-container input[type=email]:focus, .wpforms-container input[type=month]:focus, .wpforms-container input[type=number]:focus, .wpforms-container input[type=password]:focus, .wpforms-container input[type=range]:focus, .wpforms-container input[type=search]:focus, .wpforms-container input[type=tel]:focus, .wpforms-container input[type=text]:focus, .wpforms-container input[type=time]:focus, .wpforms-container input[type=url]:focus, .wpforms-container input[type=week]:focus, .wpforms-container select:focus, .wpforms-container textarea:focus {
box-shadow: 0 0 0 2px hsl(214, 66%, 45%) !important;
background-color: #fff !important;
}
.woocommerce-checkout .form-row input, .form-row textarea, body input[type=text] {
border: none !important;
box-shadow: 0 0 0 1.5px rgb(185 185 185 / 50%) !important;
transition: 300ms !important;
}
.woocommerce-checkout .form-row input:hover, .form-row textarea:hover, body input[type=text]:hover {
box-shadow: 0 0 0 2px hsl(214, 66%, 65%) !important;
}
.woocommerce-checkout .form-row input:active, .form-row textarea:active, body input[type=text]:active {
box-shadow: 0 0 0 2px hsl(214, 66%, 45%) !important;
background-color: #fff !important;
}
.woocommerce-checkout .form-row input:focus, .form-row textarea:focus, body input[type=text]:focus {
box-shadow: 0 0 0 2px hsl(214, 66%, 45%) !important;
background-color: #fff !important;
}
.woocommerce-checkout .form-row input[type=checkbox] {
box-shadow: none !important;
}
.woocommerce-checkout .form-row input[type=checkbox] {
box-shadow: none !important;
}
/** image thumbnail **/
.woocommerce-checkout-review-order-table .product-name .product-item-thumbnail {
width:85px !important;
}
.woocommerce-checkout-review-order-table .product-name .product-item-thumbnail img {
border-radius: 8px !important;
}
/** radio buttons interaction **/
#shipping_method > li > input[type=radio]:first-child:checked + label {
cursor: pointer !important;
}
ul#shipping_method li label {
cursor: pointer !important;
height: 40px !important;
display: block !important;
margin-bottom: -8px !important;
}
ul#shipping_method li label {
transition: 200ms !important;
}
ul#shipping_method li label:hover {
opacity: 0.75 !important;
}
.order-total th, .order-total td {
font-size:20px !important;
white-space: nowrap !important;
}
.order-total td, .cart-subtotal td, .product-total td {
display: flex !important;
justify-content: flex-end !important;
}
@media (max-width:767px) {
.m-cart table.cart td.actions .coupon {
display: flex !important;
flex-direction: column;
gap: 4px !important;
}
.wc-proceed-to-checkout {
margin-top: 16px !important;
}
#payment .place-order{
margin-top: 16px !important;
}
#payment .payment_methods {
padding: 24px 0 0px 0 !important
}
.payment_method_payzenstd {
padding-bottom: 12px !important;
}
body #payment .payment_methods li {
border:none !important;
}
}
body #payment .payment_methods li {
border:none !important;
}
.wc_payment_method {
transition: 200ms !important;
}
.wc_payment_method:hover {
opacity: 0.75 !important;
}
.payment_methods {
background: #fff !important;
}
/** Total box **/
.page .entry-content .woocommerce-checkout-review-order-table a {
margin: 4px 0 0 4px !important;
}
.woocommerce-checkout-review-order a.remove::after {
content:"test" !important;
}
body a.remove::before {
background-color: #0555EBbf !important;
transition: 150ms;
}
.woocommerce-checkout-review-order .shipping.recurring-total {
display: none !important;
}
.woocommerce-checkout-review-order .first-payment-date {
display: none !important;
}
.woocommerce-checkout-review-order-table tfoot td, .woocommerce-checkout-review-order-table tfoot th {
background-color: #fff !important;
}
dl.variation {
/* display: none !important;*/
}
.woocommerce-checkout-payment ul {
border-radius: 8px !important;
}
/* Remove all border radius from all .order-total rows to reset any theme styles */
.woocommerce-checkout-review-order-table tr.order-total th {
border-bottom-left-radius: 8px !important;
}
.woocommerce-checkout-review-order-table tr.order-total td {
border-bottom-right-radius: 8px !important;
}
.woocommerce-checkout-review-order-table tr.recurring-totals,
.woocommerce-checkout-review-order-table tr.recurring-total,
.cart_totals table.shop_table tr.recurring-totals,
.cart_totals table.shop_table tr.recurring-total{
display: none;
}
@media (max-width: 767px) {
.woocommerce-checkout-review-order-table tr.recurring-totals ~ tr.order-total:last-of-type td {
align-items: flex-end;
flex-direction: column;
}
}
/* Reset border radius on all .cart-subtotal rows */
.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.cart-subtotal td {
border-radius: 0px !important;
}
/* Apply border radius to the FIRST .cart-subtotal row */
.woocommerce-checkout-review-order-table tr.cart-subtotal:first-of-type th {
border-top-left-radius: 8px !important;
}
.woocommerce-checkout-review-order-table tr.cart-subtotal:first-of-type td {
border-top-right-radius: 8px !important;
}
/* Only apply border radius to the LAST .cart-subtotal row if there is ONE .cart-subtotal */
.woocommerce-checkout-review-order-table tr.cart-subtotal:only-of-type th,
.woocommerce-checkout-review-order-table tr.cart-subtotal:only-of-type td {
border-top-left-radius: 8px !important; /* Left radius for
*/
border-top-right-radius: 8px !important; /* Right radius for | */
}
/* If there are exactly TWO .cart-subtotal rows, remove radius from the LAST one */
.woocommerce-checkout-review-order-table tr.cart-subtotal:nth-last-of-type(1):nth-of-type(2) th,
.woocommerce-checkout-review-order-table tr.cart-subtotal:nth-last-of-type(1):nth-of-type(2) td {
border-radius: 0px !important; /* Remove all radius from last .cart-subtotal */
}
@media (max-width: 767px) {
.cart-subtotal.recurring-total td {
flex-direction: column !important;
white-space: nowrap;
}
}
.woocommerce-checkout-review-order-table td.product-total, body table.cart th.product-subtotal {
padding: 16px 0 0 0 !important;
vertical-align: top !important;
}
.cg-checkout-table-product-name, .woocommerce-checkout-review-order-table .product-name .product-item-thumbnail {
vertical-align: top !important;
}
/** steps above **/
.checkout-bar li.active::before {
background: #0555eb !important;
}
.woocommerce ul.checkout-bar a {
transition: 200ms !important;
}
.woocommerce ul.checkout-bar a:hover {
opacity: 0.75 !important;
}
/** checkout button **/
#payment .place-order .button:before {
display: none !important;;
}
#payment .place-order .button, body .woocommerce a.checkout-button.button.alt {
border-radius: 8px !important;
margin-bottom: 10px !important;
width:100% !important;
}
.button:hover {
background-color: #0555eb !important
}
.cart-custom-field p {
display: flex;
justify-content: center !important;
margin-left: -10px !important;
}
.secure-text {
margin: -2px 0 0 5px !important;
font-size: 14px !important;
}
/* mobile checkout page */
@media (max-width: 767px) {
body table.woocommerce-checkout-review-order-table .product-name {
width: 70% !important;
}
.woocommerce-checkout-review-order-table .product-name .product-item-thumbnail {
width: 65px !important;
}
#order_review .shop_table tr.shipping td, #order_review .shop_table tr.shipping th {
width: 143% !important;
}
}
/* WOO product price global css */
ul.products {
margin:0 !important;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
ul.products li.product.outofstock {
filter: grayscale(80%);
}
ul.products li.product:not(.product-category)::before {
background-color: transparent !important;
box-shadow: 0 0 10px rgba(0,0,0,0) !important;
}
ul.products li.product .woocommerce-card__header small.woocommerce-price-suffix {
color:transparent !important;
}
ul.products li.product .woocommerce-card__header a.add_to_cart_button {
display: none;
}
ul.products .woocommerce-image__wrapper img {
border-radius: 8px !important;
box-shadow: 0px 10px 30px -10px #21222526 !important;
}
ul.products li.product span.onsale {
display: none !important;
}
ul.products li.product:hover .woocommerce-image__wrapper,
ul.products li.product:not(.product-category):hover img {
transform: scale(1) !important;
width: 100% !important;
}
ul.products li.product .woocommerce-loop-product__title a {
font-style: normal;
font-weight: 600;
line-height: 130%;
letter-spacing: -0.16px;
margin-bottom: 8px;
}
ul.products li.product .woocommerce-loop-product__title a {
text-wrap: pretty !important;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 130%; /* 18px */
letter-spacing: -0.45px;
overflow: hidden;
}
li.product:hover > .woocommerce-card__header > .woocommerce-loop-product__title > a {
color: #0555eb !important;
}
li.product.outofstock:hover > .woocommerce-card__header > a.button {
opacity: 0!important;
}
ul.products li.product .price ins .amount,
li.product .price-single .woocommerce-Price-amount {
color:#0555eb !important;
font-family: "Gantari", Sans-serif;
font-size: 22px !important;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.45px;
}
ul.products li.product .price del .amount {
color:#212225 !important;
margin-left: 3px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.3px;
}
ul.products li.product .price {
margin-bottom: 0 !important;
padding-left: 0 !important;
}
ul.products li.product .price-saved,
ul.products li.product .price-saved-single {
color: #018927;
font-size: 13px !important;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 18px */
letter-spacing: -0.3px;
}
ul.products li.product .price-ttc-single {
display: none;
}
@media (max-width: 767px) {
.site .elementor-element.elementor-products-grid ul.products li.product {
padding:0 !important;
}
.elementor-wc-products ul.products {
grid-row-gap: 20px !important;
width: auto !important;
}
ul.products li.product .woocommerce-card__header small.woocommerce-price-suffix {
display: none !important;
}
}
/* WOO Archive category */
body.archive ul.products {
width: 100% !important;
}
body.archive ul.products li.product:nth-child(3n) {
padding-left: 30px;
padding-right: 0 !important;
}
body.archive ul.products li.product:nth-child(3n+1) {
/* Your specific styles go here */
padding-left: 0 !important;
padding-right: 30px !important;
}
body.archive .widget_product_categories {
padding-right: 10px;
}
@media (max-width: 767px) {
body ul.products li.product {
padding: 0px 8px !important;
}
body.archive ul.products li.product:nth-child(1n+1) {
padding-left: 8px !important;
padding-right: 8px !important;
}
body.archive ul.products li.product:nth-child(1n) {
padding-left: 8px !important;
padding-right: 8px !important;
}
}
/* Categories page */
.product-categories li {
margin-bottom: 8px !important;
}
.wc-block-product-categories-list.wc-block-product-categories-list--depth-1, body .widget_product_categories ul .children {
border-left: 1px solid #d1d1d1 !important;
}
header.woocommerce-products-header, .shoptimizer-category-banner {
border-radius: 8px !important;
}
select.orderby {
cursor: pointer !important;
transition: 300ms !important;
}
select.orderby:hover {
color:#0555EB !important;
}
.woocommerce-ordering {
padding: 6px 8px !important;
border: 1px solid #D0D0D0 !important;
border-radius: 8px !important;
cursor: pointer !important;
transition: 300ms !important;
}
.woocommerce-ordering:hover {
border-color: #0555EB !important
}
.shoptimizer-sorting .woocommerce-result-count {
color:#737373 !important
}
#secondary .widget a, #secondary .widget_recent_comments ul li a, body .widget-area .widget, body .widget-area .widget.widget_categories a, body .widget_product_categories ul .children a {
color: #212225;
}
#secondary .widget {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 32px;
}
#secondary .widget.widget_search {
margin-bottom: 25px;
padding-bottom: 0;
border-bottom: none;
}
.widget .widget-title, .widget .widgettitle, .widget.widget_block h2 {
font-weight: 600 !important;
}
.widget_product_categories li.cat-item-318, .widget_product_categories li.cat-item-53 {
display: none;
}
.woocommerce.widget_products .price ins .amount,
.woocommerce.widget_products .price ins .woocommerce-Price-currencySymbol {
color:#212225 !important;
font-weight: 600 !important;
line-height: 100%;
letter-spacing: -0.45px;
}
.woocommerce.widget_products .price del, .woocommerce.widget_products .price del .amount {
color: #212225 !important;
}
.woocommerce.widget_products .price-saved,
.woocommerce.widget_products small.woocommerce-price-suffix {
display:none;
}
.woocommerce.widget_products .product_list_widget li img {
float: right;
max-width: 4em;
margin-left: 2px;
}
/** Contact form **/
.contact-vtpe .wpforms-container input.wpforms-field-medium, .contact-vtpe .wpforms-container select.wpforms-field-medium, .contact-vtpe .wpforms-container .wpforms-field-row.wpforms-field-medium {
max-width: 100% !important;
}
.contact-vtpe .wpforms-container .wpforms-submit-container {
justify-content: center;
display: flex;
}
.contact-vtpe .wpforms-container .wpforms-submit {
color: #fff;
font-size: 17px;
padding: 0 1em;
width: 100%;
border-radius: 8px !important;
height: 52px;
line-height: 52px;
display: flex;
align-items: center;
justify-content: center;
background-color: #0555EB;
transition: background .2s ease;
cursor: pointer;
}
.contact-vtpe .wpforms-container .wpforms-submit:hover {
background-color: #0555eb !important;
}
.contact-vtpe fieldset legend {
font-size: 16px;
}
/** WOO thankyoupage after order checkout ***/
.page-template-merci h1.entry-title {
display: none;
}
.page-template-merci .content-area {
width: 100%;
}
.page-template-merci p.woocommerce-thankyou-order-received {
display: flex;
justify-content: center;
margin: 1em 0;
color: #1a9c2a;
font-size: 52px;
font-weight: 600;
line-height: 110% !important;
letter-spacing: -.01em;
align-items: center;
}
.page-template-merci p.woocommerce-thankyou-order-received::before {
content: "";
display: block;
width: 52px;
height: 52px;
margin-right: 10px;
background: #1a9c2a;
-webkit-mask-image: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/check-heart.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
.page-template-merci ul.order_details {
display: flex;
justify-content: center;
position: relative;
padding: 0.6em 0;
margin: 0 0;
margin-bottom: 2em;
background-color: #ffffff;
text-align: center;
list-style: none;
border-radius: 8px;
}
@media (max-width: 767px) {
.page-template-merci ul.order_details {
flex-direction: column !important;
}
}
.page-template-merci ul.order_details::before {
top: -16px;
}
.page-template-merci ul.order_details::after, .page-template-merci ul.order_details::before {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 16px;
background-size: 0 100%,16px 16px,16px 16px;
content: "";
}
.page-template-merci ul.order_details li {
display: inline-block;
padding: 1em 1.618em;
margin-bottom: 0;
font-size: 13px;
}
.page-template-merci .woocommerce ul.order_details li strong {
color: #212225;
font-size: 14px;
}
.page-template-merci .woocommerce-order-details {
padding: 35px 35px 0 35px;
margin-bottom: 100px;
background: #ffffff;
position: relative;
transition: all 180ms ease 0s;
border-radius: 8px;
}
.page-template-merci .shop_table {
background-color: transparent;
}
.page-template-merci .wc-item-meta .wc-item-meta-label {
display: none;
}
table.woocommerce-table--order-details td, table.woocommerce-table--order-details th {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
table.woocommerce-table--order-details thead th {
border-bottom: 1px solid #eee;
color: #212225;
}
.page-template-merci .woocommerce-order-details table.woocommerce-table--order-details td:last-child,
.page-template-merci .woocommerce-order-details table.woocommerce-table--order-details th:last-child {
text-align: left;
}
table.woocommerce-table--order-details tbody td, table.woocommerce-table--order-details tbody th,
table.woocommerce-table--order-details tbody tr:nth-child(2n) td {
background-color: #fff;
}
.page-template-merci table.woocommerce-table--order-details td {
width: 50%;
}
table.woocommerce-table--order-details tbody tr:first-child td,
table.woocommerce-table--order-details tbody tr:first-child th,
table.woocommerce-table--order-details tfoot tr:first-child td,
table.woocommerce-table--order-details tfoot tr:first-child th {
padding-top: 20px;
}
table.woocommerce-table--order-details tbody tr:last-child td,
table.woocommerce-table--order-details tbody tr:last-child th,
table.woocommerce-table--order-details tfoot tr:last-child td,
table.woocommerce-table--order-details tfoot tr:last-child th {
padding-bottom: 25px;
}
.page-template-merci table.woocommerce-table--order-details tbody tr:last-child td,
.page-template-merci table.woocommerce-table--order-details tbody tr:last-child th {
padding-bottom: 15px;
}
.page-template-merci td.product-name a {
border: 0;
font-weight: 400;
}
.page-template-merci .wc-item-meta {
font-size: .875em;
list-style: none;
opacity: .7;
}
.page-template-merci table.woocommerce-table--order-details .wc-item-meta {
margin: 2px 0 0 0;
}
.page-template-merci table.woocommerce-table--order-details .wc-item-meta li {
margin: 0;
}
.page-template-merci table.woocommerce-table--order-details tfoot tr:first-child td,
.page-template-merci table.woocommerce-table--order-details tfoot tr:first-child th {
border-top: 1px solid #f5f5f5;
}
@media (min-width: 993px) {
.page-template-merci .col2-set .col-1, .page-template-merci .col2-set .col-2 {
width: 50%;
float: left;
}
}
.page-template-merci .woocommerce-customer-details {
display: flex;
padding: 35px 35px 0 35px;
margin-bottom: 30px;
background: #ffffff;
position: relative;
transition: all 180ms ease 0s;
border-radius: 8px;
}
.page-template-merci .col2-set.addresses {
width: 100%;
margin: 0;
padding-top: 30px;
}
.page-template-merci address {
font-size: 15px;
}
.thankyou-custom-field {
margin-top: 20px;
}
@media (max-width:767px) {
.page-template-merci p.woocommerce-thankyou-order-received::before {
height: 40px !important;
}
.page-template-merci p.woocommerce-thankyou-order-received {
font-size: 38px !important;
align-items: flex-start !important;
line-height: 110% !important;
}
}
.woocommerce-order .entry-content {
text-align: center !important;
}
.woocommerce-order-details__title {
text-align: left !important;
}
.page-template-merci p.woocommerce-thankyou-order-received {
display: inline-block;
text-align:center;
}
.page-template-merci p.woocommerce-thankyou-order-received::before {
text-align: center;
display: inline-block;
margin-bottom: -6px !important;
}
.aco-btn-bloc {
margin-left: auto !important;
margin-right: auto !important;
}
.abo-btn-bloc .disabled {
display: none !important;
}
/* thank you page upsell */
.abo-eco-bloc-content {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
padding: 0 !important;
}
.flex-container {
display: flex;
flex-direction: row;
justify-content: space-between;
gap:16px !important;
margin-top: 34px;
}
.flex-item {
flex: 1 1 20%;
padding: 16px;
text-align: center; /* Center the text inside the flex-item */
background-color: #fff;
border-radius: 8px; /* Rounded corners */
}
/* Tablet devices (medium screens with a minimum width of 768px and maximum of 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
.flex-container {
flex-wrap: wrap;
}
.flex-item {
flex: 1 1 40%; /* 2 items per row on tablet */
}
}
/* Mobile devices (small screens with a maximum width of 767px) */
@media (max-width: 767px) {
.flex-container {
flex-wrap: wrap !important;
}
.flex-item {
flex: 1 1 40%;
}
.flex-container .flex-item p {
display: none !important;
}
.flex-container .flex-item h2 {
height: 40px !important;
}
}
.woocommerce-order .abo-eco-bloc-content p {
margin: 0 !important;
width: 100% !important;
text-align: center !important;
}
.flex-item p {
font-size: 12px !important;
}
.flex-item h2 {
font-size: 20px !important;
margin-bottom: 8px !important;
}
.price-info {
margin: 16px 0 8px 0 !important;
display: flex;
}
.price {
color:#212225 !important;
padding-left: 37%;
font-size: 32px; /* Adjust the size as needed */
font-weight: bold;
}
.time-period {
display: block; /* Makes it go to the next line */
font-size: 10px; /* Adjust the size as needed */
}
button {
background-color: #0555eb; /* Example button color */
color: white;
padding: 11px 33px 11px 33px;
font-size: 14px;
line-height: 1.5em;
font-weight: 700;
border: none;
border-radius: 5px;
cursor: pointer;
transition: 300ms !important;
border-radius: 8px !important;
}
button:hover {
background-color: #0440AF !important; /* Darker shade for hover effect */
}
p.billing-info {
font-size: 10px; /* Adjust the size as needed */
color: #666; /* Dark grey color */
padding-top:8px !important;
font-size: 10px !important;
}
.woocommerce-order .abo-eco-bloc-content h2, .woocommerce-order .abo-eco-bloc-content h3, .woocommerce-order .abo-eco-bloc-content h4 {
text-align: center !important;
}
.woocommerce-order .abo-eco-bloc-content h2 {
}
.woocommerce-order .abo-eco-bloc-content h3 {
font-weight: 400 !important;
font-size: 18px !important;
color:#0555EB !important;
margin: 0 0 24px 0 !important;
}
.woocommerce-order .abo-eco-bloc-content h4 {
width: 750px !important;
max-width: 100% !important;
margin: 24px 0 !important;
}
/* my account tab */
table.woocommerce-table--order-details tbody td, table.woocommerce-table--order-details tbody th, table.woocommerce-table--order-details tbody tr:nth-child(2n) td {
background: #ffffff00 !important;
}
table.woocommerce-table--order-details tbody tr:first-child td, table.woocommerce-table--order-details tbody tr:first-child th, table.woocommerce-table--order-details tfoot tr:first-child td, table.woocommerce-table--order-details tfoot tr:first-child th {
padding: 10px 0 !important;
}
.woocommerce-order-details:after, .woocommerce-order-details:before {
display: none !important;
}
.woocommerce-order-details {
border-radius: 8px !important;
background: #fff;
}
/* hide pay button in my-account page to prevent missing mandatory field */
.woocommerce-account .my_account_orders .button.pay, .woocommerce-account .woocommerce .button.pay,
.page-template-merci .woocommerce-thankyou-order-failed-actions, .page-template-merci table.woocommerce-table--order-details th.order-actions--heading, .page-template-merci table.woocommerce-table--order-details .button.pay, .page-template-merci table.woocommerce-table--order-details .button.cancel { display:none; }
.woocommerce-account .client-email-resil {
display: none;
}
.woocommerce-account .client-order-resil select, .woocommerce-account .client-motif-resil select {
background: #fff !important;
}
.woocommerce-account .client-message-resil textarea {
width: 60%;
}
@media (max-width:767px){
footer.copyright p {
text-align: left !important;
}
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--cancellation a::before {
-webkit-mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M14%2011H8M10%2015H8M16%207H8M20%2012V6.8C20%205.11984%2020%204.27976%2019.673%203.63803C19.3854%203.07354%2018.9265%202.6146%2018.362%202.32698C17.7202%202%2016.8802%202%2015.2%202H8.8C7.11984%202%206.27976%202%205.63803%202.32698C5.07354%202.6146%204.6146%203.07354%204.32698%203.63803C4%204.27976%204%205.11984%204%206.8V17.2C4%2018.8802%204%2019.7202%204.32698%2020.362C4.6146%2020.9265%205.07354%2021.3854%205.63803%2021.673C6.27976%2022%207.11984%2022%208.8%2022H12M16%2016L21%2021M21%2016L16%2021%22%20stroke=%22%234A5568%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E);
mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width=%2220%22%20height=%2220%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M14%2011H8M10%2015H8M16%207H8M20%2012V6.8C20%205.11984%2020%204.27976%2019.673%203.63803C19.3854%203.07354%2018.9265%202.6146%2018.362%202.32698C17.7202%202%2016.8802%202%2015.2%202H8.8C7.11984%202%206.27976%202%205.63803%202.32698C5.07354%202.6146%204.6146%203.07354%204.32698%203.63803C4%204.27976%204%205.11984%204%206.8V17.2C4%2018.8802%204%2019.7202%204.32698%2020.362C4.6146%2020.9265%205.07354%2021.3854%205.63803%2021.673C6.27976%2022%207.11984%2022%208.8%2022H12M16%2016L21%2021M21%2016L16%2021%22%20stroke=%22%234A5568%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E);
mask-size: 85%; /* Scale down to 85% to effectively make the SVG 18x18 within the 24x24 view box */
mask-position: center; /* Ensure the mask is centered */
background: #212225 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--ly_saved_cards a::before {
-webkit-mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M22%2010H2M11%2014H6M2%208.2L2%2015.8C2%2016.9201%202%2017.4802%202.21799%2017.908C2.40973%2018.2843%202.71569%2018.5903%203.09202%2018.782C3.51984%2019%204.07989%2019%205.2%2019L18.8%2019C19.9201%2019%2020.4802%2019%2020.908%2018.782C21.2843%2018.5903%2021.5903%2018.2843%2021.782%2017.908C22%2017.4802%2022%2016.9201%2022%2015.8V8.2C22%207.0799%2022%206.51984%2021.782%206.09202C21.5903%205.7157%2021.2843%205.40974%2020.908%205.21799C20.4802%205%2019.9201%205%2018.8%205L5.2%205C4.0799%205%203.51984%205%203.09202%205.21799C2.7157%205.40973%202.40973%205.71569%202.21799%206.09202C2%206.51984%202%207.07989%202%208.2Z%22%20stroke=%22%234A5568%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E);
mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M22%2010H2M11%2014H6M2%208.2L2%2015.8C2%2016.9201%202%2017.4802%202.21799%2017.908C2.40973%2018.2843%202.71569%2018.5903%203.09202%2018.782C3.51984%2019%204.07989%2019%205.2%2019L18.8%2019C19.9201%2019%2020.4802%2019%2020.908%2018.782C21.2843%2018.5903%2021.5903%2018.2843%2021.782%2017.908C22%2017.4802%2022%2016.9201%2022%2015.8V8.2C22%207.0799%2022%206.51984%2021.782%206.09202C21.5903%205.7157%2021.2843%205.40974%2020.908%205.21799C20.4802%205%2019.9201%205%2018.8%205L5.2%205C4.0799%205%203.51984%205%203.09202%205.21799C2.7157%205.40973%202.40973%205.71569%202.21799%206.09202C2%206.51984%202%207.07989%202%208.2Z%22%20stroke=%22%234A5568%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E);
mask-size: 85%; /* Scale down to 85% to effectively make the SVG 18x18 within the 24x24 view box */
mask-position: center; /* Ensure the mask is centered */
background: #212225 !important;
}
.woocommerce-MyAccount-content .wpforms-container .wpforms-field .wpforms-field-row .wpforms-one-half {
display: flex !important;
flex-direction: column-reverse !important;
}
.woocommerce-MyAccount-content .wpforms-container .wpforms-field-sublabel {
font-size: 16px !important;
font-weight: 700 !important;
}
.woocommerce-MyAccount-content .placeholder{
padding: 8px 0 !important;
}
.woocommerce-MyAccount-content .wpforms-field-medium {
min-height: 40px !important;
height:100% !important;
}
/* subscription page checkout */
.number-input .fa {
display: none !important;
}
.number-input .plus::after {
content: "";
position: relative !important;
display: block;
top:4px;
left:5px;
width: 14px;
height: 14px;
margin-right: 10px;
background: #212225;
-webkit-mask-image: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/plus-1.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
.number-input .minus::after {
content: "";
position: relative !important;
display: block;
top:4px;
left:5px;
width: 14px;
height: 14px;
margin-right: 10px;
background: #212225;
-webkit-mask-image: url(https://www.vente-terminal-de-paiement.com/wp-content/uploads/2023/11/minus.svg);
-webkit-mask-position: center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
@media (min-width: 993px) {
p.subtitle-abo {
font-size: 20px !important;
font-weight: 400 !important;
margin-bottom: 100px !important;
}
.col-lg-7, .col-md-7 {
padding-left: 0 !important;
padding-right: 24px !important;
}
.col-lg-5, .col-md-5 {
padding-right: 0 !important;
padding-left: 24px !important;
height: 1700px !important;
}
h2.titre-abo.abo-passerelle {
color: #0555EB !important;
}
h2.titre-abo.abo-maintenance {
color:#008CA4 !important;
margin-top: 48px !important;
}
.titre-form-abo {
width: 1140px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
h1.titre-abo {
display: flex !important;
width: 700px !important;
text-align: center !important;
margin: 24px 0 !important;
}
.subtitle-abo {
width: 800px !important;
text-align: center !important;
}
.titre-abo .abo-passerelle p {
margin: 0 0 0 24px !important;
}
.col-lg-8, .col-md-8 {
padding: 0 !important;
}
.container-check {
line-height: 140% !important;
}
.checkmark {
border: 1px solid #c2c2c2 !important;
background: #fff !important;
transition: 300ms !important;
}
.container-check:hover .checkmark {
border-color: #0555EBBF !important;
}
input[type="radio"]:checked + .checkmark {
border-color:#0555EB !important;
background-color: #fff !important;
}
.container-check .checkmark:after {
top:5px !important;
left: 5px !important;
background:#0555EB !important;
}
.abo-pass-choice, .abo-maint-choice {
padding: 16px !important;
border-radius: 8px !important;
background: #fff !important;
display: flex !important;
align-items: center !important;
border: none !important;
}
.abo-pass-check, .abo-maint-check {
border: none !important;
display: flex !important;
justify-content: flex-end !important;
padding-right: 10px !important;
}
.abo-pass-num {
padding: 10px 30px 24px 30px !important;
}
.col-md-4 {
padding-left: 58px !important;
}
.abo-pass-choice.choose-box, .abo-maint-choice.choose-box {
padding-left: 0 !important;
border-radius: initial !important;
background: initial !important;
}
.abo-pass-container {
border: none !important;
margin-bottom: 24px !important;
}
.abo-pass-container:last-child {
margin-bottom: 48px !important;
}
.montant, .month {
color:#0555EB !important;
}
.order-review {
border: none !important;
background: #fff !important;
border-radius: 8px !important;
padding: 32px !important;
position: sticky;
top: 150px !important;
}
.order-review .woocommerce-checkout-review-order-table tr.cart-subtotal th, .order-review .woocommerce-checkout-review-order-table tr.cart-subtotal td {
border-radius: 0px !important;
}
.order-review .woocommerce .btn, .woocommerce .button {
color:#fff !important;
background: #0555EB !important;
font-size: 18px;
}
.step-title {
color:#0555EB !important;
font-weight: 600 !important;
font-size: 18px !important;
}
.order-review td, .order-review th {
padding: 16px 0 !important;
vertical-align: middle !important;
}
.shop_table tr>td {
font-family: "Gantari", Sans-serif !important;
}
.number-input {
border: none !important;
}
.number-input .minus, .number-input .plus {
background: #fff !important;
border-radius: 100px !important;
transition: 300ms !important;
box-shadow: 0 5px 5px -2px rgb(0 0 0 / 5%) !important;
}
.number-input .minus:hover, .number-input .plus:hover {
box-shadow: 0 10px 15px -2px rgb(0 0 0 / 15%) !important
;
}
.number-input input[type=number] {
background: #ffffff00 !important;
border: none !important;
}
}
@media (max-width:992px) {
body.theme-shoptimizer .site-header .custom-logo-link img,
body.wp-custom-logo .site-header .custom-logo-link img {
height: 40px !important;
}
body #masthead {
}
h1.titre-abo {
padding: 0 !important;
margin: 24px 0 !important;
}
p.subtitle-abo {
font-size: 20px !important;
font-weight: 400 !important;
margin-bottom: 50px !important;
padding: 0 !important
}
.col-lg-7, .col-md-7 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.col-lg-5, .col-md-5 {
padding-right: initial !important;
padding-left: initial !important;
}
h2.titre-abo.abo-passerelle {
color: #0555EB !important;
}
h2.titre-abo.abo-maintenance {
color:#008CA4 !important;
margin-top: 24px !important;
}
.titre-abo .abo-passerelle p {
margin: 0 0 0 16px !important;
}
.abo-pass-label.col-lg-8.col-md-8.col-sm-12 {
padding: 0 !important;
}
.container-check {
line-height: 140% !important;
}
.checkmark {
border: 1px solid #c2c2c2 !important;
background: #fff !important;
transition: 300ms !important;
}
.container-check:hover .checkmark {
border-color: #0555EBBF !important;
}
input[type="radio"]:checked + .checkmark {
border-color:#0555EB !important;
background-color: #fff !important;
}
.container-check .checkmark:after {
top:5px !important;
left: 5px !important;
background:#0555EB !important;
}
.abo-pass-choice, .abo-maint-choice {
padding: 16px !important;
border-radius: 8px !important;
background: #fff !important;
}
.col-md-4 {
padding-left: 0 !important;
}
.col-lg-8.col-md-8 {
padding: 0 !important;
}
.abo-pass-num .col-lg-8.col-md-8 {
padding: 0 0 20px 0 !important;
}
.abo-pass-num {
padding: 16px!important;
border-radius: 8px !important;
background: none !important;
border: 1px solid #c2c2c2 !important;
}
.abo-pass-num .abo-pass-numbutton, .abo-maint-num .abo-maint-numbutton {
text-align: left !important;
}
.abo-pass-choice.choose-box, .abo-maint-choice.choose-box {
padding-left: 0 !important;
border-radius: initial !important;
background: initial !important;
}
.abo-pass-container {
border: none !important;
margin-bottom: 16px !important;
}
.abo-pass-container:last-child {
margin-bottom: 24px !important;
}
.montant, .month {
color:#0555EB !important;
}
.order-review {
padding: 16px !important;
}
.order-review {
border: none !important;
background: #fff !important;
border-radius: 8px !important;
padding: 24px !important;
}
.order-review .woocommerce-checkout-review-order-table tr.cart-subtotal th, .order-review .woocommerce-checkout-review-order-table tr.cart-subtotal td {
border-radius: 0px !important;
}
.step-title {
color:#0555EB !important;
font-weight: 600 !important;
font-size: 18px !important;
}
.order-review td, .order-review th {
padding: 16px 0 !important;
vertical-align: middle !important;
}
.shop_table tr>td {
font-family: "Gantari", Sans-serif !important;
}
.number-input {
border: none !important;
}
.number-input .minus, .number-input .plus {
background: #fff !important;
border-radius: 100px !important;
transition: 300ms !important;
box-shadow: 0 5px 5px -2px rgb(0 0 0 / 5%) !important;
}
.number-input .minus:hover, .number-input .plus:hover {
box-shadow: 0 10px 15px -2px rgb(0 0 0 / 15%) !important
;
}
.number-input input[type=number] {
background: #ffffff00 !important;
border: none !important;
}
body ul.products li.product .button {
opacity: 0;
}
}
/* mega menu */
@media (hover: hover) and (min-width:993px) {
.main-navigation ul.nav-menu>li>a span:hover::before,.menu-primary-menu-container>ul>li:hover>a span::before,body .main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li a:hover span::after {
transform: none;
display: none !important;
transform-origin: left center;
}
.header-4 .menu-primary-menu-container > ul > li > a {
font-weight: 600;
}
.header-4 .menu-primary-menu-container > ul > li:hover > a::after {
background:#0555EB !important;
}
.header-4 .menu-primary-menu-container > ul > li:hover > a {
color:#0555EB !important;
}
}
.main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu {
width: auto !important;
}
.menu-primary-menu-container>ul>li>a {
padding: 0px 16px !important;
}
.menu-primary-menu-container.shoptimizer-mobile-menu {
display: none;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper {
background: #f5f5f5 !important;
margin-top: -5px !important;
border-radius: 0 0 8px 8px !important;
border:none !important;
width:1170px;
}
.main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu>li {
border-color: #dfdfdf !important;
}
.main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu.menu-item-image>li:first-child {
/*width: 40% !important;*/
/*border-color: #dfdfdf !important;*/
border-left: none;
border-right: 1px solid #dfdfdf;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li a.button {
display: none !important;
}
ul.products li.product .woocommerce-card__header small.woocommerce-price-suffix {
display: none !important;
}
.main-navigation .woocommerce-loop-product__title a {
margin-bottom: 8px !important;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li.heading>a.sub-menu-link {
font-size: 16px !important;
font-weight: 600 !important;
padding-top: 0 !important;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li:nth-child(6) {
margin-bottom: 16px !important;
}
@media (min-width:993px) {
.mobile-overlay {
display: none !important;
}
.main-navigation ul.menu ul.sub-menu {
margin-top: -16px !important;
box-shadow: 0 10px 15px -5px rgb(0 0 0 / 10%) !important;
background: #f5f5f5 !important;
border-radius: 0 0 8px 8px !important;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper.menu-image-wrapper {
width:auto !important;
}
}
.main-navigation ul li.menu-item-has-children.full-width ul li a.woocommerce-loop-product__link, .main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu ul {
margin-top: initial !important;
box-shadow: none !important;
background: initial !important;
border-radius: 0 !important;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper ul.products li.product:not(.product-category) {
padding: 0!important;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper ul.products .woocommerce-loop-product__title a {
font-size: 15px !important;
max-height: 38px !important;
}
.main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu>li:last-child {
height: 110% !important;
}
.ui-widget-content {
z-index: 5 !important;
}
/**** MENU ITEM IMAGE CSS ****/
ul.sub-menu.menu-item-image {
gap:22px;
}
div.menu-image-flex {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 20px;
width: 70%; /* Replace with actual width */
height: auto; /* Replace with actual height */
margin-top: 40px;
margin-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
div.menu-item-image.menu-flex {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
div.menu-item-image.menu-flex a {
width: 180px;
height: 150px;
padding: 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 8px;
position: relative;
transition: 500ms cubic-bezier(0.25, 1, 0.75, 1);
}
div.menu-item-image.menu-flex a:hover {
transform: translate3d(0, calc(var(--slkd-move-distance) * -1), 0);
}
div.menu-item-image.menu-item-new a::before, div.menu-item-image.menu-item-promo a::before {
content: 'Nouveau';
color: #fff;
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 600;
line-height: 130%; /* 13px */
letter-spacing: -0.25px;
border-radius: 4px;
background: #1774FF;
padding: 1px 10px;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
left: 8px;
top: 8px;
}
div.menu-item-image.menu-item-promo a::before {
content: 'Promo';
border-radius: 4px;
background: #FF1717;
}
div.menu-item-image.menu-flex span.sub {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:10px;
color: #212225;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 15.6px */
letter-spacing: -0.12px;
}
div.menu-item-image.menu-flex img {
height: 80px !important;
max-width: 100%;
width: auto;
}
.main-navigation ul li.menu-item-mobile {
display: none;
}
/* search results */
.commercekit-ajs-suggestions {
border: none !important;
background: #f5f5f5
}
.commercekit-ajs-results {
border-radius: 0 0 8px 8px;
box-shadow: 0 10px 20px -5px rgb(0 0 0 / 10%) !important;
}
.commercekit-ajs-product:hover, .commercekit-ajs-post:hover {
background: #eee !important;
}
.commercekit-ajs-view-all-holder>a {
background:#0555eb !important;
color: #fff !important;
font-weight: 600 !important;
}
.commercekit-ajs-results .woocommerce-Price-amount.amount {
font-size:16px !important;
font-weight: 500 !important;
margin-right: 4px !important;
}
.commercekit-ajs-results [aria-hidden="true"] .woocommerce-Price-amount.amount {
font-size:13px !important;
font-weight: 400 !important;
margin-right: initial !important;
}
.commercekit-ajs-results .woocommerce-Price-amount .amount {
display: none !important;
}
.commercekit-ajs-results .woocommerce-price-suffix {
display: none !important;
}
.commercekit-ajs-results .price-saved {
display: none !important;
}
/** blog article **/
.post .wp-post-image, .post img {
border-radius: 8px !important;
}
h3.chapo-title {
font-size: 21px;
font-weight: 700;
margin: 0 0 20px !important;
}
section#post-series {
padding:36px 36px 30px;
background: #fff;
margin-bottom:30px;
border-radius: 8px;
}
#post-series-title {
font-size: 1.231em;
font-weight: normal;
padding-bottom:10px;
color: #212225;
}
#post-series ul {
margin: 0 !important;
}
#post-series li {
padding: 7px 0 !important;
list-style: none !important;
}
#post-series .post-series-count {
margin-right: 10px;
color: #0555EB;
}
#post-series .post-series-current {
margin-right: 10px;
color: #272727;
}
.single-post ul#post-series-sub-list {
padding-left: 20px;
}
.single-post .note {
display: block;
background: #f9f9f9;
border-left: 10px solid #dcdcdc;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
.single-post .note.info {
padding: 20px;
background-color: #d9edf7;
border-left: 10px solid #bcdff1;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
.single-post .note.info p:last-child {
margin-bottom: 0;
}
.single-post .note.warning {
background-color: #fcf8e3;
border-left: 10px solid #f9e99d;
color: #8a6d3b !important;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 8px;
}
.single-post table.shadow {
}
.single-post table.radius {
border-radius: 8px;
}
.single-post table.compare {
background: #fff;
padding-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.single-post table.center tr th, .single-post table.center tr td, .single-post table tr th.center, .single-post table tr td.center {
text-align: center;
}
.single-post table.center-metrics tbody > tr > td:nth-child(n+2), table.center-metrics tfoot > tr > td:nth-child(n+2) {
text-align: center;
}
.single-post table td.title-info, table th.title-info {
color: #2991d6;
}
.single-post table td.bg-info, table th.bg-info {
background-color: #cce5ff !important;
}
.single-post table td.bg-warning, table th.bg-warning {
background-color: #fff3cd;
}
.single-post table td.bg-success, table th.bg-success {
background-color: #dff0d8;
font-weight: 600;
}
.single-post table tr:last-child td.bg-success {
border-bottom-right-radius: 8px;
}
.single-post .yasr-visitor-votes {
margin-bottom: 20px;
}
.single-post .wc-block-grid.has-3-columns .wc-block-grid__product {
flex: 1 0 30.3333333333%;
max-width: 30.333333%;
}
.single-post .wc-block-grid.has-4-columns .wc-block-grid__product {
flex: 1 0 22%;
max-width: 22%;
}
.single-post .wc-block-grid__product:before {
border-radius: 8px;
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
ul.products li.product .woocommerce-loop-product__title a {
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: -0.45px;
}
}
@media (min-width: 993px) {
body .columns-4.products li.product {
width: 35% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
ul.products li.product .woocommerce-loop-product__title a {
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 130%;
letter-spacing: -0.45px;
}
}
/*** mobile menu ***/
@media only screen and (min-width: 768px) and (max-width:992px) {
/*.order-review .woocommerce .btn, .woocommerce .button {
padding: 13px 39px !important;
width: 100% !important;
font-size: 18px !important;
}*/
}
@media (max-width: 992px) {
.menu-primary-menu-container.shoptimizer-mobile-menu {
display: block !important;
}
.main-navigation {
padding-left: 0;
padding-right: 0;
}
.menu-toggle .bar-text {
display:none !important;
}
.site-branding button.menu-toggle {
position: absolute;
left: auto !important;
right: 0 !important;
width: 60px;
height: 30px;
padding: 0;
}
.mobile-toggled .mobile-menu.close-drawer {
left: auto !important;
right: 29px !important;
top: 13px !important;
color: #212225 !important;
}
/** avis clients heureux **/
.elementor-74980 .elementor-element.elementor-element-1750cb1 .elementor-main-swiper {
overflow: hidden !important;
}
.col-full-nav {
position: fixed;
z-index: 102;
padding: 0 15px;
top: 70px;
bottom: 0;
height: auto;
min-height: auto !important;
max-height: auto;
overflow: scroll;
overscroll-behavior: auto;
-webkit-overflow-scrolling: touch;
left: -100%;
width: 100%;
}
.col-full-nav .site-search {
min-height: 300px;
width: auto;
}
.close-drawer {
opacity: 0;
visibility: hidden;
transition: opacity 1.5s ease, visibility 1.5s !important;
}
.menu-toggle {
opacity: 1;
visibility: visible;
transition: opacity 1.5s ease, visibility 1.5s !important;
}
/* When menu is toggled, show close-drawer and hide menu-toggle */
.mobile-toggled .close-drawer {
opacity: 1;
visibility: visible;
transition: opacity 1.5s ease, visibility 1.5s !important;
}
.col-full-nav {
position: fixed;
z-index: 102;
padding: 0 15px;
/*top: 70px;*/
bottom: 0;
height: auto;
min-height: auto !important;
max-height: auto;
overflow: scroll;
overscroll-behavior: auto;
-webkit-overflow-scrolling: touch;
right: -100%;
left: auto !important;
width: 100%;
}
.mobile-toggled .col-full-nav {
right: 0;
}
.mobile-toggled .menu-toggle {
opacity: 0;
visibility: hidden;
transition: opacity 1.5s ease, visibility 1.5s !important;
}
.shoptimizer-mobile-menu ul#menu-mobile-main-top > li > a {
font-size: 20px !important;
font-weight: 700;
}
.shoptimizer-mobile-menu ul.menu>li.menu-item-has-children>span.caret {
top: 8px !important;
}
.shoptimizer-mobile-menu ul.sub-menu > li > a {
font-size: 17px !important;
}
.shoptimizer-mobile-menu ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper {
margin-top: 0 !important;
border-radius: 8px !important;
padding: 16px !important;
width: auto !important;
}
.shoptimizer-mobile-menu ul.menu>li.menu-item-has-children.dropdown-open>.sub-menu-wrapper {
border-bottom: none;
}
.shoptimizer-mobile-menu ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu:first-child>li.heading span {
padding-left: 20px;
}
.shoptimizer-mobile-menu ul ul ul {
padding-left: 0 !important;
}
.shoptimizer-mobile-menu ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li.heading>span.caret {
display: none;
}
.shoptimizer-mobile-menu ul.menu li.menu-item-has-children:not(.dropdown-open) .sub-menu-wrapper {
display: block !important;
}
.main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu.menu-item-image>li:first-child {
border-right: none !important;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper li.heading>span.sub-menu-cat {
font-size: 16px !important;
font-weight: 600 !important;
padding-top: 0 !important;
display: block;
}
div.menu-image-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 15px !important;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
div.menu-item-image.menu-flex {
display: flex;
margin-bottom: 16px;
/* margin-right: 16px; */
width: 15% !important;
}
div.menu-item-image.menu-flex a {
width: 100% !important;
}
/* panier */
.woocommerce-cart .cart-empty::before {
position: absolute;
left: 50%;
top: 35%;
}
.woocommerce-cart .entry-content .cart-empty {
font-size:38px;
}
@media (max-width:767px) {
body.theme-shoptimizer .site-header .custom-logo-link img, body.wp-custom-logo .site-header .custom-logo-link img {
height: 22px !important;
}
.cross-sells ul.products, .mobile-scroll ul.products, .related.products ul.products, .upsells.products ul.products {
flex-direction: column !important;
}
.cross-sells ul.products li.product, .mobile-scroll ul.products li.product, .related.products ul.products li.product, .upsells.products ul.products li.product {
min-width: 100% !important;
width: 100% !important;
}
.upsells.products ul.products li.product .woocommerce-loop-product__title a {
font-size: 34px !important;
}
.upsells.products .price-single .woocommerce-Price-amount{
font-size: 28px !important;
}
.upsells.products .price-assistplus {
font-size: 16px !important;
}
}
.cross-sells ul.products, .mobile-scroll ul.products, .related.products ul.products, .upsells.products ul.products {
width: 100% !important;
}
.summary form.cart.commercekit_sticky-atc:after, .summary form.cart.commercekit_sticky-atc:before {
margin-right: 45px;
}
.summary form.cart.commercekit_sticky-atc {
max-height: calc(100% - 70px);
}
.commercekit-sticky-add-to-cart.visible {
z-index: 5 !important;
}
.summary form.cart.commercekit_sticky-atc .extra-options.thwepo_accordion_style table.thwepo-field-wrapper.open {
display: block !important;
overflow: scroll;
overscroll-behavior: auto;
-webkit-overflow-scrolling: touch;
overflow-y: auto;
overflow-x:hidden;
max-height: calc(100% - 70px);
}
.site .commercekit-sticky-add-to-cart__content-button a.button {
border-radius: 8px !important;
font-weight: normal !important;
}
}
@media only screen and (max-width: 767px) {
.main-navigation ul li.menu-item-has-children.full-width>.sub-menu-wrapper>.container>ul.sub-menu>li.menu-item-image {
display: none;
}
.main-navigation ul.menu li.menu-item-has-children.full-width>.sub-menu-wrapper {
width: auto !important;
}
.main-navigation ul li.menu-item-mobile {
display: block;
}
.main-navigation ul li.menu-item-mobile.menu-separator {
border-top: 1px solid #dfdfdf;
margin-top: 20px;
padding-top: 10px;
}
div.menu-image-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0 !important;
width: 100%;
height: auto;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
div.menu-item-image.menu-flex {
margin-bottom: 16px;
margin-right: 16px;
width: 30% !important;
}
div.menu-item-image.menu-flex:nth-child(3n) {
margin-right: 0 !important;
}
/** avis clients heureux **/
.elementor-74980 .elementor-element.elementor-element-1750cb1 .elementor-main-swiper {
overflow: hidden !important;
}
}
@media only screen and (max-width : 575px) {
div.menu-item-image.menu-item-new a::before, div.menu-item-image.menu-item-promo a::before {
left:auto;
}
}
@media only screen and (max-width : 388px) {
/* Styles pour cette Media Queries */
div.menu-item-image.menu-flex {
margin-bottom: 16px;
margin-right: 13px;
width: 30% !important;
}
}
@media only screen and (max-width : 299px) {
/* Styles pour cette Media Queries */
div.menu-item-image.menu-flex {
margin-bottom: 16px;
margin-right: 0;
width: 100% !important;
}
}
/* migration css snippet */
/* hide data time on blog parent and single-post */
.blog-loop-content-wrapper span.posted-on, .single-post span.posted-on {
display: none !important;
}
body .price del {
margin-right: 8px;
font-size: .95em;
}
footer.site-footer {
border-top: 1px solid #f2f2f2;
}
footer .card-payment {
position: absolute !important;
margin-left: 30px !important;
bottom: -3px;
}
/*** account *****/
@media (min-width: 1199px) {
.header-4 .primary-navigation {
position: relative !important;
width: 100%;
text-align: left;
padding: 0 10px;
}
}
@media (min-width: 993px) {
.header-4 .site-header {
margin-right: 30px;
margin-left: 10px;
}
.secondary-navigation {
display: flex !important;
text-align: right;
align-items: center;
}
.menu-secondary-menu-container {
display: flex !important;
justify-content: flex-end;
}
.secondary-navigation .menu li:not(.ri) a {
padding-top: 10px !important;
padding: 0 15px;
}
.secondary-navigation .menu-item {
border-left: none !important;
}
.header-4 .search-trigger span {
border-right-color: transparent !important;
}
.header-4 .col-full-nav {
width: auto;
display: flex;
margin-left: 0 !important;
}
/* Center the form vertically */
.header-4 .site-search {
display: none; /* flex */
align-items: center;
justify-content: center;
padding: 0 10px;
}
.header-4 .site-search input[type=search] {
border: 0;
background: #ffffff;
border: 1px solid #f8f8f8;
}
.menu-primary-menu-container>ul.menu {
display: inline-block;
min-width: 690px;
}
/* Set the search input width */
.header-4 .site-search .woocommerce-product-search .search-field {
width: 200px;
border-radius: 44px;
}
.header-4 .site-search .woocommerce-product-search .commercekit-ajs-results,
.header-4 .site-search .woocommerce-product-search .commercekit-ajs-suggestions {
width: 340px !important;
}
.header-4 .site-search .woocommerce-product-search .commercekit-ajs-results {
margin-top: 20px;
}
/* footer */
footer .widget:first-child {
}
footer.site-footer a:not(.button):hover, footer.copyright a:hover {
color:#286bc0 !important;
}
footer .widget:first-child div.footer-mail, footer .widget:first-child div.footer-phone {
height: auto;
display: flex;
margin: 5px auto;
}
footer .widget:first-child div.footer-mail svg {
width:18px;
}
footer .widget:first-child div.footer-phone svg {
width: 18px;
}
footer .widget:first-child div.footer-mail a {
font-size: 12px;
padding-left: 5px;
}
footer .widget:first-child div.footer-phone a {
font-size: 14px;
padding-left: 5px;
}
.site-footer .widget.widget_block h2, footer .widget .widget-title {
font-size: 15px !important;
font-weight: 600;
letter-spacing: 0;
line-height: 1.5;
}
footer.copyright .textwidget:first-child p {
font-size: 13px;
text-align: center;
}
/** woo product list ***/
ul.products li.product:not(.product-category)::before {
visibility: hidden;
height: calc(100% + -20px) !important;
}
}
@media (min-width: 770px) {
#page .product .woocommerce-product-gallery, .single-product div.product .product-details-wrapper .images {
width: 50%;
margin-right: 0;
margin-bottom: 0;
}
div.product .summary {
position: relative;
width: 46%;
}
}
/************************************************************
* TOOLTIP HELP (?) modal for checkout field *
************************************************************/
/* Wrapper on the label so we can position the tooltip */
.checkout-help-label {
position: relative;
display: inline-flex !important;
align-items: center; /* vertical alignment */
}
/* Align the required star with the text */
.checkout-help-label .required {
line-height: 1;
margin: 0 2px;
position: relative;
top: -1px; /* small tweak for perfect baseline alignment */
}
/* Fix help icon alignment */
.checkout-help-icon {
display: inline-flex !important;
align-items: center;
padding: 0;
margin: 0;
border: none;
background: none;
cursor: pointer;
}
/* Resize + align the image */
.checkout-help-icon img {
width: 16px;
height: 16px;
display: block;
position: relative;
top: 1px; /* micro-adjust to match font baseline */
}
/* Hidden by default */
.checkout-help-tooltip {
display: none;
position: absolute;
left: 0;
top: calc(100% + 6px);
z-index: 50;
/* Visual style – harmonised with your existing tippy box design */
width: 380px;
padding: 10px 12px;
background: #FFF7CC;
color: #111;
border-radius: 8px;
border: 1px solid #f9f1ba;
box-shadow: 0 5px 35px -10px rgba(107, 99, 10, 0.15);
font-size: 14px;
line-height: 1.4;
}
/* Arrow BORDER (outer, same color as border) */
.checkout-help-tooltip::before {
content: "";
position: absolute;
top: -9px; /* sits just above the bubble */
left: 18px; /* horizontal position – adjust to align with icon */
border-width: 0 9px 9px 9px;
border-style: solid;
border-color: transparent transparent #f9f1ba transparent;
}
/* Arrow FILL (inner, same color as background) */
.checkout-help-tooltip::after {
content: "";
position: absolute;
top: -8px; /* slightly lower than ::before so border shows */
left: 19px; /* 1px shift to center nicely */
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: transparent transparent #f9f1ba transparent;
}
/* When label is "open", show tooltip */
.checkout-help-label.checkout-help-open .checkout-help-tooltip {
display: block;
}
/* On very small screens, avoid clipping */
@media (max-width: 480px) {
.checkout-help-tooltip {
max-width: 90vw;
}
} |