/* General form container styling */
.wir-form-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}


.wir-form-msg-container {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}

.wir-form-issue-msg-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    margin-bottom: 10px;
}
/* Form title styling */
.wir-form-title {
    font-size: 1.5em;
    margin-bottom: 15px;
    text-align: center;
}

/* Form group styling */
.wir-form-group {
    margin-bottom: 15px;
}

/* Form label styling */
.wir-form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Form input styling */
.wir-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Textarea styling */
.wir-textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    min-height: 100px;
}

/* Submit button styling */
.wir-submit-button {
    background-color: #0073aa;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s;
}

.wir-submit-button:hover {
    background-color: #005a87;
}

/* Success and error message styling */
.wir-message {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 1em;
}

.wir-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.wir-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Container for the issues list */
.wir-issues-list {
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
}

.wir-issues-title {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.wir-issues-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.wir-issue-item {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #fff;
}

.wir-issue-title {
    font-size: 20px;
    margin-bottom: 10px;
    color: #0073aa;
}

.wir-issue-meta, .wir-issue-description, .wir-issue-status {
    margin-bottom: 10px;
}

.wir-issue-meta a {
    color: #0073aa;
    text-decoration: none;
}

.wir-issue-meta a:hover {
    text-decoration: underline;
}

.wir-issue-status {
    font-weight: bold;
}

.wir-no-issues, .wir-not-logged-in {
    color: #666;
    text-align: center;
    font-size: 18px;
}
.wir-issues-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px; /* Add some space below the header */
}

.wir-issues-title {
    margin: 0; /* Ensure the title has no extra margin */
    font-size: 24px; /* Adjust as needed */
}

.wir-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa; /* Button background color */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    transition: background-color 0.3s ease;
    text-decoration: none !important;
    font-weight: 500; 
}

.wir-button:hover {
    background-color: #005177; /* Button hover color */
    color: #fff;
    text-decoration: none !important; 
}



.wir-form-group {
    margin: 20px 0;
}

.rating-container {
    display: flex;
    align-items: center;
    gap: 15px; 
}

input[type="radio"] {
    display: none; 
}

.rating-container label {
    cursor: pointer; 
    padding: 10px 15px; 
    border: 2px solid #007bff; 
    border-radius: 5px; 
    background-color: #f0f0f0; 
    transition: background-color 0.3s, transform 0.2s; 
}

input[type="radio"]:checked + label {
    background-color: #007bff; 
    color: white;
    transform: scale(1.05); 
    border-color: #0056b3; 
}

.rating-container label:hover {
    background-color: #e0e0e0; 
}

.wir-form .g-recaptcha {
    margin-bottom: 10px;
}



  .rating-container {
    display: flex;
    gap: 10px; /* Adjust spacing between the radio buttons and labels */
    align-items: center;
}

.rating-container input[type="radio"] {
    margin-right: 5px; /* Spacing between radio button and label */
}


.wir-pagination {
    margin: 20px 0; /* Margin above and below the pagination */
    text-align: center; /* Center align pagination links */
}

.wir-pagination a,
.wir-pagination span {
    display: inline-block; /* Display links as inline-block */
    margin: 0 5px; /* Margin between links */
    padding: 8px 12px; /* Padding around the links */
    border: 1px solid #0073aa; /* Border color */
    border-radius: 4px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    color: #0073aa; /* Link color */
    transition: background-color 0.3s, color 0.3s; /* Smooth transition for hover effect */
}

.wir-pagination a:hover {
    background-color: #0073aa; /* Background color on hover */
    color: #ffffff; /* Text color on hover */
}

.wir-pagination .current {
    background-color: #0073aa; /* Background for current page */
    color: #ffffff; /* Text color for current page */
    border: 1px solid #0073aa; /* Match border with the background */
}

.wir-pagination .disabled {
    color: #ccc; /* Gray color for disabled links */
    border-color: #ccc; /* Gray border for disabled links */
    pointer-events: none; /* Disable click events */
}