/* Logo Styles */
.app-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-wrapper {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-wrapper i {
    /*font-size: 28px;*/
    color: #3265AD;
}

.app-image {
    width: 60px;
    height: 60px;
}
/* End Logo Styles */

/* Button Styles */
.btn-vg {
    background-color: #3265AD; /* Visual Guard blue */
    color: #ffffff;
    border-radius: 6px;
    padding: 6px 18px;
    font-size: 0.85rem;
    font-weight: 500;
    border: none;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.btn-vg:hover {
    background-color: #2B5896; /* slightly darker */
    color: #ffffff;
    box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
}

.font-color-blue {
    color: #3265AD;
}
/* End Button Styles */

.vg-applications-bg {
    background-image: url('/images/VisualGuard-Background.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

/* Footer Styles */
.vg-footer {
    background: linear-gradient( 90deg, #172B4E 0%, /* dark blue - left */
    #4A77B8 65%, /* brand blue */
    #5884C9 100% /* light blue - right */
    );
}

.vg-footer-link {
    color: #e0ecff;
    text-decoration: none;
    margin-left: 18px;
    font-size: 0.85rem;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.vg-footer-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}
.vg-footer-icons {
    display: inline-flex;
    align-items: center;
}

.vg-footer-icon {
    color: #ffffff;
    margin-left: 14px;
    font-size: 1rem;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.vg-footer-icon:hover {
    transform: translateY(-2px);
    opacity: 0.85;
}
/* End Footer Styles */

/* Applications */
.card {
    border-radius: 12px;
}
/*.app-background {
    background-image: url('/images/TileBackground.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}*/
.applications {
    background: ghostwhite;
}
/* End Applications */