/* ===================================== */
/* CART PAGE */
/* ===================================== */

.tutor-cart-page {
	
	background: transparent;
    padding: 60px 0;

    .tutor-cart-page-wrapper {
        background: transparent !important;
        padding: 0 !important;
    }

    .tutor-container {
        background: transparent !important;
        max-width: 1100px;
    }

    /* =============================== */
    /* GRID LAYOUT */
    /* =============================== */

    .tutor-row {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }

    .tutor-col-lg-8 {
        flex: 2;
    }

    .tutor-col-lg-4 {
        flex: 1;
    }

    /* =============================== */
    /* TITULOS */
    /* =============================== */

    h3 {
        color: var(--e-global-color-75af21c);
        font-family: var(--e-global-typography-15edc3a-font-family);
        margin-bottom: 20px;
    }

    /* =============================== */
    /* ITEM CURSO */
    /* =============================== */

    .tutor-cart-course-item {

        display: flex;
        gap: 16px;
        align-items: center;

        padding: 16px;
        border-radius: 16px;

        background: rgba(20, 10, 40, 0.6);
        border: 1px solid rgba(255,255,255,0.08);

        backdrop-filter: blur(10px);

        transition: all 0.3s ease;

        &:hover {
            border-color: rgba(124, 58, 237, 0.5);
            box-shadow: 0 10px 30px rgba(124, 58, 237, 0.2);
        }

        /* Imagen */
        .tutor-cart-course-thumb {

            img {
                width: 90px;
                height: 70px;
                object-fit: cover;
                border-radius: 10px;
            }
        }

        /* Info */
        .tutor-cart-course-title {

            color: #fff;
            font-family: var(--e-global-typography-15edc3a-font-family);
            font-size: 15px;
            font-weight: 600;
        }

        .tutor-cart-course-info {
            color: rgba(255,255,255,0.5);
            font-size: 13px;
        }

        /* Precio */
        .tutor-cart-course-price {
            margin-left: auto;
            color: #fff;
            font-weight: 600;
        }

        /* Botón eliminar */
        .tutor-btn-outline-danger {

            border: none;
            background: transparent;
            color: rgba(255,255,255,0.5);

            font-size: 13px;
            cursor: pointer;

            transition: all 0.2s ease;

            &:hover {
                color: #f87171;
            }
        }
    }

    /* =============================== */
    /* RESUMEN */
    /* =============================== */

    .tutor-col-lg-4 {

        .tutor-card {

            background: rgba(20, 10, 40, 0.6);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 16px;

            backdrop-filter: blur(10px);

            padding: 20px;

            .tutor-card-body {
                padding: 0;
            }

            /* filas */
            .tutor-d-flex {
                display: flex;
                justify-content: space-between;
                margin-bottom: 12px;

                span {
                    color: rgba(255,255,255,0.7);
                }
            }

            hr {
                border-color: rgba(255,255,255,0.1);
                margin: 12px 0;
            }

            /* total */
            .tutor-fw-bold {
                color: #fff;
                font-weight: 600;
            }

            /* botón checkout */
            .tutor-btn-primary {

                width: 100%;
                margin-top: 10px;

                border-radius: 999px;
                border: none;

                background: linear-gradient(135deg, #7c3aed, #06b6d4);
                color: #fff;

                padding: 10px;

                font-family: var(--e-global-typography-b010c1d-font-family);

                transition: all 0.3s ease;

                &:hover {
                    transform: translateY(-1px);
                    box-shadow: 0 0 15px rgba(124, 58, 237, 0.4);
                }
            }
        }
    }
}


/* ===================================== */
/* GLOBAL FIXES */
/* ===================================== */

.tutor-cart-page *,
.tutor-cart-page *::before,
.tutor-cart-page *::after {
    box-sizing: border-box;
}