/*--------------------------------------------------------------
# AutoCAD Uploader Styles V2.0
--------------------------------------------------------------*/

/* == Form Styling == */
.acu-upload-form {
max-width: 700px; /* Slightly wider */
margin: 2rem auto; /* More vertical spacing */
padding: 30px 40px; /* More padding */
background: #ffffff;
border-radius: 12px; /* Softer corners */
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); /* Softer, deeper shadow */
border: 1px solid #e9e9e9; /* Subtle border */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Modern system fonts */
color: #333;
overflow: hidden; /* Contain elements */
}


/* Form Labels */
.acu-upload-form label {
display: block;
margin: 1.2rem 0 0.6rem 0; /* Adjusted spacing */
font-weight: 600; /* Bold labels */
font-size: 0.95rem;
color: #444; /* Slightly darker label color */
}


/* General Input, Select, Textarea Styling */
.acu-upload-form input[type="text"],
.acu-upload-form input[type="file"],
.acu-upload-form select,
.acu-upload-form textarea {
width: 100%;
padding: 12px 15px;
border: 1px solid #dcdcdc; /* Lighter border */
border-radius: 8px; /* Consistent radius */
margin-bottom: 0.5rem; /* Space below input */
font-size: 1rem;
line-height: 1.5;
background-color: #fdfdfd; /* Very light off-white */
color: #333;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
box-sizing: border-box; /* Include padding and border in element's total width/height */
}

/* Focus States for Inputs */
.acu-upload-form input[type="text"]:focus,
.acu-upload-form input[type="file"]:focus,
.acu-upload-form select:focus,
.acu-upload-form textarea:focus {
border-color: #0073aa; /* WordPress blue */
box-shadow: 0 0 0 3px rgba(0, 115, 170, 0.15); /* Subtle glow */
outline: none; /* Remove default browser outline */
}

/* Specific Styling for Select Dropdown */
.acu-upload-form select {
appearance: none; /* Remove default OS styling */
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%236c757d%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'); /* Custom arrow */
background-repeat: no-repeat;
background-position: right 15px center;
background-size: 10px auto;
padding-right: 40px; /* Make space for the arrow */
cursor: pointer;
}

/* Fix for IE */
.acu-upload-form select::-ms-expand {
display: none;
}

/* Textarea Specific Styling */
.acu-upload-form textarea {
min-height: 120px;
resize: vertical; /* Allow vertical resize */
}


/* Helper text below inputs */
.acu-upload-form small {
display: block;
font-size: 0.85rem;
color: #6c757d; /* Grey text */
margin-top: -0.25rem; /* Pull slightly closer to input */
margin-bottom: 1rem;
}

/* Styling for the File Input Button (Browser Support Varies) */
.acu-upload-form input[type="file"] {
padding: 8px 12px; /* Adjust padding as needed */
}

.acu-upload-form input[type="file"]::file-selector-button {
padding: 10px 18px;
margin-right: 15px;
border: 1px solid #0073aa;
background: #f0f8ff; /* Light blue */
color: #0073aa;
border-radius: 6px;
cursor: pointer;
transition: background-color 0.3s ease, border-color 0.3s ease;
font-weight: 500;
}

.acu-upload-form input[type="file"]::file-selector-button:hover {
background-color: #e6f2fa;
border-color: #005f8d;
}

/* Submit Button Styling */
.acu-upload-form button[type="submit"] {
display: inline-block;
padding: 14px 35px; /* Generous padding */
background-color: #0073aa; /* WP Blue */
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
transition: background-color 0.3s ease, transform 0.15s ease, box-shadow 0.3s ease;
margin-top: 1.5rem; /* Space above button */
box-shadow: 0 4px 10px rgba(0, 115, 170, 0.2); /* Subtle shadow related to button color */
}

.acu-upload-form button[type="submit"]:hover,
.acu-upload-form button[type="submit"]:focus {
background-color: #005f8d; /* Darker blue on hover/focus */
box-shadow: 0 6px 15px rgba(0, 95, 141, 0.3); /* Enhanced shadow */
transform: translateY(-2px); /* Slight lift */
outline: none;
}

.acu-upload-form button[type="submit"]:active {
transform: translateY(0); /* Back to original position */
box-shadow: 0 2px 5px rgba(0, 115, 170, 0.2); /* Smaller shadow on click */
}

/* == Download Button Styling == */
a.acu-download-button.modern-btn {
display: block; /* CHANGE: Make it a block element */
width: fit-content; /* Optional: Keeps width snug like inline-block */
/* OR specify a max-width: max-width: 300px; */
margin: 0.5rem auto; /* CHANGE: Add 'auto' for left/right margins */

/* Keep other styles: */
background: linear-gradient(135deg, #008ec2, #005f8d); 
color: white !important; /* Ensure text is white */
padding: 14px 30px; /* Consistent padding */
font-size: 1rem;
font-weight: 600;
border-radius: 8px; /* Match form elements */
text-decoration: none;
border: none;
cursor: pointer;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0 5px 15px rgba(0, 95, 141, 0.25); /* Shadow matching gradient */
}
a.acu-download-button.modern-btn:hover,
a.acu-download-button.modern-btn:focus {
background: linear-gradient(135deg, #0073aa, #004c70); /* Darken gradient on hover */
transform: translateY(-3px) scale(1.02); /* Lift and slightly enlarge */
box-shadow: 0 8px 20px rgba(0, 76, 112, 0.35); /* Stronger shadow */
color: white !important;
outline: none;
}

a.acu-download-button.modern-btn:active {
transform: translateY(-1px) scale(1); /* Slight press effect */
box-shadow: 0 3px 10px rgba(0, 95, 141, 0.2); /* Reduced shadow */
}


/* == Messages == */


/* Success Message Styling */
.acu-success-message {
background-color: #dff0d8; /* Light green */
color: #3c763d; /* Dark green text */
padding: 18px 25px;
margin-bottom: 1.5rem;
border: 1px solid #d6e9c6;
border-left: 5px solid #5cb85c; /* Green accent */
border-radius: 8px;
font-weight: 500;
font-size: 1rem;
}


/* Login Prompt Styling */
.acu-login-prompt {
background-color: #f8d7da; /* Light red */
color: #721c24; /* Dark red */
padding: 15px 20px;
margin: 1rem 0;
border: 1px solid #f5c6cb;
border-left: 5px solid #dc3545; /* Red accent */
border-radius: 8px;
font-style: normal; /* Override italics if needed */
}
.acu-login-prompt a {
color: #721c24; /* Match text color */
font-weight: 600;
text-decoration: underline;
}
.acu-login-prompt a:hover {
color: #491217; /* Darker red on hover */
}


/* Add this if you want specific styling for the upload error message */
.acu-upload-error-message { /* Or use .acu-login-prompt if you prefer that style */
background-color: #f8d7da; /* Light red */
color: #721c24; /* Dark red */
padding: 15px 20px;
margin-bottom: 1.5rem;
border: 1px solid #f5c6cb;
border-left: 5px solid #dc3545; /* Red accent */
border-radius: 8px;
}


/*--------------------------------------------------------------
# End AutoCAD Uploader Styles
--------------------------------------------------------------*/