/**
 * OnlineProjects.eu Website Styles
 *
 * Custom styles for the public website pages including:
 * - Service category gradient backgrounds and text
 * - Typography utilities
 */

/* =============================================================================
   Layout Fixes
   ============================================================================= */

/* Prevent horizontal scroll from Bootstrap row negative margins */
html, body {
    overflow-x: hidden;
}

/* =============================================================================
   Service Category Gradients
   ============================================================================= */

/* Project Management - Purple/Blue gradient */
.project-management-background {
    background-color: #FF3CAC;
    background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    color: white;
}

.project-management-text {
    background: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Software Architecture - Yellow/Red gradient */
.software-architecture-background {
    background-color: #FFE53B;
    background-image: linear-gradient(225deg, #FFE53B 0%, #FF2525 74%);
    color: white;
}

.software-architecture-text {
    background: linear-gradient(225deg, #FFE53B 0%, #FF2525 74%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Cloud Infrastructure - Blue/Green gradient */
.cloud-infrastructure-background {
    background-color: #08AEEA;
    background-image: linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
    color: white;
}

.cloud-infrastructure-text {
    background: linear-gradient(45deg, #08AEEA 0%, #2AF598 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* =============================================================================
   Typography
   ============================================================================= */

.nicep {
    line-height: 1.8;
}