/* ========================================
   Carrito vacio
   ======================================== */

#primary {
    margin: 0px !important;
    padding: 0px !important;
}

.ast-container {
    display: flex;
    max-width: 100% !important;
    padding: 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .content-area {
        width: 100%;
        margin: 0px;

        .entry-header {
            padding: 25px 100px;
            background: var(--orabellas-bg);
            border-radius: 0px 0px var(--orabellas-radius-lg) var(--orabellas-radius-lg);
            box-shadow: 5px 5px 10px 0px rgba(174, 174, 192, 0.2);

            h1 { 
                font-size: 30px;
                font-weight: 600;
                color: var(--orabellas-text);
                margin: 0px;
            }
        }

        .entry-content {
            .woocommerce {
                .orabellas-cart-empty {
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    justify-content: center;
                    gap: 20px;
                    min-height: 60vh;

                    .cart-empty-message, .cart-empty-message-2 {
                        display: flex;
                        height: fit-content;
                        width: fit-content;
                        padding: 20px;
                        border: 1px solid var(--orabellas-white);
                        background: var(--orabellas-bg);
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        border-radius: var(--orabellas-radius-lg);
                        box-shadow: -5px -5px 10px 0px rgba(255, 255, 255, 0.5), 5px 5px 10px 0px rgba(174, 174, 192, 0.2) !important;
                    }
                    
                    .cart-empty-message {
                        p {
                            font-size: 16px;
                            font-weight: 700;
                            line-height: 25px;
                            color: var(--orabellas-text);
                        }
                        a {
                            padding: 10px 24px;
                            background-color: var(--orabellas-primary);
                            border-radius: var(--orabellas-radius);
                            border: 1px solid var(--orabellas-cream);
                            color: var(--orabellas-cream);
                            font-size: 18px;
                            font-weight: 500;
                            line-height: 1;
                            transition: var(--orabellas-transition);
                        }
                        a:hover { 
                            background-color: var(--orabellas-cream);  
                            color: var(--orabellas-primary);
                            border-color: var(--orabellas-primary);
                        }
                    }
                    
                    
                    .cart-empty-message-2 {

                        h2 {
                            font-size: 50px;
                            font-weight: 400;
                            text-transform: uppercase;
                            line-height: 60px;
                            color: var(--orabellas-primary);
                            margin: 0px;
                        }

                        p, ul {
                            margin: 0px;
                            font-size: 14px;
                            font-weight: 400;
                            line-height: 20px;
                            color: var(--orabellas-text-muted);
                            padding: 0px;
                            align-self: start;
                        }
                    }
                }
            }
        }
    }
}

.cart-title  {
    display: none;
}

@media (max-width: 1024px) {
    .entry-header {
        padding: 20px !important; 
    }
    .orabellas-cart-empty {
        padding: 20px; 
    }
}

@media (max-width: 768px) {
    .orabellas-cart-empty { 
        flex-direction: column !important;
    }
    .cart-empty-message-2 h2 { 
        font-size: 40px; 
    }
}