/*TELJES KÉPERNYŐ*/
@media (min-width: 1001px){
  main{max-width:90%; margin-left: 7.5%; margin-right:2.5%;}
  .main-title {font-size: 24pt;}
  .main-subtitle, .section-title {font-size: 22pt;}
  .thead, .year{font-size: 16pt;}
  .td{font-size:24pt;}
  #pdf-buttons-container {margin-left:5%; margin-top:0 !important;}
  #pdf-buttons-container button {width:20% !important;}

  }/*TELJES KÉPERNYŐ VÉGE*/

/*TELEFON*/
  @media (max-width: 600px){
    .skills-table th:nth-child(2), .skills-table td:nth-child(2){
      width: 70%;
    }

    .main-title {font-size: 18pt;}
    .main-subtitle, .section-title {font-size: 16pt;}
    .thead, .year{font-size: 12pt;}
    .td{font-size:10pt;}

    #backToTop {
    visibility: hidden;
  }/*TELEFON VÉGE*/
  }

/*KIS KÉPERNYŐ*/
@media (max-width: 1000px){
  main{
    width:auto;
    margin-left:0;
  }
  

  .studies-table th:nth-child(4), .studies-table td:nth-child(4) {display: none;}
  .experience-table th:nth-child(4), .experience-table td:nth-child(4) {display: none;}
  .personal-table th:nth-child(4), .personal-table td:nth-child(4) {display: none;}
  .skills-table th:nth-child(4), .skills-table td:nth-child(4) {display: none;}
  .skills-table th:nth-child(4), .skills-table td:nth-child(3) {display: none;}
  .language-table th:nth-child(4), .language-table td:nth-child(4) {display: none;}


  .personal-table th:nth-child(1), .personal-table td:nth-child(1),
  .studies-table th:nth-child(1), .studies-table td:nth-child(1),
  .experience-table th:nth-child(1), .experience-table td:nth-child(1),
  .skills-table th:nth-child(1), .skills-table td:nth-child(1),
  .language-table th:nth-child(1), .language-table td:nth-child(1) {
    width: 25%;
  }

  .personal-table th:nth-child(2), .personal-table td:nth-child(2),
  .studies-table th:nth-child(2), .studies-table td:nth-child(2),
  .experience-table th:nth-child(2), .experience-table td:nth-child(2),
  .language-table th:nth-child(2), .language-table td:nth-child(2) {
    width: 40%;
  }

  .studies-table th:nth-child(3), .studies-table td:nth-child(3),
  .experience-table th:nth-child(3), .experience-table td:nth-child(3),
  .personal-table th:nth-child(3), .studies-table td:nth-child(3),
  .language-table th:nth-child(3), .studies-table td:nth-child(3){
    width: 30%;
  }

  .main-title {font-size: 20pt;}
  .main-subtitle, .section-title {font-size: 16pt;}
  .thead, .year{font-size: 14pt;}
  .td{font-size:12pt;}


}/*KIS KÉPERNYŐ VÉGE*/


.personal-table,
.studies-table,
.experience-table,
.skills-table,
.language-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-left:0;
}

main{
  background-color: var(--secondary);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.main-title {
  margin-bottom: 10px;
  color: var(--metallic); 
  text-align: center;
}

.main-subtitle {
  margin-bottom: 20px;
  color: var(--accent);  
  text-align: center;
}


.section-title {
  color: var(--accent);  
  margin-top: 30px;
  border-bottom: 2px solid var(--accent);  
  padding-bottom: 5px;
}

.year {
  color: var(--metallic); 
  font-weight: bold;
}


table {
  margin-bottom: 20px;

}

th, td {
  text-align: left;
  padding: 10px;
}

th {
  font-weight: bold;
}

thead {
  color: var(--hover-effect);  
}

input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  background: var(--accent);  
  border-radius: 5px;
  outline: none;
}

/* WebKit (Chrome, Safari, Edge) */
input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: var(--accent);  
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: var(--soft-highlight);  
  border-radius: 50%;
  cursor: pointer;
  margin-top: -5px;
}

/* Fill the left side of the track dynamically */
input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--soft-highlight), var(--soft-highlight)) 0/var(--progress-width) 100% no-repeat var(--accent);  /* Corrected */
}

/* Firefox */
input[type="range"]::-moz-range-track {
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: var(--accent);  
}

input[type="range"]::-moz-range-progress {
  background: var(--soft-highlight);  
  height: 6px;
  border-radius: 5px;
}

input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: var(--soft-highlight); 
  border-radius: 50%;
  cursor: pointer;
}

/* Set default progress width */
input[type="range"] {
  --progress-width: 50%; /* Initial value, will be updated via JS */
}
#pdf-buttons-container {
  display: flex;
  justify-content: center;  /* Center horizontally */
  gap: 10px;                /* Space between buttons */
  padding: 10px 15px;       /* Padding around the buttons */
  border-radius: 8px;       /* Rounded corners */
  z-index: 1000;            /* Ensure it stays on top of other content */
}


#pdf-buttons-container button {
  padding: 10px 10px; 
  width: 30%;     /* Button padding */
  background-color: var(--metallic); /* Button background color */
  color: white;            /* Text color */
  border: none;            /* Remove borders */
  border-radius: 5px;      /* Rounded corners */
  cursor: pointer;        /* Pointer cursor on hover */
  transition: background-color 0.3s; /* Smooth hover effect */
  font-size: 12pt;
  
}

#pdf-buttons-container button:hover {
  background-color: var(--light-accent);
  color: var(--secondary);
}

#backToTop {
  position: fixed;
  bottom: 10px !important;
  right: 3.5% !important;}