/**
 * Merge/Split Frontend Styles
 *
 * Styles for merged tickets on the frontend (My Account page).
 *
 * @package Polanger_Ticket_System_Pro
 * @since   1.1.2
 */

/* Merged status badge color with Closed indicator */
.pgtsp-status-merged {
    background-color: #e1d4ff !important;
}

.pgtsp-status-merged::after {
    content: " (Closed)";
    font-size: 10px;
    opacity: 0.7;
}

/* Hide reply form for merged tickets (using body class) */
body.pgtsp-ticket-merged .pgtsp-chat-reply {
    display: none !important;
}

/* Show merged notice */
body.pgtsp-ticket-merged .pgtsp-ticket-closed-notice {
    display: none !important;
}

/* Merged ticket notice styling */
.pgtsp-merged-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: linear-gradient(135deg, #f3e8ff 0%, #ede9fe 100%);
    border: 1px solid #c4b5fd;
    border-radius: 12px;
    margin-top: 16px;
}

.pgtsp-merged-notice .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    color: #7c3aed;
}

.pgtsp-merged-notice-content {
    flex: 1;
}

.pgtsp-merged-notice-title {
    font-weight: 600;
    color: #5b21b6;
    margin-bottom: 4px;
}

.pgtsp-merged-notice-text {
    color: #6d28d9;
    font-size: 14px;
}

.pgtsp-merged-notice-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 8px 16px;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    color: #fff !important;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.pgtsp-merged-notice-link:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
    color: #fff !important;
}

/* Master ticket with merged children - remove bottom margin/border-radius */
.pgtsp-tickets-list .pgtsp-ticket-item.pgtsp-has-merged {
    border-left-color: #10b981;
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.02) 100%);
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 1px dashed #c4b5fd !important;
}

/* Frontend ticket list - merged child styling - connected to master */
.pgtsp-tickets-list .pgtsp-ticket-item.pgtsp-merged-child {
    position: relative;
    margin-top: 0 !important;
    margin-left: 20px;
    padding: 12px 16px 12px 30px;
    background: linear-gradient(90deg, rgba(139, 92, 246, 0.08) 0%, rgba(139, 92, 246, 0.02) 100%);
    border-left: 3px solid #8b5cf6 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    opacity: 0.95;
}

.pgtsp-tickets-list .pgtsp-ticket-item.pgtsp-merged-child::before {
    content: "↳";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
    color: #8b5cf6;
    font-weight: bold;
}

.pgtsp-tickets-list .pgtsp-ticket-item.pgtsp-merged-child .pgtsp-ticket-subject a {
    font-size: 13px;
    color: #6b7280;
}

.pgtsp-tickets-list .pgtsp-ticket-item.pgtsp-merged-child .pgtsp-ticket-id {
    font-size: 11px;
    color: #9ca3af;
}

.pgtsp-tickets-list .pgtsp-ticket-item.pgtsp-merged-child .pgtsp-ticket-date {
    font-size: 11px;
}