/**
 * @version     3.0
 * @package     com_testimonial_pro
 * @copyright   Copyright (C) 2025. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      JoomlaX <info@joomlax.com>
 */

/* SVG Icon Base Styles */
.tp-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    fill: currentColor;
}

/* Icon Sizes */
.tp-icon--sm {
    width: 0.875em;
    height: 0.875em;
}

.tp-icon--lg {
    width: 1.33333em;
    height: 1.33333em;
    vertical-align: -0.25em;
}

.tp-icon--xl {
    width: 1.5em;
    height: 1.5em;
}

.tp-icon--2x {
    width: 2em;
    height: 2em;
}

/* Star Rating Styles */
.tp-rating {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.tp-rating .tp-icon {
    color: #ffd700; /* Gold color for stars */
    font-size: 18px;
}

.tp-rating .tp-icon--empty {
    color: #e0e0e0; /* Light gray for empty stars */
}

/* Pagination Icon Styles */
.tp-pagination .tp-icon {
    width: 16px;
    height: 16px;
    color: inherit;
}

/* Error/Success Icon Styles */
.tp-message .tp-icon {
    margin-right: 8px;
    vertical-align: middle;
}

.tp-message--error .tp-icon {
    color: #dc3545; /* Bootstrap danger color */
}

.tp-message--success .tp-icon {
    color: #28a745; /* Bootstrap success color */
}

/* Quote Icon Styles */
.tp-quote-icon {
    font-size: 1.5em;
    opacity: 0.6;
    margin: 0 8px;
}

/* Hover Effects */
.tp-pagination a:hover .tp-icon,
.tp-pagination button:hover .tp-icon {
    color: inherit;
}

/* Accessibility */
.tp-icon[aria-hidden="true"] {
    pointer-events: none;
}

/* Print Styles */
@media print {
    .tp-icon {
        color: #000 !important;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    .tp-rating .tp-icon--empty {
        color: #4a4a4a;
    }
}