/*
Modern Minimalist Template Styles (Dompdf Compatible Layout)
These styles define the visual appearance and layout using whitespace, typography, and subtle accents.
This template uses the same HTML structure as the basic template but with different styling.
Core UI styles are in css/style.css.
Dynamic settings (font, color, spacing) are applied via inline/CSS variables and override these where !important is used or specificity is higher.
*/

/* Define some colors for this template */
/* These can be overridden by themeColor setting via CSS variables */
:root {
    --rb-minimalist-accent: #5a8a8a; /* A teal/grey accent color */
    --rb-minimalist-text: #444;      /* Slightly lighter text */
    --rb-minimalist-light-grey: #f8f8f8; /* Very light grey for backgrounds/borders */
}


/* Overall template wrapper (added by app.js) */
/* Apply padding via the body style generated in PHP, not here */
/* Use the theme color variable passed from the core PHP/CSS */
.rb-template-minimalist {
    padding: 0; /* Padding handled by body in PDF */
    width: 100%; /* Ensure it uses available width */
    box-sizing: border-box;
    background-color: #fff; /* Explicitly white background for the page */
    /* Theme color variable (--rb-theme-color) is available from the body */
    /* Font family and size inherited from dynamic CSS overrides */
    color: var(--rb-text-color, var(--rb-minimalist-text)); /* Use dynamic color or fallback */
}

/* Header - Centered (using text-align on a block container) */
/* This section contains the Name, Contact Info, and Summary */
.rb-template-minimalist .rb-personal-section {
    text-align: center; /* Center header content */
    margin-bottom: 30px; /* More space below header */
    /* No border below the whole personal section in minimalist */
    border-bottom: none;
    padding-bottom: 0;
}

.rb-template-minimalist h1 { /* Name */
    margin: 0 0 5px 0;
    font-size: 2.5em; /* Larger name */
    font-weight: 700;
    color: var(--rb-heading-color, var(--rb-minimalist-text)); /* Use heading color or fallback */
    /* Font family inherited from heading settings */
}

/* Style for the Personal Details/Summary title (h2.rb-section-title within .rb-personal-section) */
/* This is where we remove the underline */
.rb-template-minimalist .rb-personal-section h2.rb-section-title {
     font-size: 1.2em; /* Adjusted size */
     font-weight: 400; /* Lighter weight */
     color: #666; /* Mute the summary title */
     text-transform: none; /* Remove uppercase */
     letter-spacing: normal;
     border-bottom: none; /* Explicitly remove the border */
     padding-bottom: 0; /* Remove padding associated with the border */
     margin-top: 5px; /* Adjust space above summary title */
     display: block; /* Ensure it behaves like a block */
}
.rb-template-minimalist .rb-personal-section h2.rb-section-title::after { /* Remove underline pseudo-element */
    content: none;
    display: none; /* Ensure it's fully hidden */
}


/* Contact Info Styles - Use inline-block with separators for a single line look */
.rb-template-minimalist .rb-contact-info {
    margin-top: 10px; /* Space below name/tagline */
    margin-bottom: 25px; /* More space before the first section */
    text-align: center; /* Center contact info */
}
.rb-template-minimalist .rb-contact-info span {
    display: inline-block; /* Arrange items in a line */
    margin: 0 8px; /* Horizontal space between contact items */
    font-size: 0.95em;
    color: inherit; /* Inherit text color */
     /* Add separators between items */
}
/* Add a subtle separator icon or text */
.rb-template-minimalist .rb-contact-info span:not(:last-child)::after {
    content: " · "; /* Dot separator */
    margin-left: 8px; /* Space for the separator */
    color: #ccc; /* Light grey separator */
}
/* Contact Icons (Placeholder classes) - Optional */
/* If using icons, style them here */
/*
.rb-template-minimalist .rb-contact-info span::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    text-align: center;
    font-size: 1.1em;
    color: var(--rb-theme-color, var(--rb-minimalist-accent));
    margin-right: 5px;
    vertical-align: middle;
}
*/


/* Section Styles */
/* These apply to all sections (Experience, Education, Skills, References, Custom) */
.rb-template-minimalist .rb-section {
    margin-bottom: 25px; /* Increased space between sections */
    padding-bottom: 0; /* No border-bottom, so no padding needed */
    border-bottom: none; /* Remove section divider line */
    page-break-inside: avoid; /* Hint for print/PDF */
}
.rb-template-minimalist .rb-section:last-child {
    margin-bottom: 0;
}


/* Section Titles */
/* These apply to h2.rb-section-title in Experience, Education, Skills, References, Custom Sections */
.rb-template-minimalist h2.rb-section-title {
    margin-top: 0;
    margin-bottom: 0.8em; /* Space below title */
    font-size: 1.5em; /* Adjust size */
    font-weight: 600; /* Semi-bold */
    text-transform: uppercase;
    letter-spacing: 1.5px; /* Increased letter spacing */
    color: var(--rb-heading-color, var(--rb-minimalist-text)); /* Use heading color or fallback */
    border-bottom: none; /* Remove basic template border */
    display: block; /* Ensure it takes full width */
    padding-bottom: 0;
    position: relative; /* Needed for pseudo-element underline */
}
/* Add a subtle accent underline using a pseudo-element for all section titles EXCEPT the personal one */
.rb-template-minimalist h2.rb-section-title::after {
    content: "";
    display: block;
    width: 50px; /* Fixed width underline */
    height: 2px; /* Thin line */
    background-color: var(--rb-theme-color, var(--rb-minimalist-accent)); /* Use theme color or fallback accent */
    margin-top: 5px; /* Space between title and underline */
}

/* Ensure Skills section uses the standard section title style if applicable */
.rb-template-minimalist .rb-skills-section h2.rb-section-title {
     /* Inherits from general h2.rb-section-title */
}


/* Entry Styles within sections (Job Entry, Education Entry, Reference Entry, Custom Entry) */
.rb-template-minimalist .rb-job-entry,
.rb-template-minimalist .rb-education-entry,
.rb-template-minimalist .rb-reference-entry,
.rb-template-minimalist .rb-custom-entry { /* Include custom entries */
    margin-bottom: 18px; /* More space between entries in a list */
    /* No border within entries in minimalist */
    padding-bottom: 0;
    border-bottom: none;
    page-break-inside: avoid; /* Hint for print/PDF */
}
.rb-template-minimalist .rb-job-entry:last-child,
.rb-template-minimalist .rb-education-entry:last-child,
.rb-template-minimalist .rb-reference-entry:last-child,
.rb-template-minimalist .rb-custom-entry:last-child { /* Include custom entries */
    margin-bottom: 0; /* Remove margin from the last entry */
}

.rb-template-minimalist h4 { /* Used for Job Title, Degree, Reference Name, Custom Entry Title */
    margin-top: 0;
    margin-bottom: 0.3em;
    font-size: 1.1em; /* Slightly larger and more prominent */
    font-weight: 700; /* Bold */
    color: var(--rb-heading-color, var(--rb-minimalist-text)); /* Use heading color or fallback */
}

/* Italic text for dates/location/institution/reference details */
.rb-template-minimalist em {
    font-style: italic;
    color: #666;
    font-size: 0.95em;
}

/* Paragraphs within entries (details, etc.) */
.rb-template-minimalist p {
    margin-top: 0.5em;
    margin-bottom: 0.8em;
    color: inherit; /* Inherit text color from entry or body */
}
.rb-template-minimalist p:last-child {
    margin-bottom: 0;
}

/* Lists (bullet points) */
.rb-template-minimalist ul {
    padding-left: 20px; /* Standard list padding */
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    color: inherit; /* Inherit text color */
}
.rb-template-minimalist ul:last-child {
     margin-bottom: 0;
}

.rb-template-minimalist li {
    margin-bottom: 0.6em; /* More space between list items */
     color: inherit; /* Inherit text color */
     /* Custom bullet styling */
}
/* Optional: Style standard list bullets with theme color */
/*
.rb-template-minimalist li::marker {
    color: var(--rb-theme-color, var(--rb-minimalist-accent));
}
*/


/* Specific styling for the Skills section content */
/* This template renders skills as paragraphs with strong labels */
.rb-template-minimalist .rb-skills-section p {
     margin-top: 0.4em;
     margin-bottom: 0.4em;
     font-size: 0.95em;
     color: inherit; /* Inherit text color */
}
.rb-template-minimalist .rb-skills-section strong {
    /* Style the bold labels */
    color: var(--rb-minimalist-text); /* Darker bold text */
}


/* Reference Contact Info (applies to small contact lines within Reference entries) */
.rb-template-minimalist .rb-contact-info-small span {
    display: inline-block; /* Arrange items in a line */
    margin: 0 8px 5px 0; /* Horizontal space and small bottom margin */
    font-size: 0.9em;
    color: inherit; /* Inherit text color */
}
.rb-template-minimalist .rb-contact-info-small span:last-child {
    margin-right: 0;
}
/* Add separator between small contact items */
.rb-template-minimalist .rb-contact-info-small span:not(:last-child)::after {
    content: " · ";
    margin-left: 8px;
    color: #ccc;
}


/* Links */
.rb-template-minimalist a {
    /* Link color/text-decoration handled by dynamic CSS overrides */
    /* Add any specific link styles here if needed */
}


/* Footer */
.rb-template-minimalist .rb-footer-section {
    text-align: center;
    padding: 20px 0 10px 0;
    margin-top: 30px; /* Standard space above footer */
    border-top: 1px solid #eee; /* Divider line */
    font-size: 0.8em;
    color: #888;
}
.rb-template-minimalist .rb-footer p {
    margin: 0;
    padding: 0;
}

/* Ensure images scale */
.rb-template-minimalist img {
    max-width: 100%;
    height: auto;
}

/* Specific styling for the custom section entries if needed */
/* They use .rb-section and .rb-custom-section class and are styled by the general rules above */
/* Add specific overrides here if you want custom sections to look different */
/* For example, if you want a different border: */
/*
.rb-template-minimalist .rb-custom-section {
    border-left: 3px solid var(--rb-theme-color, var(--rb-minimalist-accent));
    padding-left: 10px;
}
*/