/* -------- General -------- */

.carrito-container {
    display					: flex					;
    flex-direction          : column                ;

    max-width               : 50rem                 ;
    height                  : fit-content           ;

    margin                  : 4rem auto             ;
    padding                 : 0 1rem                ;

    font-family             : 'DM Sans'             ;
}

.carrito-container h1 {
    margin-bottom           : 2rem                  ;

    font-size               : 2.5rem                ;
    color                   : #8237BD             ;
    font-weight             : 700                   ;
}

/* -------- Items -------- */

.carrito-item {
    display                 : flex                  ;
    align-items             : center                ;
    gap                     : 1rem                  ;

    background              : white               ;
    padding                 : 1rem                  ;
    border-radius           : 1.5rem                ;

    margin-bottom           : 1rem                  ;
    border                  : 2px solid #e7d0f5   ;
}

.carrito-img {
    width                   : 8rem                  ;
    max-width               : 10rem                 ;
    height                  : 8rem                  ;
    max-height              : 10rem                 ;

    border-radius           : 1rem                  ;
    object-fit              : cover                 ;
}

.carrito-info {
    flex                    : 1                     ;
}

.carrito-nombre {
    font-size               : 1.2rem                ;
    font-weight             : 600                   ;
    margin                  : 0                     ;
    color                   : #4B1C71             ;
}

.carrito-precio {
    margin                  : 0.2rem 0              ;
    color                   : #8237BD             ;
    font-weight             : 600                   ;
}

.carrito-cantidad {
    display                 : flex                  ;

    align-items             : center                ;

    margin                  : 0.5rem 0              ;

    gap                     : .6rem                 ;
    
}

.carrito-cantidad button {
    background              : #E0C1F6             ;
    
    padding                 : 0.3rem 0.8rem         ;

    border-radius           : 0.5rem                ;
    border                  : none                  ;


    color                   : #4B1C71             ;
    font-size               : 1rem                  ;
    cursor                  : pointer               ;
    font-weight             : bold                  ;
}

.carrito-total {
    color                   : #4B1C71             ;
    font-weight             : 600                   ;
}

/* -------- Btn Eliminar -------- */

.carrito-eliminar {
    background              : none                  ;
    border                  : none                  ;

    padding                 : 0 .5rem               ;

    font-size               : 1.4rem                ;
    font-weight             : bold                  ;
    color                   : #8237BD             ;

    cursor                  : pointer               ;
}

/* -------- Btn Eliminar -------- */

.carrito-resumen .btn-regular {

    align-self             : flex-start              ;

    height                  : 2rem                  ;

    padding                 : 0 1.2rem 0.2rem 1.2rem;

    color                   : white               ;
    font-size               : 1.3rem                ;
    font-weight             : 600                   ;
}

/* -------- Mensaje cuando carrito está vacío -------- */

.carrito-vacio {
    text-align              : center                ;
    margin-top              : 3rem                  ;

    font-size               : 1.5rem                ;
    color                   : #967CAA             ;
}

/* -------- Resumen -------- */

.carrito-resumen {
    text-align              : left                  ;
}

.carrito-resumen p {
    font-size               : 1.5rem                ;
    font-weight             : 600                   ;
    color                   : #8237BD             ;
}

.btn-regular.is-disabled{
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
  filter: grayscale(0.2);
}