/* style.css - Website Link Analyzer Tool Plugin */

/* General form styling */
.link-analyzer-form {
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #f9f9f9;
}

/* Input field styling */
.link-analyzer-form input[type="text"],
.link-analyzer-form select {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 6px;
}

/* Button styling */
.link-analyzer-form button {
    display: inline-block;
    width: 100px;              /* ✅ Updated width */
    padding: 10px;
    margin: 10px 5px;
    border: none;
    border-radius: 6px;
    background: #0073aa;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    transition: background 0.3s;
}

.link-analyzer-form button:hover {
    background: #005f8d;
}

/* Result table */
.link-analyzer-result {
    margin-top: 20px;
}

.link-analyzer-result table {
    width: 100%;
    border-collapse: collapse;
}

.link-analyzer-result th,
.link-analyzer-result td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

/* Mobile responsiveness */
@media (max-width: 600px) {
    .link-analyzer-form button {
        width: 100%;   /* Full width on mobile */
    }
}