/* Royalsoft LLC public website - styling on top of the app's existing Bootstrap theme */

.frontend-body {
    background-color: #fff;
    color: #333;
}

/* brand accent color - drives every call-to-action button on the public site */
.btn-danger,
.btn-outline-danger:hover {
    background-color: var(--brand-primary, #dc3545) !important;
    border-color: var(--brand-primary, #dc3545) !important;
}

.btn-danger:hover {
    filter: brightness(85%);
}

.btn-outline-danger {
    color: var(--brand-primary, #dc3545) !important;
    border-color: var(--brand-primary, #dc3545) !important;
}

a:not(.btn) {
    color: var(--brand-primary, #dc3545);
}

.frontend-navbar {
    box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
}

.frontend-navbar .nav-link {
    font-weight: 500;
}

.frontend-hero {
    background: linear-gradient(135deg, var(--brand-dark, #1f2937) 0%, var(--brand-dark-deep, #111827) 100%);
    color: #fff;
    padding: 90px 0;
}

.frontend-hero p.lead {
    color: rgba(255, 255, 255, .8);
}

.frontend-section {
    padding: 70px 0;
}

.frontend-section-alt {
    background-color: #f8f9fa;
}

.frontend-card {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 30px;
    height: 100%;
    transition: box-shadow .2s ease, transform .2s ease;
}

.frontend-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    transform: translateY(-2px);
}

.frontend-card img.cover {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 20px;
}

.frontend-icon {
    font-size: 2rem;
    color: var(--brand-primary, #dc3545);
    margin-bottom: 15px;
}

.frontend-footer {
    background-color: var(--brand-dark, #1f2937);
    color: rgba(255, 255, 255, .7);
    padding: 60px 0 30px;
}

.frontend-footer h5,
.frontend-footer h6 {
    color: #fff;
}

.frontend-footer a {
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
}

.frontend-footer a:hover {
    color: #fff;
}

.frontend-footer hr {
    border-color: rgba(255, 255, 255, .1);
    margin: 30px 0 20px;
}

.testimonial-card {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #eee;
    padding: 25px;
    height: 100%;
}

.testimonial-rating i {
    color: #f5b301;
}