html { background-color: #999999; }
body {
  /* Nustatome fono spalvą, kuri sutampa su paveikslėlio apačia */
  background-color: #e4d1b3;  margin : 0 auto; max-width : 600px; word-wrap: break-word;
  background-image:
    linear-gradient(rgba(255,255,255,0.01), rgba(255,255,255,0.01)),
    url("img/bg-top.jpg?v=3"),
    url("img/bg-top2.jpg?v=3");

  background-position:
    top center,
    top center,
    top center;

  background-repeat:
    no-repeat,
    no-repeat,
    repeat;

  background-size:
    100% 100%,
    100% auto,
    100% auto;
}

  
body,td,th { 
color: #1f1307; /* Minkštesnė, labai tamsi ruda vietoj grynų akių rėžiančios juodos */
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;  
}
a:link, a:visited { 
    color: #1e522a; /* Gili miško žalia – solidi ir aiškiai matoma */
    transition: color 0.2s ease;
}
a:hover, a:active { 
    color: #388e4c; /* Ryškesnė, gyvesnė žalia užvedus pele */
}
p { margin:5px; }
.title { 
  text-align: center;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold;
  padding: 6px 8px;
  color: #f4eccf; 
  border-bottom: 2px solid #1a110b; 
  background: linear-gradient(to bottom, #3c2719 0%, #21150e 100%); 
  text-shadow: 1px 1px 2px #000;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
}
.pavad { color: #446600; }
.h1 { font-size: 1.17em; }
.h11 { color: #446600; display: inline-block; }
.h22 { color: #555; font-weight: normal; font-size: 0.8em; display: inline-block; }
.tekstofonasglass { background-color: rgba(255, 255, 255, 0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 0.5em; border-radius: 12px; }
.tekstotalpa { text-align: left; display: block; margin: 0.5em; background-color: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); padding: 0.5em; color:white; border-radius: 12px; }
.centre { vertical-align: middle; }
.tcentre { text-align:center; }
.kalbaneaktyvi { 
  border: 1px solid #C9A763; 
  border-radius: 8px; 
  background-color: #f4e0bb; 
  color: #265400; 
  text-decoration: none; 
  margin : 4px 4px; 
  padding: 6px; 
  display: inline-block; 
  box-shadow: 0 0 0 5px #446600a8; 
  user-select: none;
  -webkit-user-select: none;
  }
a.kalba { 
  border: 1px solid #C9A763; 
  border-radius: 8px; 
  background-color: #f4e0bb; 
  color: #265400; 
  text-decoration: none; 
  margin : 4px 4px; 
  padding: 6px; 
  display: inline-block; 
  box-shadow: 1.8px 3.5px 3.5px hsl(0deg 0% 0% / 0.45); 
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation; 
  transition: all 0.1s ease; /* Pridėta sklandžiam paspaudimui */
}

a.kalba:hover { 
  background-color: #f1d7a7; 
  color: #265400; 
  border: 1px solid #C9A763; 
}

a.kalba:active {
  background-color: #e6ceaa; /* Vos tamsesnis paspausto mygtuko fonas */
  box-shadow: 0.5px 1px 1px rgba(0,0,0,0.6), inset 0px 2px 3px rgba(0,0,0,0.3); 
  transform: translateY(1px); /* Mechaninis judesys žemyn */
}
a.veiksmai { 
  border: 1px solid rgba(244, 224, 187, 0.8); 
  border-radius: 8px; 
  background: rgba(244, 224, 187, 0.7); 
  backdrop-filter: blur(1px); 
  -webkit-backdrop-filter: blur(1px);
  color: #265400; 
  text-decoration: none; 
  margin : 4px 4px; 
  padding: 8px; 
  display: inline-block; 
  box-shadow: 1.8px 3.5px 3.5px hsl(0deg 0% 0% / 0.45);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation; 
  transition: all 0.1s ease; /* Pridėta sklandžiam paspaudimui */
}

a.veiksmai:hover { 
  background-color: #f1d7a7; 
}
a.veiksmai:active {
  background-color: rgba(224, 204, 167, 0.9); /* Vos tamsesnis paspausto mygtuko fonas */
  box-shadow: 0.5px 1px 1px rgba(0,0,0,0.6), inset 0px 2px 3px rgba(0,0,0,0.3); /* Mažas išorinis šešėlis + įspaudimas */
  transform: translateY(1px); /* Mechaninis judesys žemyn */
}
a.butonas { 
  border-radius: 8px; 
  padding: 8px; 
  font-family: Arial, Helvetica, sans-serif; 
  cursor: pointer; 
  border: 1px solid #334d00; 
  background: linear-gradient(to bottom, #558000 0%, #3a5400 100%);
  color: white; 
  text-decoration: none; 
  margin : 4px 4px; 
  display: inline-block; 
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  box-shadow: 1.8px 3.5px 3.5px hsl(0deg 0% 0% / 0.45); 
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  transition: all 0.12s ease;
  }
a.butonas:hover { 
  background: linear-gradient(to bottom, #3a5400 0%, #253600 100%);
}
a.butonas:active {
  background: linear-gradient(to bottom, #253600 0%, #3a5400 100%);
  box-shadow: 0.5px 1px 1px rgba(0,0,0,0.6), inset 0px 2px 3px rgba(0,0,0,0.6);
  transform: translateY(1px);
}