.footer::after {
  content: "© 2026 - Plateforme de commande de documents imprimés pour La France Mutualiste, mise à disposition par Siman France. Tous droits réservés.";
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #ccc;
  font-size: 14px;
}

.description.text {
  display: block !important;
  max-width: 600px !important;
  white-space: normal !important;
  line-height: 1.35 !important;
}

.category-item .category-name .LinesEllipsis > div {
  font-weight: 700 !important;
}

.slider .title.text{
    font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 3.5rem;
    line-height: 1.15;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #004162;
}

.promotion-item .promotion-image {
    width: 100%;
    object-fit: contain;
    background-color: #EDF9FF;
}

@media (min-width: 1199px) and (max-width: 1299px) {
    .category .main-content,     .home .middle-section {
        width: 1160px;
    }
}

@media (min-width: 1300px) {
    .category .main-content,     .home .middle-section {
        width: 1300px;
    }
}


.promotion-item .title-area *{
  align-self: auto !important;
  text-align: left;
}

.promotion-item .title-area .button, .layout.home .featured-products-wrapper{
 display: none;
}

.promotion-item .title-area .subtitle{
  color: #3a687e;
  font-size: 16px;
  width : 1000px; 
  font-weight: bold;
  font-family: "Inter", sans-serif;
}
.promotion-item .title-area .description{
  color: red;
  font-size: 13px;
  width : 1000px; 
}

.product-item .image-wrapper {
    padding: 0px !important;
    background: #FFF;

}

.main a.category-item .image-wrapper img {
    max-height: 100%;
}

.switcher.currency.dropdown{
display: none; 
}

.sticky-price-panel .total-price{
display: none;
}

.product-layout img.show {
 background-color: #FFF !important;
}

.product-layout .image-wrapper {
 background-color: var(--color-fill) !important;
 padding : 0px !important;
}

.static-product .right .product-details .product-name, .layout.category  .main-content .title{
    margin-bottom: 20px;
    font-weight: 800 !important;
    font-family: 'Inter', sans-serif;
    color: #00637C;
}

.category .title, .subtitleProductName, .kit-name {
    color: var(--color-highlight) !important;
}

.static-product-wizard{
    margin-top: 70px;
    margin-bottom: 50px !important;
}

.CustomizationProperties #customization {
       padding: 20px;
    padding-bottom: 40px;
    border: 1px solid var(--color-line);
    border-top: 3px solid var(--color-highlight);
    border-radius: 5px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .12);
}

#tblOrderFinalStepContent #tdDocCtrlLeft {
       padding: 20px;
    border: 1px solid var(--color-line);
    border-top: 3px solid var(--color-highlight);
    border-radius: 5px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .12);
}

#tblOrderFinalStepContent #tdPropertyList{
 padding: 0px !important;
}

#docCtrlContainer{
    background-color: var(--color-fill);
    padding: 20px;
    border-radius: 5px;
    width: 100%;
}

.ShoppingCartSubtotalCaption, #proofMainPagerPrev,#proofMainPagerNext{
 display:none !important;
}

#trAboveTop, #trTop{
    display: none;
    height: auto !important;
    padding: 0px !important;
}

.Duc dl .dtiName .FormLabel {
    margin-bottom: 0px !important;
}

.image-zoom .scroll-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: initial;
    margin-bottom: initial;

}
.imageCarousel-component .imageCarousel .img-wrapper .image, uStoreImagesViewer_Container {
    height: 100%;
}

.uStoreImagesViewer_MainPdfDiv {
    margin: 0 !important;
    height: 110% !important;
}

#ctl00_cphMainContent_trBillingAddress > td, #ctl00_cphMainContent_trShipping > td {
    padding: 20px;
    border: 1px solid var(--color-line);
    border-top: 3px solid var(--color-highlight);
    border-radius: 5px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .12);
}






a.category-item{
  display:block;
  border-radius:15px;
  transition:background-color .2s ease;
}

a.category-item:hover{
  background-color:#f5f5f5;
}


.product-item{border-radius:5px;transition:background-color .2s ease;}
.product-item:hover{background-color:#f5f5f5;}



#add-to-cart-button{
  transition:background-color 0.7s ease,border-color 1s ease;
}

#add-to-cart-button:hover{
  background-color:#043d4f;
  border-color:#043d4f;
}


.product-properties .duc-wrapper .duc-head .duc-title {
    font-weight: 800 !important;
    font-family: 'Inter', sans-serif;
    color: #043d4f;
}

.file-upload-duc .upload-control>div{
	background-color: #BDE3F2;
}

.file-upload-duc .upload-control>.download-wrapper-link{
    background-color: transparent !important;
}

.product-properties .product-description{
 background:#EDF9FF;
 border:1px solid #00637C;
 border-radius:6px;
 padding:14px;
 color:#000000;
 font-size:14px;
}









.product-properties .product-description p {
 margin:6px 0;
}

.static-product.product-layout .main-wrapper .view-proof-wrapper{
    width: 100%;
}



.static-product.product-layout .main-wrapper .view-proof-wrapper.desktop .view-proof div {
    display: inline-block;
    color: var(--button-primary-border-color);
}

.main-carousel-wrapper .image-carousel-wrapper .arrows {
    bottom: -35px;
    top: initial;
}

.main-carousel-wrapper .image-carousel-wrapper div:not(.image):not(.thumbnail-title-wrapper):not(.img-zoomed){
    overflow: visible;
}

.main-carousel-wrapper .image-carousel-wrapper {
    overflow: visible;
}








.main a.category-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 10px !important;
  box-sizing: border-box;
  text-align: center;
}

.main a.category-item .image-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main a.category-item .image-wrapper img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.main a.category-item .category-name {
  margin-top: 8px;
  text-align: center;
}

.product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 10px !important;
  box-sizing: border-box;
  text-align: center;
}

.product-item .image-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-item .image-wrapper img {
  max-width: 100%;
  object-fit: contain;
  display: block;
}

.product-item .product-name,
.product-item .product-description,
.product-item .LinesEllipsis {
  margin-top: 8px;
  text-align: center;
}

/* CATÉGORIES (page catégorie) : slider / right-column */
.layout.category .categories-wrapper .slider a.category-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 10px !important;
  box-sizing: border-box;
  text-align: center;
}

.layout.category .categories-wrapper .slider a.category-item .image-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.layout.category .categories-wrapper .slider a.category-item .image-wrapper img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

.layout.category .categories-wrapper .slider a.category-item .category-name {
  margin-top: 8px;
  text-align: center;
  width: 100%;
}

body#body-legacy #preview{
	width: 50%;
}

#divProgress, #SlideShow, .gallerylayer, img.customizationPreview{
    width: auto !important;
    height: auto !important;
    max-height: 100vh;
}
#ctl00_cphMainContent_ucDialCustomization_SlideShow_tblNavigationPanel{
    width:100% !important;
}

.imageInfoLine.selector{
    display:none !important;
}

.expander{
    bottom: 30px !important;
}

#tblOrderFinalStepContent {
    table-layout: auto;
}

.gallerylayer{
  background-color: #EEE;
}

#ctl00_cphMainContent_ucDialCustomization_SlideShow_divWrapper .gallerylayer{
  background-color: #FFF;
}

/**
 * Styles CACF/U-STORE pour les tables
 * Design moderne type Tailwind/Bootstrap, adapté au thème
 * Classes ciblées : .rgMasterTable, .rgHeader, .rgRow, .rgAltRow
 */

/* ============================================
   Container & Table de base
   ============================================ */

.rgMasterTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: var(--font-family, 'Open Sans'), sans-serif;
}

/* ============================================
   En-tête de table
   ============================================ */

.rgMasterTable .rgHeader,
.rgMasterTable thead th {
  background: linear-gradient(180deg, var(--color-highlight, #20a8ce) 0%, color-mix(in srgb, var(--color-highlight, #20a8ce) 92%, black) 100%) !important;
  color: var(--text-color-on-highlight-bg, #fff) !important;
  font-weight: 600;
  font-size: var(--text-size-regular, 14px);
  letter-spacing: 0.02em;
  text-align: left;
  padding: 14px 16px;
  border: none !important;
  border-bottom: 2px solid color-mix(in srgb, var(--color-highlight, #20a8ce) 85%, black) !important;
}

.rgMasterTable .rgHeader a,
.rgMasterTable thead th a {
  color: var(--text-color-on-highlight-bg, #fff) !important;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.rgMasterTable .rgHeader a:hover,
.rgMasterTable thead th a:hover {
  opacity: 0.9;
}

/* ============================================
   Corps de table - lignes alternées
   ============================================ */

.rgMasterTable .rgRow > td,
.rgMasterTable .rgAltRow > td {
  padding: 12px 16px;
  font-size: var(--text-size-regular, 14px);
  color: var(--text-color-dark, #484848);
  border-bottom: 1px solid var(--color-line, #e5e7eb);
  transition: background-color 0.15s ease;
}

.rgMasterTable .rgRow > td {
  background-color: #fff;
}

.rgMasterTable .rgAltRow > td {
  background-color: var(--color-fill, #f9fafb);
}

/* Effet hover sur les lignes */
.rgMasterTable tbody tr:hover > td {
  background-color: color-mix(in srgb, var(--color-highlight, #20a8ce) 6%, white) !important;
}

/* Dernière ligne sans bordure */
.rgMasterTable tbody tr:last-child > td {
  border-bottom: none;
}

/* ============================================
   Liens dans les cellules
   ============================================ */

.rgMasterTable .Link,
.rgMasterTable td a.Link {
  color: var(--color-highlight, #20a8ce) !important;
  text-decoration: none;
  font-weight: 500;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.rgMasterTable .Link:hover,
.rgMasterTable td a.Link:hover {
  border-bottom-color: var(--color-highlight, #20a8ce);
}

/* ============================================
   Statuts de commande
   ============================================ */

/* Statut "En cours" - vert/success */
.rgMasterTable td a span:not(.RejectText) {
  color: var(--color-success, #2fc943);
}

/* Statut "Rejeté" */
.rgMasterTable .RejectText {
  color: var(--color-error, #ff625a) !important;
  font-weight: 500;
}

/* Alignement icône + texte statut */
.rgMasterTable td img.uStoreLegacy-verticalAlignMiddle {
  vertical-align: middle;
  margin-right: 6px;
}

/* ============================================
   Ligne "Pas d'enregistrement"
   ============================================ */

.rgMasterTable .rgNoRecords td {
  padding: 32px 16px;
  text-align: center;
  color: var(--text-color-medium, #767676);
  font-style: italic;
  background-color: var(--color-fill, #f9fafb) !important;
}

/* ============================================
   Boutons d'action (Drafts table)
   ============================================ */

.rgMasterTable .DrafOrderButton {
  cursor: pointer;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.rgMasterTable .DrafOrderButton:hover {
  opacity: 1;
}

/* Groupes de boutons mobile */
.rgMasterTable .btn-group.mobile {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.rgMasterTable .btn-group.mobile .btn {
  padding: 6px 12px;
  font-size: 12px;
  border-radius: 6px;
  border: 1px solid var(--color-line);
  background: #fff;
  color: var(--text-color-dark);
  text-decoration: none;
  transition: all 0.2s ease;
}

.rgMasterTable .btn-group.mobile .btn:hover {
  background: var(--color-fill);
  border-color: var(--color-highlight);
  color: var(--color-highlight);
}

/* ============================================
   Liens SiteLink (ex: Produits inclus)
   ============================================ */

.rgMasterTable .SiteLink {
  color: var(--color-highlight, #20a8ce) !important;
  font-size: var(--text-size-fineprint, 12px);
  text-decoration: none;
  display: inline-block;
  margin-top: 4px;
}

.rgMasterTable .SiteLink:hover {
  text-decoration: underline;
}

/* ============================================
   Responsive - tables empilées sur mobile
   ============================================ */

@media (max-width: 767px) {
  .rgMasterTable.stacktable {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

  .rgMasterTable .rgHeader {
    padding: 12px 14px;
    font-size: var(--text-size-fineprint, 12px);
  }

  .rgMasterTable .rgRow > td,
  .rgMasterTable .rgAltRow > td {
    padding: 10px 14px;
    font-size: var(--text-size-fineprint, 12px);
  }
}

/* ============================================
     HIDE PRICE   ============================================ */

th.ShoppingCartGrid_Column_Price, td.ShoppingCartGrid_Column_Price {
    display:none;
}

#ctl00_cphMainContent_OrderListTable th:nth-child(3), #ctl00_cphMainContent_OrderListTable td:nth-child(3) {
    display:none;
}

#ctl00_cphMainContent_dgLastDrafts_dgDrafts_ctl00 .RadGrid .rgRow>td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#ctl00_cphMainContent_trPriceSummary, #ctl00_cphMainContent_lnkShowReceipt, form.ustore_OrderDetails div#fullpage div:nth-child(10), form.ustore_OrderDetails div#fullpage #ctl00_cphMainContent_OrderTable_ctl00 tbody tr:nth-child(even), .OrderDetailsGrid_Column_Price{
   display: none;
}

#ctl00_cphMainContent_ucCurrentCart_LblTitle, #ctl00_cphMainContent_ucSaveForLaterCart_LblTitle{
    color:grey;
}

form.ustore_CheckoutFinal .breadCrumbs{
    display:none;
}

/* ============================================

VALIDATION COMMANDE
     
============================================ */


.addressBodyWrapper {
    padding:15px 0;
}

#ctl00_cphMainContent_trShippingAddress .ShippingAddressWrapper,
#ctl00_cphMainContent_trShippingAddress .AddressBox_Checkbox {
    display: none !important;
}

.AddressBox_Company {
    color: #888;
}

#ctl00_cphMainContent_ucAddress_txtCompany[readonly] {
    background: #eee;
    color: #666;
    cursor: not-allowed;
}

#ctl00_cphMainContent_ShippingAddress_tblAddressDetails {
    padding: 15px;
    background-color: rgba(0, 99, 124, 0.22);
    border-radius: 10px;
    min-width: 380px;
}

#ctl00_cphMainContent_ShippingAddress_lblHeading {
    padding-bottom: 10px;
    color: gray;
}

#ctl00_cphMainContent_ShippingAddress_lnkEditAddress{
    text-align: right;
    width: 100% !important;
    display: inline-block;
}

/* Page Profil */

#ctl00_cphMainContent_trEmailAddress,
#ctl00_cphMainContent_trFaxNumber,
#ctl00_cphMainContent_trCompanyName,
#ctl00_cphMainContent_trDepartment,
#ctl00_cphMainContent_trJobTitle, #ctl00_cphMainContent_ucCurrentCart_dgOrderTable_ctl00 td.tdUnits span:nth-child(1) {
 display: none;
}

@media (min-width: 1500px) {
    .category .main-content, .home .middle-section {
        width: 1500px;
    }
}

.static-product-wizard {
    margin-top: 30px;
}

  .order-step__svg .color2 {
    fill: #E94F35 !important;
  }

.pack-description{
   color: #E94F35 !important;
   font-weight: 900 !important;
}

.static-order-summary.product-order-summary .summary-table-row:nth-child(2), #ctl00_cphMainContent_lblServiceHeader, #ctl00_cphMainContent_pnlSingleShipping{
 display:none;
}

.category-title-wrapper .category-title#id-0 {
 display:none;
}

/* Added WDFR 31 Jul. 2026, to hide the "Déconnexion" button in the "Little Man" feature, as this button currently kicks the uStore Users to the uStore Login Page, whereas it makes sense that SAML Users should *not* be given the opportunity to manually login this manual way */
#__next > div > div > div.header > div > div.right-icons > div.profile.dropdown.show > div.dropdown-menu.dropdown-menu-right.show > div.signout > div.btn-container.d-flex.align-items-center > a {
display: none !important;
}

#ctl00_cphMainContent_trBillingAddress{
 display:none !important;
}