/***** 82la9fby *****/

/***** Design style *****/
#main-container { background: #ffffff;
 background-repeat: no-repeat; background-position: center top;
 }

/* Form */
#main-form { background-color: #ffffff; }

/* Fonts */
#main-form { font-family: Arial; font-size: 14px; color: #000000; }
#main-form label { font-family: Arial; font-size: 14px; color: #000000; }
#main-form .btn { font-family: Arial; }

/* Button */
#formHeaderButtons .btn-primary:not(.btn-grey), #main-form .btn { background-color: #e87327 !important;color: #ffffff !important; }
#main-form .btn:hover { background-color: #BA5C1F !important; }
#main-form .saveBtnLine { text-align:right; }

/* Radio, Checkbox, Stars */
#main-form .custom-checkbox .custom-control-icon { background: #ffffff; border: 1px solid #c5c9cb; }
#main-form .custom-checkbox .custom-control-input:checked ~ .custom-control-icon { background: #e87327; border: 1px solid #e87327; }
#main-form .custom-checkbox .custom-control-icon:after { border: solid #ffffff; border-width: 0 3px 3px 0; }
#main-form .custom-radio .custom-control-icon { background: #ffffff; border: 1px solid #c5c9cb; }
#main-form .custom-radio .custom-control-input:checked ~ .custom-control-icon { background: #e87327; border: 1px solid #e87327; }
#main-form .custom-radio .custom-control-icon:after { background: #ffffff; }
#main-form .stars-rating-stars .starList > label { color: #c5c9cb !important; }
#main-form .stars-rating-stars .starList > label:hover:before,
#main-form .stars-rating-stars .starList > label:hover ~ label:before { color: #e87327 !important; }
#main-form .stars-rating-stars .starList > input:checked ~ label:before { color: #e87327 !important; }

/* Table */
#main-form .table-statistic thead tr:not(.clearTH) th { background-color: #e87327 !important; border-color: #e87327 !important; color: #ffffff !important; } 
/* Divider */
#main-form .divider.lineStyle::before, #main-form .divider.lineStyle::after { border-bottom: 1px solid #e87327 !important; }
#main-form .divider.lineStyle { color: #e87327 !important; }
#main-form .divider.boxStyle { background-color: #ffffff !important;color: #e87327 !important; }

/* Field */
.form-control:focus { border-color: #e87327 !important; }

/* Links */
#main-form div.textbox a, #main-form .link, #popup a { color: #e87327 !important; }

/* Totals */
#main-form #totalsBox #totalsTotal .sum { color: #e87327 !important; }

/***** Form style *****/
/* ===================================================================
   Pašvaldību forums 2026 — reģistrācijas anketas dizains
   Pielāgots mittoevents.com reālajai HTML struktūrai
   (klases: .form-container, .rfl.form-group, .custom-control-radio,
    .form-control, .select2, #register-btn)
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');

:root{
  --orange: #EE7023;
  --orange-dark: #C85A16;
  --orange-light: #FBE4D2;
  --green: #214E24;
  --green-light: #2F6B34;
  --green-pale: #E7EEE6;
  --ink: #22281F;
  --muted: #6B7568;
  --border: #E3E0D6;
  --radius: 16px;
}

/* Tumšs fons ar spilgtiem zaļiem/oranžiem gaismas efektiem — anketa (karte) paliek gaiša */
.container-fluid:has(.form-container){
  min-height: 100vh;
  padding: 24px 0 48px;
  background:
    radial-gradient(circle at 0% 0%,   rgba(240,124,46,0.45) 0%, rgba(240,124,46,0) 34%),
    radial-gradient(circle at 100% 100%, rgba(87,193,105,0.40) 0%, rgba(87,193,105,0) 34%),
    #0B0F0B;
  background-attachment: fixed;
}

@keyframes formFadeIn{
  from{ opacity: 0; transform: translateY(16px); }
  to{ opacity: 1; transform: translateY(0); }
}

/* ---------- Ārējais konteiners: kartes izskats ---------- */
.form-container{
  position: relative;
  max-width: 720px !important;
  margin: 40px auto 60px !important;
  background: #fff;
  border-radius: var(--radius);
  box-shadow: 0 24px 60px -20px rgba(33,78,36,0.22), 0 4px 14px -6px rgba(33,78,36,0.10);
  border: 1px solid var(--border);
  overflow: hidden;
  font-family: 'IBM Plex Sans', -apple-system, sans-serif;
  animation: formFadeIn .6s ease both;
}

/* Krāsu joslas akcents pašā augšā */
.form-container::before{
  content: "";
  display: block;
  height: 6px;
  background: linear-gradient(90deg, var(--orange) 0%, var(--green) 100%);
}

.form-container *{ box-sizing: border-box; }

/* ---------- Virsraksta attēls (jau esošais top image slot) ---------- */
.form-container .row.form-title-image{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 44px 40px 12px !important;
  text-align: center !important;
}

.form-container .row.form-title-image .col{
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.form-container .row.form-title-image img{
  display: block !important;
  width: auto !important;
  max-width: 340px !important;
  height: auto !important;
  margin: 0 auto !important;
  float: none !important;
}

/* ---------- Formas iekšējais atkāpums ---------- */
#main-form{
  display: block;
  padding: 8px 40px 8px;
}

#main-form ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

#main-form li{
  margin-bottom: 20px;
}

.form-container .clear{
  display: none;
}

/* ---------- Datuma bloks (pirmais teksta lauks) ---------- */
#fg-143924{
  text-align: center;
  padding: 4px 20px 8px;
  margin-bottom: 24px !important;
  position: relative;
}

#fg-143924 .textbox p{
  text-align: center;
}

.form-container .textbox p:has(strong){
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  max-width: 380px;
  margin: 0 auto;
}

.form-container .textbox p:has(strong)::before,
.form-container .textbox p:has(strong)::after{
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--green-light) 55%, transparent);
}

.form-container .textbox p strong{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'IBM Plex Sans', sans-serif !important;
  color: var(--green) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
}

.form-container .textbox p:empty{
  display: none;
}

/* Šī gada fokusa tēmas — pievienotas ar CSS zem datuma bloka.
   Ideālā gadījumā šo teksta rindu labāk ievietot tieši mittoevents
   redaktorā tajā pašā teksta laukā ("2026. gada 6. oktobrī"),
   jo CSS ģenerētais teksts nav pieejams meklētājiem/ekrāna lasītājiem.
   Kamēr tas nav izdarīts redaktorā, šī rinda to parāda vizuāli. */
#fg-143924 .textbox::after{
  content: "Kiberdrošība  ·  Personas datu aizsardzība  ·  Datu centri  ·  Vienota valstiska sistēma";
  display: block;
  max-width: 480px;
  margin: 14px auto 0;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 15.5px;
  font-weight: 600;
  color: var(--green);
  line-height: 1.7;
  text-align: center;
  letter-spacing: 0.01em;
}

/* ---------- Lauku etiketes ---------- */
.form-container label{
  font-family: 'IBM Plex Sans', sans-serif !important;
  color: var(--ink) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  display: block;
  margin-bottom: 7px;
}

.form-container .star{
  color: var(--orange) !important;
  font-weight: 700;
}

/* Neobligāto lauku smalka atzīme */
label[for="input_144074"]::after,
label[for="input_143930"]::after{
  content: " (nav obligāti)";
  color: var(--muted);
  font-weight: 400;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
}

/* Sekciju iezīme svarīgākajiem laukiem */
label[for="input_143925"]::before,
label[for="input_143927"]::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  vertical-align: middle;
  background: var(--orange);
  border-radius: 1px;
}

/* Palīdzības rindiņa pirms pirmā izvēles lauka */
#fg-143925::before{
  content: "Lūdzu aizpildiet visus laukus, kas atzīmēti ar *";
  display: block;
  font-size: 12.5px;
  color: var(--muted);
  margin-bottom: 16px;
}

/* ---------- Teksta / e-pasta / tālruņa lauki ---------- */
.form-container input.form-control{
  width: 100%;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  color: var(--ink);
  background: #FBFAF7;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

.form-container input.form-control:hover{
  border-color: #C9C4B2;
}

.form-container input.form-control:focus{
  outline: none;
  border-color: var(--orange);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(238,112,35,0.16);
}

/* Smalkas ikonas e-pasta un tālruņa laukos */
#input_143929{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7568' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 14px center !important;
  padding-left: 42px !important;
}

#input_143930{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236B7568' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 14px center !important;
  padding-left: 42px !important;
}

/* Vārds / Uzvārds vienā rindā */
.form-container .rfl.form-group[data-type="name"]{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.form-container .rfl.form-group[data-type="name"] > div{
  flex: 1 1 220px;
}

/* ---------- Kategorija — pogu (segmented) izskats ---------- */
.form-container .optionList{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.form-container .optionLine{
  flex: 1 1 auto;
}

.form-container .custom-control.custom-radio{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 11px 16px;
  border-radius: 10px;
  border: 1.5px solid var(--border);
  background: #FBFAF7;
  cursor: pointer;
  font-weight: 500;
  font-size: 14.5px;
  text-align: center;
  transition: all .18s ease;
}

.form-container .custom-control.custom-radio:hover{
  border-color: var(--orange);
  background: var(--orange-light);
}

.form-container .custom-control-icon{
  display: none;
}

.form-container .custom-control-input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.form-container .custom-control.custom-radio:has(.custom-control-input:checked){
  background: var(--green);
  border-color: var(--green);
}

.form-container .custom-control.custom-radio:has(.custom-control-input:checked) .custom-control-description{
  color: #fff !important;
}

.form-container .custom-control-description{
  font-family: 'IBM Plex Sans', sans-serif !important;
  color: var(--ink) !important;
  font-size: 14.5px !important;
}

/* ---------- Pašvaldības izvēlne (select2, ja tiek izmantots) ---------- */
.form-container select.form-control{
  width: 100%;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  color: var(--ink);
  background: #FBFAF7;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  padding: 12px 14px;
}

.select2-container .select2-selection--single{
  height: auto !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  background: #FBFAF7 !important;
  padding: 12px 14px !important;
}

.select2-container .select2-selection__rendered{
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 15px !important;
  color: var(--ink) !important;
  line-height: 1.4 !important;
  padding: 0 !important;
}

.select2-container .select2-selection__arrow{
  height: 100% !important;
}

.select2-dropdown{
  border: 1.5px solid var(--border) !important;
  border-radius: 10px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  overflow: hidden;
}

.select2-results__option--highlighted[aria-selected]{
  background: var(--green) !important;
}

.select2-results__option{
  padding: 10px 14px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 14.5px !important;
}

.select2-container--open .select2-dropdown{
  box-shadow: 0 16px 32px -10px rgba(33,78,36,0.28) !important;
}

.select2-container .select2-selection--single .select2-selection__arrow b{
  border-color: var(--green) transparent transparent transparent !important;
}

/* ---------- Reģistrēties poga ---------- */
.form-container .saveBtnLine{
  margin-top: 10px;
  padding: 0 40px 32px;
}

.form-container #register-btn{
  position: relative;
  overflow: hidden;
  width: 100%;
  background: linear-gradient(135deg, var(--orange) 0%, var(--orange-dark) 100%) !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 15px 20px !important;
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #fff !important;
  cursor: pointer;
  box-shadow: 0 14px 28px -10px rgba(238,112,35,0.55);
  transition: transform .15s ease, box-shadow .15s ease, background .2s ease;
}

.form-container #register-btn::after{
  content: "→";
  display: inline-block;
  margin-left: 10px;
  transition: transform .2s ease;
}

.form-container #register-btn:hover::after{
  transform: translateX(4px);
}

.form-container #register-btn::before{
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(120deg, transparent, rgba(255,255,255,0.35), transparent);
  transform: skewX(-20deg);
  transition: left .5s ease;
  pointer-events: none;
}

.form-container #register-btn:hover::before{
  left: 120%;
}

.form-container #register-btn:hover{
  background: linear-gradient(135deg, var(--green) 0%, var(--green-light) 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -10px rgba(33,78,36,0.5);
}

/* ---------- Piekrišanas / noteikumu teksts ---------- */
.form-container .termsConditions{
  padding: 0 40px 28px;
}

.form-container .termsConditions p{
  font-family: 'IBM Plex Sans', sans-serif !important;
  font-size: 12px !important;
  color: var(--muted) !important;
  line-height: 1.6;
}

/* ---------- Apakšējais logo (jau esošs fg-143934 attēls) ---------- */
#fg-143934{
  margin-top: 10px;
  padding: 0 40px 8px;
  text-align: center;
}
#fg-143934 img{
  max-width: 220px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 560px){
  #main-form{ padding: 22px 20px 4px; }
  .form-container .saveBtnLine{ padding: 0 20px 26px; }
  .form-container .termsConditions{ padding: 0 20px 24px; }
  #fg-143934{ padding: 0 20px 4px; }
  .form-container .rfl.form-group[data-type="name"]{ flex-direction: column; gap: 0; }
}

.alert-success { background-color:#FFFFFF! important; color:#33532b!important; }