/* Manus Simple E-commerce Frontend Styles */

/* 1. ปุ่มและข้อความแจ้งเตือน */
.mse-product-info {
    margin: 5px auto 15px auto !important; /* ชิดขอบบนมากขึ้น (5px) และจัดกึ่งกลาง */
    padding: 0px !important; /* ลบ padding ออก */
    border: none !important; /* ลบขอบออก */
    border-radius: 0px !important; /* ลบขอบมนออก */
    display: flex !important;
    flex-direction: column !important; /* จัดให้อยู่ในแนวตั้ง */
    align-items: center !important; /* จัดให้อยู่กึ่งกลาง */
    gap: 10px !important;
    max-width: 300px !important; /* กำหนดความกว้างสูงสุดเพื่อให้จัดกึ่งกลางได้ */
}

.mse-product-info .mse-price {
    margin: 0;
    font-size: 1.1em;
    color: #333;
}

.mse-add-to-cart-btn {
    background-color: #4CAF50; /* Green */
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s;
}

.mse-add-to-cart-btn:hover {
    background-color: #45a049;
}

.mse-message {
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 0.9em;
    font-weight: bold;
}

.mse-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mse-error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* 2. ตะกร้าสินค้า */
.manus-cart-wrapper {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.manus-cart-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.manus-cart-table th, .manus-cart-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.manus-cart-table th {
    background-color: #f2f2f2;
}

.manus-cart-table tfoot td {
    background-color: #0073aa; /* WordPress Blue */
    color: #ffffff; /* White text for better contrast */
    font-size: 1.1em;
    /* background-color: #f9f9f9; */
}

.mse-remove-from-cart-btn {
    background-color: #f44336; /* Red */
    color: white;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    cursor: pointer;
    font-size: 0.9em;
}

/* 3. ฟอร์มสั่งซื้อ */
#mse-checkout-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#mse-checkout-form input[type="text"],
#mse-checkout-form input[type="email"],
#mse-checkout-form input[type="tel"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

#mse-submit-order-btn {
    background-color: #0073aa; /* WordPress Blue */
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1.1em;
    transition: background-color 0.3s;
}

#mse-submit-order-btn:hover {
    background-color: #005177;
}

/* 4. ข้อความแจ้งเตือนสถานะตะกร้าสินค้าที่ค้างอยู่ (Sticky Notice) */
.mse-cart-notice {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    font-size: 1em;
}

.mse-warning-notice {
    background-color: #fff3cd;
    color: #856404;
    border: 1px solid #ffeeba;
}

.mse-success-notice {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.mse-cart-notice a {
    font-weight: bold;
    color: inherit;
    text-decoration: underline;
}