/* Basic styling for the form wrapper */
        .learn-ld-frontend-form {
            background-color: #ffffff;
           
            padding: 20px;
           
        }

        .learn-ld-frontend-form h2.title {
            font-size: 1.8em;
            color: #333;
            margin-bottom: 20px;
            text-align: center;
        }

        /* Form table styling */
        .learn-ld-frontend-form .form-table {
            width: 100%;
    border: unset !important;
            margin-bottom: 20px;
            border-collapse: collapse; /* For clean borders */
        }

        .learn-ld-frontend-form .form-table th,
        .learn-ld-frontend-form .form-table td {
            padding: 12px 0;
            vertical-align: top;
            border-bottom: 1px solid #eee;
        }

        .learn-ld-frontend-form .form-table th {
            text-align: left;
            font-weight: 600;
            width: 30%; /* Adjust as needed */
            padding-right: 15px;
        }

        .learn-ld-frontend-form .form-table td {
            width: 70%; /* Adjust as needed */
        }

        /* Input fields */
        .learn-ld-frontend-form .regular-text,
        .learn-ld-frontend-form select {
            width: 100%; /* Make inputs take full width */
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box; /* Include padding and border in width */
        }

        .learn-ld-frontend-form .description {
            font-size: 0.9em;
            color: #666;
            margin-top: 5px;
        }


        /* Styling for the submit button */
        .learn-ld-frontend-form input[type="submit"] {
            display: inline-block;
            padding: 12px 25px;
            font-size: 1.1em;
            font-weight: 600;
            text-align: center;
            text-decoration: none;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
            border: none; /* Remove default border */

            /* Primary button colors */
            background-color: #0073aa; /* WordPress blue */
            color: #fff;
        }

        .learn-ld-frontend-form input[type="submit"]:hover,
        .learn-ld-frontend-form input[type="submit"]:focus {
            background-color: #005177; /* Darker blue on hover */
            color: #fff;
            outline: none; /* Remove outline on focus */
        }

        /* Generic notice styles for front-end (copied from admin notices for consistency) */
        .learn-ld-notice {
            padding: 12px;
            margin-bottom: 20px;
            border-left: 4px solid;
            border-radius: 4px;
            box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
        }

        .learn-ld-notice p {
            margin: 0.2em 0;
        }

        .learn-ld-notice.notice-success {
            border-color: #46b450; /* Green */
            background-color: #e6ffe6;
            color: #3c763d;
        }

        .learn-ld-notice.notice-error {
            border-color: #dc3232; /* Red */
            background-color: #ffe6e6;
            color: #a94442;
        }

        .learn-ld-notice.notice-warning {
            border-color: #ffb800; /* Yellow/Orange */
            background-color: #fffbe6;
            color: #8a6d3b;
        }

        /* Optional: Make ul/li for generated codes look better */
        .learn-ld-notice ul {
            list-style-type: disc;
            margin-left: 20px;
            padding-left: 0;
        }
        .learn-ld-notice ul li {
            margin-bottom: 5px;
        }

        /* Spinner styling (WordPress default) */
        .spinner {
            visibility: visible; /* Override WordPress default visibility: hidden */
            float: none; /* Remove float if it's interfering with button layout */
            vertical-align: middle;
            margin-left: 5px;
        }
		 
.spinner {
    display: inline-block;  
    vertical-align: middle;  
    width: 20px;  
    height: 20px;  
    margin: 0 5px;  
    background-color: #333;  
    border-radius: 50%;
    animation: wp-spinner linear infinite 0.8s;  
    opacity: 0;  
    transition: opacity 0.2s ease-in-out;  
} 
.spinner.is-active,
.spinner[style*="display: inline-block"] {
    opacity: 1;  
}


 
@keyframes simple-spinner {
    0% { transform: scale(0.6); opacity: 0.5; }
    50% { transform: scale(1); opacity: 1; }
    100% { transform: scale(0.6); opacity: 0.5; }
}
.spinner {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0 5px;
    background-color: #0073aa; // Match button color
    border-radius: 50%;
    animation: simple-spinner 1s ease-in-out infinite;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}
.spinner.is-active,
.spinner[style*="display: inline-block"] {
    opacity: 1;
}