// ==========================================================================
// PressZone Theme - Trust Signals Section Styles
// ==========================================================================
// Entry point - compiles to trust-signals.css
// Uses Sass variables with body.dark-mode & nesting pattern.
// ==========================================================================

@import 'abstracts/variables';
@import 'abstracts/mixins';

.trust-signals-section {
    background: $light-bg-secondary;

    body.dark-mode & {
        background: $dark-bg-secondary;
    }

    @include rtl {
        text-align: right;
    }
}

.trust-title {
    color: $light-text-primary;

    body.dark-mode & {
        color: $dark-text-primary;
    }
}

// Brand Logos
.trust-brand {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: $light-bg-tertiary;
    border: 1px solid $light-border-color;
    border-radius: 0.75rem;
    color: $light-text-muted;
    font-size: 1.5rem;
    opacity: 0.6;
    transition: all $transition-base;

    &:hover {
        opacity: 1;
        border-color: $light-border-light;
    }

    body.dark-mode & {
        background: $dark-bg-tertiary;
        border-color: $dark-border-color;
        color: $dark-text-muted;

        &:hover {
            border-color: $dark-border-light;
        }
    }
}

// RTL Support
@include rtl {
    .testimonial-author {
        flex-direction: row-reverse;
    }

    .author-info {
        text-align: right;
    }

    .testimonial-rating i {
        margin-right: 0;
        margin-left: 0.125rem;
    }

    .author-name .me-1 {
        margin-right: 0 !important;
        margin-left: 0.25rem !important;
    }
}