/* css/generator-gesel.css */
/* Stilizacija za plugin Generator gesel */

.generator_gesel_container {
    margin: 0 auto;
    padding: 10px;
}
.generator_gesel_results {
    margin-bottom: 15px;
}

.gg-wrap {
	background:#4f46e5!important;
    padding: 30px 30px 15px;
	border-radius:7px;
}

.generator_gesel_result_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 15px;
	color:#fff;
	background:#4338ca/*#4f46e5!important*/;
    margin-bottom: 5px;
	border:2px solid #4338ca;
	border-radius:7px;
	font-size:2rem;
}
.generator_gesel_result_password {
    font-family: monospace;
    font-size: 1.1em;
}

.generator_gesel_checkbox {
    width: 16px; /* Increase checkbox width */
    height: 16px; /* Increase checkbox height */
    transform: scale(1.4); /* Makes checkbox 1.5x bigger */
    margin-right: 8px; /* Adds spacing between checkbox and text */
}

.generator_gesel_result_actions {
    display: flex;
    gap: 5px;
}

.gg-comands {
	padding:30px 30px 10px;
	background-color:#eef2ff;
	color:#000;
	margin:0 30px;
	border-radius:0 0 7px 7px;
}

.generator_gesel_options_row {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
	padding:10px 0;
	gap: 20px;
    flex-wrap: wrap; /* Ensures they wrap if too long */
}
.generator_gesel_label {
    margin-right: 10px;
    font-size: 1.1em;
}

.gg-slider {
	font-size:1.4rem!important;
}

.generator_gesel_input {
    padding: 5px;
}
.generator_gesel_button {
    padding: 10px 20px;
    cursor: pointer;
	border-radius:4px;
}
.generator_gesel_range {
    width: 100%;
}

.generator_gesel_copy,
.generator_gesel_reset {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

/* Base style for range slider */
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}

/* WebKit: Slider Track */
input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: #c7d2fe; /* Track color */
  border-radius: 4px;
}

/* WebKit: Slider Thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  margin-top: -8px; /* Adjusts position to center the thumb on the track */
  background: #4338ca; /* Thumb color */
  border-radius: 50%;
}

/* Firefox: Slider Track */
input[type="range"]::-moz-range-track {
  height: 8px;
  background: #c7d2fe;
  border-radius: 4px;
}

/* Firefox: Slider Thumb */
input[type="range"]::-moz-range-thumb {
  height: 24px;
  width: 24px;
  background: #4338ca;
  border: none;
  border-radius: 50%;
}