:root {

            /* General */
            --cleassic-wrapper-bg: #fff;
            --cleassic-wrapper-width: 1600px;
            --cleassic-myacc-title-size: 22px;
            --cleassic-myacc-title-color: #3BCBD8;
            --cleassic-myacc-hr-spacing: 15px;
            --cleassic-account-menu-gap: 25px;
            --cleassic-account-menu-color: #000000;
            --cleassic-global-radius: ;
            --cleassic-link-color: #00DBE8;
            --cleassic-link-decoration: none;
            --cleassic-banner-image: url("");
            
            /* Inputs */
            --cleassic-input-radius: 0px;
            --cleassic-input-border: 1px solid #000000;
            --cleassic-input-padding: 10px;

            /* Buttons */
            --cleassic-btn-primary-bg: #f5ca00;
            --cleassic-btn-primary-hover: #f5ca00;
            --cleassic-btn-primary-radius: 30px;
            --cleassic-btn-primary-text: #000000;
            --cleassic-btn-primary-text-hover: #000000;
        }

        /* General */
        h1.cleassic-ui-myacc-title {
            font-size: var(--cleassic-myacc-title-size) !important;
            color: var(--cleassic-myacc-title-color) !important;
        }
        
        .cleassic-ui-myacc-hr {
            margin-top: var(--cleassic-myacc-hr-spacing) !important;
            margin-bottom: var(--cleassic-myacc-hr-spacing) !important;
        }

        .col-md-3.account-menu-column, .stat-card.card {
            border-radius: var(--cleassic-global-radius) !important;
        }

        .recent-orders.card.mb-4 {
            border-radius: var(--cleassic-global-radius) !important;
        }

        .contact-banner-wrapper.dashboard-welcome-contact {
            border-radius: var(--cleassic-global-radius) !important;
        }

        .card-header:first-child {
        
            border-radius: var(--cleassic-global-radius) var(--cleassic-global-radius) 0px 0px !important;
        }

        .recent-orders .card-body {
            border-radius: 0px 0px var(--cleassic-global-radius) var(--cleassic-global-radius);
        }

        #wrapper a:not(.btn):not(.no-custom-link-style) {
            color: var(--cleassic-link-color);
            text-decoration: var(--cleassic-link-decoration) !important;
            transition: all 0.3s ease;
        }
    
        #wrapper a:not(.btn):not(.no-custom-link-style):hover {
            opacity: 0.8;
        }

        #wrapper .container {
            max-width: 100%;
            width: var(--cleassic-wrapper-width) !important;
        }

        .cleassic-banner { 
            width: 100% !important;
            background: var(--cleassic-banner-image) center/cover no-repeat !important;
            margin-bottom: 50px !important;
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
        }

        
        
        /* Inputs Styles */
        input, textarea, select, .form-control {
            border-radius: var(--cleassic-input-radius) !important;
            border: var(--cleassic-input-border) !important;
            padding: var(--cleassic-input-padding) !important;
        }

        ul.account-menu-list { 
            gap: var(--cleassic-account-menu-gap) !important; 
        }

        .account-menu-list li:not(:last-child) {
            border-bottom: 1px solid #ccc;
            padding-bottom: var(--cleassic-account-menu-gap);
        }

        li.cleassic-ui-acc-item a, a.cerrarsesion, li.cleassic-ui-acc-item img {
            color: var(--cleassic-account-menu-color) !important;
        }

        li.cleassic-ui-acc-item .lgcookieslaw-account-button img {
            width: 8%;
        }

    


        
        /* Wrapper Styles */
        section#wrapper {
            background-color: var(--cleassic-wrapper-bg) !important;
        }




        
        /* Button Styles */
        .btn-primary, .button-primary, input[type="submit"], a.label.cleassic-continue-shopping {
            background-color: var(--cleassic-btn-primary-bg) !important;
            border-radius: var(--cleassic-btn-primary-radius) !important;
            border-color: var(--cleassic-btn-primary-bg) !important;
            padding: 10px !important;
            color: var(--cleassic-btn-primary-text) !important;
            transition: ease 0.5s !important;
        }
        
        .btn-primary:hover, .button-primary:hover, input[type="submit"]:hover, a.label.cleassic-continue-shopping:hover {
            background-color: var(--cleassic-btn-primary-hover) !important;
            border-color: var(--cleassic-btn-primary-hover) !important;
            color: var(--cleassic-btn-primary-text-hover) !important;
            padding: 10px !important;
            transition: ease 0.5s !important;
        }