/* */

.satisfy-regular {
  font-family: "Satisfy", cursive;
  font-weight: 400;
  font-style: normal;
}

.rock-salt-regular {
  font-family: "Rock Salt", cursive;
  font-weight: 400;
  font-style: normal;
}


/* from addresses */
        .address-card {
            border: 1px solid #dee2e6;
            border-radius: 8px;
            transition: all 0.3s;
        }
        .address-card:hover {
            border-color: #0d6efd;
            box-shadow: 0 0 10px rgba(13, 110, 253, 0.1);
        }
        .address-card.default {
            border-color: #0d6efd;
            background-color: #f0f7ff;
        }
        .address-type-badge {
            position: absolute;
            top: 10px;
            right: 10px;
        }
        .address-actions {
            position: absolute;
            bottom: 15px;
            right: 15px;
        }

/* from cart.php*/

        .cart-item-image {
            width: 80px;
            height: 80px;
            object-fit: cover;
        }
        .nav-link>.active>a {color: yellow;}

/* from admin/orders.php */
   
        .order-status-pending { background-color: brown; }
        .order-status-processing { background-color: blue; }
        .order-status-shipped { background-color: indigo; }
        .order-status-delivered { background-color: green; }
        .order-status-cancelled { background-color: red; }
        .order-status-refunded { background-color: magenta; }
        
        .payment-status-pending { background-color: brown; }
        .payment-status-paid { background-color: green; }
        .payment-status-partially-paid { background-color: blue; }
        .payment-status-failed { background-color: indigo; }
        .payment-status-cancelled { background-color: red; }
        .payment-status-refunded { background-color: magenta; }
        .totalcount { background-color: black; }
        .pending { background-color: brown; }
        .shipped { background-color: indigo; }
        .processing { background-color: blue; }
        .completed { background-color: green; }
        .cancelled { background-color: red; }
        .refunded { background-color: magenta; }
        
        .table-hover tbody tr:hover {
            cursor: pointer;
        }

/* from payment.php */

        .payment-method {
            border: 1px solid #dee2e6;
            border-radius: 5px;
            padding: 15px;
            margin-bottom: 15px;
            cursor: pointer;
            transition: all 0.3s;
        }
        .payment-method:hover {
            border-color: #0d6efd;
            background-color: #f8f9fa;
        }
        .payment-method.active {
            border-color: #0d6efd;
            background-color: #e7f1ff;
        }
        .payment-method input[type="radio"] {
            position: absolute;
            opacity: 0;
        }
        .payment-icon {
            font-size: 2rem;
            margin-right: 10px;
            color: #6c757d;
        }
        .credit-card-icon {
            color: #0d6efd;
        }
        .paypal-icon {
            color: #003087;
        }
        .bank-icon {
            color: #28a745;
        }
        .order-summary {
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
        }
        .form-group {
            margin-bottom: 1.5rem;
        }

/*from profile.php */

        .profile-avatar {
            width: 150px;
            height: 150px;
            object-fit: cover;
            border-radius: 50%;
            border: 3px solid #fff;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .profile-card {
            border-radius: 15px;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }
        .nav-pills .nav-link.active {
            background-color: #0d6efd;
        }
        .account-details {
            background-color: #f8f9fa;
            border-radius: 10px;
            padding: 20px;
        }

/*from users.php*/

        .user-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
        }
        .role-admin {
            background-color: #d4edda;
            color: #155724;
        }
        .role-customer {
            background-color: #fff3cd;
            color: #856404;
        }
        .status-active {
            color: #28a745;
        }
        .status-inactive {
            color: #dc3545;
        }
        .table-hover tbody tr:hover {
            background-color: rgba(0, 0, 0, 0.03);
        }

/* from verify_email */

        .verification-container {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .verification-card {
            background: white;
            border-radius: 15px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
            padding: 40px;
            text-align: center;
            max-width: 500px;
            width: 100%;
        }
        .verification-icon {
            font-size: 4rem;
            margin-bottom: 20px;
        }
        .success { color: #28a745; }
        .error { color: #dc3545; }