/* Custom properties for PDF A4 Format and Palettes */
:root {
  /* Internal Editor Base Colors */
  --cv-teal: #0d9488;
  --dashboard-bg: #0f172a;

  /* -------------------
     PROFESSIONALE PALETTES
     ------------------- */
  /* Palette 1: Slate Professional */
  --prof1-bg-dark: #1e293b;
  --prof1-bg-light: #ffffff;
  --prof1-accent: #334155;
  --prof1-text-main: #334155;
  --prof1-text-dark: #0f172a;
  --prof1-text-muted: #64748b;
  --prof1-text-light: #ffffff;
  --prof1-text-light-muted: #e2e8f0;
  --prof1-border: #e2e8f0;

  /* Palette 2: Classic Navy */
  --prof2-bg-dark: #1e3a5f;
  --prof2-bg-light: #ffffff;
  --prof2-accent: #2c5282;
  --prof2-text-main: #2a4365;
  --prof2-text-dark: #1a365d;
  --prof2-text-muted: #4a5568;
  --prof2-text-light: #ffffff;
  --prof2-text-light-muted: #e2e8f0;
  --prof2-border: #e2e8f0;

  /* Palette 3: Warm Stone */
  --prof3-bg-dark: #4a4036;
  --prof3-bg-light: #faf9f8;
  --prof3-accent: #795e4b;
  --prof3-text-main: #4a4a4a;
  --prof3-text-dark: #2d2a26;
  --prof3-text-muted: #8c8c8c;
  --prof3-text-light: #ffffff;
  --prof3-text-light-muted: #e6e6e6;
  --prof3-border: #dcdcdc;

  /* Palette 4: Muted Sage */
  --prof4-bg-dark: #2f3e36;
  --prof4-bg-light: #fdfdfc;
  --prof4-accent: #556b5f;
  --prof4-text-main: #3d4a41;
  --prof4-text-dark: #1f2a24;
  --prof4-text-muted: #748c7f;
  --prof4-text-light: #ffffff;
  --prof4-text-light-muted: #dbe4dd;
  --prof4-border: #e2e8e4;

  /* Palette 5: Minimalist Monochrome */
  --prof5-bg-dark: #171717;
  --prof5-bg-light: #ffffff;
  --prof5-accent: #52525b;
  --prof5-text-main: #27272a;
  --prof5-text-dark: #000000;
  --prof5-text-muted: #71717a;
  --prof5-text-light: #ffffff;
  --prof5-text-light-muted: #e4e4e7;
  --prof5-border: #d4d4d8;


  /* -------------------
     MODERNO PALETTES
     ------------------- */
  /* Palette 1: Slate Dark Mode */
  --mod1-bg: #121212;
  --mod1-header-bg: #1a1a1a;
  --mod1-sidebar-bg: #1e1e1e;
  --mod1-item-bg: #27272a;
  --mod1-accent: #a1a1aa;
  --mod1-title: #f4f4f5;
  --mod1-text: #d4d4d8;
  --mod1-text-muted: #a1a1aa;
  --mod1-border: #3f3f46;
  --mod1-img-filter: grayscale(100%);

  /* Palette 2: Midnight Blue */
  --mod2-bg: #0b1120;
  --mod2-header-bg: #0f172a;
  --mod2-sidebar-bg: #1e293b;
  --mod2-item-bg: #334155;
  --mod2-accent: #93c5fd;
  --mod2-title: #f8fafc;
  --mod2-text: #e2e8f0;
  --mod2-text-muted: #94a3b8;
  --mod2-border: #334155;
  --mod2-img-filter: grayscale(30%) contrast(1.1);

  /* Palette 3: Deep Forest */
  --mod3-bg: #091a14;
  --mod3-header-bg: #0d271e;
  --mod3-sidebar-bg: #14362a;
  --mod3-item-bg: #215443;
  --mod3-accent: #86efac;
  --mod3-title: #f0fdf4;
  --mod3-text: #dcfce7;
  --mod3-text-muted: #6ee7b7;
  --mod3-border: #14532d;
  --mod3-img-filter: grayscale(20%) contrast(1.1);

  /* Palette 4: Espresso Dark */
  --mod4-bg: #1f1b18;
  --mod4-header-bg: #2b2521;
  --mod4-sidebar-bg: #38312c;
  --mod4-item-bg: #4a413a;
  --mod4-accent: #d6d3d1;
  --mod4-title: #fafaf9;
  --mod4-text: #e7e5e4;
  --mod4-text-muted: #a8a29e;
  --mod4-border: #57534e;
  --mod4-img-filter: grayscale(40%) contrast(1.1);

  /* Palette 5: Polar White (Light Mode for Moderno!) */
  --mod5-bg: #f8fafc;
  --mod5-header-bg: #f1f5f9;
  --mod5-sidebar-bg: #ffffff;
  --mod5-item-bg: #f8fafc;
  --mod5-accent: #475569;
  --mod5-title: #0f172a;
  --mod5-text: #334155;
  --mod5-text-muted: #64748b;
  --mod5-border: #cbd5e1;
  --mod5-img-filter: grayscale(0%) contrast(1.0);


  /* -------------------
     CREATIVO PALETTES
     ------------------- */
  /* Palette 1: Soft Indigo */
  --crea1-bg: #fafafa;
  --crea1-inner-bg: #ffffff;
  --crea1-accent: #6366f1;
  --crea1-accent-dark: #4f46e5;
  --crea1-title: #18181b;
  --crea1-text: #3f3f46;
  --crea1-text-muted: #71717a;
  --crea1-border: #e4e4e7;

  /* Palette 2: Muted Terracotta */
  --crea2-bg: #fffcf9;
  --crea2-inner-bg: #ffffff;
  --crea2-accent: #b45309;
  --crea2-accent-dark: #92400e;
  --crea2-title: #291c14;
  --crea2-text: #523725;
  --crea2-text-muted: #78533b;
  --crea2-border: #f3e8df;

  /* Palette 3: Steel Blue */
  --crea3-bg: #f5f7fa;
  --crea3-inner-bg: #ffffff;
  --crea3-accent: #4c51bf;
  --crea3-accent-dark: #434190;
  --crea3-title: #1a202c;
  --crea3-text: #2d3748;
  --crea3-text-muted: #718096;
  --crea3-border: #e2e8f0;

  /* Palette 4: Muted Mauve */
  --crea4-bg: #fcfbfb;
  --crea4-inner-bg: #ffffff;
  --crea4-accent: #9d174d;
  --crea4-accent-dark: #831843;
  --crea4-title: #3f1d38;
  --crea4-text: #5b2a51;
  --crea4-text-muted: #7a4b71;
  --crea4-border: #f5eef4;

  /* Palette 5: Charcoal Dark Mode */
  --crea5-bg: #18181b;
  --crea5-inner-bg: #27272a;
  --crea5-accent: #a1a1aa;
  --crea5-accent-dark: #d4d4d8;
  --crea5-title: #f4f4f5;
  --crea5-text: #e4e4e7;
  --crea5-text-muted: #a1a1aa;
  --crea5-border: #3f3f46;
}

/* Palette Overrides per Template when dataset.palette is set */

/* Professionale */
.cv-document[data-palette="prof-1"] {
  --prof-bg-dark: var(--prof1-bg-dark);
  --prof-bg-light: var(--prof1-bg-light);
  --prof-accent: var(--prof1-accent);
  --prof-text-main: var(--prof1-text-main);
  --prof-text-dark: var(--prof1-text-dark);
  --prof-text-muted: var(--prof1-text-muted);
  --prof-text-light: var(--prof1-text-light);
  --prof-text-light-muted: var(--prof1-text-light-muted);
  --prof-border: var(--prof1-border);
}
.cv-document[data-palette="prof-2"] {
  --prof-bg-dark: var(--prof2-bg-dark);
  --prof-bg-light: var(--prof2-bg-light);
  --prof-accent: var(--prof2-accent);
  --prof-text-main: var(--prof2-text-main);
  --prof-text-dark: var(--prof2-text-dark);
  --prof-text-muted: var(--prof2-text-muted);
  --prof-text-light: var(--prof2-text-light);
  --prof-text-light-muted: var(--prof2-text-light-muted);
  --prof-border: var(--prof2-border);
}
.cv-document[data-palette="prof-3"] {
  --prof-bg-dark: var(--prof3-bg-dark);
  --prof-bg-light: var(--prof3-bg-light);
  --prof-accent: var(--prof3-accent);
  --prof-text-main: var(--prof3-text-main);
  --prof-text-dark: var(--prof3-text-dark);
  --prof-text-muted: var(--prof3-text-muted);
  --prof-text-light: var(--prof3-text-light);
  --prof-text-light-muted: var(--prof3-text-light-muted);
  --prof-border: var(--prof3-border);
}
.cv-document[data-palette="prof-4"] {
  --prof-bg-dark: var(--prof4-bg-dark);
  --prof-bg-light: var(--prof4-bg-light);
  --prof-accent: var(--prof4-accent);
  --prof-text-main: var(--prof4-text-main);
  --prof-text-dark: var(--prof4-text-dark);
  --prof-text-muted: var(--prof4-text-muted);
  --prof-text-light: var(--prof4-text-light);
  --prof-text-light-muted: var(--prof4-text-light-muted);
  --prof-border: var(--prof4-border);
}
.cv-document[data-palette="prof-5"] {
  --prof-bg-dark: var(--prof5-bg-dark);
  --prof-bg-light: var(--prof5-bg-light);
  --prof-accent: var(--prof5-accent);
  --prof-text-main: var(--prof5-text-main);
  --prof-text-dark: var(--prof5-text-dark);
  --prof-text-muted: var(--prof5-text-muted);
  --prof-text-light: var(--prof5-text-light);
  --prof-text-light-muted: var(--prof5-text-light-muted);
  --prof-border: var(--prof5-border);
}

/* White theme (prof-6) */
.cv-document[data-palette="prof-6"] {
  --prof-bg-dark: #ffffff;
  --prof-bg-light: #ffffff;
  --prof-accent: #0f172a;
  --prof-text-main: #334155;
  --prof-text-dark: #0f172a;
  --prof-text-muted: #64748b;
  --prof-text-light: #1e293b;
  --prof-text-light-muted: #475569;
  --prof-border: #e2e8f0;
}
/* White theme specific overrides */
.cv-document[data-palette="prof-6"] .col-left {
  border-right: 2px solid #0f172a;
}
.cv-document[data-palette="prof-6"] .section-title {
  border-bottom-color: #0f172a;
}
.cv-document[data-palette="euro-1"] {
  --eu-blue: #0e4088;
}

/* Moderno */
.cv-document[data-palette="mod-1"] {
  --mod-bg: var(--mod1-bg);
  --mod-header-bg: var(--mod1-header-bg);
  --mod-sidebar-bg: var(--mod1-sidebar-bg);
  --mod-item-bg: var(--mod1-item-bg);
  --mod-accent: var(--mod1-accent);
  --mod-title: var(--mod1-title);
  --mod-text: var(--mod1-text);
  --mod-text-muted: var(--mod1-text-muted);
  --mod-border: var(--mod1-border);
  --mod-img-filter: var(--mod1-img-filter);
}
.cv-document[data-palette="mod-2"] {
  --mod-bg: var(--mod2-bg);
  --mod-header-bg: var(--mod2-header-bg);
  --mod-sidebar-bg: var(--mod2-sidebar-bg);
  --mod-item-bg: var(--mod2-item-bg);
  --mod-accent: var(--mod2-accent);
  --mod-title: var(--mod2-title);
  --mod-text: var(--mod2-text);
  --mod-text-muted: var(--mod2-text-muted);
  --mod-border: var(--mod2-border);
  --mod-img-filter: var(--mod2-img-filter);
}
.cv-document[data-palette="mod-3"] {
  --mod-bg: var(--mod3-bg);
  --mod-header-bg: var(--mod3-header-bg);
  --mod-sidebar-bg: var(--mod3-sidebar-bg);
  --mod-item-bg: var(--mod3-item-bg);
  --mod-accent: var(--mod3-accent);
  --mod-title: var(--mod3-title);
  --mod-text: var(--mod3-text);
  --mod-text-muted: var(--mod3-text-muted);
  --mod-border: var(--mod3-border);
  --mod-img-filter: var(--mod3-img-filter);
}
.cv-document[data-palette="mod-4"] {
  --mod-bg: var(--mod4-bg);
  --mod-header-bg: var(--mod4-header-bg);
  --mod-sidebar-bg: var(--mod4-sidebar-bg);
  --mod-item-bg: var(--mod4-item-bg);
  --mod-accent: var(--mod4-accent);
  --mod-title: var(--mod4-title);
  --mod-text: var(--mod4-text);
  --mod-text-muted: var(--mod4-text-muted);
  --mod-border: var(--mod4-border);
  --mod-img-filter: var(--mod4-img-filter);
}
.cv-document[data-palette="mod-5"] {
  --mod-bg: var(--mod5-bg);
  --mod-header-bg: var(--mod5-header-bg);
  --mod-sidebar-bg: var(--mod5-sidebar-bg);
  --mod-item-bg: var(--mod5-item-bg);
  --mod-accent: var(--mod5-accent);
  --mod-title: var(--mod5-title);
  --mod-text: var(--mod5-text);
  --mod-text-muted: var(--mod5-text-muted);
  --mod-border: var(--mod5-border);
  --mod-img-filter: var(--mod5-img-filter);
}

/* Creativo */
.cv-document[data-palette="crea-1"] {
  --crea-bg: var(--crea1-bg);
  --crea-inner-bg: var(--crea1-inner-bg);
  --crea-accent: var(--crea1-accent);
  --crea-accent-dark: var(--crea1-accent-dark);
  --crea-title: var(--crea1-title);
  --crea-text: var(--crea1-text);
  --crea-text-muted: var(--crea1-text-muted);
  --crea-border: var(--crea1-border);
}
.cv-document[data-palette="crea-2"] {
  --crea-bg: var(--crea2-bg);
  --crea-inner-bg: var(--crea2-inner-bg);
  --crea-accent: var(--crea2-accent);
  --crea-accent-dark: var(--crea2-accent-dark);
  --crea-title: var(--crea2-title);
  --crea-text: var(--crea2-text);
  --crea-text-muted: var(--crea2-text-muted);
  --crea-border: var(--crea2-border);
}
.cv-document[data-palette="crea-3"] {
  --crea-bg: var(--crea3-bg);
  --crea-inner-bg: var(--crea3-inner-bg);
  --crea-accent: var(--crea3-accent);
  --crea-accent-dark: var(--crea3-accent-dark);
  --crea-title: var(--crea3-title);
  --crea-text: var(--crea3-text);
  --crea-text-muted: var(--crea3-text-muted);
  --crea-border: var(--crea3-border);
}
.cv-document[data-palette="crea-4"] {
  --crea-bg: var(--crea4-bg);
  --crea-inner-bg: var(--crea4-inner-bg);
  --crea-accent: var(--crea4-accent);
  --crea-accent-dark: var(--crea4-accent-dark);
  --crea-title: var(--crea4-title);
  --crea-text: var(--crea4-text);
  --crea-text-muted: var(--crea4-text-muted);
  --crea-border: var(--crea4-border);
}
.cv-document[data-palette="crea-5"] {
  --crea-bg: var(--crea5-bg);
  --crea-inner-bg: var(--crea5-inner-bg);
  --crea-accent: var(--crea5-accent);
  --crea-accent-dark: var(--crea5-accent-dark);
  --crea-title: var(--crea5-title);
  --crea-text: var(--crea5-text);
  --crea-text-muted: var(--crea5-text-muted);
  --crea-border: var(--crea5-border);
}

body {
  font-family: 'Inter', sans-serif;
}

/* Animations classes from Tailwind extended */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-slide-up { animation: fadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }
.animate-fade-in-down { animation: fadeInDown 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; }

/* A4 Container Setup for Editor */
.cv-document {
  width: 210mm !important;
  min-width: 210mm !important;
  max-width: 210mm !important;
  min-height: 297mm;
  background: white;
  margin: 0 auto;
  box-sizing: border-box;
  box-shadow: 0 10px 40px -10px rgba(0,0,0,0.15);
  position: relative;
  overflow: hidden; /* Important to keep sidebars contained */
}

/* Wizard Custom Utilities */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.wizard-tab.active {
  background-color: #f1f5f9;
  color: #0d9488;
  font-weight: 700;
  box-shadow: inset 0 -2px 0 0 #0d9488;
}

.pattern-dots {
  background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
  background-size: 20px 20px;
}

  /* =========================================
     TEMPLATE 1: PROFESSIONALE (Improved LiveCareer)
     ========================================= */
  .tpl-professional {
    display: flex;
    padding: 0;
    color: var(--prof-text-main, #334155);
    min-height: 297mm;
  }
  .tpl-professional .col-left {
    width: 33%;
    background-color: var(--prof-bg-dark, #0f172a);
    color: var(--prof-text-light, white);
    padding: 12mm 8mm;
    display: flex;
    flex-direction: column;
  }
  .tpl-professional .col-right {
    width: 67%;
    padding: 12mm 12mm;
    background-color: var(--prof-bg-light, white);
  }
  .tpl-professional .cv-name {
    font-size: 26pt;
    font-weight: 700;
    color: var(--prof-accent, #0d9488);
    line-height: 1.1;
    margin-bottom: 2mm;
    font-family: 'Playfair Display', serif;
  }
  .tpl-professional .cv-job-title {
    font-size: 12pt;
    color: var(--prof-text-muted, #64748b);
    font-weight: 500;
    margin-bottom: 8mm;
    letter-spacing: 0.5px;
    text-transform: uppercase;
  }
  .tpl-professional .photo-wrapper {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 3px solid var(--prof-accent, #0d9488);
    overflow: hidden;
    margin: 0 auto 8mm auto;
    background-color: var(--prof-bg-dark, #1e293b);
  }
  .tpl-professional .photo-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .tpl-professional .section-title {
    font-size: 11pt;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--prof-accent, #0d9488);
    border-bottom: 1.5px solid var(--prof-border, #e2e8f0);
    padding-bottom: 2mm;
    margin-bottom: 4mm;
    margin-top: 6mm;
    letter-spacing: 1px;
  }
  .tpl-professional .col-left .section-title {
    color: var(--prof-text-light, white);
    border-bottom-color: rgba(255,255,255,0.2);
  }
  .tpl-professional .text-content {
    font-size: 10pt;
    line-height: 1.6;
  }
  .tpl-professional .contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 3.5mm;
    font-size: 9pt;
    color: var(--prof-text-light-muted, #cbd5e1);
  }
  .tpl-professional .contact-icon {
    width: 20px;
    color: var(--prof-accent, #0d9488);
    margin-right: 3mm;
  }
  .tpl-professional .exp-item {
    margin-bottom: 5mm;
    position: relative;
    padding-left: 5mm;
  }
  .tpl-professional .exp-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--prof-accent, #0d9488);
  }
  .tpl-professional .exp-item::after {
    content: '';
    position: absolute;
    left: 2.5px;
    top: 14px;
    bottom: -4mm;
    width: 1.5px;
    background-color: var(--prof-border, #e2e8f0);
  }
  .tpl-professional .exp-item:last-child::after {
    display: none;
  }
  .tpl-professional .exp-dates {
    font-size: 8.5pt;
    color: var(--prof-text-muted, #64748b);
    font-weight: 600;
    margin-bottom: 1mm;
  }
  .tpl-professional .exp-title {
    font-size: 11pt;
    font-weight: 700;
    color: var(--prof-text-dark, #1e293b);
  }
  .tpl-professional .exp-company {
    font-size: 10pt;
    font-weight: 600;
    color: var(--prof-accent, #0d9488);
    margin-bottom: 1.5mm;
    text-transform: uppercase;
  }
  .tpl-professional .exp-desc {
    font-size: 10pt;
    color: var(--prof-text-main, #334155);
    line-height: 1.5;
  }

/* Dashboard Live Preview Scales */
.live-preview-container {
  /* This container forces the internal scale to fit inside the parent aspect ratio */
  /* Real A4 ratio: 210x297. Scale it down! */
  width: 210mm !important;
  height: 297mm !important;
  transform-origin: top left;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}


/* ----------------------------------
   Template 3: Creativo (Creative Focus)
   ---------------------------------- */
.tpl-creative {
  display: flex;
  flex-direction: column;
  padding: 12mm;
  color: var(--crea-text, #3f3f46);
  min-height: 297mm;
  background-color: var(--crea-bg, #fafafa);
  font-family: 'Inter', sans-serif;
}
.tpl-creative .cr-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10mm;
}
.tpl-creative .cr-name-box {
  flex: 1;
  padding-right: 10mm;
}
.tpl-creative .cv-name {
  font-size: 38pt;
  font-weight: 800;
  color: var(--crea-title, #18181b);
  line-height: 1.1;
  margin-bottom: 2mm;
  letter-spacing: -2px;
}
.tpl-creative .cv-job-title {
  font-size: 16pt;
  color: var(--crea-accent, #8b5cf6);
  font-weight: 700;
  margin-bottom: 6mm;
}
.tpl-creative .cr-contact-box {
  display: flex;
  flex-direction: column;
  gap: 2mm;
  border-left: 3px solid var(--crea-border, #e4e4e7);
  padding-left: 6mm;
}
.tpl-creative .contact-item {
  font-size: 9pt;
  color: var(--crea-text-muted, #52525b);
  font-weight: 500;
}
.tpl-creative .contact-icon {
  color: var(--crea-accent, #8b5cf6);
  width: 20px;
  text-align: center;
}
.tpl-creative .photo-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 8mm;
  border: 5px solid var(--crea-inner-bg, white);
  box-shadow: 0 10px 20px rgba(0,0,0,0.05); /* Softened shadow */
}
.tpl-creative .photo-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tpl-creative .cr-body {
  display: grid;
  grid-template-columns: 1fr 2.5fr;
  gap: 12mm;
}
.tpl-creative .section-title {
  font-size: 12pt;
  font-weight: 800;
  color: var(--crea-title, #18181b);
  text-transform: uppercase;
  margin-bottom: 6mm;
  letter-spacing: 1px;
}
.tpl-creative .text-content {
  font-size: 10pt;
  line-height: 1.6;
}
.tpl-creative .cr-skills-list li {
  background: var(--crea-inner-bg, white);
  padding: 2mm 4mm;
  border-radius: 6px;
  margin-bottom: 2mm;
  font-size: 9pt;
  font-weight: 600;
  color: var(--crea-accent-dark, #6d28d9);
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  list-style-type: none;
}
.tpl-creative .cr-skills-list {
  padding: 0; margin: 0;
}
.tpl-creative .exp-item {
  margin-bottom: 8mm;
  position: relative;
  padding-left: 6mm;
  border-left: 2px solid var(--crea-accent, #8b5cf6);
}
.tpl-creative .exp-item::before {
  content: '';
  position: absolute;
  left: -5.5px;
  top: 4px;
  width: 9px;
  height: 9px;
  background: var(--crea-inner-bg, white);
  border: 2px solid var(--crea-accent, #8b5cf6);
  border-radius: 50%;
}
.tpl-creative .exp-dates {
  font-size: 9pt;
  color: var(--crea-text-muted, #a1a1aa);
  font-weight: 600;
  margin-bottom: 1mm;
}
.tpl-creative .exp-title {
  font-size: 13pt;
  font-weight: 700;
  color: var(--crea-title, #18181b);
}
.tpl-creative .exp-company {
  font-size: 10pt;
  color: var(--crea-accent, #8b5cf6);
  font-weight: 600;
  margin-bottom: 2.5mm;
}

/* Modal animation classes */
.modal-show #modal-content {
  opacity: 1;
  transform: scale(1);
}

/* ----------------------------------
   Template 4: Europass
   ---------------------------------- */
.tpl-euro {
  font-family: Arial, Helvetica, sans-serif; /* standard europass feel */
  padding: 15mm;
  color: #333333;
}
.text-eu-blue { color: var(--eu-blue, #0e4088); }
.bg-eu-blue\/5 { background-color: rgba(14, 64, 136, 0.05); }
.border-eu-blue { border-color: var(--eu-blue, #0e4088); }

.tpl-euro .euro-body {
  font-size: 10pt;
}
.tpl-euro h1 { font-size: 24pt; font-family: 'Inter', sans-serif; letter-spacing: -0.5px; }

/* ----------------------------------
   Template 5: Minimal
   ---------------------------------- */
.tpl-minimal {
  min-height: 297mm;
  box-sizing: border-box;
}

/* ----------------------------------
   Template 6: Executive
   ---------------------------------- */
.tpl-executive {
  min-height: 297mm;
  box-sizing: border-box;
}

/* Print Overrides */
@media print {
  .hide-on-print { display: none !important; }
  body { background: none !important; }
  .cv-document { 
    box-shadow: none !important; 
    margin: 0 !important;
    padding: 0 !important;
    width: 210mm;
    height: 297mm;
  }
  .editable-section:hover { outline: none !important; background-color: transparent !important; }
  .editable-section::before { display: none !important; }
  
  /* Force Background Colors in Print */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  
  /* Prevent scroll/cutoff problems */
  #editor-view, body, html {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }
  
  .cv-document {
     position: relative !important;
     transform: scale(1) !important;
     page-break-after: auto;
  }
  
  /* Reset tailwind's editor parent padding/flex for printing */
  #editor-view > div.flex-1 {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    height: auto !important;
  }
}