/*
Basic Professional Template Styles (Dompdf Compatible Layout)
These styles apply specifically when the "Basic Professional" template is rendered.
They define the visual appearance and layout using simple block elements and borders.
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.
*/

/* Overall template wrapper (added by app.js) */
/* Apply padding via the body style generated in PHP, not here */
.rb-template-basic {
    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 is available from the body */
}

/* Basic Header - Centered */
.rb-template-basic .rb-header {
    text-align: center;
    margin-bottom: 20px;
    /* No specific background or border in basic template image */
}
.rb-template-basic .rb-header h1 { /* Name */
    margin: 0 0 5px 0;
    font-size: 2em; /* Relative to base heading size */
    font-weight: 700;
    /* Color inherited from heading settings */
    /* Font family inherited from heading settings */
}
.rb-template-basic .rb-header h2 { /* Job Title/Tagline */
    margin: 0;
    font-size: 1.2em; /* Relative to base heading size */
    font-weight: 400;
    /* Color inherited from heading settings */
    /* Font family inherited from heading settings */
}

/* Section Styles */
.rb-template-basic .rb-section {
    margin-bottom: 20px; /* Space between sections */
    padding-bottom: 15px; /* Space before divider */
    border-bottom: 1px solid #eee; /* Section divider line */
    page-break-inside: avoid; /* Hint for print/PDF */
    /* No overflow hidden needed for simple block layout */
}
.rb-template-basic .rb-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


/* Section Titles */
.rb-template-basic h2 { /* Basic template uses h2 for all section titles */
    margin-top: 0;
    margin-bottom: 1em; /* Space below title */
    font-size: 1.3em; /* Relative to base heading size */
    text-transform: uppercase;
    letter-spacing: 1px;
    /* Color inherited from heading settings */
    /* Font family inherited from heading settings */
    /* Accent underline/border using theme color */
    border-bottom: 3px solid var(--rb-theme-color, #0073aa); /* Use theme color or default */
    display: inline-block; /* Fit border to text */
    padding-bottom: 3px;
}


/* Contact Info Styles - Display as inline-block or flex if possible */
/* Use display: block with margins for Dompdf reliability */
.rb-template-basic .rb-contact-info {
    margin-bottom: 1.5em; /* Space below contact info block */
    /* Use display: block for each item for simple stacking */
}
.rb-template-basic .rb-contact-info span {
    display: block; /* Stack items vertically */
    margin-bottom: 8px; /* Space between contact items */
    font-size: 0.95em; /* Slightly smaller font */
     /* Color inherited from text settings */
}
.rb-template-basic .rb-contact-info span:last-child {
    margin-bottom: 0;
}
/* Contact Icons (Placeholder classes) */
/* Style the span containing the icon */
.rb-template-basic .rb-contact-info span::before {
    content: ""; /* Reset default bullet */
    display: inline-block;
    width: 1.2em; /* Reserve space for icon */
    text-align: center;
    font-size: 1.1em; /* Make icons slightly larger */
    color: var(--rb-theme-color, #0073aa); /* Use theme color for icons */
    margin-right: 10px; /* Gap between icon and text */
    vertical-align: middle;
     /* The icon content itself is added in JS via span class */
}
/* Specific icon content defined in JS */
/* .rb-template-basic .rb-contact-info span.rb-icon-phone::before { content: "\f095"; font-family: FontAwesome; } */ /* Example */


/* Education and Experience Entry Styles */
.rb-template-basic .rb-education-entry,
.rb-template-basic .rb-job-entry,
.rb-template-basic .rb-reference-entry { /* Include reference entries */
    margin-bottom: 15px; /* Space between entries in a list */
    page-break-inside: avoid; /* Hint for print/PDF */
     /* No overflow hidden needed for simple block layout */
}
.rb-template-basic .rb-education-entry:last-child,
.rb-template-basic .rb-job-entry:last-child,
.rb-template-basic .rb-reference-entry:last-child { /* Include reference entries */
    margin-bottom: 0;
}

.rb-template-basic h4 { /* Used for Job Title, Degree, Reference Name */
    margin-top: 0;
    margin-bottom: 0.2em; /* Space below title */
    font-size: 1em; /* Relative to text size */
    font-weight: bold;
    /* Color inherited from text settings */
}

/* Italic text for dates/location/institution/reference details */
.rb-template-basic em {
    font-style: italic;
    color: #666; /* Slightly greyed out */
}

/* Paragraphs within entries (e.g., education details, summary paragraphs, reference details) */
.rb-template-basic p {
    margin-top: 0;
    margin-bottom: 0.8em; /* Space between paragraphs/items */
    /* Color inherited from text settings */
    /* Line height inherited from body/text settings */
}
.rb-template-basic p:last-child {
    margin-bottom: 0;
}

/* Lists (e.g., experience bullet points, skills) */
.rb-template-basic ul {
    padding-left: 20px; /* Standard list padding */
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.rb-template-basic ul:last-child {
     margin-bottom: 0;
}

.rb-template-basic li {
    margin-bottom: 0.5em; /* Space between list items */
     /* Color inherited from text settings */
     /* Line height inherited from body/text settings */
}
.rb-template-basic li:last-child {
     margin-bottom: 0;
}

/* Specific styling for the Skills ul */
.rb-template-basic .rb-skills-section ul {
    list-style: none; /* Remove default bullets from skills list */
    padding: 0;
    margin: 0.5em 0;
}
.rb-template-basic .rb-skills-section li {
    margin-bottom: 0.4em;
    font-size: 0.95em; /* Slightly smaller text */
     /* Color inherited from text settings */
}
/* Add a custom bullet point using theme color */
.rb-template-basic .rb-skills-section li::before {
     content: "•"; /* Custom bullet for skills list */
     color: var(--rb-theme-color, #0073aa); /* Use theme color */
     display: inline-block;
     width: 1em;
     margin-left: -1em; /* Pull bullet back */
}

/* Reference Contact Info - Stack vertically */
.rb-template-basic .rb-contact-info-small span {
    display: block; /* Stack items vertically */
    margin-bottom: 5px;
    font-size: 0.9em; /* Smaller font */
    /* Color inherited from text settings */
}
.rb-template-basic .rb-contact-info-small span:last-child {
    margin-bottom: 0;
}


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


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

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

/* Clearfix utility - use on parents of floats */
.rb-clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Responsive Adjustments are generally not needed for the PDF specific CSS */
/* since the output size is fixed (A4). */
/* The styles should aim for the target PDF layout directly using floats. */