/* ATS-Optimized Resume Styles - Maximum Compatibility */

/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Times New Roman', Times, serif;
    font-size: 11.5pt;
    line-height: 1.35;
    color: #000000;
    background-color: #ffffff;
    margin: 0;
    padding: 18px;
}

/* Link Styling */
a {
    color: #000000;
    text-decoration: underline;
}

h1 a, h2 a, h3 a, h4 a {
    text-decoration: none;
    color: inherit;
}

/* Container - Simple single column */
.container {
    max-width: 8.5in;
    margin: 0 auto;
    background: #ffffff;
    color: #000000;
}

/* Header Section */
.header {
    margin-bottom: 20px;
    text-align: left;
}

/* Photo Section - Currently Disabled */
/* Original photo implementation was inline style:
   <div class="profile-photo" style="float: right; margin-left: 20px; margin-bottom: 15px;">
       <img src="assets/images/profile.jpg" alt="Berkay Yetgin" style="width: 115px; height: 115px; border-radius: 50%; object-fit: cover;">
   </div>

.profile-photo {
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
}

.profile-photo img {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    object-fit: cover;
}

.header::after {
    content: "";
    display: table;
    clear: both;
}
*/

.header h1 {
    font-size: 20pt;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.header h2 {
    font-size: 14pt;
    font-weight: normal;
    color: #000000;
    margin-bottom: 10px;
}

.contact-info {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}

.contact-line {
    font-size: 11pt;
    color: #000000;
    margin-bottom: 3px;
    flex: 0 0 auto;
}

/* Section Styling */
.section {
    margin-bottom: 16px;
}

.section h3 {
    font-size: 14pt;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
    padding-bottom: 3px;
}

.section p {
    font-size: 11pt;
    line-height: 1.4;
    color: #000000;
    text-align: justify;
}

/* Work Experience */
.job {
    margin-bottom: 12px;
}

.job h4 {
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
    margin-bottom: 3px;
}

.company {
    font-size: 11pt;
    color: #000000;
    margin-bottom: 8px;
    font-style: italic;
}

.responsibilities {
    margin-left: 20px;
    margin-bottom: 10px;
}

.responsibilities li {
    font-size: 11pt;
    color: #000000;
    margin-bottom: 3px;
    line-height: 1.3;
}

/* Skills Section */
.skill-category {
    margin-bottom: 10px;
}

.skill-category h4 {
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
    margin-bottom: 3px;
}

.skills {
    font-size: 11pt;
    color: #000000;
    line-height: 1.3;
}

/* Projects */
.project {
    margin-bottom: 15px;
}

.project h4 {
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
    margin-bottom: 3px;
}

.project-tech {
    font-size: 10pt;
    color: #000000;
    margin-bottom: 5px;
    font-style: italic;
}

.project-details {
    margin-left: 20px;
}

.project-details li {
    font-size: 11pt;
    color: #000000;
    margin-bottom: 3px;
    line-height: 1.3;
}

/* Education */
.education h4 {
    font-size: 12pt;
    font-weight: bold;
    color: #000000;
    margin-bottom: 3px;
}

.school {
    font-size: 11pt;
    color: #000000;
    font-style: italic;
}

/* Certifications */
.certifications {
    margin-left: 20px;
}

.certifications li {
    font-size: 11pt;
    color: #000000;
    margin-bottom: 3px;
}

/* Languages */
.languages div {
    font-size: 11pt;
    color: #000000;
    margin-bottom: 3px;
}

/* Page Break Controls for Print */
@media print {
    @page {
        margin: 0.4in;
    }

    /* Hide elements marked as no-print */
    .no-print {
        display: none !important;
    }

    /* Prevent orphan lines in Technical Skills section */
    .section h3 {
        page-break-after: avoid;
    }

    .skill-category h4 {
        page-break-after: avoid;
    }

    /* Prevent breaking between job title and description */
    .job h4,
    .project h4,
    .education h4 {
        page-break-after: avoid;
    }
}

/* Screen-Only Styles (Navigation & Dark Mode) */
@media screen {
    /* Navigation Bar */
    .nav-bar {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
        padding: 10px 0;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
        font-family: sans-serif;
        font-size: 0.9rem;
    }

    .nav-bar a {
        text-decoration: none;
        color: #555;
        display: flex;
        align-items: center;
        gap: 5px;
        transition: color 0.2s;
    }

    .nav-bar a:hover {
        color: #000;
        text-decoration: underline;
    }

    /* Dark Mode Support */
    @media (prefers-color-scheme: dark) {
        body {
            background-color: #1a1a1a;
            color: #e0e0e0;
        }

        .container {
            background-color: #1a1a1a;
            color: #e0e0e0;
        }

        a {
            color: #64b5f6;
        }
        
        /* Headers */
        .header h1, 
        .header h2, 
        .header .contact-line,
        .section h3, 
        .section p,
        .job h4, 
        .company, 
        .responsibilities li,
        .skill-category h4, 
        .skills, 
        .project h4, 
        .project-tech, 
        .project-details li, 
        .education h4, 
        .school, 
        .certifications li, 
        .languages div {
            color: #e0e0e0;
        }

        .section h3 {
            border-bottom-color: #444;
        }

        /* Nav Bar Dark Mode */
        .nav-bar {
            border-bottom-color: #444;
        }

        .nav-bar a {
            color: #bbb;
        }

        .nav-bar a:hover {
            color: #fff;
        }
    }
}