/* Add custom CSS styles below */ 

/* =========================================
   Developed by elaGnabey
   Customized for Murabaa Alawani
========================================= */

.salla-multi-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 14px;
    direction: rtl;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(214, 40, 40, 0.08); /* ظل أحمر خفيف */
}

/* Header */
.salla-multi-table thead tr {
    background: #d62828; /* أحمر البراند */
    color: #ffffff;
    font-weight: 600;
}

/* Cells */
.salla-multi-table th,
.salla-multi-table td {
    padding: 14px;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    color: #1a1a1a;
}

/* Even Rows */
.salla-multi-table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

/* Hover Effect */
.salla-multi-table tbody tr:hover {
    background: rgba(214, 40, 40, 0.06); /* تأثير أحمر خفيف جدًا */
    transition: 0.2s ease-in-out;
}

/* Responsive */
@media (max-width: 600px) {
    .salla-multi-table {
        font-size: 12px;
    }

    .salla-multi-table th,
    .salla-multi-table td {
        padding: 10px 6px;
    }
}

/* Signature */
.salla-multi-table::after {
    content: "elaGnabey";
    display: block;
    text-align: left;
    font-size: 10px;
    color: #cccccc;
    padding-top: 6px;
    font-style: italic;
}