.section-tittle {
    text-align: right;
    margin-bottom: 30px;
}

    .section-tittle h2 {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font-size: 28px;
        color: #00bfa5;
    }

    .section-tittle .dots {
        color: #00bfa5;
        font-size: 32px;
    }

.lists {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
}

.publisher-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px;
    background: linear-gradient(135deg, var(--card-color-1), var(--card-color-2));
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    direction: rtl;
}

    .publisher-card:hover {
        transform: translateY(-5px);
    }

.publisher-info {
    flex: 1;
}

.publisher-name {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.book-count {
    font-size: 14px;
    color: #666;
}

.count-number {
    color: #00bfa5;
    font-weight: bold;
    margin-right: 5px;
}

.publisher-logo {
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

    .publisher-logo img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.list:nth-child(1) .publisher-card {
    --card-color-1: #c8e6c9;
    --card-color-2: #a5d6a7;
}

.list:nth-child(2) .publisher-card {
    --card-color-1: #b2dfdb;
    --card-color-2: #80cbc4;
}

.list:nth-child(3) .publisher-card {
    --card-color-1: #b3e5fc;
    --card-color-2: #81d4fa;
}

.list:nth-child(4) .publisher-card {
    --card-color-1: #9fa8da;
    --card-color-2: #7986cb;
}

.list:nth-child(5) .publisher-card {
    --card-color-1: #ffccbc;
    --card-color-2: #ffab91;
}

.list:nth-child(6) .publisher-card {
    --card-color-1: #80deea;
    --card-color-2: #4dd0e1;
}

.list:nth-child(7) .publisher-card {
    --card-color-1: #fff9c4;
    --card-color-2: #fff59d;
}

.list:nth-child(8) .publisher-card {
    --card-color-1: #f8bbd0;
    --card-color-2: #f48fb1;
}
/* wwwroot/css/publishers.css */
.publishers-section {
    margin: 40px 0;
    direction: rtl;
}

.publishers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px 0;
}

.publisher-card {
    background: white;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}

    .publisher-card:hover {
        transform: translateY(-5px);
    }

.publisher-logo {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

    .publisher-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.publisher-info {
    flex: 1;
    text-align: right;
}

    .publisher-info h3 {
        margin: 0 0 5px;
        font-size: 18px;
    }

    .publisher-info p {
        margin: 0;
        color: #666;
        font-size: 14px;
    }