/* ==========================================================================
   Print stylesheet — "Download CV"
   Loaded via <link media="print">. Reformats the page into a clean,
   resume-focused PDF (profile + about + skills + experience) and hides
   interactive chrome and the contact form.
   ========================================================================== */

@page {
    margin: 1.5cm;
}

/* Render background colours / accents (skill bars, section markers). */
html,
body {
    background: #fff !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

/* --- Hide interactive chrome and non-CV content ------------------------- */
#preloader,
header nav,
.hamburger,
.menuout,
.social-icons,
footer,
#download-cv,
header nav .site-btn,           /* "Contact Me" button */
a[href="#contact"],
#contact,                        /* Contact panel */
.site-form {
    display: none !important;
}

/* --- Force every easytabs panel open (override inline display:none) ------ */
/* :not(#contact) keeps the contact panel hidden — without it this selector
   out-specifies the #contact hide rule above and the form would leak in. */
#content > div:not(#contact) {
    display: block !important;
    opacity: 1 !important;
}

/* --- Full-width single-column layout ------------------------------------ */
.wrapper,
.wrapper.container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.tab-container,
#ajax-tab-container,
.col-lg-3,
.col-md-4,
.col-lg-9,
.col-md-8 {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Give a little breathing room between the profile and the content. */
.profile {
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
    text-align: left !important;
}

/* The responsive (<=991px) rules center the info list via `display:table;
   margin:0 auto`, and the print page width triggers them. Restore the
   left-aligned desktop layout so the photo, name, job and LinkedIn stack
   together in the top-left. */
.profile-name {
    text-align: left !important;
}

ul.profile-information {
    display: block !important;
    margin: 8px 0 8px 35px !important;
    text-align: left !important;
}

/* Shrink the profile photo for print (was filling the full-width column). */
.profile-image {
    max-width: 2in !important;
    margin-top: 0 !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

.profile-image img {
    width: 100% !important;
    max-height: 3in !important;
    height: auto !important;
}

/* Avoid awkward breaks inside individual entries. */
.skill-list li,
.events ul li,
.service {
    page-break-inside: avoid;
    break-inside: avoid;
}

section {
    page-break-inside: avoid;
    break-inside: avoid;
}