/* Custom styling for the account portal buttons */

/* MTS Account Portal text styling */
.mts-account-portal,
strong:contains("MTS Account Portal:") {
    font-weight: 600;
    color: #004080;
    margin-right: 20px;
}

/* Container for all portal buttons */
.portal-buttons-container {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 10px 0;
    width: 100%;
}

/* Admin login button styling */
a[href*="admin-login"],
a:contains("ADMIN LOGIN"),
.admin-login-button {
    display: block !important;
    padding: 12px 15px !important;
    background-color: #f8f9fa !important;
    color: #343a40 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #dee2e6 !important;
    margin-bottom: 6px !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

/* Customer registration button styling */
a[href*="customer-register"],
a:contains("CUSTOMER REGISTRATION"),
.customer-registration-button {
    display: block !important;
    padding: 12px 15px !important;
    background-color: #e7f1ff !important;
    color: #0d6efd !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #cfe2ff !important;
    margin-bottom: 6px !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

/* Vendor portal button styling */
a[href*="vendor-portal"],
a:contains("VENDOR PORTAL"),
.vendor-portal-button {
    display: block !important;
    padding: 12px 15px !important;
    background-color: #198754 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #198754 !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

/* Hover states for buttons */
a[href*="admin-login"]:hover,
a:contains("ADMIN LOGIN"):hover,
.admin-login-button:hover {
    background-color: #e9ecef !important;
    border-color: #ced4da !important;
}

a[href*="customer-register"]:hover,
a:contains("CUSTOMER REGISTRATION"):hover,
.customer-registration-button:hover {
    background-color: #cfe2ff !important;
    border-color: #9ec5fe !important;
}

a[href*="vendor-portal"]:hover,
a:contains("VENDOR PORTAL"):hover,
.vendor-portal-button:hover {
    background-color: #157347 !important;
    border-color: #146c43 !important;
}

/* Direct targeting of the specific elements in your screenshot */
/* These selectors are specifically crafted for the elements shown */
a.dropdown-item[href*="login.php"],
a.dropdown-item[href*="mtstruckservice.com/mts_platform/admin/login.php"] {
    display: block !important;
    padding: 12px 15px !important;
    background-color: #f8f9fa !important;
    color: #343a40 !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #dee2e6 !important;
    margin-bottom: 6px !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

a.dropdown-item[href*="customer_register.php"],
a.dropdown-item[href*="mtstruckservice.com/customer/customer_register.php"] {
    display: block !important;
    padding: 12px 15px !important;
    background-color: #e7f1ff !important;
    color: #0d6efd !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #cfe2ff !important;
    margin-bottom: 6px !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}

a.dropdown-item[href*="signup.php"],
a.dropdown-item[href*="mtstruckservice.com/vendor/signup.php"] {
    display: block !important;
    padding: 12px 15px !important;
    background-color: #198754 !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    border: 1px solid #198754 !important;
    transition: all 0.2s ease !important;
    font-weight: 500 !important;
}