/* css/custom.css */

/*----------------------*/
/* --- Shared usage----*/
/*----------------------*/

body {
    background-color: #eef7f2;
}

/* --- Links Style --- */
a, a:visited {
    text-decoration: none !important; /* !important to override Bootstrap */
    color: inherit; /* Use the color of the parent element */
}
a:hover {
    text-decoration: none !important;
    color: #0d6efd; /* Change color on hover for feedback */
}

/* --- Page Header Style --- */
.page-title-container {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.page-title-container h2 {
    margin-bottom: 0;
}

/* --- Icon Style --- */
.page-icon-header {
    font-size: 2.5rem;
    color: #495057;
}
.page-icon-header svg {
    width: 2.5rem;
    height: 2.5rem;
}

/*----------------------*/
/* --- Login Page --- */
/*----------------------*/

.login-container {
    max-width: 400px;
    margin: 6rem auto;
}
.card-header-custom {
    background-color: #0d6efd;
    color: white;
}
.btn-login {
    background-color: #198754;
    border-color: #198754;
    color: white;
}
.btn-login:hover {
    background-color: #157347;
    border-color: #157347;
}

/*----------------------*/
/* --- User Page --- */
/*----------------------*/

#addUserBtn .fa-plus {
    font-size: 1.2rem;
    margin-right: 8px;
}
.btn-sm .fas {
    font-size: 0.9em;
    margin-right: 5px;
}
.btn .fas {
    font-size: 1em;
    margin-right: 5px;
}

/*----------------------*/
/* --- Customer Page --- */
/*----------------------*/

.btn-icon {
    background-color: transparent;
    border: none;
    padding: 0.25rem 0.5rem;
    margin: 0 0.15rem;
    font-size: 1.2rem; /* ขนาดไอคอน */
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.btn-icon:hover {
    transform: scale(1.25); /* ขยายเมื่อเมาส์ชี้ */
    opacity: 0.8;
}

.btn-icon.edit    { color: #ffc107; } /* สีเหลือง (Warning) */
.btn-icon.delete  { color: #dc3545; } /* สีแดง (Danger) */
.btn-icon.merge   { color: #0d6efd; } /* สีน้ำเงิน (Primary) */