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

@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: red;
  font-size: 16px;
  width : 1000px; 
}
.promotion-item .title-area .description{
  color: red;
  font-size: 13px;
  width : 1000px; 
}

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

}

.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 {
    margin-bottom: 20px;
    color: var(--color-highlight);
}

.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:#81c784;
  border-color:#81c784;
}


.product-properties .duc-wrapper .duc-head .duc-title {
    font-weight: 600 !important;
    font-family: 'Work Sans';
}

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

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

.product-properties .product-description{
 background:#e8f5e9;
 border:1px solid #c8e6c9;
 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_ShippingAddress_tblAddressDetails {
    padding: 15px;
    background-color: rgba(134, 206, 0, 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;
    }
}