/**
 * Instant Quote — Pricing Panel Styles
 *
 * Dark mode compatible. Matches existing FliserRent theme.
 *
 * @package FliserRent
 * @since   1.4.0
 */

/* ─── Pricing Panel ───────────────────────────────────── */
.iq-pricing-panel .box {
    border-left: 4px solid var(--fr-success, #48c78e);
}

/* ─── Pricing Table ───────────────────────────────────── */
.iq-pricing-table {
    font-size: 0.95rem;
}

.iq-pricing-table thead th {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding-bottom: 0.75rem;
}

.iq-pricing-table tbody td {
    vertical-align: middle;
    padding: 0.6rem 0.75rem;
}

.iq-pricing-table tfoot td {
    border-top: 2px solid var(--fr-border, rgba(255, 255, 255, 0.1));
    padding: 0.5rem 0.75rem;
}

.iq-grand-total-row td {
    border-top: 2px solid var(--fr-success, #48c78e) !important;
    padding-top: 0.75rem !important;
}

/* ─── Dark Mode ───────────────────────────────────────── */
[data-theme="dark"] .iq-pricing-panel .box,
.dark-mode .iq-pricing-panel .box {
    background: var(--fr-card-bg, #1a1d2e);
    border-color: var(--fr-border, rgba(255, 255, 255, 0.06));
    border-left: 4px solid var(--fr-success, #48c78e);
}

[data-theme="dark"] .iq-pricing-table,
.dark-mode .iq-pricing-table {
    background: transparent;
    color: var(--fr-text, #e4e6f0);
}

[data-theme="dark"] .iq-pricing-table thead th,
.dark-mode .iq-pricing-table thead th {
    color: var(--fr-text-muted, #9ca0b8);
    border-bottom-color: var(--fr-border, rgba(255, 255, 255, 0.06));
}

[data-theme="dark"] .iq-pricing-table tbody tr:hover,
.dark-mode .iq-pricing-table tbody tr:hover {
    background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .iq-pricing-table td,
[data-theme="dark"] .iq-pricing-table th,
.dark-mode .iq-pricing-table td,
.dark-mode .iq-pricing-table th {
    border-bottom-color: var(--fr-border, rgba(255, 255, 255, 0.06));
}

/* ─── Disclaimer ──────────────────────────────────────── */
#iq-pricing-disclaimer {
    font-style: italic;
    opacity: 0.8;
}

/* ─── Responsive ──────────────────────────────────────── */
@media (max-width: 768px) {
    .iq-pricing-table {
        font-size: 0.85rem;
    }

    .iq-pricing-table thead {
        display: none;
    }

    .iq-pricing-table tbody tr {
        display: block;
        padding: 0.75rem;
        margin-bottom: 0.5rem;
        border: 1px solid var(--fr-border, rgba(255, 255, 255, 0.06));
        border-radius: 6px;
    }

    .iq-pricing-table tbody td {
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 0;
        border: none !important;
    }

    .iq-pricing-table tbody td::before {
        font-weight: 600;
        margin-right: 0.5rem;
    }

    .iq-pricing-table tbody td:nth-child(1)::before { content: ''; }
    .iq-pricing-table tbody td:nth-child(2)::before { content: 'm²: '; }
    .iq-pricing-table tbody td:nth-child(3)::before { content: 'Pris/m²: '; }
    .iq-pricing-table tbody td:nth-child(4)::before { content: 'Subtotal: '; }

    .iq-pricing-table tfoot tr {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 0;
    }

    .iq-pricing-table tfoot td[colspan] {
        flex: 1;
    }
}