/* AI Summary Box Styling */
.ai-summary-container {
    background-color: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin: 20px 0;
    font-family: inherit; /* Inherit theme's font */
    direction: rtl;
    text-align: right;
}

.ai-summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.ai-summary-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #343a40;
}

.ai-summary-header span {
    font-size: 12px;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 5px;
}

.ai-summary-text {
    font-size: 15px;
    line-height: 1.6;
    color: #495057;
    margin-bottom: 20px;
}

.ai-summary-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ai-summary-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 13px;
    background-color: #e9ecef;
    color: #343a40;
}

.ai-summary-tag .icon-pro,
.ai-summary-tag .icon-con {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Green Check for Pros */
.ai-summary-tag.pro .icon-pro {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%2328a745"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/></svg>');
}

/* Red Minus for Cons */
.ai-summary-tag.con .icon-con {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23dc3545"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z"/></svg>');
}

.ai-summary-footer {
    text-align: left;
    margin-top: 15px;
}

.ai-summary-footer small {
    font-size: 11px;
    color: #adb5bd;
}