:root {
    /*! put your custom css here */
}

/* =============================================
    FUENTES RINTI 
============================================= */

  @font-face {
      font-family: 'Booton-Regular';
      src: url('/resource/BootonRegular') format('truetype');
      font-weight: 400;
      font-style: normal;
  }

  @font-face {
      font-family: 'Booton-Bold';
      src: url('/resource/BootonBold') format('truetype');
      font-weight: 700;
      font-style: normal;
  }

  /* 1. SELECCIÓN UNIVERSAL (Párrafos, etiquetas, listas, enlaces y inputs) */
  html, 
  body, 
  .slds-scope, 
  p, 
  span, 
  a, 
  li, 
  label, 
  div, 
  td, 
  th,
  input, 
  select, 
  textarea, 
  button,
  .forceCommunityRichText,      /* Específico para textos enriquecidos de Salesforce */
  .uiOutputText,                /* Componentes de salida de texto */
  .slds-form-element__label     /* Etiquetas de formularios Salesforce */
  {
      font-family: 'Booton-Regular', sans-serif !important;
  }

  /* 2. ENCABEZADOS Y TEXTOS EN NEGRITA */
  h1, h2, h3, h4, h5, h6, 
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *, 
  strong, 
  b, 
  .slds-text-heading_large, 
  .slds-text-heading_medium, 
  .slds-text-heading_small 
  {
      font-family: 'Booton-Bold', sans-serif !important;
  }

  /* 3. AJUSTE PARA BOTONES QUE USAN NEGRITA POR DEFECTO */
  .slds-button, 
  button, 
  .button {
      font-family: 'Booton-Bold', sans-serif !important;
  }

/* =============================================
   FOOTER RINTI — RESPONSIVE
============================================= */

.footer-logo-col-rinti,
.footer-text-col-rinti,
.footer-copy-col-rinti,
.footer-social-col-rinti {
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box;
}
.footer-logo-col-rinti img { width: 107px !important; height: auto !important; }
.footer-text-col-rinti { justify-content: center !important; text-align: center !important; padding: 0 20px; }
.footer-text-col-rinti * { margin: 0 !important; color: #ffffff !important; font-weight: 700 !important; line-height: 1.4 !important; text-align: center !important; font-size: clamp(13px, 1.5vw, 18px) !important; }
.footer-copy-col-rinti { justify-content: center !important; text-align: center !important; }
.footer-copy-col-rinti * { color: #8fa0b4 !important; font-size: 13px !important; margin: 0 !important; text-align: center !important; }
.footer-social-col-rinti { justify-content: flex-end !important; gap: 10px; }
@media (min-width: 769px) {
  .footer-logo-col-rinti { justify-content: flex-start; flex: 0 0 140px; min-height: 64px; }
  .footer-text-col-rinti { flex: 1 1 auto; min-width: 280px; }
  .footer-social-col-rinti { justify-content: flex-end !important; flex: 0 0 140px; min-height: 64px; }
  .footer-copy-col-rinti { width: 100%; justify-content: center; padding-top: 10px; }
}
@media (max-width: 768px) {
  .footer-logo-col-rinti, .footer-text-col-rinti, .footer-copy-col-rinti, .footer-social-col-rinti { width: 100% !important; flex-direction: column; justify-content: center !important; align-items: center !important; text-align: center !important; }
  .footer-logo-col-rinti { order: 1 !important; padding-top: 20px !important; padding-bottom: 10px !important; }
  .footer-social-col-rinti { order: 2 !important; padding-bottom: 10px !important; }
  .footer-social-col-rinti > * { margin-left: 5px; margin-right: 5px; }
  .footer-text-col-rinti { padding: 0 20px 10px 20px !important; }
  .footer-text-col-rinti * { font-size: 15px !important; line-height: 1.5 !important; }
  .footer-copy-col-rinti { border-top: 1px solid rgba(255,255,255,0.12); padding-top: 12px !important; padding-bottom: 16px !important; }
  .footer-copy-col-rinti * { font-size: 12px !important; }

}
/* FORCE REBUILD */
body::after {
  content: "";
  display: none;
}

/* =============================================
    4.- ATRIBUTOS DE PRODUCTO (PDP)
============================================= */
  .slds-table {
    background-color: rgb(243, 241, 229) !important;
  }
  
/* =============================================
    5.- TITULO DE PRODUCTOS RECOMENDADOS (PDP)
============================================= */
  .slds-accordion__summary-action{
    display: flex !important;
    justify-content: center !important;
  }

/* =============================================
  6.- POSICION DE BOTONES AGREGAR CARRITO (PDP)
============================================= */

  commerce_builder-purchase-options .quantity-list-action {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  commerce_product_details-add-quantity .container{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
  }

  commerce-action-button.lwc-5igvpfimtj{
    flex-grow: none;
    width:100% !important;
    margin-right:0;
  }
  commerce-action-button lwc-76nnmqsstjk{
      width: 100%;
  }
  .quantity-list-action.lwc-7fkokvogn01 > commerce-action-button.lwc-7fkokvogn01{
      width: 100% !important;
      margin-right:0;
  }
  .slds-button.slds-button_brand.lwc-76nnmqsstjk{
      width: 100%
  }
  .slds-m-vertical--small, .slds-m-vertical_small{
      margin-bottom:0;
  }
  
  @media only screen and (max-width: 48em) {
      commerce_product_details-add-quantity:not(:last-child).lwc-7fkokvogn01
          {
              margin-right: 0;
              width: 100%;
          }
      .quantity-list-action.lwc-7fkokvogn01 > commerce-action-button.lwc-7fkokvogn01{
          margin-left:10px;
      }
  }

/* =============================================
  BORDE REDONDEADO DE PRODUCTOS (PDP)
============================================= */
 
  commerce_search-product-card .productImage {
    border-radius: 0.5rem !important;
    overflow: hidden !important;
  }

  commerce_search-product-card .productImage img {
    border-radius: 0.5rem !important;
  }
/* =============================================
   QUICK ORDER — restaurar tamaño y responsive
============================================= */
commerce_builder-quick-order {
    --var-form-input-element-min-height: 54px;
    --com-c-number-input-width: 90px;
    --com-c-number-input-height: 54px;
}

/* =============================================
   HEADER PRODUCTO / CANTIDAD
============================================= */

commerce_builder-quick-order .label-headings.slds-grid {
    display: grid !important;
    grid-template-columns: 1fr 122px !important;
    column-gap: 1rem !important;
    align-items: end !important;
    width: 100% !important;
}

/* PRODUCTO */
commerce_builder-quick-order .label-headings.slds-grid .product {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
}

/* CANTIDAD */
commerce_builder-quick-order .label-headings.slds-grid .quantity {
    align-items: center !important;
}

/* TEXTO LABEL CANTIDAD */
commerce_builder-quick-order .label-headings.slds-grid .quantity p {
    position: relative !important;
}

/* =============================================
   ALINEAR BLOQUE DERECHO COMPLETO
============================================= */
commerce_builder-quick-order .actions {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 0.5rem !important;

    transform: translateY(-9px) !important;
}

/* RESET SALESFORCE */
commerce_builder-quick-order .label-headings.slds-grid p,
commerce_builder-quick-order .label-headings.slds-grid section,
commerce_builder-quick-order .label-headings.slds-grid dxp_base-text-block {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* =============================================
   CADA FILA ITEM
============================================= */
commerce_builder-quick-order .contents {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

commerce_builder-quick-order .actions {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 0.5rem !important;
}

/* =============================================
   INPUT SKU
============================================= */
commerce_builder-quick-order .slds-input:not(.number-input__input) {
    min-height: 54px !important;
    height: 54px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 54px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

/* =============================================
   INPUT CANTIDAD
============================================= */
commerce_builder-quick-order .number-input__input {
    width: 90px !important;
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 4px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    line-height: 54px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* =============================================
   CONTENEDOR CANTIDAD
============================================= */
commerce_builder-quick-order commerce-quantity-selector,
commerce_builder-quick-order commerce-number-input {
    display: flex !important;
    align-items: center !important;
    height: 54px !important;
}

/* =============================================
   OCULTAR LABEL INGRESAR SKU
============================================= */
commerce_builder-quick-order .slds-form-element__label.slds-no-flex {
    display: none !important;
}

/* =============================================
   RESPONSIVE MÓVIL
============================================= */
@media (max-width: 768px) {

    commerce_builder-quick-order .label-headings.slds-grid {
        grid-template-columns: 1fr 102px !important;
    }

    commerce_builder-quick-order .label-headings.slds-grid .quantity {
        width: 102px !important;
    }

    commerce_builder-quick-order .number-input__input {
        width: 70px !important;
    }

    commerce_builder-quick-order {
        --com-c-number-input-width: 70px;
    }
}

/* =============================================
    Botones de pagina - Mi perfil
============================================= */

  commerce-my-account-profile-container .action-container-header commerce-action-button button,
  commerce-my-account-profile-container .action-container-footer commerce-action-button button {
    display: none !important;
  }

  /* Mantener visible Cambiar contraseña / Change Password */
  commerce-my-account-profile-container .button-width commerce-action-button button {
    display: inline-flex !important;
  }

/* =============================================
    Botones de pagina - Direcciones
============================================= */

  /* Ocultar botón Add Address */
  commerce_my_account-my-account-add-address-button button {
    display: none !important;
  }

  /* Ocultar botones Edit y Delete de cada tarjeta */
  commerce_my_account-my-account-address-footer .address-footer-style button {
    display: none !important;
  }

/* =============================================
    telefono - mis direcciones
============================================= */
  commerce_my_account-my-account-address-card .phone-number {
    display: none !important;
  }
  commerce_my_account-my-account-address-card .lwc-3s3rqo3vm77 {
    display: none !important;
  }
/* =============================================
    mi lista de deseos
============================================= */
  commerce-product-card .image-area figure {
    max-height: 320px !important;
    overflow: hidden !important;
  }
  commerce-product-card .lwc-7k0p65q4sr9 .product-name {
    font-size: 1rem !important;
  }

  .wishlist-body svg {
    display: none !important;
  }

  .wishlist-body {
    position: relative;
    background-image: url('https://www.rintisa.shop/static/media/noImage.98df040d.png');
    background-repeat: no-repeat;
    background-position: top 30px center;  /* Cambiado: más arriba */
    background-size: 180px;  /* Tamaño más pequeño */
    padding-top: 230px;  /* Espacio para la imagen */
    min-height: 400px;
  }
/* =============================================
    checkout
============================================= */
    commerce_unified_checkout-checkout-section-contact-information 
    button.slds-button_neutral {
        display: none !important;
    }
    commerce_builder-checkout-delivery-address 
    lightning-button[data-edit] {
        display: none !important;
    }

    commerce_builder-checkout-delivery-address 
    button[data-add-new-address] {
        display: none !important;
    }
    commerce_unified_checkout-address-visual-picker .card-address-fit > div:last-of-type {
        display: none !important;
    }
    
/* =============================================
    Ocultar imagen por default de Carrito 
============================================= */
  section[data-automation="cartBody"] svg.lwc-4b2blbsh91f {
  display: none !important;
}
/* =============================================
    Añadir sufijo al peso bruto y peso neto "KG"  
============================================= */
.product-fields commerce-field-display::after {
  content: " KG";
}

/* =============================================
    mensaje login 
============================================= */
.comm-login-form__link-section {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Ocultar el número de teléfono en mis pedidos*/
.shiping-phone-number {
    display: none !important;
}

/* =============================================
    icono dropdown - mis documentos
============================================= */
.page-container .slds-dropdown-trigger .slds-input__icon.slds-input__icon_right {
    top: 0 !important;
    margin-top: -2px !important;
}


/* color del header de la lista de pedidos*/
commerce-order-summary .order-header {
    background-color: #f3f1e5 !important;
}

/* =============================================
    poner en negrita el preliminar de la lista de pedidos
============================================= */

.field-ctn > div:first-child .slds-no-space span:first-child,
.field-ctn > div:first-child commerce-field-display {
    font-weight: bold !important;
}

.field-ctn > div:first-child lightning-formatted-number {
    font-weight: bold !important;
}


lightning-primitive-cell-factory .slds-button_neutral{
	padding: 0 !important;
    border: 0 !important;
}

lightning-primitive-cell-factory .slds-button_neutral:hover{
	padding: 0 !important;
    border: 0 !important;
    background-color: transparent !important;
    text-decoration: underline !important;
}

/* =============================================
    texto de moadal eliminar carrito
============================================= */
lightning-modal:has(button[name="confirmClearCartButton"]) h1.slds-modal__title {
    font-size: 0 !important;           /* oculta el texto */
    line-height: 1.5 !important;       /* mantiene altura para no romper layout */
    visibility: visible !important;    /* asegura que el pseudo sea visible */
}
lightning-modal:has(button[name="confirmClearCartButton"]) h1.slds-modal__title::before {
    content: "¿Desea eliminar todos los productos de su carrito?" !important;
    font-size: 1.25rem !important;      /* ajusta al tamaño que necesites */
    font-weight: var(--dxp-s-text-heading-large-font-weight, 600) !important;
    color: var(--dxp-s-text-heading-large-color, #000) !important;
    /* hereda otros estilos que tenga el título */
    display: block !important;
    visibility: visible !important;
}
/* =============================================
    Oculta el bloque de totales dentro del resumen del carrito 
============================================= */
commerce_builder-cart-summary header {
    padding-bottom: 0 !important;
}

/* =============================================
    padding resumen
============================================= */
commerce_builder-order-confirmation-content-layout c-b2b-order-totals .detail-container {
    padding-left: 0 !important;
}

/* =============================================
Cambio de texto de "Borrar" a "Limpiar" en Search
============================================= */

button[data-automation="clearButton"] {
  font-size: 0;
  line-height: 0;
}

button[data-automation="clearButton"]::after {
  content: "Limpiar";
  font-size: 0.8125rem; 
  line-height: normal;
}

/* =============================================
    Linea de separacion en menu de navegacion en vista mobile
============================================= */
@media (max-width: 768px) {
    commerce_builder-my-account-mega-menu .border {
        display: none !important;
    }

    commerce_builder-my-account-mega-menu .exp-mobile-mega-menu__main-list {
        padding-top: 1.25rem !important;
    }
}

/* =============================================
    Eliminar borde en preliminares
============================================= */
lightning-card.custom-card article {
    border: none !important;
    box-shadow: none !important;
}

lightning-card.custom-card .slds-card {
    border: none !important;
    box-shadow: none !important;
}

lightning-card.custom-card {
    border: none !important;
    box-shadow: none !important;
}

/* ============================================================================================================
   FIXES VISUALES (bugfix)
   ============================================================================================================ */

/* ===================================================
   LÍNEAS CENTRADAS EN NOMBRE DE PRODUCTO (PLP)
   =================================================== */

/* 1. Desbloquear contenedores para permitir texto multilínea */
commerce_search-product-card .fieldsArea,
commerce_search-product-card .fieldsArea a,
commerce_search-product-card .fieldsArea commerce_search-product-field {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* 2. Anular el nowrap nativo de slds-truncate y limitar a 2 líneas con puntos suspensivos */
commerce_search-product-card .fieldsArea .slds-truncate,
commerce_search-product-card .fieldsArea [class*="truncate"] {
    white-space: normal !important;
    word-break: break-word !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: 2.8em !important;
    line-height: 1.3 !important;
    text-align: center !important;
}

/* 3. Forzar alineación y salto de línea en componentes internos de texto */
commerce_search-product-card .fieldsArea lightning-formatted-rich-text,
commerce_search-product-card .fieldsArea span,
commerce_search-product-card .fieldsArea p {
    white-space: normal !important;
    display: inline !important;
    text-align: center !important;
}

/*-----------------------------------------------------------------------------------*/
/*FIX DE ALINEACIÓN DE SKU# (PDP)*/
.slds-grid.slds-p-top_x-small {
    align-items: center;
}

/*-----------------------------------------------------------------------------------*/
/*FIX DEL COMPONENTE ZOOM DE IMAGEN DE PRODUCTO (PDP)*/
.zoomed-image-container {
    border-color: #D9D7D5 !important;
}

/*-----------------------------------------------------------------------------------*/
/* Agrega margen inferior a cada tarjeta o fila de dirección en el componente de Checkout (ALMACENES) */
.commerce-checkout-shipping-address .slds-radio,
div[data-component-id="commerce_checkout_shippingAddress"] .slds-radio,
.slds-form-element__control .slds-radio {
    margin-bottom: 1.25rem !important; /* Ajusta el espacio deseado entre direcciones */
}

/* centra los productos en mobile - home */
@media (max-width: 767px) {
    ul.product-grid-container {
        justify-content: center !important;
    }
}


/*-----------------------------------------------------------------------------------*/
/*FIX DEL COMPONENTE TOAST NATIVO, CENTRADO*/
/* 1. Recupera la altura y padding original del Toast */
.slds-notify_toast,
lightning-toast .slds-notify {
    display: inline-flex !important;
    align-items: center !important;
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    padding-right: 3rem !important;
    min-height: unset !important;
}

/* 2. Alineación flexible del contenedor de la figura (ícono) y el texto */
lightning-toast .slds-media,
lightning-toast .slds-media__figure,
lightning-toast .slds-media__body,
lightning-toast .slds-notify__content {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. Corregir el h2 interno y su etiqueta slot/texto */
lightning-toast .slds-notify__content h2,
lightning-toast h2.slds-text-heading_small {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important; /* Quita el descalce vertical del texto */
    font-size: 0.875rem !important;
}

/* 4. Asegura la alineación dentro de los slots dinámicos */
lightning-toast .slds-notify__content slot {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

/* 5. Mantener la X de cierre centrada verticalmente */
lightning-toast .slds-notify__close,
.slds-notify_toast .slds-notify__close {
    position: absolute !important;
    right: 0.75rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

/*-----------------------------------------------------------------------------------*/
/*FIX DEL COMPONENTE TABLE DE MIS DOCUENTOS - AJUSTE DE HEADERS*/
/* 1. Ajustar el offset del contenedor del cuerpo para eliminar el espacio sobrante */
lightning-datatable .slds-table_header-fixed_container {
    padding-top: 2.5rem !important;   /* ajusta el valor probando con el texto más largo real */
}

/* 2. Sincronizar las celdas fijas del encabezado (TH) con el alto exacto */
lightning-datatable thead th,
lightning-datatable .slds-cell-fixed {
    min-height: 2.5rem !important;   /* antes: height */
    height: auto !important;
}

/* 3. Formato interno del contenido de la cabecera */
lightning-datatable th .slds-th__action {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
}

lightning-datatable th .slds-truncate {
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.15 !important;
    text-overflow: clip !important;
}

/* 4. Celdas de datos (TD): Estrictamente en 1 sola fila continua */
lightning-datatable td .slds-truncate,
lightning-datatable td span,
lightning-datatable td lightning-primitive-formatted-text {
    white-space: nowrap !important;
    word-break: normal !important;
    text-overflow: ellipsis !important;  
    overflow: hidden !important;         
}

/* 5. Prevenir saltos en el botón */
lightning-datatable button.btn-ver-detalle {
    white-space: nowrap !important;
}

/*-----------------------------------------------------------------------------------*/
/*FIX DEL COMPONENTE VER DETALLE DE MIS DOCUENTOS - AJUSTE DE BORDES*/
/* Quitar borde inferior de la cabecera nativa */
.slds-modal .slds-modal__container .slds-modal__header {
  --slds-c-modal-sizing-border: 0px !important;
  --sds-c-modal-sizing-border: 0px !important;
  --slds-c-modal-color-border: transparent !important;
  --sds-c-modal-color-border: transparent !important;
  border-bottom: 0px transparent !important;
  border-bottom-width: 0px !important;
  box-shadow: none !important;
}

/* Quitar borde superior del pie nativo */
.slds-modal .slds-modal__container .slds-modal__footer {
  --slds-c-modal-sizing-border: 0px !important;
  --sds-c-modal-sizing-border: 0px !important;
  --slds-c-modal-color-border: transparent !important;
  --sds-c-modal-color-border: transparent !important;
  border-top: 0px transparent !important;
  border-top-width: 0px !important;
  box-shadow: none !important;
}

/* Eliminar posibles bordes generados por pseudo-elementos en el tema */
.slds-modal .slds-modal__header::after,
.slds-modal .slds-modal__footer::before {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* Oculta el mensaje de ayuda de formato nativo de Salesforce */
.slds-form-element__help.slds-assistive-text,
div[id^="fmt-text"] {
    display: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*FIX DEL COMPONENTE RESUMEN EN MIS PEDIDOS DETALLE - QUITAR BOXSHADOW*/
.slds-card.totals-card {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}